1. OSP Forms and Presentations in a Nutshell Tom Kuipers Universiteit van Amsterdam Information Technology Centre

2. Forms and Portfolios in a Nutshell Tom Kuipers Universiteit van Amsterdam Information Technology Centre

4. Agenda Overview Forms Portfolios Questions

5. Overview Collecting information –Forms Presenting information –Portfolio

6. Anatomy of a Portfolio Forms and Files Outline Options XML Presentation outline & supporting files

7. Steps Define what type of information to collect Split up in logical entities Reusability Create Forms Create Portfolio template Create XSL stylesheet

8. Types of Portfolios Free form presentation –Page centered –Drag ‘n drop interface –Choose style, layout and content ‘classic’ template presentation –Templates have predefined layout and style –Add existing content items from Resources –Placeholders for specific types of content

9. Sakai tools involved Resources (maintain, access role) Forms (maintain role) Portfolios (maintain, access role) Portfolio Templates (maintain role)

10. It’s all XML XML XSD XSL –XPath

11. Tools XSD Weaver http://trident.cdws.ucf.edu/xsdweaver/ From within you XML editor of choice use Xalan as XSLT-engine java org.apache.xalan.xslt.Process -IN %1 - XSL %3 -OUT %2 passthrough.xsl

12. Forms creation Creating XSD’s for your forms Manual or by using online tool XSD Weaver

13. XSD Weaver

15. XSD’s XSD (XML Schema Definition) Describes structure and data types of an XML document File extension *.xsd Mime-type "application/xml" or "text/xml"

16. Add Forms to Sakai

17. Portfolio template creation

21. passthrough.xsl stylesheet (available in.\sakai-demo\webapps\osp-presentation-tool\WEB- INF\resources)

23. Anatomy of a Portfolio Forms and Files Outline Options XML Presentation outline & supporting files

24. XSL Development process In your presentation use passthrough.xsl as template and save the raw XML to desktop Create your own XSL, use XML editor for XPath queries to show what you want Use an XML editor with Xalan as (optional) XSLT- engine to do the translation Improve XSL stylesheet, when satisfied upload it to Sakai environment, and update portfolio template

25. Portfolio creation

30. Example XSL [...].border-top { background-image: url( ); width: 778px; height: 18px; } [...]

35. Lessons Learned In XSD Weaver spaces in element name are allowed, while spaces are not allowed in xml element name (invalid syntax) Published Form types cannot be altered. You can bypass this by ‘un-publishing’ it in de database. Set the fields ' sitestate ' and ' globalstate ' to 0 in table ' metaobj_form_def '. Upload revised xsd form definition and restore published state Import / export multiple forms at once by adding the forms to a portfolio template and importing / exporting that template

36. Links XSD Weaver online tool for XSD creation at http://trident.cdws.ucf.edu/xsdweaver/ Community library at http://osportfolio.org. Containing xsd schemas, matrix examples, xslt portfolio templates, how-to tips, and morehttp://osportfolio.org

37. Questions? T.F.Kuipers@uva.nl