乐趣区

关于前端:朝花夕拾-关于在编写抽奖活动文章中突然举办个人年度活动

这不邻近年初,很多公司都开始了各式各样的抽奖流动。

正期待公司年会的时候,刚好往年加入的公司社团,有个年初流动须要举办,又凑巧我有幸负责该流动的从 0 到 1 举办……

所以,就不安顿一波,让本人过下中奖瘾?(诚信耿直正告!!)

通过几天的安顿,终于在 350+ 的社团群抽出了 50 位欧皇,细想了下这个流动举办的还不错,所以这里做下小总结~

本次流动次要流程:

  1. 通过「金山文档 - 文档」进行流动内容形容
  2. 通过「金山表单」进行数据收集统计
  3. 通过「bilibili」进行抽奖直播
  4. 通过「自定义抽奖网页」进行抽奖流动
  5. 通过「必剪」进行视频编辑上传

欢送合乎下列状况的小伙伴参考:

  • 行将举办年初晚会的
  • 或者想参考下他人年初流动怎么耍的
  • 或者想玩下抽奖页面过过瘾的

小伙伴们观看完后请纵情留下你的 点赞评论 ~

注 1:本文不做上述内容的根本教学,一个工具的应用应该由该平台介绍,会更具备感染力

注 2:jsliang 在这方面也在摸索,如果小伙伴想探讨一些深层次的内容,能够通过 GitHub 首页的联系方式找到我:https://github.com/LiangJunro…

一 设计流程

1.1 流动内容的设计和数据的收集

首先,咱们须要实现流动内容的设计和数据的收集,这就用到了金山文档往年新出的工具:「文档」

操作形式:登录 https://kdocs.cn,点击新建,弹框后点击文档即可

新建完文档,咱们通过它提供的「模板」填写个「流动策动」,而后再搞个表单并将收集贴 贴到文档中即可:

操作形式:登录 https://f.wps.cn,点击新建,输出问题内容

这样,咱们就造成了:

  • 《jsliang 的 2021 年初流动》https://kdocs.cn/l/cmwrtroxyUfP

啊这……

其实是我写着写着的时候,忽然发现上一次搞流动还是 2 月份了,意犹未尽所以棘手就写了个年初抽奖流动你信不信!

1.2 抽奖的设计和直播安顿

在实现下面的步骤,并进行群聊 @所有人 的宣传后,说实话,我抑郁住了,为啥没人被迫写个抽奖页面!哭~

遭不住只好利用本人几天的下班时间,简简单单撸了个简简单单的抽奖页面:https://github.com/LiangJunro…

这个界面由简略的 HTML、CSS、JavaScript 组成,未应用任何 UI 库和 JS 库。

设计初衷如下:

  1. 反对指定范畴的 Number 的抽奖。因为金山表单提交的数据,会造成表格,这样指定 Number 就能够抽出指定行的行数
  2. 不容许 Number 反复呈现。因为一个 Number 只能中一次奖,所以设计了如果抽奖反复就会从新抽奖
  3. 尽可能难看点。这点给本人打 6 分,因为 jsliang 的 UI 做得真的不好!

这样,咱们就有了个简略的抽奖页面,本人写的平安释怀没故障,有 bug 打死也不认就好。

接下来就是安顿直播,这点咱们能够用上 b 站的预约直播,具体本人去找吧(以后正在直播没法形容)

最初在直播期间,依据依据用户提交的数据,咱们对着抽奖即可!

至于直播具体的过程,我通过必剪略微润饰后,提交到 b 站即可:https://www.bilibili.com/vide…

填写的表单能够间接在表格上查看到具体数据

另外如果想剪辑本人直播的内容,能够尝试用剪映、必剪等工具,如果要业余点的话能够尝试 PR、AE 等

二 让人眼前一亮的点

以上,就是我这次举办社团活动的简要流程啦,因为不喜爱铺开从根底的细细截图,所以有些内容简写掉了,如果有细节不太确定的小伙伴欢送找我。

另外,记录下这次流动中让我眼前一亮的点!

2.1 签名

因为公司的流动处分,须要签字签收的,所以过后用了表格的电子签名

而后在这次流动中,公司一位小姐姐的签名十分夺目:

第一眼感觉就是好炫酷(相对来说),因为他人在表格上的签字都是黑白的,只有她是黑白的!

2.2 留言

在这次流动中,各式各样的留言让我哭笑不得,然而有句话我感觉还是不错的,顺带送给在座的各位:

  • 不是所有的人,都能当红花,必要的时候,让我这绿叶撑场也不错

就好比行业中的那么多的人,不是所有人都能成为大咖,然而留下本人的脚印,有本人一席之地,也是十分 nice 的~


jsliang 的文档库由 梁峻荣 采纳 常识共享 署名 - 非商业性应用 - 雷同形式共享 4.0 国内 许可协定 进行许可。<br/> 基于 https://github.com/LiangJunrong/document-library 上的作品创作。<br/> 本许可协定受权之外的应用权限能够从 https://creativecommons.org/licenses/by-nc-sa/2.5/cn/ 处取得。

退出移动版