Add a basic tutorial

[aaron97neu]

It was suggested that a potential enhancement to LIMO would be adding a tutorial. Some discussion needs to be had about whether this should be a video tutorial or a UI based tutorial built into the website

[pjuneja81095]

I think it wouldn't hurt to do both. Once we discuss this amongst ourselves and with professor Aref, I can get cranking on the video and have that done and ready to be put up before the end of this semester.

[aaron97neu]

That would be great. Do we have an example of a good UI based tutorial? I have looked around briefly, but I have not seen much

[pjuneja81095]

Here is a tutorial, with two different options (try-it-yourself or view only):
https://www.iorad.com/player/158243/LIMO-tutorial#trysteps-1

What do you guys think? Would something like this work?

[aaron97neu]

I really liked it, but I think there are a few things that I think we should consider changing

1. 36% (9/25 of the steps) of the tutorial was about creating an account/logging in. I personally did not create an account until a few weeks ago because I did not need one. This is not a critical function of the program and should be more of a footnote at the end ("Oh and here are some miscellaneous features, a signup button if you want to save your programs and a small box that gives detailed explanations of the functions"). This most important features of the program are the map screen and the coding area, and those should be addressed first, and foremost.

2. I noticed that after inputting my information and "Logging in", your information was displayed. Not only in the "Welcome Piyush" but in the text fields for the signup if I messed those up. This could cause confusion. If we can change those to something generic or remove them, that might help, though I am unsure how to go about that. Working on point 1 might help as well.

3. I had a few issues where the tutorial seemed to bug out, but my browser has been having issues lately, so it might just be me

4. On my screen, the right half looked cut off, could this be because you recorded the tutorial on a smaller screen? Not a huge deal, just a nitpick
   

These are a bunch of small things, I do want to stress that I really like it and it is miles ahead of anything we have right now. Additionally, I really liked how you can export it as a pdf.

Can it be natively implemented into our website?