V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
gowk
V2EX  ›  问与答

一群人用手机不停的点击操作一个页面,另一个页面收集点击数据实时显示进度,这个功能如何实现?

  •  
  •   gowk · 2016-12-16 21:40:44 +08:00 · 2770 次点击
    这是一个创建于 2905 天前的主题,其中的信息可能已经有所发展或是发生改变。

    有个项目要上线,开个项目启动会,想在会上实现这样的效果。

    参会人员用手机访问一个页面,进行操作,比如不停的点击一个按钮。

    然后另一个页面用 PPT 投影出来,收集大家的点击数据,比如,可以做成一个球形进度条,就像注水一样,随着大家的点击,里面的水越涨越高,最后爆掉,代表项目成功上线。

    不一定用球形,大家有没有好的思路?就是让与会的每个人都参与进来,就是个仪式感而已。人数不会太多,几十个人吧,所以高并发,高负载的不用考虑,就是一个带动气氛的小工具而已。

    目前考虑用 HTML5 来实现,可以用 D3.js ,后台用啥无所谓,反正就两个页面,放在内网上的。

    感觉后台用 Node.js 比较好, Go 也行。大家畅所欲言,头脑风暴一下。

    有做过类似应用的 V 友给支支招,谢谢了!

    15 条回复    2016-12-17 21:17:12 +08:00
    codingadog
        1
    codingadog  
       2016-12-16 21:54:16 +08:00 via iPhone   ❤️ 1
    前台做个按钮让大家点
    后台每秒钟自动加随机数
    假装大家都在点。。。欢乐又没有难度(逃
    RE
        2
    RE  
       2016-12-16 22:52:29 +08:00 via iPhone
    摇一摇咯,可以参考电车之狼啊、尾行啊,都是持续做某个动作,最后爆掉 ⁄(⁄ ⁄ ⁄ω⁄ ⁄ ⁄)⁄
    Lonely
        3
    Lonely  
       2016-12-16 22:57:31 +08:00 via iPhone
    @RE 老司机
    GordianZ
        4
    GordianZ  
    MOD
       2016-12-16 22:57:51 +08:00
    gowk
        5
    gowk  
    OP
       2016-12-16 23:13:05 +08:00 via Android
    @codingadog 哈哈,这个好
    gowk
        6
    gowk  
    OP
       2016-12-16 23:13:46 +08:00 via Android
    @RE 求带。。
    gowk
        7
    gowk  
    OP
       2016-12-16 23:14:16 +08:00 via Android
    @GordianZ 了解一下,谢谢
    kkzxak47
        8
    kkzxak47  
       2016-12-16 23:49:10 +08:00 via Android
    搞个进度条,肉眼观察他们的点击,手动拖动
    rashawn
        9
    rashawn  
       2016-12-17 00:01:30 +08:00 via iPhone
    一楼那个是正确答案
    mokeyjay
        10
    mokeyjay  
       2016-12-17 00:13:12 +08:00 via Android
    websocket
    SuperFashi
        11
    SuperFashi  
       2016-12-17 01:34:12 +08:00 via Android
    前端一个按钮,按一次异步发一个包,后端统计,再设置个刷新间隔,例如 15 次 /s ,把前端显示的数值改一下。
    或者,后端做个转发,每有人按一次就刷新一下,不过效果和前面那个不会有太大区别。
    其实这不是最重要的,最主要的是,你这个数要设置好了。不能太小,按几下就没了,气氛完全没带动起来;不能太大,按到全部人手都累了都没按完,就很尴尬了。
    gowk
        12
    gowk  
    OP
       2016-12-17 08:17:11 +08:00 via Android
    @SuperFashi 谢谢,这个还是用 websocket 做比较好,但自己没接触过 websocket ,按照你说的也能实现。刚上网搜,才知道这个其实就是"双屏互动"...
    ikaros
        13
    ikaros  
       2016-12-17 09:53:39 +08:00
    两个页面,一个用户页面,一个大屏幕页面,一个 ajax 用户请求,一个大屏幕 ajax 请求,大屏幕那边请求频率快一些就好了
    zjhui
        14
    zjhui  
       2016-12-17 11:50:58 +08:00 via iPhone
    这种都是假的。。前台随便他们点。后台自己控制下让他爆掉就好了。
    libook
        15
    libook  
       2016-12-17 21:17:12 +08:00
    socket.io
    照官网的例子做一遍,然后再改成自己的需求,基本上半天完事
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1656 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 16:48 · PVG 00:48 · LAX 08:48 · JFK 11:48
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.