Sakai 3 <ul><li>The Road To A Next Generation Sakai </li></ul>
Introduction <ul><li>Nicolaas Matthijs ( [email_address] ) CARET, University of Cambridge Front-end developer </li></ul><u...
The plan <ul><li>MyCamTools </li></ul><ul><li>UX Improvement Project </li></ul><ul><li>Sakai 3 R&D </li></ul><ul><li>Demo ...
MyCamTools <ul><li>University of Cambridge </li></ul><ul><li>December 2007 - July 2008 </li></ul>
Goals <ul><li>Make (local) Sakai more user friendly </li></ul><ul><li>Changing expectation (web 2.0) + Make technologicall...
Rise of Client Side <ul><li>User Centered </li></ul><ul><li>Rapid cycles </li></ul>
More balanced team
Experimental Team
Architecture EB + SData Static files Sakai 2.5
http://camtools.cam.ac.uk http://camtools-labs.caret.cam.ac.uk
http://camtools.cam.ac.uk http://camtools-labs.caret.cam.ac.uk
http://camtools.cam.ac.uk http://camtools-labs.caret.cam.ac.uk
Result <ul><li>Production since July 2008 </li></ul><ul><li>Very positive reactions </li></ul><ul><li>Stable </li></ul><ul...
Ideas for Sakai 3
Sakai Everywhere Documented data feeds allow Sakai to appear anywhere
UX Improvement Initiative <ul><li>Sakai Community </li></ul><ul><li>August 2008 - January 2009 </li></ul>
UX Improvement <ul><li>Screens designed by Nathan Pearson </li></ul><ul><li>Aimed at improving Sakai 2 </li></ul><ul><li>S...
Ideas for Sakai 3
Content Authoring <ul><li>Content basics </li></ul><ul><ul><li>Simple page creation (wiki-like) </li></ul></ul><ul><ul><li...
UX Improvement <ul><li>Development has stopped now </li></ul><ul><li>Code is not production ready </li></ul><ul><li>People...
Architecture EB + SData Static files Sakai 2.5
UX Improvement + http://131.111.21.17:9090/dev/
Sakai 3 R&D <ul><li>Sakai Community </li></ul><ul><li>January 2009 - September 2009 </li></ul>
Sakai 3 R&D <ul><li>New set of wireframes from Nathan Pearson </li></ul><ul><li>Make conceptually more sense </li></ul><ul...
Wireframes
Ideas for Sakai 3
Wireframes User-Centered
Wireframes Content Authoring
Wireframes Basic Social Networking
Visual Design Project <ul><li>Sam Peck / Flow Interactive </li></ul><ul><li>June 2009 </li></ul>
Visual Design <ul><li>Hired consultancy </li></ul><ul><li>Flow Interactive / Sam Peck </li></ul><ul><li>Visual design => w...
Visual Design Output <ul><li>Visual style applied to 4 key screens </li></ul>
Visual Design Output <ul><li>Example of easy customization </li></ul>
Visual Design Output <ul><li>Master Files </li></ul><ul><li>Components </li></ul><ul><li>Specifications + interactions </l...
Master Files
Master Files
Sakai 3 R&D Demo http://3akai.sakaiproject.org/dev
Progress
Fluid === a11y <ul><li>FSS </li></ul><ul><li>Reorderer </li></ul><ul><li>Keyboard a11y plugin </li></ul><ul><li>Inline Edi...
K2 <ul><li>Functionality exposed is UI driven </li></ul><ul><li>Clean front and back end separation </li></ul><ul><li>Stan...
Architecture Static files Kernel 2 (Sling+) Kernel 2 (Sling+)
Timeline <ul><ul><li>Q3 2009: First hybrid production  </li></ul></ul><ul><ul><li>Several projects (groups, assessment wor...
Participation <ul><li>K2 working group </li></ul><ul><ul><li>http://groups.google.com/group/sakai-kernel </li></ul></ul><u...
?
Upcoming SlideShare
Loading in...5
×

Sakai 3 R&D

681

Published on

Sakai 3 R&D

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
681
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
18
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Who is a manager ? Who is a developer ? Who is a designer (UX/UI) ? Who is support ? Who is faculty ?
  • Sakai 3 R&D

    1. 1. Sakai 3 <ul><li>The Road To A Next Generation Sakai </li></ul>
    2. 2. Introduction <ul><li>Nicolaas Matthijs ( [email_address] ) CARET, University of Cambridge Front-end developer </li></ul><ul><li>You ? </li></ul>
    3. 3. The plan <ul><li>MyCamTools </li></ul><ul><li>UX Improvement Project </li></ul><ul><li>Sakai 3 R&D </li></ul><ul><li>Demo </li></ul><ul><li>Questions </li></ul>
    4. 4. MyCamTools <ul><li>University of Cambridge </li></ul><ul><li>December 2007 - July 2008 </li></ul>
    5. 5. Goals <ul><li>Make (local) Sakai more user friendly </li></ul><ul><li>Changing expectation (web 2.0) + Make technologically more up-to-date </li></ul><ul><li>Lower development bar </li></ul><ul><li>Speed up development process </li></ul><ul><li>Separation between front and back-end => Well-balanced team </li></ul>
    6. 6. Rise of Client Side <ul><li>User Centered </li></ul><ul><li>Rapid cycles </li></ul>
    7. 7. More balanced team
    8. 8. Experimental Team
    9. 9. Architecture EB + SData Static files Sakai 2.5
    10. 10. http://camtools.cam.ac.uk http://camtools-labs.caret.cam.ac.uk
    11. 11. http://camtools.cam.ac.uk http://camtools-labs.caret.cam.ac.uk
    12. 12. http://camtools.cam.ac.uk http://camtools-labs.caret.cam.ac.uk
    13. 13. Result <ul><li>Production since July 2008 </li></ul><ul><li>Very positive reactions </li></ul><ul><li>Stable </li></ul><ul><li>Ready for you to use </li></ul>
    14. 14. Ideas for Sakai 3
    15. 15. Sakai Everywhere Documented data feeds allow Sakai to appear anywhere
    16. 16. UX Improvement Initiative <ul><li>Sakai Community </li></ul><ul><li>August 2008 - January 2009 </li></ul>
    17. 17. UX Improvement <ul><li>Screens designed by Nathan Pearson </li></ul><ul><li>Aimed at improving Sakai 2 </li></ul><ul><li>Same development techniques </li></ul><ul><li>Not complete enough for 2.6/2.7 => playground for some of Sakai 3 concepts </li></ul><ul><li>Made a lot work on 2.x </li></ul>
    18. 18. Ideas for Sakai 3
    19. 19. Content Authoring <ul><li>Content basics </li></ul><ul><ul><li>Simple page creation (wiki-like) </li></ul></ul><ul><ul><li>WYSIWYG editing </li></ul></ul><ul><ul><li>Template-based authoring </li></ul></ul><ul><ul><li>Versioning </li></ul></ul><ul><li>Interactive widgets </li></ul>
    20. 20. UX Improvement <ul><li>Development has stopped now </li></ul><ul><li>Code is not production ready </li></ul><ul><li>People are free to take code and turn it into production ready code </li></ul><ul><ul><li>Can be nice migration path to Sakai 3 </li></ul></ul><ul><ul><li>Tools can be inserted in authored pages as widgets </li></ul></ul>
    21. 21. Architecture EB + SData Static files Sakai 2.5
    22. 22. UX Improvement + http://131.111.21.17:9090/dev/
    23. 23. Sakai 3 R&D <ul><li>Sakai Community </li></ul><ul><li>January 2009 - September 2009 </li></ul>
    24. 24. Sakai 3 R&D <ul><li>New set of wireframes from Nathan Pearson </li></ul><ul><li>Make conceptually more sense </li></ul><ul><li>Continue building on some of the Sakai 3 concepts </li></ul><ul><li>New back-end = K2 </li></ul>
    25. 25. Wireframes
    26. 26. Ideas for Sakai 3
    27. 27. Wireframes User-Centered
    28. 28. Wireframes Content Authoring
    29. 29. Wireframes Basic Social Networking
    30. 30. Visual Design Project <ul><li>Sam Peck / Flow Interactive </li></ul><ul><li>June 2009 </li></ul>
    31. 31. Visual Design <ul><li>Hired consultancy </li></ul><ul><li>Flow Interactive / Sam Peck </li></ul><ul><li>Visual design => wireframes </li></ul><ul><li>Out of the box experience </li></ul><ul><li>Easily institutionalized </li></ul>
    32. 32. Visual Design Output <ul><li>Visual style applied to 4 key screens </li></ul>
    33. 33. Visual Design Output <ul><li>Example of easy customization </li></ul>
    34. 34. Visual Design Output <ul><li>Master Files </li></ul><ul><li>Components </li></ul><ul><li>Specifications + interactions </li></ul><ul><li>Tool when developing new screens </li></ul><ul><li>Basis for style guide </li></ul>
    35. 35. Master Files
    36. 36. Master Files
    37. 37. Sakai 3 R&D Demo http://3akai.sakaiproject.org/dev
    38. 38. Progress
    39. 39. Fluid === a11y <ul><li>FSS </li></ul><ul><li>Reorderer </li></ul><ul><li>Keyboard a11y plugin </li></ul><ul><li>Inline Edit </li></ul><ul><li>(Uploader) </li></ul>
    40. 40. K2 <ul><li>Functionality exposed is UI driven </li></ul><ul><li>Clean front and back end separation </li></ul><ul><li>Standards based / 3rd party code </li></ul><ul><li>Scalability </li></ul><ul><li>Developer productivity </li></ul><ul><li>Code quality and maintenance </li></ul><ul><li>Easier to install/build </li></ul>
    41. 41. Architecture Static files Kernel 2 (Sling+) Kernel 2 (Sling+)
    42. 42. Timeline <ul><ul><li>Q3 2009: First hybrid production </li></ul></ul><ul><ul><li>Several projects (groups, assessment workflows, ...) </li></ul></ul><ul><ul><li>July 2010: Full stand-alone production </li></ul></ul>
    43. 43. Participation <ul><li>K2 working group </li></ul><ul><ul><li>http://groups.google.com/group/sakai-kernel </li></ul></ul><ul><li>UX working group </li></ul><ul><ul><li>UX List </li></ul></ul><ul><ul><li>http://confluence.sakaiproject.org/display/3AK/3akai </li></ul></ul><ul><li>How would you like to be involved </li></ul><ul><ul><li>Code (Java - Javascript) </li></ul></ul><ul><ul><li>Design </li></ul></ul><ul><ul><li>Documentation </li></ul></ul><ul><ul><li>Write style guide </li></ul></ul>
    44. 44. ?
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×