Sakai 2.9 Portal Project Charles Severance www.dr-chuck.com [email_address]
 
 
Why? <ul><li>Sakai 2.9 development cycle is the longest we have ever had (Jan-Sep 2011) </li></ul><ul><li>Build a look-and...
More Why? <ul><li>Need to give Sakai commercial affiliates something that will compete </li></ul><ul><li>New Look may re-e...
Why: OAE/CLE Future OAE CLE Hybrid I expect we will likely see all three permutations in production at scale for years.
Portal Changes
Sakai 2.9 Portal+ Goals <ul><li>Default CLE Nav to look like OAE Nav – not a clone – homage  </li></ul><ul><li>Course Navi...
Approach for 2.9 portal <ul><li>Evolutionary not revolutionary </li></ul><ul><li>Add to – don't rewrite </li></ul><ul><li>...
SI791 http://www.dr-chuck.com/si791-sak/
SI791 Plan <ul><li>Team of Students </li></ul><ul><ul><li>UI/UX </li></ul></ul><ul><ul><li>Graphic Design </li></ul></ul><...
http://www.edmodo.com/public/si791-sak/group_id/161836 Contact Chuck for Edmodo group code
Technical Approach <ul><li>NEO look will be Velocity/CSS work – limited tweaks to the Java portal code </li></ul><ul><li>P...
Portal Changes
Sites Social Si539 Si502 ?? http://www.edmodo.com/
Profile2 <ul><li>Evaluate Usability / do QA </li></ul><ul><li>Evaluate performance if we are making it part of portal </li...
Lesson Builder Tasks <ul><li>Evaluate usability </li></ul><ul><li>Do QA </li></ul><ul><li>Rutgers production experience wi...
http://jira.sakaiproject.org/browse/SAK-17524 Adrian's Floating Chat
SI 791: Independent Study Caitlin Holman, Nikola Collins, Dan Stuart
Redesigning the 2.9 Portal  with the User in Mind
<ul><li>What are the current ‘pain points’ for CTools users? </li></ul><ul><li>What could we discover from regular CTools ...
Redesigning the 2.9 Portal  with the User in Mind User Interviews “ Everything is buried so many layers deep.  The navigat...
Redesigning the 2.9 Portal  with the User in Mind Brainstorming Solutions
Redesigning the 2.9 Portal  with the User in Mind Sketches
SI 622: Evaluation of Systems and Services Sayan Bhattacharyya, Elliott Andrew Manzon, Rachael Shaney, Amelia Mowry
Key Changes <ul><li>Modern look </li></ul><ul><li>Updated Navigation System </li></ul><ul><li>Instant Message chat </li></...
Methods <ul><li>6 subjects </li></ul><ul><li>3 Tasks to complete ranging in difficulty from simple to complex </li></ul><u...
Methods
Methods Video Recording Screen Capture
Tasks <ul><li>Create a profile.  Upload a profile picture, enter your favorite movie, major, etc. </li></ul><ul><li>Create...
Task 1:  Create a Profile
Time to complete task <ul><li>Subject  #1  5 minutes </li></ul><ul><li>Subject  #2  4 minutes </li></ul><ul><li>Subject  #...
Findings <ul><li>Editing information can be confusing </li></ul><ul><li>Rollover can be missed </li></ul>
Task 1: Findings <ul><li>Uploading a picture is relatively easy </li></ul><ul><li>Privacy settings a little overwhelming, ...
Task 1: User Feedback <ul><li>Most users didn’t think they would use it </li></ul><ul><li>Felt too much like Facebook </li...
Task 1: Recommendations <ul><li>Make an always visible edit button for profile information rather than roll over </li></ul...
Task 3: Reorganize Visible Sites <ul><li>Remove SI 642 from top navigation bar </li></ul>
Task 3: Reorganize Visible Sites <ul><li>Drag and drop to rearrange </li></ul>
Task 3: Results <ul><li>No subject took more than 2 minutes </li></ul><ul><li>One subject quit after missing “Preferences”...
Task 3: Recommendations <ul><li>Make an edit link visible on top navigation bar </li></ul><ul><li>“ Drawer” is confusing t...
Summary
Sakai 2.9 Portal @ UMich <ul><li>Neo Portal is the Default </li></ul><ul><ul><li>Navigation shortcuts based on making comm...
Sakai 2.9 Lesson Builder @ Rutgers <ul><li>This is game changer </li></ul><ul><li>Structured content was our last major ga...
Sakai 2.9 Facebook Chat @LANCS <ul><li>Adrian Fish of Lancaster </li></ul><ul><li>Uses JGroups for presence communication ...
2.9 IMS Standards Support <ul><li>IMS Common Cartridge 1.0 Import </li></ul><ul><li>IMS Common Cartridge 1.1 Import </li><...
2.10 Possible Task List <ul><li>UMich Dashboard to complete UI design </li></ul><ul><li>Activity Tracking in Lesson Builde...
Dashboard In Progress @ UM
Volunteer Leadership <ul><li>This is volunteer driven open source  </li></ul><ul><ul><li>Chuck Hedrick </li></ul></ul><ul>...
Summary <ul><li>This takes a safe path to move the CLE forward toward the OAE – low risk – low hanging fruit </li></ul><ul...
Upcoming SlideShare
Loading in...5
×

Sakai 2.9 and Sakai 2.10 Portal and Plans

2,862
-1

Published on

This talk summarizes the efforts around the Sakai 2.9 user interface improvements and discusses potential plans for Sakai 2.10.

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,862
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
34
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Sakai 2.9 and Sakai 2.10 Portal and Plans

  1. 1. Sakai 2.9 Portal Project Charles Severance www.dr-chuck.com [email_address]
  2. 4. Why? <ul><li>Sakai 2.9 development cycle is the longest we have ever had (Jan-Sep 2011) </li></ul><ul><li>Build a look-and-feel bridge to the well-thought-out OAE User Interface (and pretty) </li></ul><ul><li>Sakai 2.5 – 2.8 were all pretty much bug fixes – that is nearly 4 years of non-progress on UI </li></ul><ul><li>The rest of the market has made major UI revisions </li></ul>
  3. 5. More Why? <ul><li>Need to give Sakai commercial affiliates something that will compete </li></ul><ul><li>New Look may re-energize, re-focus, and give purpose the Sakai CLE developer community </li></ul><ul><li>TCC governance of CLE allows agility – can get quick and direct feedback </li></ul><ul><li>The IMS Common Cartridge Specification is likely to be a major differentiator in 2011-2012 </li></ul>
  4. 6. Why: OAE/CLE Future OAE CLE Hybrid I expect we will likely see all three permutations in production at scale for years.
  5. 7. Portal Changes
  6. 8. Sakai 2.9 Portal+ Goals <ul><li>Default CLE Nav to look like OAE Nav – not a clone – homage </li></ul><ul><li>Course Navigation Prefs will be in Portal </li></ul><ul><li>Integrate parts of Profile2 into the portal </li></ul><ul><li>Integrate Lesson Builder into the Portal </li></ul><ul><li>New presence/chat (IM/Facebook/OAE style) </li></ul><ul><li>Evaluate Profile2 Tool </li></ul>
  7. 9. Approach for 2.9 portal <ul><li>Evolutionary not revolutionary </li></ul><ul><li>Add to – don't rewrite </li></ul><ul><li>Maintain compatibility forward and backwards – don't break existing portal </li></ul><ul><li>Few / moderate database conversions </li></ul><ul><li>No backslide on performance / scalability </li></ul><ul><li>Prototype quickly and react </li></ul>
  8. 10. SI791 http://www.dr-chuck.com/si791-sak/
  9. 11. SI791 Plan <ul><li>Team of Students </li></ul><ul><ul><li>UI/UX </li></ul></ul><ul><ul><li>Graphic Design </li></ul></ul><ul><ul><li>Programming – JAVA/HTML </li></ul></ul><ul><li>Start looking at Sakai CLE 2.8 </li></ul><ul><ul><li>Usability, brainstorming, maybe even QA </li></ul></ul><ul><li>Look at Sakai OAE 1.0 </li></ul><ul><li>Look at www.edmodo.com </li></ul>
  10. 12. http://www.edmodo.com/public/si791-sak/group_id/161836 Contact Chuck for Edmodo group code
  11. 13. Technical Approach <ul><li>NEO look will be Velocity/CSS work – limited tweaks to the Java portal code </li></ul><ul><li>Portal will still produce an entire page for a GET (i.e. no separate AJAX loading of page text) </li></ul><ul><li>AJAX/lazy Loading for user actions like activating chat or changing a preference </li></ul>
  12. 14. Portal Changes
  13. 15. Sites Social Si539 Si502 ?? http://www.edmodo.com/
  14. 16. Profile2 <ul><li>Evaluate Usability / do QA </li></ul><ul><li>Evaluate performance if we are making it part of portal </li></ul><ul><li>Can we morph Profile2's activities to be a wall tool? </li></ul>
  15. 17. Lesson Builder Tasks <ul><li>Evaluate usability </li></ul><ul><li>Do QA </li></ul><ul><li>Rutgers production experience will be valuable </li></ul><ul><li>Improve the UX (evolutionary suggestions) </li></ul><ul><li>Add Common Cartridge Import and Export </li></ul>
  16. 18. http://jira.sakaiproject.org/browse/SAK-17524 Adrian's Floating Chat
  17. 19. SI 791: Independent Study Caitlin Holman, Nikola Collins, Dan Stuart
  18. 20. Redesigning the 2.9 Portal with the User in Mind
  19. 21. <ul><li>What are the current ‘pain points’ for CTools users? </li></ul><ul><li>What could we discover from regular CTools users who were studying to become user experience designers? </li></ul>Redesigning the 2.9 Portal with the User in Mind Guiding Questions
  20. 22. Redesigning the 2.9 Portal with the User in Mind User Interviews “ Everything is buried so many layers deep. The navigation is hard work right now.” “ There's no good search functionality.” “ That first page is a waste, there's never any content on it.” “ All the course numbers start getting confusing after you get a lot of classes in there, especially since they never disappear from the nav bar.” “ If I want to see an old class or group it’s a pain to find it.”
  21. 23. Redesigning the 2.9 Portal with the User in Mind Brainstorming Solutions
  22. 24. Redesigning the 2.9 Portal with the User in Mind Sketches
  23. 25. SI 622: Evaluation of Systems and Services Sayan Bhattacharyya, Elliott Andrew Manzon, Rachael Shaney, Amelia Mowry
  24. 26. Key Changes <ul><li>Modern look </li></ul><ul><li>Updated Navigation System </li></ul><ul><li>Instant Message chat </li></ul><ul><li>Personal Profile </li></ul><ul><li>Lesson builder tool </li></ul>
  25. 27. Methods <ul><li>6 subjects </li></ul><ul><li>3 Tasks to complete ranging in difficulty from simple to complex </li></ul><ul><li>All experienced with Ctools (Range:1-6 years, M = 3.5 yr) </li></ul><ul><li>Undergraduates and Graduates </li></ul><ul><li>3 had experience with similar software at previous college </li></ul>
  26. 28. Methods
  27. 29. Methods Video Recording Screen Capture
  28. 30. Tasks <ul><li>Create a profile. Upload a profile picture, enter your favorite movie, major, etc. </li></ul><ul><li>Create a new project group page. Invite group members, upload a document </li></ul><ul><li>Remove a class from your navigation bar, add your project group to the navigation bar </li></ul>
  29. 31. Task 1: Create a Profile
  30. 32. Time to complete task <ul><li>Subject #1 5 minutes </li></ul><ul><li>Subject #2 4 minutes </li></ul><ul><li>Subject #3 4 minutes </li></ul><ul><li>Subject #4 6 minutes </li></ul><ul><li>Subject #5 5 minutes </li></ul><ul><li>Subject #6 7 minutes – failed to complete task </li></ul>
  31. 33. Findings <ul><li>Editing information can be confusing </li></ul><ul><li>Rollover can be missed </li></ul>
  32. 34. Task 1: Findings <ul><li>Uploading a picture is relatively easy </li></ul><ul><li>Privacy settings a little overwhelming, but easy to understand </li></ul>
  33. 35. Task 1: User Feedback <ul><li>Most users didn’t think they would use it </li></ul><ul><li>Felt too much like Facebook </li></ul><ul><li>Feeling “profile fatigue” </li></ul>
  34. 36. Task 1: Recommendations <ul><li>Make an always visible edit button for profile information rather than roll over </li></ul><ul><li>Consider simplifying privacy features </li></ul><ul><li>Profile should be a low priority for Sakai after usability issues and other features have been addressed </li></ul><ul><li>Greatest value might be for professors and GSI’s </li></ul>
  35. 37. Task 3: Reorganize Visible Sites <ul><li>Remove SI 642 from top navigation bar </li></ul>
  36. 38. Task 3: Reorganize Visible Sites <ul><li>Drag and drop to rearrange </li></ul>
  37. 39. Task 3: Results <ul><li>No subject took more than 2 minutes </li></ul><ul><li>One subject quit after missing “Preferences” link need to complete task </li></ul><ul><li>Others had no problem </li></ul><ul><li>Found drag and drop system easy and intuitive </li></ul>
  38. 40. Task 3: Recommendations <ul><li>Make an edit link visible on top navigation bar </li></ul><ul><li>“ Drawer” is confusing to users, remove the term from description </li></ul>
  39. 41. Summary
  40. 42. Sakai 2.9 Portal @ UMich <ul><li>Neo Portal is the Default </li></ul><ul><ul><li>Navigation shortcuts based on making common tasks are &quot;closer&quot; with fewer clicks </li></ul></ul><ul><li>Will need to tweak skins for Neo </li></ul><ul><li>You can switch back (not site by site) </li></ul><ul><ul><li>portal.templates=defaultskin </li></ul></ul><ul><ul><li>Old velocity templates, skins, and custom skins are untouched and unmoved – patches still will work </li></ul></ul>
  41. 43. Sakai 2.9 Lesson Builder @ Rutgers <ul><li>This is game changer </li></ul><ul><li>Structured content was our last major gap compared to Blackboard, Moodle, and Desire2Learn particularly for distance education </li></ul><ul><li>IMS Common Cartridge Import in 2.9 </li></ul><ul><ul><li>Very nice because it was in from the ground-up </li></ul></ul><ul><li>IMS LTI 1.0 (Basic) integrated </li></ul><ul><li>Has been in production for a while at Rutgers and elsewhere </li></ul>
  42. 44. Sakai 2.9 Facebook Chat @LANCS <ul><li>Adrian Fish of Lancaster </li></ul><ul><li>Uses JGroups for presence communication </li></ul><ul><li>Need some experience / QA testing </li></ul><ul><li>Properties </li></ul><ul><ul><li>portal.neochat=false </li></ul></ul><ul><ul><li>portal.neoavatar=false </li></ul></ul>
  43. 45. 2.9 IMS Standards Support <ul><li>IMS Common Cartridge 1.0 Import </li></ul><ul><li>IMS Common Cartridge 1.1 Import </li></ul><ul><li>IMS Learning Tools Interoperability 1.0 (BLTI) </li></ul><ul><ul><li>New UI similar to Moodle, D2L, Instructure in 2.9 </li></ul></ul><ul><li>IMS LTI 1.1 (Draft 11) complete with POX-style grade return </li></ul>
  44. 46. 2.10 Possible Task List <ul><li>UMich Dashboard to complete UI design </li></ul><ul><li>Activity Tracking in Lesson Builder </li></ul><ul><li>Worksite Setup Rework </li></ul><ul><li>JSR-168 iFrame Portlet (already there in LTI) </li></ul><ul><li>Improve Message Pump – JGroups? </li></ul><ul><li>Fine tuning how Lesson Builder connects with tools </li></ul><ul><li>Pick a VPPA tool and reduce state / REST urls </li></ul><ul><li>Experience with the Facebook chat / JGroups </li></ul>
  45. 47. Dashboard In Progress @ UM
  46. 48. Volunteer Leadership <ul><li>This is volunteer driven open source </li></ul><ul><ul><li>Chuck Hedrick </li></ul></ul><ul><ul><li>Steve Swinsberg </li></ul></ul><ul><ul><li>Adrian Fish </li></ul></ul><ul><ul><li>Gonzalo Silverio </li></ul></ul><ul><ul><li>Aaron Zeckoski </li></ul></ul><ul><ul><li>Sam Ottenhoff </li></ul></ul><ul><ul><li>Many others... </li></ul></ul>
  47. 49. Summary <ul><li>This takes a safe path to move the CLE forward toward the OAE – low risk – low hanging fruit </li></ul><ul><li>Close the gap with competitors UI-wise </li></ul><ul><li>Give commercial partners something to market in 2011 </li></ul>
  1. A particular slide catching your eye?

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

×