Editor tutorial should mention that state titles aren't visible to learners

[GoogleCodeExporter]

In as much detail as possible, please describe what you would like to see.

1. Create a new exploration.
2. In the state editor, the title of the state is shown in the top left. It's 
not clear, to new creators, that this title is not visible to students.
3. It would probably be a good idea to mention this as an additional stage in 
the tutorial.

Other suggestions for indicating what is visible to whom would be appreciated. 
E.g. another option is to have a tooltip (but that seems a bit heavy).

(Amit, any thoughts?)

Original issue reported on code.google.com by s...@google.com on 24 Mar 2015 at 2:27

[GoogleCodeExporter]

Original comment by s...@google.com on 25 Mar 2015 at 11:07

[GoogleCodeExporter]

Hi Balaji, some hints:

  - the tutorial text is specified in core/templates/dev/head/editor/ExplorationEditor.js
  - the tutorial shows up when a user first visits the exploration editor page, or when they click the Help button
  - Abe is shortly going to commit an integration test for the tutorial walkthrough:

        https://code.google.com/p/oppia/source/detail?r=d09fa977b934ffcdc1d87d2edacb7ffca2da8374

Once he does that, it might be worth merging in develop to your branch and 
making sure the integration tests still run correctly.

Thanks!

Original comment by s...@seanlip.org on 25 Mar 2015 at 11:18

[GoogleCodeExporter]

Hi Balaji,

I have submitted my integration test that checks that the tutorial walkthrough 
runs correctly. If you go for the approach of adding an additional stage in the 
tutorial. Make sure to update NUM_TUTORIAL_STAGES in 
/core/tests/protractor/editorAndPlayer.js   

Original comment by mgowano@google.com on 26 Mar 2015 at 5:56