Looking for help?
Print

Basics of Module Creation

💡 Tip: Learners learn and respond better to bite-sized information that is short, sharp, and succinct! Avoid packing too much information into your screens/module.

ArcLab modules are akin to the mobile version of PowerPoint decks – with each containing your different content and training topic. On your Editor, you can edit and customise your module’s content, design, and settings accordingly to your own needs. 

Creating Your First Module

1. Click on + New Project button on the top left corner of your Project Dashboard to create a project/module. 
2. Give your project a name, then click Create. Your learners will see this name as the title of their module. 
3. Rename your module anytime by going to the module settings (drop-down menu beside module title) on your Editor and clicking on Rename.
4. Duplicate or delete your module by going to the module settings (dropdown menu beside project/module title) on your Editor and clicking on Duplicate or Delete respectivelyYou may also do so through your Project Dashboard by going to the ellipsis (•••) icon and clicking on Duplicate Project or Delete Project.

Editing Your Module

Adding Text

Add and edit your text in the designated text fields of your module screen. You can change the language of the text you input by changing your computer’s keyboard’s language. Emojis are supported too! 

Text styling. Highlight the specific characters or phrases of your text to bring up the text styling menu to BoldItaliciseUnderline or insert Hyperlinks. You may also use your keyboard shortcuts (e.g. ctrl + b). 

Font size & alignment. Configure the font size and text alignment under the Screen Settings panel on the right side of your Editor.

Font style & colour. Font style and colour of your text can be changed from the Design tab on the bottom right of your Editor. Check out the Design and Themes article to learn more. 

Adding Media

Enhance learners’ learning and engagement by adding media to your ArcLab modules. Most screens support media display and you can choose to display/not display media for your specific screens by clicking on the Display Media toggle on the right side of your Editor. Then, click on the Add / Edit Media window to add images or videos.

Adding Images.

  1. Choose to Upload Image from your own computer or Search Stock Photos to directly embed stock images. 
  2. Resize or adjust the crop box to fit the media display window. 
  3. Click Upload.
  4. To remove image, click on the image in the media display window > go to Upload Image > Remove Media.

Supported image files include JPG/PNG/GIF with maximum size of 5MB for each screen. For GIF files, ensure a dimension of 828 x 600 pixels to prevent borders from appearing when viewed on mobile devices

Adding Videos.

  1. Choose to Upload Video from your own computer or Add Video to directly embed video from YouTube or Vimeo by:
    1. Searching for the video title in the search bar.
    2. Pasting the YouTube/Vimeo video link into the search bar.
  2. Preview the video, then click Embed.
  3. To remove video, click on the video in the media display window > go to Upload Video > Remove Media.
Supported self-uploaded video files include MPG/AVI/MP4/MOV/FLV with maximum size of 1GB for each screen
Adding Screens

A variety of screens can be added to your module to engage your learners or for your different use cases (e.g. assessments, surveys). Click on the + Add Screen button at the bottom left of your Editor and select from the different types of screens in the screen selection menu. Then, click Add this screen to add the selected screen to your module. 

Reorder screens. Adjust the sequence of the screens within your module by dragging and dropping them into a new location in the screen preview thumbnail panel on the left side of the Editor.

Screen navigation. Navigate to different screens by clicking on the specific screen within the screen preview panel, clicking on the or arrows at the top of your screen preview, or pressing the Up or Down arrows on your keyboard.

Export screens. Click on the export icon at the top of your screen preview to Export Current Screen as Image or Export All Screens as Images. An automatic download of your screen(s) in JPG format will begin shortly.

Duplicate screens. Click on the duplicate icon at the top of your screen preview to duplicate the selected screen along with its content and formatting. 

Delete screen. Click on the thrash bin icon at the top of your screen preview to delete the selected screen.

Saving Your Module

Remember to save your project/module periodically to prevent any loss of work by clicking on the Save icon at the top right of your Editor. 

Previewing Your Module

Preview your module anytime to see how it will look for your learners by clicking on the Preview button at the top right of your Editor.

Publishing Your Module

Publish your project/module to watch it go live for your learners by clicking on the Publish button at the top right of your Editor. Your learners can now access the module via the published URL link, QR Code, or HTML iframe. For any subsequent edits you make to your project/module, remember to click on Publish again for the changes to be reflected on your learners’ end. 

Check out the Module Settings and Manage Learners articles to learn how to configure your module settings (e.g. privacy status, navigation) and add learners to your module respectively. 

⚠️ Note: Modules located within a folder will not generate URL link, QR Code, or HTML iframe upon publish. They can only be shared with your learners via direct Folder Sharing/Invitation.

Click on the dropdown arrow beside the Publish button to:

View Published Project. You may view your published project by clicking on View Published Project – similar to the Preview function. 

Unpublish. Unpublish your module by clicking on Unpublish in the drop-down menu beside the Publish button. Unpublished modules will no longer be accessible by your learners.

Restore last published. Restore the last published version of your module by clicking on Restore Last Published Version in the drop-down menu beside the Publish button.

FAQ

Font sizes, when viewed on Preview or mobile devices, are dynamic and auto-reduce in size if your text on any particular screen is too long – to prevent learners’ need for scrolling. 

We encourage you to reduce the number of text you have on your screen by keeping it concise or to break your content into separate screens or modules. This helps to keep your modules bite-sized and palatable for your learners too!

The font size you select under screen settings applies to all text within a screen. You may BoldItaliciseUnderline certain text for emphasis or for use as headers. 

There are no limits to the number of screens that you can add to your module. Nevertheless, you’re encouraged to avoid packing too many screens into a single module. Keep each module bite-sized by breaking your content down into a series of smaller modules instead!

Unfortunately, ArcLab supports only direct upload of Images/GIFs/Videos at this moment. You may use hyperlinks to direct learners to external websites or online storage to access files of other formats (e.g. PPT, PDF).

Ensure that the media file format being uploaded is in a supported format and is within the maximum file size limit. Supported image and video files formats include JPG/PNG/GIFs, with maximum file size limit of 5MB, and MPG/AVI/MP4/MOV/FLV, with maximum file size limit of 1GB, respectively. 

You can upload a maximum of 1GB video for each screen in your module. That is equivalent to approximately 45 minutes to 1 hour of video length at 720p (HD)

You may use built-in software on your computer or free third party services such as Optimazilla (for images), Ezgif (for GIFs), or FreeConvert (for videos) to compress or optimise your media files. 

For images, ensure that the image is properly cropped and adjusted to fit the media display window. For GIFs, ensure that it has a dimension of 828 x 600 pixels before uploading. You may use free third party services/software such as Ezgif to resize or optimise your GIFs.

The End Screen on your module is present by default and they cannot be deleted. Apart from providing key functions to your learners upon their completion (e.g. try again, return to dashboard, total score obtained), the End Screen also gives us an indication to whether a particular learner has completed their module – thus allowing their responses to be registered and stored on your Learner Analytics. 

Your learners will not be able to see any changes that you have made to your module until you have published those changes by clicking the Publish button at the top right of your editor. 

Check if your module is located within a folder. Modules in folders will not generate any URL link, QR Code, or HTML iframe upon publish. They can only be shared with your learners via direct Folder Sharing/Invitation. 

If your module is not located within a folder. Try saving your project, refresh the webpage, and publish your module again. Restart your browser if the issue persist. 

Didn’t find what you need? 

Speak with the team directly via Chat! Simply click on the Chat bubble at the bottom right of the page

Next Types of Screens
Skip to: