Our requirement includes the creation of a responsive Scorm format which consists of single story slides and
a follow-up quiz. The scorm format will be displayed inside a modal container which will be loaded/ triggered from a Learning panel inside the Samsung Learning Platform (LMS).
The task is to create a DEMO for the responsive scorm with an E-learning programm/ Authoring tool, which will be embedded in our platform within an iFrame in a modal (pop up). The modal with slide types and final design can be read inside the attached PDF document for more elaborated documentation.
The size of the iFrame is 1215x721px for desktop and 382x780px for mobile. This results in the maximum scorm size of 1215x721px. We use standard bootstrap v4 breakpoints for desktop xl (≥1200px, Max container width 1140px) while for mobile sm
(≥576px, Max container width 540px).
Furthermore, the DEMO includes
Seite 1 von 4
1. One entry slide (First slide of WBT)
2. One story slide (Story slide 3 inside WBT "Continuity") as Type A with text module + image
3. One question slide of the quiz along with answer validation on submission
The question slide consists of a question, answer option selectors, an image and the validation after answer
submission. More information can be found inside the PDF.
The story slide type A consists of a left-aligned text block and a right-aligned image. Note that a separate progress bar
is displayed above the story slides for each story. This indicates the elapsed time. After certain time interval has
passed, the slides will auto-transit to the next slide. The time should be individually adjustable for each story slide. The
default value is 15 seconds for story slides. Additionally, the user can manually "continue" to next slides or "go back" to
previous slides. The quiz slides do not have any auto-transition.
If you are interested we can share the link to a public invision file to give you more info.
Important: The timeline is pretty tough on this project so we would need your work to be delivered by Monday Morning for this.