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