I am Jsliang, an ordinary small front end, thank you friends in 2021 message encouragement, thanks to the nuggets product/operation support, 2022 come on!


This is not the end of the year, many companies have started various lottery activities.

When I was looking forward to the annual meeting of the company, there happened to be a year-end activity to be held in the company association that I had participated in this year, and I happened to be in charge of holding the activity from 0 to 1…

So, don’t arrange a wave, let yourself under the lottery addiction? (Integrity warning!!)

After several days of arrangement, we have finally selected 50 European Kings from 350+ community groups. After reflecting on this activity, it is quite good, so here is a summary

The main process of this activity:

  1. Describe the activity content through “Kingsoft Documentation – Documentation”
  2. Through the “Kingsoft form” for data collection statistics
  3. Live draw via “Bilibili”
  4. Draw through the “custom lucky draw page”
  5. Edit and upload videos through “Must Cut”

Welcome to meet the following situations of partners for reference:

  • The year-end party will be held soon
  • Or want to refer to other people’s year-end activities how to play
  • Or if you want to play the lottery page

Feel free to leave a “like” comment after watching

Note 1: this article does not do the basic teaching of the above content, the use of a tool should be introduced by the platform, it will be more infectious

Note 2: Jsliang is also exploring in this aspect, if you want to discuss some in-depth content, you can contact me at GitHub homepage: github.com/LiangJunron…

A Design process

1.1 Activity content design and data collection

First of all, we need to complete the design of activity content and collect data, which uses the tool “Document” newly released by Kingsoft document this year.

Operation method: Log in to kdocs. Cn, click “New”, and then click “Document”

After creating a new document, we can fill in an “activity plan” through the “template” provided by it, and then make a form and paste the collection into the document:

Operation method: Log in to f.wps.cn, click Create, and enter the problem content

Thus, we form:

  • Jsliang’s 2021 Year-end Activities kdocs.cn/l/cmwrtroxy…

This……

In fact, as I was writing, I realized that the last time I had an event was In February, so I decided to write a year-end raffle, believe it or not!

1.2 Design and live broadcast arrangement of the lucky draw

After completing the above steps, and carrying out the group chat @all publicity, to be honest, I was depressed, why no one volunteered to write a lucky draw page! Cry ~

Can not be forced to use their own days off work time, simply lu a simple lottery page: github.com/LiangJunron…

The interface consists of simple HTML, CSS, and JavaScript, without using any UI libraries or JS libraries.

The design intention is as follows:

  1. Sweepstakes are supported for a specified range of numbers. Because the data submitted by kingsoft form will form a table, so that the specified Number can extract the specified Number of rows
  2. The Number cannot be repeated. Because a Number can only be drawn once, it is designed to be re-drawn if the draw is repeated
  3. Look as good as you can. Give yourself a 6 for this, because jsliang’s UI is really bad!

In this way, we have a simple lottery page, write their own security assured that there is no problem, there are bugs killed also do not recognize the good.

The next step is to arrange the live broadcast, for which we can use the reservation live broadcast of STATION B, and find the details by ourselves (we can’t describe it because it is currently live broadcast).

Finally, during the live broadcast, according to the data submitted by users, we can draw a lottery!

As to live a detailed process, through I will cut a little after modification, submit to b station can be: www.bilibili.com/video/BV1Di…

Fill in the form can directly view the specific data on the form

In addition, if you want to edit your own live content, you can try using tools such as cut reflection, cut, if you want to be professional, you can try PR, AE, etc

Two is a bright spot

The above is the brief process of my club activities this time. Because I don’t like to spread out the detailed screenshots from the basic, some contents have been shortened. If you are not sure about the details, please feel free to contact me.

In addition, record this activity let me in front of a bright point!

2.1 the signature

Because the company’s activity award required signature and receipt, electronic signature of the form was used at that time

And then in this event, the signature of one of the company’s little sisters was dazzling:

At first glance it was cool (relatively speaking) because everyone else signed the forms in black and white, but she signed them in color!

2.2 the message

At this event, I was confused by the various comments, but I think there is a good one, by the way, for all of you:

  • Not all people, can be a red flower, when necessary, let me this green leaf support field is good

Just like so many people in the industry, not all of them can become big stars, but it is very nice to leave their footprints and have their own place


Jsliang’s document library is licensed by Junrong Liang under the Creative Commons Attribution – Non-commercial – Share alike 4.0 International License. Based on the github.com/LiangJunron… On the creation of works. Outside of this license agreement authorized access can be from creativecommons.org/licenses/by… Obtained.