5
edits
Education/Projects/JetpackForLearning/Profiles/iNotes: Difference between revisions
Education/Projects/JetpackForLearning/Profiles/iNotes (view source)
Revision as of 18:28, 31 January 2010
, 31 January 2010→iNotes - the general idea
(Created page with '=== '''iNotes - the general idea''' === '''We would like to make the process of gathering valuable data as simple and effective as never before and to make this data accessible…') |
|||
| Line 1: | Line 1: | ||
=== '''UPDATE after Phase 1''' === | |||
We took a little different approach to develop a product - in the beginning we wanted to make sure that the idea is completely well thought out and we're going to make a very useful, usable and pretty app so we dedicated most of our time to create full set of user scenarios and high quality mockups to make sure that everything is planned and ready to code. | |||
We decided so because of the general idea that the substantial design is ought to precede the coding stage. We spent January on preparing scenarios and mockups and we did technical research. Now we have the general plan to finish our Jetpack in 3, 4 sprints lasting all in 3, 4 weeks. This approach also fitted our university calendar with January session. | |||
Below we attached mocks and list of scenarios that you'll be able to realize with our prototype. | |||
1. Simple View at the beginning | |||
[[http://www.jguru.pl/iNotes/iNotes_01_1.png]] | |||
2. Click to add note based on highlighted text on site | |||
[[http://www.jguru.pl/iNotes/iNotes_addNote_01_1.png]] | |||
3. Add note based on highlighted text on site - panel | |||
[[http://www.jguru.pl/iNotes/iNotes_addNote_01_2.png]] | |||
4. Status - add note successful, you can view your note by clicking "read it" | |||
[[http://www.jguru.pl/iNotes/iNotes_addNote_01_3.png]] | |||
5. Add simple note by pressing the Note button | |||
[[http://www.jguru.pl/iNotes/iNotes_addNote_Big_01_1.png]] | |||
6. Notes' panel - single note view (assigned to project) | |||
[[http://www.jguru.pl/iNotes/iNotes_PanelNote_01_1.png]] | |||
7. Notes' panel - single note editing (assigned to project) | |||
[[http://www.jguru.pl/iNotes/iNotes_PanelNoteEditing_01_1.png]] | |||
8. Notes' panel - single note editing (not assigned to project) | |||
[[http://www.jguru.pl/iNotes/iNotes_PanelNoteEditingWithoutProject_01_1.png]] | |||
9. Notes' panel - single note print preview without comments | |||
[[http://www.jguru.pl/iNotes/iNotes_PanelNotePrint_01_1.png]] | |||
10. Notes' panel - single note print preview with comments | |||
[[http://www.jguru.pl/iNotes/iNotes_PanelNotePrint_02_1.png]] | |||
11. Notes' panel | |||
[[http://www.jguru.pl/iNotes/iNotes_PanelNotes_01_2.png]] | |||
12. Notes' panel - add note | |||
[[http://www.jguru.pl/iNotes/iNotes_PanelNotes_addNote_01_2.png]] | |||
13. Notes' panel - hover | |||
[[http://www.jguru.pl/iNotes/iNotes_PanelNotesHover_01_2.png]] | |||
14. Notes' panel - share your note with your friends | |||
[[http://www.jguru.pl/iNotes/iNotes_PanelNoteSocial_01_1.png]] | |||
15. Notes' panel - search through notes | |||
[[http://www.jguru.pl/iNotes/iNotes_PanelNotesSearchView_01_2.png]] | |||
16. Notes' panel - single note view (not assigned to project) | |||
[[http://www.jguru.pl/iNotes/iNotes_PanelNoteWithoutProject_01_1.png]] | |||
17. Projects' panel | |||
[[http://www.jguru.pl/iNotes/iNotes_PanelProjects_01_2.png]] | |||
18. Projects' panel - add new project | |||
[[http://www.jguru.pl/iNotes/iNotes_PanelProjects_AddNew_01_2.png]] | |||
19. Projects' panel - share a project with your friends | |||
[[http://www.jguru.pl/iNotes/iNotes_PanelProjects_ProjectSocial_01_2.png]] | |||
20. Projects' panel - share a project with your friends + view updates from friends in project | |||
[[http://www.jguru.pl/iNotes/iNotes_PanelProjects_ProjectSocialFull_01_2.png]] | |||
21. Projects' panel - Project view | |||
[[http://www.jguru.pl/iNotes/iNotes_PanelProjects_ProjectView_01_2.png]] | |||
22. Projects' panel - sites | |||
[[http://www.jguru.pl/iNotes/iNotes_PanelProjects_ProjectViewSites_01_2.png]] | |||
23. Projects' panel - search through projects | |||
[[http://www.jguru.pl/iNotes/iNotes_PanelProjectsSearch_01_2.png]] | |||
24. Preview mode - simple project with Preview Off | |||
[[http://www.jguru.pl/iNotes/iNotes_PMode_Off_01_1.png]] | |||
25. Preview mode - simple project with Preview On | |||
[[http://www.jguru.pl/iNotes/iNotes_PMode_On_01_1.png]] | |||
26. Preview mode - simple project with Preview On + edit comments | |||
[[http://www.jguru.pl/iNotes/iNotes_PMode_OnEdit_01_1.png]] | |||
27. Preview mode - simple project with Preview On + view sites | |||
[[http://www.jguru.pl/iNotes/iNotes_PMode_OnSitesView_01_1.png]] | |||
28. Preview mode - simple project with Preview On + edit comment and share it with your friends | |||
[[http://www.jguru.pl/iNotes/iNotes_SharingClient_SimpleComment_01_1.png]] | |||
29. Preview mode - simple project with Preview On + view updates | |||
[[http://www.jguru.pl/iNotes/iNotes_SharingClient_SimpleView_01_1.png]] | |||
30. Preview mode - simple project with Preview On + update alert | |||
[[http://www.jguru.pl/iNotes/iNotes_SharingClient_UpdateView_01_1.png]] | |||
31. Preview mode - simple project with Preview On + new update view | |||
[[http://www.jguru.pl/iNotes/iNotes_SharingClient_UpdateViewPost_01_1.png]] | |||
'''Simple scenarios''' | |||
1. Add simple note | |||
2. Add simple note from site | |||
3. Add project | |||
4. Add simple note to project | |||
5. Add simple note from site to project | |||
6. Search notes | |||
7. Search projects | |||
8. View onsite notes | |||
9. Navigate through project's sites | |||
10. View and update status - share notes / projects | |||
11. Edit note (name, content) | |||
12. Edit project (name, notes, sites) | |||
13. Print note | |||
14. Print note with comments | |||
15. Delete project | |||
16. Delete note | |||
17. Delete project | |||
=== '''iNotes - the general idea''' === | === '''iNotes - the general idea''' === | ||