reinventing portfolios in sakai 3.0
DESCRIPTION
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. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Reinventing Portfolios in Sakai 3.0](https://reader035.vdocument.in/reader035/viewer/2022062520/568165ba550346895dd8b6cf/html5/thumbnails/1.jpg)
Reinventing Portfolios in Sakai 3.0
Erica Ackerman, Noah Botimer, Tiffany Marra, Beth Kirschner, Urmila VenkateshUniversity of Michigan
![Page 2: Reinventing Portfolios in Sakai 3.0](https://reader035.vdocument.in/reader035/viewer/2022062520/568165ba550346895dd8b6cf/html5/thumbnails/2.jpg)
Portfolios in 2.7
2 June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.2
![Page 3: Reinventing Portfolios in Sakai 3.0](https://reader035.vdocument.in/reader035/viewer/2022062520/568165ba550346895dd8b6cf/html5/thumbnails/3.jpg)
Portfolios in 3.0
3 June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.3
![Page 4: Reinventing Portfolios in Sakai 3.0](https://reader035.vdocument.in/reader035/viewer/2022062520/568165ba550346895dd8b6cf/html5/thumbnails/4.jpg)
4 June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.
What is a portfolio?
• Expressive presentation of a student’s learning?• Collection of learning objects?• Workflow aggregating learning objects over
time?
4
Answer: All of the above
![Page 5: Reinventing Portfolios in Sakai 3.0](https://reader035.vdocument.in/reader035/viewer/2022062520/568165ba550346895dd8b6cf/html5/thumbnails/5.jpg)
5 June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.
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
![Page 6: Reinventing Portfolios in Sakai 3.0](https://reader035.vdocument.in/reader035/viewer/2022062520/568165ba550346895dd8b6cf/html5/thumbnails/6.jpg)
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.6
![Page 7: Reinventing Portfolios in Sakai 3.0](https://reader035.vdocument.in/reader035/viewer/2022062520/568165ba550346895dd8b6cf/html5/thumbnails/7.jpg)
7 June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.
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
![Page 8: Reinventing Portfolios in Sakai 3.0](https://reader035.vdocument.in/reader035/viewer/2022062520/568165ba550346895dd8b6cf/html5/thumbnails/8.jpg)
8 June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.
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
![Page 9: Reinventing Portfolios in Sakai 3.0](https://reader035.vdocument.in/reader035/viewer/2022062520/568165ba550346895dd8b6cf/html5/thumbnails/9.jpg)
Slide Title
June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.9
![Page 10: Reinventing Portfolios in Sakai 3.0](https://reader035.vdocument.in/reader035/viewer/2022062520/568165ba550346895dd8b6cf/html5/thumbnails/10.jpg)
Slide Title
June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.10
![Page 11: Reinventing Portfolios in Sakai 3.0](https://reader035.vdocument.in/reader035/viewer/2022062520/568165ba550346895dd8b6cf/html5/thumbnails/11.jpg)
11
June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.
Evaluate & Feedback
• Structured or unstructured• Global or content specific• Inline or attached
11
![Page 12: Reinventing Portfolios in Sakai 3.0](https://reader035.vdocument.in/reader035/viewer/2022062520/568165ba550346895dd8b6cf/html5/thumbnails/12.jpg)
12
June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.
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
![Page 13: Reinventing Portfolios in Sakai 3.0](https://reader035.vdocument.in/reader035/viewer/2022062520/568165ba550346895dd8b6cf/html5/thumbnails/13.jpg)
Slide Title
June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.13
![Page 14: Reinventing Portfolios in Sakai 3.0](https://reader035.vdocument.in/reader035/viewer/2022062520/568165ba550346895dd8b6cf/html5/thumbnails/14.jpg)
Slide Title
June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.14
![Page 15: Reinventing Portfolios in Sakai 3.0](https://reader035.vdocument.in/reader035/viewer/2022062520/568165ba550346895dd8b6cf/html5/thumbnails/15.jpg)
15
June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.
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
![Page 16: Reinventing Portfolios in Sakai 3.0](https://reader035.vdocument.in/reader035/viewer/2022062520/568165ba550346895dd8b6cf/html5/thumbnails/16.jpg)
16
June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.
Reflect
• “Reflect anywhere” • Structured Reflection (form based)• Unstructured Reflection (free-text)
16
![Page 17: Reinventing Portfolios in Sakai 3.0](https://reader035.vdocument.in/reader035/viewer/2022062520/568165ba550346895dd8b6cf/html5/thumbnails/17.jpg)
17
June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.
Export & Report
• Exportable content formats (html, pdf, …)• Easy data extraction for reporting
17
![Page 18: Reinventing Portfolios in Sakai 3.0](https://reader035.vdocument.in/reader035/viewer/2022062520/568165ba550346895dd8b6cf/html5/thumbnails/18.jpg)
18
June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.
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
![Page 19: Reinventing Portfolios in Sakai 3.0](https://reader035.vdocument.in/reader035/viewer/2022062520/568165ba550346895dd8b6cf/html5/thumbnails/19.jpg)
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.
19
June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.
![Page 20: Reinventing Portfolios in Sakai 3.0](https://reader035.vdocument.in/reader035/viewer/2022062520/568165ba550346895dd8b6cf/html5/thumbnails/20.jpg)
Default View, Not Logged In
20
![Page 21: Reinventing Portfolios in Sakai 3.0](https://reader035.vdocument.in/reader035/viewer/2022062520/568165ba550346895dd8b6cf/html5/thumbnails/21.jpg)
Default View – Logged In
21
![Page 22: Reinventing Portfolios in Sakai 3.0](https://reader035.vdocument.in/reader035/viewer/2022062520/568165ba550346895dd8b6cf/html5/thumbnails/22.jpg)
Default View – Edit
22
![Page 23: Reinventing Portfolios in Sakai 3.0](https://reader035.vdocument.in/reader035/viewer/2022062520/568165ba550346895dd8b6cf/html5/thumbnails/23.jpg)
Michigan Changes – Logged Out
23
June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.
![Page 24: Reinventing Portfolios in Sakai 3.0](https://reader035.vdocument.in/reader035/viewer/2022062520/568165ba550346895dd8b6cf/html5/thumbnails/24.jpg)
Michigan – Logged In
24
![Page 25: Reinventing Portfolios in Sakai 3.0](https://reader035.vdocument.in/reader035/viewer/2022062520/568165ba550346895dd8b6cf/html5/thumbnails/25.jpg)
Michigan – Edit Page
25
![Page 26: Reinventing Portfolios in Sakai 3.0](https://reader035.vdocument.in/reader035/viewer/2022062520/568165ba550346895dd8b6cf/html5/thumbnails/26.jpg)
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
26
June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.
![Page 27: Reinventing Portfolios in Sakai 3.0](https://reader035.vdocument.in/reader035/viewer/2022062520/568165ba550346895dd8b6cf/html5/thumbnails/27.jpg)
Create Site Dialog
27
![Page 28: Reinventing Portfolios in Sakai 3.0](https://reader035.vdocument.in/reader035/viewer/2022062520/568165ba550346895dd8b6cf/html5/thumbnails/28.jpg)
Create Site - Appearance
28
![Page 29: Reinventing Portfolios in Sakai 3.0](https://reader035.vdocument.in/reader035/viewer/2022062520/568165ba550346895dd8b6cf/html5/thumbnails/29.jpg)
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
29
June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.
![Page 30: Reinventing Portfolios in Sakai 3.0](https://reader035.vdocument.in/reader035/viewer/2022062520/568165ba550346895dd8b6cf/html5/thumbnails/30.jpg)
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
30
June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.
![Page 31: Reinventing Portfolios in Sakai 3.0](https://reader035.vdocument.in/reader035/viewer/2022062520/568165ba550346895dd8b6cf/html5/thumbnails/31.jpg)
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
31
June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.
![Page 32: Reinventing Portfolios in Sakai 3.0](https://reader035.vdocument.in/reader035/viewer/2022062520/568165ba550346895dd8b6cf/html5/thumbnails/32.jpg)
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>
…
32
June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.
![Page 33: Reinventing Portfolios in Sakai 3.0](https://reader035.vdocument.in/reader035/viewer/2022062520/568165ba550346895dd8b6cf/html5/thumbnails/33.jpg)
How the UX Works: Examplevar 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);
…
}
33
June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.
![Page 34: Reinventing Portfolios in Sakai 3.0](https://reader035.vdocument.in/reader035/viewer/2022062520/568165ba550346895dd8b6cf/html5/thumbnails/34.jpg)
WidgetsFor 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.
34
June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.
![Page 35: Reinventing Portfolios in Sakai 3.0](https://reader035.vdocument.in/reader035/viewer/2022062520/568165ba550346895dd8b6cf/html5/thumbnails/35.jpg)
Questions?
June 15-17 2010 Sakai Conference - Denver, CO, U.S.A.35