SOTI SNAP Video Training Application

Create a video learning app with SOTI SNAP

A video-based learning system is an effective way of training your users. Custom E-learning software may be expensive and often requires a computer to run. What if you could design a single custom application that can run on both iOS and Android so they can learn virtually anywhere? With SOTI Snap’s video player feature, you can!

Outline of the video training application

Th

Create a video learning app with SOTI SNAP

A video-based learning system is an effective way of training your users. Custom E-learning software may be expensive and often requires a computer to run. What if you could design a single custom application that can run on both iOS and Android so they can learn virtually anywhere? With SOTI Snap’s video player feature, you can!

Outline of the video training application

The app will play a video(s) with multiple-choice questions in the follow up page. Next, we’ll use global variables to track played videos and correct answers - displaying the results. Their scores can also be viewed in the SOTI Snap’s reporting console.

Setting up the project

Start with a form-based app with 2 pages, then a separate page to show the results.

Step 1) In the App Manager, click New App > Create App > Pick a Form based app. This template comes with default fields, remove as needed. 

                                                                    Figure 1 Default Fields

Step 2) In the Forms area on the left, hover your mouse over it and click the + button > create a page 2. Rename these if you want.

                                                            Figure 2 Adding Pages in the Form

The Video Player widget

Step 1) Click on the Widgets Tab on the left and add the Video Player widget onto the canvas.

                                                          Figure 3 Adding in Video Player Widget

Step 2) In the Properties panel on the right, find the Playlist section and start by giving your video a name and then click the pencil edit icon next to it. The path is where you’d place the URL of the video.  Here’s an example: (http://commondatastorage.googleapis.com/gtv-videos bucket/sample/ForBiggerBlazes.mp4). Click Save once done.

                                                                      Figure 4 Adding in Video

Pro tip: Add additional videos to the Playlist by clicking on the Add button.

Step 3) Choose how the video behaves on start. Here the video will auto play in full screen as soon as the page is loaded and in landscape mode.

                                                                     Figure 5 Player Modes Settings

Publishing this will create an app that will automatically play a full screen landscaped video, without any controls on the screen.

Add questions for your post video questionnaire

On the same form but on page 2, (Project Tab > Page 2) add questions by using the following 3 widgets

• Section – To house and separate each question, it’ll also let us assign a global variable to track whether the answer was correct or not.
• Paragraph – To write questions.
• Radio button or Checkbox – Decide on what the answers will be. Radio button for single choice, checkbox for multiple correct answers.

Step 1) Drag a section widget to the canvas.

Step 2) Add a paragraph widget inside it and type in your question.

Step 3) Add the checkbox or radio button widget below the paragraph for your answers, you can remove the autowrap feature in the properties, so each answer is on its own line.

Pro tip: Rename ID/Name of every radio button/checkbox so you know exactly what this question is in the report. If I am asking for a car colour, I might name that radio button widget as “Car Colour”.

Pro tip: You can duplicate the section and modify the widgets within to add additional questions.

                                                                    Figure 6 Adding Questions

This concludes part 1 of the video player. To take your app to the next level with analytics, continue to part 2.