-
1.安装非IE的浏览器(最好是chrome谷歌浏览器)。
-
2.当要抽对应奖项时,点开对应文件(每一个奖项对应一个抽奖器页面,双击或者右键单机->用浏览器打开。) 例如:抽”一等奖”时,点开”一等奖抽奖器.htm”。
-
3.点击【全屏显示】按钮,全屏显示后,满足16:9的屏幕投影要求,并且背景图加了高像素自动缩放的代码逻辑,不会影响分辨率。
-
4.按照回车提示,开始抽奖
-
5.抽中的人会被标红,然后需要现场用手机拍照或者其他方式记下来,如果没人上台,可以继续抽下一个,这样可以很好满足补抽和重复中奖的case。(把抽奖系统抽象成了以次数为逻辑来执行,方便现场主持人和记录人灵活调整策略)
-
6.每个抽奖器的次数的限制为100次(足够用了)。
-
7.可以复用到以后各种抽奖场合下,只需要简单编辑2个接口就可以替换【抽奖名单】以及【奖项名称】
- 1.这次的需求发布的特别晚,问题暴露的晚,年会前只预留了3个工作日。
- 2.无人力配合,一个人需要兼职FE\QA\UE多个角色,其中抽奖逻辑,样式和测试的
- 3.需求方是助理,很多时候没法像专业PM一样去布置工作和任务,这点特别理解对方,所以都是RD我自己在过滤需求,设计开发方案。
- 4.年会节目最终走场排练、年会抽奖器、业务线常规开发工作、三条主线工作并行,主要给大家准备年会节目走场排练比较占用时间,3个工作日里实际投入抽奖器的时间很少,都是靠熬夜和加班补上进度,保证功能。
- 1.尽量让助理和主持人操作起来简单,所以我只设置了一个全屏按钮键和一个回车键,来触发。
- 2.满足补抽、老板特别奖的临时需求。
- 3.在代码文件中替换
<textarea name="candidates">
人员名单数据,即可复用,比上一期若凡的版本复用起来容易。 - 4.在代码文件中替换
<textarea name="prizes">
奖项,配置”奖项名|数量|每次抽几个|奖品”,即可灵活配置奖项名称和每次抽奖个数,比上一期若凡的版本复用起来容易。 - 5.只要浏览器就能打开,跨平台,多终端都能显示。
- 6.程序为JS/HTML编写的本地静态页,无需网络通信要求,适用与酒店舞台现场。
- 7.支持16:9的全屏显示以及设备投影
- 8.如果现场临时有Review源代码的需求,可以直接用记事本打开所有.html文件进行现场code review(比那些打成jar包和编译后的桌面应用程序更方便更透明),透明其公开,严格遵守阳光职场的信念,不越红线。
-
因为在做抽奖器之前,就考虑到是否能适用到以后各种抽奖场合,所以在设计的时候,预留了通用接口来提高程序的复用性,也为开源给大家使用\完善,做了初步的准备。大家可以自行下载资源代码,按照使用步骤进行测试,学习,改进。
-
欢迎大家提交issue和反馈。
Author:小枫([email protected])