[{"data":1,"prerenderedAt":746},["ShallowReactive",2],{"navigation_docs_en":3,"-en-start-first-course":162,"-en-start-first-course-surround":741},[4,26,66,86,117,146],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":25},"Start here","i-lucide-flag","\u002Fen\u002Fstart","en\u002F1.start",[10,15,20],{"title":11,"path":12,"stem":13,"icon":14},"Welcome","\u002Fen\u002Fstart\u002Fwelcome","en\u002F1.start\u002F1.welcome","i-lucide-hand",{"title":16,"path":17,"stem":18,"icon":19},"Your first course","\u002Fen\u002Fstart\u002Ffirst-course","en\u002F1.start\u002F2.first-course","i-lucide-rocket",{"title":21,"path":22,"stem":23,"icon":24},"Editor tour","\u002Fen\u002Fstart\u002Feditor-tour","en\u002F1.start\u002F3.editor-tour","i-lucide-map",false,{"title":27,"icon":28,"path":29,"stem":30,"children":31,"page":25},"Build slides","i-lucide-shapes","\u002Fen\u002Fbuild","en\u002F2.build",[32,37,41,46,51,56,61],{"title":33,"path":34,"stem":35,"icon":36},"Slides, scenes and layouts","\u002Fen\u002Fbuild\u002Fslides-and-scenes","en\u002F2.build\u002F1.slides-and-scenes","i-lucide-presentation",{"title":38,"path":39,"stem":40,"icon":28},"Objects","\u002Fen\u002Fbuild\u002Fobjects","en\u002F2.build\u002F2.objects",{"title":42,"path":43,"stem":44,"icon":45},"Lines and polygons","\u002Fen\u002Fbuild\u002Flines-and-polygons","en\u002F2.build\u002F3.lines-and-polygons","i-lucide-spline",{"title":47,"path":48,"stem":49,"icon":50},"Media","\u002Fen\u002Fbuild\u002Fmedia","en\u002F2.build\u002F4.media","i-lucide-image",{"title":52,"path":53,"stem":54,"icon":55},"Layers","\u002Fen\u002Fbuild\u002Flayers","en\u002F2.build\u002F5.layers","i-lucide-layers-2",{"title":57,"path":58,"stem":59,"icon":60},"Timeline, states and animation","\u002Fen\u002Fbuild\u002Ftimeline-and-animation","en\u002F2.build\u002F6.timeline-and-animation","i-lucide-clapperboard",{"title":62,"path":63,"stem":64,"icon":65},"Design and theme","\u002Fen\u002Fbuild\u002Fdesign-and-theme","en\u002F2.build\u002F7.design-and-theme","i-lucide-palette",{"title":67,"icon":68,"path":69,"stem":70,"children":71,"page":25},"Interactivity","i-lucide-zap","\u002Fen\u002Finteract","en\u002F3.interact",[72,76,81],{"title":73,"path":74,"stem":75,"icon":68},"Triggers and variables","\u002Fen\u002Finteract\u002Ftriggers-and-variables","en\u002F3.interact\u002F1.triggers-and-variables",{"title":77,"path":78,"stem":79,"icon":80},"Trigger recipes","\u002Fen\u002Finteract\u002Ftrigger-recipes","en\u002F3.interact\u002F2.trigger-recipes","i-lucide-chef-hat",{"title":82,"path":83,"stem":84,"icon":85},"Questions and results","\u002Fen\u002Finteract\u002Fquestions-and-results","en\u002F3.interact\u002F3.questions-and-results","i-lucide-list-checks",{"title":87,"icon":88,"path":89,"stem":90,"children":91,"page":25},"Publish and share","i-lucide-package","\u002Fen\u002Fship","en\u002F4.ship",[92,97,102,107,112],{"title":93,"path":94,"stem":95,"icon":96},"Preview and publish","\u002Fen\u002Fship\u002Fpreview-and-export","en\u002F4.ship\u002F1.preview-and-export","i-lucide-play",{"title":98,"path":99,"stem":100,"icon":101},"SCORM and Moodle","\u002Fen\u002Fship\u002Fscorm-and-moodle","en\u002F4.ship\u002F2.scorm-and-moodle","i-lucide-graduation-cap",{"title":103,"path":104,"stem":105,"icon":106},"Imports","\u002Fen\u002Fship\u002Fimports","en\u002F4.ship\u002F3.imports","i-lucide-file-input",{"title":108,"path":109,"stem":110,"icon":111},"Versions and backup","\u002Fen\u002Fship\u002Fversions-and-backup","en\u002F4.ship\u002F4.versions-and-backup","i-lucide-history",{"title":113,"path":114,"stem":115,"icon":116},"Privacy and offline use","\u002Fen\u002Fship\u002Fprivacy-and-offline","en\u002F4.ship\u002F5.privacy-and-offline","i-lucide-shield-check",{"title":118,"icon":119,"path":120,"stem":121,"children":122,"page":25},"Working with AI","i-lucide-sparkles","\u002Fen\u002Fai","en\u002F5.ai",[123,126,131,136,141],{"title":118,"path":124,"stem":125,"icon":119},"\u002Fen\u002Fai\u002Fthree-ways","en\u002F5.ai\u002F1.three-ways",{"title":127,"path":128,"stem":129,"icon":130},"Connect your AI app","\u002Fen\u002Fai\u002Fconnect-your-app","en\u002F5.ai\u002F2.connect-your-app","i-lucide-plug",{"title":132,"path":133,"stem":134,"icon":135},"What the AI can do","\u002Fen\u002Fai\u002Fmcp-tools","en\u002F5.ai\u002F3.mcp-tools","i-lucide-wrench",{"title":137,"path":138,"stem":139,"icon":140},"Prompts that work","\u002Fen\u002Fai\u002Fprompts","en\u002F5.ai\u002F4.prompts","i-lucide-message-square-text",{"title":142,"path":143,"stem":144,"icon":145},"The course script","\u002Fen\u002Fai\u002Fcourse-script","en\u002F5.ai\u002F5.course-script","i-lucide-file-json",{"title":147,"icon":148,"path":149,"stem":150,"children":151,"page":25},"Reference","i-lucide-book-open","\u002Fen\u002Freference","en\u002F6.reference",[152,157],{"title":153,"path":154,"stem":155,"icon":156},"Keyboard shortcuts","\u002Fen\u002Freference\u002Fkeyboard-shortcuts","en\u002F6.reference\u002F1.keyboard-shortcuts","i-lucide-keyboard",{"title":158,"path":159,"stem":160,"icon":161},"Troubleshooting","\u002Fen\u002Freference\u002Ftroubleshooting","en\u002F6.reference\u002F2.troubleshooting","i-lucide-life-buoy",{"id":163,"title":16,"body":164,"description":734,"extension":735,"links":736,"meta":737,"navigation":738,"path":17,"seo":739,"stem":18,"__hash__":740},"docs_en\u002Fen\u002F1.start\u002F2.first-course.md",{"type":165,"value":166,"toc":708},"minimark",[167,171,206,211,260,267,361,370,374,442,450,454,463,507,511,598,604,610,614,617,642,647,651],[168,169,170],"p",{},"This page takes you from an empty course list to a finished file for Moodle. It takes about ten minutes. You will:",[172,173,174,182,188,194,200],"ul",{},[175,176,177,181],"li",{},[178,179,180],"strong",{},"create a course"," from a template,",[175,183,184,187],{},[178,185,186],{},"add a slide"," with text and a button,",[175,189,190,193],{},[178,191,192],{},"make the button work"," so it goes to the next slide,",[175,195,196,199],{},[178,197,198],{},"test"," everything in the preview,",[175,201,202,205],{},[178,203,204],{},"publish"," the course and keep a backup.",[207,208,210],"h2",{"id":209},"create-the-course-in-3-steps","Create the course in 3 steps",[212,213,214,219,226,230,237,241],"procedure",{},[215,216,218],"h3",{"id":217},"open-my-courses","Open My courses",[168,220,221,222,225],{},"Open the Studio and click ",[178,223,224],{},"My courses"," at the top. This is your workbench: every course stored in this browser appears here.",[215,227,229],{"id":228},"click-new-course","Click New course",[168,231,232,233,236],{},"Click ",[178,234,235],{},"New course"," at the top right. A window opens with three choices.",[215,238,240],{"id":239},"fill-it-in-and-click-create-course","Fill it in and click Create course",[168,242,243,244,247,248,251,252,255,256,259],{},"Type a ",[178,245,246],{},"Course name",", choose a ",[178,249,250],{},"Slide format"," and a ",[178,253,254],{},"Template",", then click ",[178,257,258],{},"Create course",". The editor opens with the first slide. From now on everything is saved automatically.",[168,261,262],{},[263,264],"img",{"alt":265,"src":266},"The New course window with name, slide format and the sample course Example: IT basics selected","\u002Fscreenshots\u002Fen\u002Ffirst-course-new-course.png",[268,269,270,283],"table",{},[271,272,273],"thead",{},[274,275,276,280],"tr",{},[277,278,279],"th",{},"Element",[277,281,282],{},"What it does",[284,285,286,296,320,340],"tbody",{},[274,287,288,293],{},[289,290,291],"td",{},[178,292,246],{},[289,294,295],{},"The name in your course list, in the player and later in Moodle. You can change it any time by clicking the title in the editor.",[274,297,298,302],{},[289,299,300],{},[178,301,250],{},[289,303,304,307,308,311,312,315,316,319],{},[178,305,306],{},"Widescreen 16:9"," (1280 x 720 px, fits most screens) or ",[178,309,310],{},"Standard 4:3"," (960 x 720 px). You can change it later under ",[178,313,314],{},"Design",", ",[178,317,318],{},"Size",".",[274,321,322,326],{},[289,323,324],{},[178,325,254],{},[289,327,328,331,332,335,336,339],{},[178,329,330],{},"Blank",": one start slide with a title and a start button. ",[178,333,334],{},"Branching scenario",": one decision, two paths, a shared ending. ",[178,337,338],{},"Quiz",": two questions and a results slide with a passing score.",[274,341,342,347],{},[289,343,344],{},[178,345,346],{},"Example: IT basics",[289,348,349,350,353,354,357,358,319],{},"A large sample course with 7 chapters, many interactions and a final test. Under ",[178,351,352],{},"Course language"," you choose ",[178,355,356],{},"English"," or ",[178,359,360],{},"German",[362,363,366,367,369],"hint-box",{"kind":364,"title":365},"tip","Learn from the sample course","Create ",[178,368,346],{}," once, just to look at it. You see layers, triggers, questions and a results slide in action and can copy ideas from it.",[207,371,373],{"id":372},"add-a-slide-with-a-button","Add a slide with a button",[212,375,376,380,397,401,404,408,419,423],{},[215,377,379],{"id":378},"insert-a-new-slide","Insert a new slide",[168,381,232,382,385,386,389,390,393,394,319],{},[178,383,384],{},"New slide"," on the ",[178,387,388],{},"Home"," tab. The new slide appears after the current one. The small arrow on ",[178,391,392],{},"Layout"," next to it gives you a slide that is already arranged, for example ",[178,395,396],{},"Title and content",[215,398,400],{"id":399},"write-the-text","Write the text",[168,402,403],{},"Double-click a text box on the slide and type. A small toolbar appears for bold, lists, links and more. Click next to the slide when you are done.",[215,405,407],{"id":406},"add-a-button","Add a button",[168,409,410,411,414,415,418],{},"Open the ",[178,412,413],{},"Insert"," tab and click ",[178,416,417],{},"Button",". Drag the button to where you want it. Double-click it to change its label, for example to \"Next\".",[215,420,422],{"id":421},"make-it-do-something","Make it do something",[168,424,425,426,429,430,433,434,437,438,441],{},"Keep the button selected. On the right, open the ",[178,427,428],{},"Triggers"," tab (the lightning icon) and click ",[178,431,432],{},"New trigger",". In the window, pick the template ",[178,435,436],{},"Go to the next slide"," under ",[178,439,440],{},"Quick start",". Everything is filled in for you: when learners click the button, the course goes to the next slide.",[362,443,446,447,319],{"kind":444,"title":445},"note","What is a trigger?","A trigger is a rule: \"when this happens, do that\". Here: \"when learners click the button, go to the next slide\". More in ",[448,449,73],"a",{"href":74},[207,451,453],{"id":452},"test-it","Test it",[168,455,232,456,459,460,462],{},[178,457,458],{},"Preview"," at the top right. The preview plays your course exactly as learners will see it. With the small arrow next to ",[178,461,458],{}," you choose what to play:",[268,464,465,475],{},[271,466,467],{},[274,468,469,472],{},[277,470,471],{},"Choice",[277,473,474],{},"What it plays",[284,476,477,487,497],{},[274,478,479,484],{},[289,480,481],{},[178,482,483],{},"This slide",[289,485,486],{},"Only the slide you have open. Quick for checking a single slide.",[274,488,489,494],{},[289,490,491],{},[178,492,493],{},"This scene",[289,495,496],{},"The current chapter.",[274,498,499,504],{},[289,500,501],{},[178,502,503],{},"Whole project",[289,505,506],{},"The whole course from the start slide.",[207,508,510],{"id":509},"publish-it","Publish it",[212,512,513,517,536,540,554,558,564,568,585,589],{},[215,514,516],{"id":515},"open-publish","Open Publish",[168,518,232,519,522,523,315,526,315,529,532,533,319],{},[178,520,521],{},"Publish"," at the top right. The window has four steps: ",[178,524,525],{},"Format",[178,527,528],{},"Details",[178,530,531],{},"Scoring"," and ",[178,534,535],{},"Check",[215,537,539],{"id":538},"choose-scorm-12","Choose SCORM 1.2",[168,541,542,543,546,547,550,551,319],{},"Pick ",[178,544,545],{},"SCORM 1.2",". It is marked ",[178,548,549],{},"Recommended for Moodle"," and works in practically every learning platform. Click ",[178,552,553],{},"Next",[215,555,557],{"id":556},"check-the-details","Check the details",[168,559,560,561,563],{},"Under ",[178,562,528],{}," you see the title and version of the package. You usually don't need to change anything.",[215,565,567],{"id":566},"decide-when-the-course-counts-as-finished","Decide when the course counts as finished",[168,569,560,570,572,573,576,577,580,581,584],{},[178,571,531],{},", choose when the course is complete: ",[178,574,575],{},"Slides viewed"," (good for courses without a test), ",[178,578,579],{},"Results slide"," (good for courses with a quiz) or ",[178,582,583],{},"By trigger"," (you decide the moment yourself).",[215,586,588],{"id":587},"download-the-file","Download the file",[168,590,591,592,594,595,597],{},"Read the notes in the ",[178,593,535],{}," step and click ",[178,596,521],{},". A ZIP file is downloaded. Upload it to Moodle unchanged, without unzipping it.",[168,599,600],{},[263,601],{"alt":602,"src":603},"The Publish window, step Format, with SCORM 1.2 selected","\u002Fscreenshots\u002Fen\u002Ffirst-course-publish.png",[362,605,607,608,319],{"kind":606},"privacy","Publishing happens entirely in your browser. Nothing is uploaded anywhere. How to add the file to Moodle: ",[448,609,98],{"href":99},[207,611,613],{"id":612},"back-up-your-course","Back up your course",[168,615,616],{},"Your course exists only in this browser. Back it up now:",[172,618,619,633],{},[175,620,621,622,624,625,628,629,632],{},"On ",[178,623,224],{},", open the ",[178,626,627],{},"Workbench"," menu and choose ",[178,630,631],{},"Back up everything (.olsw)",". This saves all courses in one file.",[175,634,635,636,315,639,319],{},"Or right-click a single course and choose ",[178,637,638],{},"Export",[178,640,641],{},"As .olsx archive",[168,643,644,645,319],{},"More in ",[448,646,108],{"href":109},[207,648,650],{"id":649},"if-something-doesnt-work","If something doesn't work",[268,652,653,663],{},[271,654,655],{},[274,656,657,660],{},[277,658,659],{},"Problem",[277,661,662],{},"What to do",[284,664,665,680,692,700],{},[274,666,667,670],{},[289,668,669],{},"The button does nothing in the preview",[289,671,672,673,675,676,679],{},"Select the button and look at the ",[178,674,428],{}," tab. Is there a trigger with ",[178,677,678],{},"User clicks"," and your button? Check that a next slide exists.",[274,681,682,685],{},[289,683,684],{},"Objects on the slide look pale in the editor",[289,686,687,688,691],{},"They are not visible yet at the current time of the slide. The stage shows them faded. Play the timeline or switch off ",[178,689,690],{},"Respect timeline position"," in the bar below the slide.",[274,693,694,697],{},[289,695,696],{},"Moodle refuses the file",[289,698,699],{},"Upload the ZIP file as it is, without unzipping. Large videos can exceed Moodle's upload limit.",[274,701,702,705],{},[289,703,704],{},"The editor shows \"Saving failed\"",[289,706,707],{},"The browser storage is full or blocked. Free up space and make a backup right away.",{"title":709,"searchDepth":710,"depth":710,"links":711},"",2,[712,718,724,725,732,733],{"id":209,"depth":710,"text":210,"children":713},[714,716,717],{"id":217,"depth":715,"text":218},3,{"id":228,"depth":715,"text":229},{"id":239,"depth":715,"text":240},{"id":372,"depth":710,"text":373,"children":719},[720,721,722,723],{"id":378,"depth":715,"text":379},{"id":399,"depth":715,"text":400},{"id":406,"depth":715,"text":407},{"id":421,"depth":715,"text":422},{"id":452,"depth":710,"text":453},{"id":509,"depth":710,"text":510,"children":726},[727,728,729,730,731],{"id":515,"depth":715,"text":516},{"id":538,"depth":715,"text":539},{"id":556,"depth":715,"text":557},{"id":566,"depth":715,"text":567},{"id":587,"depth":715,"text":588},{"id":612,"depth":710,"text":613},{"id":649,"depth":710,"text":650},"Create a course, add a slide with a button, test it in the preview and publish it as a file for Moodle.","md",null,{},{"icon":19},{"title":16,"description":734},"todSiycTv63w0bnQZ-DllD7OLHhzY5bq9LbnCXYvqco",[742,744],{"title":11,"path":12,"stem":13,"description":743,"icon":14,"children":-1},"What Open Learning Studio is, what you can build with it, and the few words you need to know before you start.",{"title":21,"path":22,"stem":23,"description":745,"icon":24,"children":-1},"The parts of the editor and what each one is for - top bar, ribbon, slide list, stage, timeline and properties panel.",1793209470321]