gowk
V2EX  ›  问与答

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

  •  
  •   gowk · Dec 16, 2016 · 3895 views
    This topic created in 3615 days ago, the information mentioned may be changed or developed.

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

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

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

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

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

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

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

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