This part of the app was highly tedious due to the repeated mistakes and typos in the coding. First of all, menus were mocked up to show some class folders, and then the lesson plans were “added” into a folder.

Rather than using different scenes for the word documents, it was decided to build it into one scene and to use code to flip between the different pages to make it look like there was a functional reader engine within the app. Using code, the page buttons up the top reveal the different pages and a user can drag the page around the screen below as if they were looking at the page on a desk.

Screen Shot 2016-11-17 at 2.09.59 pm.png

This slideshow requires JavaScript.

The third page in the example lesson plan that was supposedly created within the app is a link to the resources mentioned in the lesson plan.

The Code: Trial and Error Error Error Error

By simply using the codes below (the correct ones), the buttons allowed the pages to show and hide. You can see the time-accelerated video recording which shows us constantly making mistakes and trying to correct them. Our problems were that we made small typos in the code such as writing “PageOnePlanOne” instead of “pageOnePlanOne”. It was using the same concept that the quiz employed to hide and show an element, only instead of a score, it was triggered by a button.

hypeDocument.getElementById(“pageOnePlanOne”).style.display = “block”;;
hypeDocument.getElementById(“pageTwoPlanOne”).style.display = “none”;;
hypeDocument.getElementById(“linkPlanOne”).style.display = “none”;;

hypeDocument.getElementById(“pageTwoPlanOne”).style.display = “block”;;
hypeDocument.getElementById(“pageOnePlanOne”).style.display = “none”;;
hypeDocument.getElementById(“linkPlanOne”).style.display = “none”;;

hypeDocument.getElementById(“pageTwoPlanOne”).style.display = “none”;;
hypeDocument.getElementById(“pageOnePlanOne”).style.display = “none”;;
hypeDocument.getElementById(“linkPlanOne”).style.display = “block”;;

Process Screen Recording

(Note: The screen recording has been accelerated, however, some parts remain in real-time)

 

Advertisements