<style>
div {background-color: #eee;width: 200px;height: 50px;border: 1px dotted black;overflow: visible;
}
</style>
</head>
<body>

在现实生活中,签到打卡我们可以使用手写签到,每个人在事先打印好的电子表格里,写下自己的姓名进行签到;或者可以在签到墙上进行签到,拍照打卡。

除此之外,我们还可以进行电子签到打卡,电子签到的好处是简化信息登记的手续,便于活动现场的控场、信息传递以及活动后的客户跟进、调查反馈。AR签到、刷脸签到等则是在信息收集的基础上,尽可能把活动做得更有趣,满足大众的猎奇心理,同时达到活动传播的目的。

微信是大家比较熟悉的社交软件,而依托于微信这个十亿多流量存在的小程序,则越来越多种多样,那么如何制作一个活动打卡小程序呢?线上签到打卡的玩法有哪些?

下面我们介绍的这个,就是通过微信小程序的方式来实现的一个电子化的打卡方式,活动发起者,可以创建活动,设置好活动信息,然后转发给参与者进行打卡活动。参与者只要微信扫一扫活动的二维码即可加入参加活动。整个系统的使用方法介绍如下:

首先,活动发起者,可以通过这个微信小程序,创建一场活动,然后在这场活动里设置一个或者多个点位供大家打卡签到。

每个点位可以设置点位的介绍,设置这个地点的经纬度,以及需要在这个地点周围多少米范围内才能打卡签到。也可以设置签到的时间,比如是每天的8:00—18:00签到。

用户进入到活动以后,只要走到了活动设置的点位周围指定的范围内,就可以实现打卡签到。在打卡签到的过程中,为了实现趣味性,还可以发表打卡心情,发文字配上图片。并可以获取自己的运动步数。根据运动步数进行排名等。

同时还可查看本次打卡活动排行榜数据,排行榜是最能让成员了解自我的功能之一。通过排行榜,成员可以查看到自己与他人的数据排名状况,在了解目前打卡数据排名的同时,还可以激发成员之间良性竞争,使圈子中的打卡活动更加活跃有趣。
如下图是活动打卡签到小程序界面 : 

根据大家打卡签到完成的时间和完成的数量进行排名。完成数量越多排在越前,打卡签到的数量一样的,就看完成的时间,谁最先完成,就谁排在最前面。

上面介绍的是单次打卡活动的玩法,同时还可以创建周期打卡。比如读书节,可以在每个月组织一次这样的活动。每天打卡签到自己读书的心得,每天分享到活动里,然后月底,系统自动统计这一个月里,所有人打卡分享的天数。谁累计坚持打卡的天数最多,进行所有的排名。从高到低依次进行排名。、

整个系统支持用户自行创建活动,生成自己活动的二维码以及活动展示页面。创建者可以分享这个二维码到朋友圈,或者转发这个活动页面到微信群,其他人扫码或者点击即可进入到这个活动,参与并完成这个活动的打卡。

整个活动可以设置一个或者多个地点,所以如果是一个地点,那么就可以适合线下会议这种模式的打卡签到。如果是设置的多个点,就适合一些线下活动,需要集齐多个活动地点,打卡完毕获得活动的名次。

所有签到打卡的用户名单都可以导出成Excel表格。方便活动发起者管理。

应用场景:

活动打卡适用于一些大型连锁店以及公司周年庆等。消费者只要到每个指定的门店,进行打卡签到,集齐打卡徽章,达到对应的数量,就可以领取奖品,兑换奖品。

还有一些线上打卡活动,比如通过每日至少一次发表绿色生活实践照片或视频的方式打卡,宣传绿色生活,增加参与感。活动有效时长连续七天,打卡内容展示“帮助环卫工人”“做环保公益活动”“送废纸废塑料去回收”等,旨在号召人们积极参与绿色生活实践。每日坚持打卡会有香囊、水杯、充电宝等奖品,以此鼓励环保打卡行为。

很多单位都喜欢使用这种的打卡活动来举办各种不同形式的线下互动活动。比如下面的:

厦门市总工会于5月1日至15日期间举办厦门市职工“绿色行”打卡活动,持有工会会员卡的职工任意前往5个首批厦门市职工“绿色行”打卡点拍摄照片即可参与活动,前200位经审核合格的参与对象将获得由厦门市总工会提供的礼品。

本次活动要求参与者上传5张在不同打卡点拍摄的照片,照片内容须包含打卡点明显标志且有参与者本人出现,每张照片大小在1M以内,像素清晰。照片上传数量不足、参与者与工会系统用户不一致、盗图都将被取消参与活动资格。经审核合格的参与对象将接到短信通知,5月20日后可登录厦门市总工会官网公告栏查看获奖人员名单。据介绍,活动通过打卡“绿色行”打卡点,让职工切身体会厦门的山海风貌和经济特区建设丰硕成果,以调动职工工作生活积极性,增强工会组织凝聚力和向心力。

点位定位打开活动,到了某个点位后才可以打卡的活动,让打卡更具体,overflow: visible默认情况下,溢出是可见的相关推荐

  1. inprivate浏览是什么意思_保护Internet隐私,打开IE浏览器InPrivate浏览默认情况下...

    为了更好地保护Internet上用户的隐私,可以使用InPrivate浏览模式,该模式可以防止使用计算机的任何人查看您访问的网页和您查看的内容. 如果您每次都需要在任务栏上的IE浏览器上单击鼠标右键, ...

  2. web服务器显示禁用,win10系统打开ppt提示默认情况下禁用对此web服务器的访问的处理办法...

    有关win10系统打开ppt提示默认情况下禁用对此web服务器的访问的操作方法想必大家有所耳闻.但是能够对win10系统打开ppt提示默认情况下禁用对此web服务器的访问进行实际操作的人却不多.其实解 ...

  3. 为什么JavaScript仅在IE中打开开发人员工具一次后才能工作?

    IE9错误-JavaScript仅在打开开发人员工具一次后才能工作. 我们的网站为用户提供免费的pdf下载,并且具有简单的"输入密码下载"功能. 但是,它根本无法在Internet ...

  4. 如何打开python的交互窗口-Python多版本情况下四种快速进入交互式命令行的操作技巧...

    原标题:Python多版本情况下四种快速进入交互式命令行的操作技巧 因为工作需求或者学习需要等原因,部分小伙伴的电脑中同时安装了Python2和Python3,相信在Python多版本的切换中常常会遇 ...

  5. Win10为什么电脑在有密码的情况下,睡眠后不用输密码打开?

    #为什么电脑在有密码的情况下,睡眠后不用输密码打开? 讲真的,小小年纪的我是从来都没有想到自己会遇到这种情况,于是在第N次打开电脑后,才发现好像有哪里不对劲???我刚刚是不是没输密码?于是本人就进行了 ...

  6. 华硕主板如何设置开机自启_华硕主板如何设定自动开机在无人的情况下自动打开...

    首先要看你的主板是否支持自动开机功能,如果有的话,设置自动开机后,在无人的情况下,计算机也可以自动打开. 实现方法是设置BIOS,以AwardBIOS为例(华硕一般用这个BIOS芯片比较多): 开机后 ...

  7. Android Studio—单击定位打开

    之前忘记了项目单击定位打开怎么设置的,后来想了好久,才想起来,真是,要是设置修改成中文不就好了嘛... 还是好记性不如烂笔头,还是老老实实的记下来吧:项目右键那两个带Souse的就是 "Au ...

  8. 自助式拍照打卡签到活动,亚运地点拍照打卡活动,<h2>JavaScript ISO

    var d = new Date("2019-05-02");document.getElementById("demo").innerHTML = d;< ...

  9. 团队公司地点拍照打卡签到活动小程序 document.forms[“myForm“][“fname“]

    function validateForm() {var x = document.forms["myForm"]["fname"].value;if (x = ...

最新文章

  1. linux挂载其他硬盘
  2. 前端面试http和https的区别
  3. linux ATT汇编 与 Intel汇编 语法格式对比
  4. Golang 之 Base62 编码
  5. android canvas 网络图,【巨坑:toDataURL】canvas合成网络图片
  6. Linux C/C++ UDP Socket 网络通信
  7. python可以开多少线程_python多线程详解
  8. 常见的技术类英文字母含义总结,Localhost、SDK、URL 等(持续更新中)
  9. 人工计算机的相关信息,第三届计算机信息科学与人工智能国际学术会议(CISAI 2020)...
  10. String、StringBuffer、StringBuilder之间的区别 简明介绍
  11. java写一个外网访问的接口_不是吧不是吧!随便写的一个API竟获得 2.5 亿的访问量...
  12. Windows 8 Directx 开发学习笔记(十二)利用混合实现浮在水面的木箱
  13. Create-React-App创建antd-mobile开发环境
  14. 使用Microsoft Word中“多级列表”功能定制文档标题的方法
  15. 架构师架构蓝图《UML精粹》 UML Distilled读后感
  16. 未在本地计算机上注册“Microsoft.Jet.OLEDB.4.0” 提供程序解决办法
  17. 聊天室 java代码_java聊天室的实现代码
  18. c#万能视频播放器(附代码)
  19. 【软件工程】对软件工程课程的希望及个人目标
  20. 超好用的内网穿透工具【永久免费不限制流量】

热门文章

  1. Android学习笔记(二)
  2. 基于Hexo和Github搭建博客
  3. 2009年最新虚拟主机提供商排名榜
  4. matlab采样率为100hz,matlab自己设计一个低通滤波器,要求滤出100Hz之外的频率,采样率为10000Hz...
  5. mysql的组内排序生成序号_sql 分组查询,组内排序, 组内添加序号 (SQL Server 排序函数 ROW_NUMBER和RANK 用法总结)...
  6. Android指纹支付 - android M / P 全适配
  7. iOS-微信朋友圈图片压缩算法
  8. 微信小程序引用Vant组件库message: 没有找到可以构建的 NPM 包,请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内...
  9. 史诗手册!微信小程序新手自学入门宝典!你想要的都在这里
  10. 【转载】《Real-Time Rendering 3rd》 提炼总结】(二) 第二章 · 图形渲染管线 The Graphics Rendering Pipeline