1 / 35

Reinventing Portfolios in Sakai 3.0

Reinventing Portfolios in Sakai 3.0. Erica Ackerman, Noah Botimer, Tiffany Marra, Beth Kirschner, Urmila Venkatesh University of Michigan. Portfolios in 2.7. 2. June 15-17. 2010 Sakai Conference - Denver, CO, U.S.A. Portfolios in 3.0. 3. June 15-17.

hewitt
Download Presentation

Reinventing Portfolios in Sakai 3.0

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Reinventing Portfolios in Sakai 3.0 • Erica Ackerman, Noah Botimer, Tiffany Marra, Beth Kirschner, Urmila Venkatesh • University of Michigan

  2. Portfolios in 2.7 2 June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.

  3. Portfolios in 3.0 3 June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.

  4. What is a portfolio? • Expressive presentation of a student’s learning? • Collection of learning objects? • Workflow aggregating learning objects over time? Answer: All of the above 4 June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.

  5. Part I: Portfolio Evolution • OSP tools need to evolve in order to: • Provide better design usability and flexibility • Provide better integration with other Sakai tools and functionality • Provide a framework that can cross programs and courses • Remove existing constraints to provide missing functionality 5 June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.

  6. 2009: Portfolio-Related Vignettes • Assess • Document • Own • Empower • Re-purpose • Express • Migrate • Preserve • Customize • Usability • Present • Collaborate • Guide • Collect • Associate • Reflect • Tag • Evaluate • Share • Report • Workflow • Export 6 June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.

  7. Present & Collaborate & Share • Sakai 3 sites provide: • Multiple html pages, hierarchical navigation • Site Themes • Collaboration • Duplication (pending) • Sharing • Deletion • Browse/Sort/Filter (pending) • Search • Templates (pending) 7 June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.

  8. Present & Collaborate & Share • Sakai 3 Portfolio sites will provide: • Publish: create persistent public presentation • Print: printable representation of entire site • Export: download as HTML, PDF, … • Comment/Feedback • Tag • Rigidity: adding/removing pages optionally restricted 8 June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.

  9. Slide Title 9 June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.

  10. Slide Title 10 June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.

  11. Evaluate & Feedback • Structured or unstructured • Global or content specific • Inline or attached 11 June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.

  12. Workflow & Guide • Easy to define wizard-like workflow • Easy to use wizard-like workflow • Freedom to design & format pages • User-selected learning objects • Automatically bound learning objects (e.g. assignments) • Tagging • State-full progression (ready, pending, …) • Evaluator & Peer feedback/review 12 June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.

  13. Slide Title 13 June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.

  14. Slide Title 14 June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.

  15. Collect & Associate & Tag • Suggestive Collection • Students select content based on suggestions in presentation templates • Selective Collection • Students select content based on competency based workflow • Bound Association • Content automatically bound to student’s portfolio workflow • Tagging • Content associations with workflow competencies or with each other 15 June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.

  16. Reflect • “Reflect anywhere” • Structured Reflection (form based) • Unstructured Reflection (free-text) 16 June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.

  17. Export & Report • Exportable content formats (html, pdf, …) • Easy data extraction for reporting 17 June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.

  18. Part II: Portfolio Application • A portfolio is… • Expressive presentation of a student’s learning • Collection of learning objects • Workflow aggregating learning objects over time • Michigan needs all three, but is currently focused on the first need 18 June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.

  19. Expressive Presentation Portfolios Goal: For an external audience, the portfolio should look like a website, not a Learning Management System. Currently, default Sakai 3 sites look like part of an LMS. June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.

  20. Default View, Not Logged In

  21. Default View – Logged In

  22. Default View – Edit

  23. Michigan Changes – Logged Out June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.

  24. Michigan – Logged In

  25. Michigan – Edit Page

  26. Michigan – Site Creation Wizard • For testing, added “Use wizard for settings” checkbox • After naming site, user is taken directly to the Appearance tab of the Site Management page • Link changed from “Return to Site” to “Continue to Site” • Saving takes you directly to the new site June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.

  27. Create Site Dialog

  28. Create Site - Appearance

  29. Part III: Challenges of Working with Sakai 3 • Developing against a moving target • Learning curve for Git source control management system • Learning how the environment works (Jackrabbit, Sling, etc.) • Creating a production system with JavaScript June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.

  30. Joys of Working with Sakai 3 • Creating a production system with JavaScript • Fantastically simple UX development environment (just edit files and see your changes in the browser) • Easy to experiment with new ideas – just create a branch in Git June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.

  31. How the UX Works: JavaScript Files • JavaScript files manipulate the markup (display widgets on the page, create and respond to buttons, enter edit mode, etc.) • Some of the most fundamental are: • site.js • site_admin.js • sakai_magic.js June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.

  32. How the UX Works: Functional CSS HTML in skin with functional markup (classes not just for presentation with CSS) <body id="root" class="fl-centered fl-container sakai_site i18nable"> <img id="preview_exit" style="display:none;" src="/dev/_images/portfolio_preview_exit.png" alt="Click to exit preview" /> <!-- EXPLORE BAR --> <div id="widget_navigationchat" class="widget_inline hide_for_anon"> </div> … June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.

  33. How the UX Works: Example var widgetSelector = ".widget_inline"; var insertWidgets = function(containerId, showSettings, context){ // Use document.getElementById() to avoid jQuery selector escaping issues with '/‘ var el = containerId ? document.getElementById(containerId) : $(document.body); // Array of jQuery objects that contains all the elements with the widget selector class. var divarray = $(widgetSelector, el); … } June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.

  34. Widgets For our purposes, there are two kinds of widgets: • Widgets for creating the UI (createsite, navigationchat, siterecentactivity) • Widgets that users can add to a page (video, youtubevideo, poll) Widgets have their own HTML, CSS, and JavaScript. Beth is working on a widget to allow users to build a form on a page for use in a Workflow type portfolio. June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.

  35. Questions? 35 June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.

More Related