‌How to Use Lesson Architect

1. Login using the email you purchased "Lesson Architect" with.

   
   

2. Type in the "Lesson Topic".

   
   

3. Choose the Classroom Color Theme from the drop down "App Vibe" list. (These will only show up on the Students app.)

   
   

4. Type in your Name and Subject

   
   

5. Choose a "Main Activity Image" if desired. (The program automatically sizes the image. You just need to crop and edit prior to uploading.)

   
   

   Mine filled out so far.

   
   

6. At this time I would recommend clicking the "Save Lesson" button. The program does save as you type but technology has a weird sense of humor and tends to bug out at the least expected time. If you ever need to you can go back to your "Downloads" folder and click on the *.JSON file to open in.

   
   

7. If you ever have to reload your lesson, click the "Open Lesson" button and go to the downloads folder on your computer and look for the json file. Click on the file and chose "open" at the bottom of the page.

   
   

   
   

8. Now click the "+ Add Next Step Button".

   
   

   
   

   You’ll see a toolbar at the top of the screen. Here’s what each button does:

   
   

   • Add Above — Inserts a new step above the one you’re currently editing.

   • Add Below — Inserts a new step below your current step.

   • Copy — Duplicates the step, perfect for repeated instructions.

   • Header — Turns the step into a section header. This is a toggle, so you can turn it on or off.

   • Link — Lets you insert a link to an outside resource (like an educational game or Google Doc). Just remember: links won’t work if the student is offline.

     
     

9. I clicked Header to turn this step into a Phase section. I will name it. "How to Begin". Now give the title a name.

   "Opening the Program" Now we can write an explanation on how to open the html file. If you want you can add a picture. (You can leave this blank.)

10. Now click the next step or click "Delete" at the top of the box if you want to start over. You can add as many boxes as you wish to make a long or a short lesson.

    
    

11. When you are finished creating your lesson, I suggest creating a json file to store in case you ever need to come back and edit the lesson. Next click "Build Student App".

12. The Architect will say it is ready for Download.

    
    

13. Click "DOWNLOAD STUDENT APP. (HTML) To find the app, go to your downloads file and find the html you just downloaded.

14. This is the application you will provide to your students. Note: In some cases, HTML files must be compressed into a ZIP folder for distribution. When the recipient downloads it, they will need to select “Extract” before the file can be opened and viewed properly.

Hint: The student portion of this program can printout their progress or the whole lesson. I suggest printing it as a pdf (1st page only) and sending it to the teacher.

Important: This is a live document, but it is stored locally by the user. If you make changes in the generator, you must generate and distribute a new HTML file for those updates to take effect for your users.