系统说明: (建议双屏调试)
TonyCode 抽奖系统(前身《html+js 抽奖系统》),由公司年会需要设计演变而来,从单机网页版本,逐步演变为基于 WEB 可执行程序的系列版本。系统适用于投影投宴会、户外互动、活动抽签等 场景的互动抽奖,最新版本支持用手机端遥控进程,系统采用 HTML及 WEB 前端、后端相关技术开发,程序封装打包exe引导文件了,内置的 HTA 客户端脚本执行,由于没有签名注册个别用户如遇到杀毒软件查杀的情况,请暂时关闭杀毒软件后再执行。
4.0 版本及后期版本在自动分屏功能和移动端控制功能做了细致开发,连接投影仪的电脑,按 windows 键+P 键,选择“扩展”模式,然后再运行“启动抽奖.exe”,即弹出对应的“演 示器”和“控制器” 。本地如果没有互联网接入的话,建议采用“控制器” 电脑端控制抽奖进程,如果互联网接入,可以点击“控制器”右上角的二维码图标,扫描实现移动端的控制权限接入。
建议使用和调试时采用分屏模式运行程序,如果运行场所有网络的话,您可以选择结合手机等移动端扫描的 形式来获取抽奖客户端的控制权限,这样可以有更好的互动体验,当然安装部分杀毒软件的电脑有几率会杀掉相 关程序,如果出现无法开启的情况,您关闭一下杀毒软件再运行。
功能描述:
1) 可以设置按照数字号码或名单列表抽取的方式,等级、数量全部可以自由定义
2) 连接投影机扩展屏幕后,再启动程序可以自动识别投放到扩展屏幕上全屏幕显示(建议投影分辨率1024*768)
3) 界面美观大方,背景图片及顶部公司logo自由替换为文字或图片,适合于投影仪投射户外、抽签、晚会、宴会等场所。(图片自行设计宽度可以根据投影显示器,高度216像素,本例子参考如片“tops.png”)
4) 可自由选择键盘、鼠标、移动端扫描控制等操作方式完成抽奖控制。
5) 正常windows7及以上内核系统即可流畅运行,建议不要使用非常卡顿的电脑执行程序。
6) 抽出“未到场”无效人员可以双击“演示器”屏幕的数字或号码位置,选择单独重抽。
7) 自由定义配置每一次操作抽一组或者抽一个的显示效果
8) 自由定义过滤掉没有发到的号码段,或排除不能中间的名额号段。
9) 系统运行期间程序活动状态,自动屏蔽键盘上无用键以免人员误操作。
10) 抽奖完成后可以选择保存结果“抽取结果.csv”以便日后备案分析。
环境要求:
系统建议:windows7及以上系统,支持HTA程序运行的环境
硬件环境:正常办公用配置PC及高端电脑
投影分辨率:建议扩展屏幕(1024 X 768),css样式请自行定义[如果分辨率高于1024请适当调整头部背景]
设置界面:
一、单屏运行程序
单屏幕运行时,启动“启动抽奖.exe”,将打开一个全屏抽奖窗口,打开以后点击“设置”您能够看到奖项配
置界面,可以选择临时生效或者自动保存配置文件,效果如下图:
您的配置选择“确认生效”,本程序关闭之前所有设置临时有效;选择“保存配置”程序将自动整理您的配置并生成配置文件。
技巧:
1.抽奖程序一旦启动将不再有权限对配置做任何修改!
2.如果您的配置电脑和会场用的电脑不一样的话,“头部图片[可选]”里面设置的头部图片,需要您重新选择保存一下,进几个版本如果增加了背景、音乐等功能也是如此。
3. 筛选文本框内可以使用20-80类似的表示范围的号码段,例子:1,7,10-12,13整理后得到1,7,10,11,12,13
4. 配置文件ini.js,如果您能够看的明白配置文件,您可以直接动手修改相关文件快速设计和修改您的配置选项
二、扩展分屏运行程序
如果您使的PC有扩展屏(如版本说明所描述的情况),那么第二块屏幕系统将默认为“演示器”并用来输出抽奖的每个进程画面,
主控屏右下角将弹出一个控制器窗口,如下图所示:
控制台有两个选项卡“控制面板”、“奖项设置”,当然还有一个二维码移动控制端,需要您拿手机扫一扫才能使用,这个后续将做出说明。
控制台的功能一目了然,就是来启动运行各个抽奖阶段的功能的,一旦“启动抽奖”被点击,“奖项设置”将被锁定,整个抽奖过程中,不可以对奖项做任何编辑和调整了。
第二个界面“奖项设置”,这个界面和但屏幕版本的操作相同,您也可以一目了然,注意事项也是一致的。
二维码扫描,请您看对应的图片或自行调试,将不做过多介绍。
配置文件说明
/* #=============================================================# # 程序开发:TONY E-mail:tony@archn.cn QQ:1004023852 # 本应用开发服务属于免费使用,非本人同意不得用于任何商业用途! # 参考站点:http://www.archn.cn #=============================================================#*/ var m = [1,120]; //按数字号码范围抽取 m_name参数必须为[]; var m_name = []; //按姓名抽 例子["王超旭","大乔","小乔","张辽","孙权","关羽","曹操","诸葛亮","周瑜","司马懿","杨志","鲁智深","孙尚香"];//人员名单 本数组有值“号码范围”自动失效 /** 奖项配置及样式关系设置 name: 本组奖项名称 num: 本组要抽出的数量 clas:对应的样式 ini.css 内(默认 class="ipt")clas 可以是className也可以直接写style样式 */ window.ini =[ {name:"三等奖",num:5,clas:"ipt5"}, {name:"二等奖",num:2,clas:"ipt2"}, {name:"一等奖",num:1,clas:"ipt1"}, {name:"特别奖",num:1,clas:"ipt1"} ]; /** 辅助参数设置 */ window.rep = 0; //是否允许号码重复出现 window.obo = 0; //一次抽一(组0/个1) window.arr = [1,2,3,4]; //排除数字或姓名序号(注:序号索引从0开始,排除“大乔”序号是1) 例子 [1,2,3,4] window.v_s=70; //滚动响应时间,单位毫秒,数字越大滚动越慢 window.h_s=800; //本参数window.obo=1有效,控制结果卡片显示时间,显示期间键盘按钮被锁定 window.title=["D:\\git\\抽奖程序\\抽奖系统 开发源码\\images\\tops.png"]; //如果是字符串将直接显示为标头 window.autoStart=0; //--是否自动启动抽奖,设为0启动后会进入启动界面首页
以上配置为手动配置参考使用,如果您使用“设置”界面编辑可以不用关心配置文件格式
声明:本代码为共享代码,未做加密限制,使用者如果用到非法途径,与作者的无关,如果有需要进一步功能增强请到TonyCodes赞助和支持作者的辛苦付出,访问点这里“http://www.archn.cn”
评论 (0)