JogoShugh / SpaceMiner

SpaceMiner
http://spaceminer.azurewebsites.net
Other
4 stars 4 forks source link

Vertical lesson tracking, similar to Angular Meteor web site and other courseware #32

Open JogoShugh opened 9 years ago

JogoShugh commented 9 years ago

I like the vertical, circle-connected progression trail popular on courseware sites. See the example here:

http://angular-meteor.com/tutorial/step_00

Ideally, I'd like this to be a little more engaging however, perhaps with three states and 2 levels of detail.

Data model

Keep in mind the basic data model of a Lesson is:

In this state, the famous hamburger triple lines conceals the progress trail

Basic trail

Here, after clicking the hamburger, the basic trail, like the site above, shows.

Extended

Here, the panel slides over to 80 percent or perhaps just goes full-screen modal, and takes on more of a gallery / media panel style, with these ideal features:

The Extended view concepts can and should apply to the Lesson as a whole, which is already sort of in progress in /lessonProgress

JogoShugh commented 9 years ago

image