The document discusses participatory media literacy and the use of Pachyderm and Vue to create web-based learning environments. It outlines the objectives of using open-source platforms for interactive and rich media learning, while also emphasizing the importance of collaborative and learner-centric education. Additionally, it highlights the benefits and challenges of these technologies in enhancing educational experiences through multimedia storytelling and concept mapping.

1. Participatory Media Literacy: Using Pachyderm and the Visual Concept Map VUE to Author WebBased Learning Environments Andre Cooper Ulrich Rauch The Learning Centre, University of Trinidad & Tobago elearn-2009, University of West Indies, June 2009

2. Introduction Who are we? Who are you? (Are you a Blogger? Photographer? Video Producer? Digital Artist? Gamer? Twitter? Second Life Player?) What do you do? Why are you interested in this topic? What do you want to learn from this workshop?

3. Contents Introducing Pachyderm (30 min) 1 2 4 Hands-on Pachyderm (30 min) 3 Hands-on VUE + Converter (30 min) 6 --------------------------------- break 15 min ----------------------------- Hands-on Pachyderm (75 min)

4. Objectives To learn about a open source web authoring platform To investigate the expressions of a “participatory architecture” in rich media To learn new ways of telling a story

5. First principles: Open Source philosophy for developing tools Why? Constructivist and connectivist pedagogy Learner produced media Learner-centric media Teaching and Research Collaboration on all levels Tool development Learning environment Media creation Digital storytelling … some background …

7. Trebor Scholz, The Social Web, http://www.collectivate.net/courses

8. Oblinger, NMC 2008

10. Participatory Media…

11. Participatory Media…

12. … to participatory media creation…

13. The Phases 1 Online Learning 1.0 Course-Centered Proprietary Enterprise LMS/CMSs 2 Online Learning 2.0 Student-Centered Application Services Open Source 3 Online Learning 3.0 Context-Centered Open Source 3D Meta-Medium

14. Learners are no longer satisfied by linear, static, and purely text-based learning resources. Rich media is defined by its ability to exhibit dynamic motion. This motion may occur over time or in direct response to user interactions. The Role of Rich Media : Immersion and Engagement

15. Identifying Rich Media Images ( Image Repositories / Search Engines ) Audio ( Music Sharing , Pod Casting ) Video ( Video Blogging , DIY Video Hubs , Video Repositories ) Interactive Animations ( Flash , Shockwave ) Virtual Reality Simulation and Games ( Ancient Spaces , Second Life , World of Warcraft )

16. Some Rich Media Formats

17. How do the concepts of interactivity, collaboration and engagement take shape in an online/teaching environment?

18. Human Resource Financial Resource Response Time Technology Standards Learning Management Infrastructure Content Updates Rich Media for all: Challenges

19. Let’s look at the conventional cycle of web-based content creation … SMExperts Analysts Designers Developers Learners

20. A web based application that helps one to create multiple on-line learning resources without duplicated efforts Allowing “non-technical” educators and students to create interactive, high quality learning resources on their own. The learning resources created using the Templates can be easily distributed in the formats of LO standards. Using Web Templates for Authoring

21. Learning Object Authoring Templates (LOAT) web based application applications in template format creation of standalone learning objects following LO standards Authoring Templates

22. User Interface for SME (Flash) Configuration File (XML) Package Engine (PHP) Assets Manager (PHP) Package Engine (PHP) Interactive Learning Resources Web Template Structure

23. Goals of Pachyderm: To create a new, open source authoring environment for creators of web-based and multimedia learning experiences. Central to the Pachyderm 2.0 Project is the development of an interoperable, robust, easily distributable version of Pachyderm that will be open-source and include a wide range of pedagogical templates. The learning materials created with Pachyderm 2.0 will be optimized for Internet delivery, To be easily reusable, and conformant with key search, archival, and cataloging standards.

24. Adobe Macromedia Flash Used for User Interface 97% internet users have Flash Player (516 million people) SWF is an open file format Java and Web Object Used for Publishing and Content Packaging XML Used for Data Archiving System Technology

25. Account based user systems HTML based authoring interface Multimedia Files as Assets: *.wav, *.mp3 *.mov, *.swf *.jpg, *.gif Authoring Technology

26. Pachyderms on Parade Technologies for Learning Mavericks Get Smart with Art Arkansas Air Museum Women Nobel Prize Winners How to Write a Great Paper Still Life Observational Exercise Making Sense of Modern Art The Case of the Bony Defect Virtual Reality and Visual Perception The Inner Beauty of Bugs Pachyderm Samples

27. http://www.utexas.edu/cofa/bma/interact/NYGW/

28. Ultimate Template Set

29. Open-source: Can download the package and modify it to fit your needs Web-based application Content widely shareable (ie. images and media) Can easily link to your Sakai course Benefits instructors and students No computer programming knowledge required Based on variety of pedagogically designed templates The file sizes are small Files are stored in XML file format, therefore, all content is searchable Can be viewed on hand-held devices Strength of Pachyderm

30. Weakness of Pachyderm Pachyderm is very visual Approx. 65% visual content Approx. 35% textual content Limited number of templates to choose from Templates are pre-designed screens Not all media are available for all template types There are limitations on file sizes for uploading Ex. Video/Audio files larger than 4MB will cause your presentation to load slowly Document files cannot be uploaded ie. PDF, DOC, TXT

31. Pachyderm Authoring Demo

32. Templates for Your Stories Aspect (Collaboration Web) ***

33. Templates for Your Stories Commentary (Variety of Media) ***

34. Templates for Your Stories Enlargement (Enlargement) *

35. Templates for Your Stories Exploration (Artwork) **

36. Templates for Your Stories Layers (Onion Skin) *****

37. Templates for Your Stories Media Focus (Video Focus) **

38. Templates for Your Stories Phone Dial (Artist in Context) ****

39. Templates for Your Stories Series (Book Viewer) *****

40. Templates for Your Stories Slider (Slider View) ****

41. Templates for Your Stories Zoom (Zoom View) **

42. Concept Maps VUE, Pachyderm and 3D Concept Maps

43. The visualization of data, information, connections and relationships has become an important aspect of media production However the integration of a variety of rich media, and the multimodality of input, leads also at times to a confusing search to understand how ideas and concepts, amassed in a seemingly non-hierachical, non-linear web environment, may be ordered, and harnessed into a conceptual frame that could easily be visualized. The resulting visualization may well serve to catalyse a re-ordering of concepts and information, leading to a truly grounded approach to develop new insights.

44. The one application that we want to demonstrate to you is the integration of VUE (an open source mind/concept mapping tool developed by Tufts University) with Pachyderm which is an open source rich media web authoring environment and was developed by a consortium of Museums and Universities together with the New Media Consortium http://vue.tufts.edu

45. VUE, Pachyderm and 3D Concept Maps

46. Pachyderm Designer Screen Why do we need CM tools?

47. Pachyderm Designer Interface Why do we need CM tools?

48. Let’s Look at VUE Startup VUE application Create a few nodes Add content to nodes My Computer content (doc, ppt, jpg, mov) remote resources (Black Ships and Samurai) web resources (flickr, google image, you tube)

49. Pachyderm CM Generator Sample Pachyderm Presentation

50. Pachyderm Presentation -> VUE Converter Pachyderm CM Generator

51. Outline of a Pachyderm Presentation in VUE http://www.learningtools.arts.ubc.ca/educause Pachyderm CM Generator

52. A Deeper Exploration of an Individual Pachyderm Screen Pachyderm CM Generator

53. XML -> VUE Comparison Pachyderm CM Generator

54. In Conclusion Participatory Media Literacy - A Paradigm Shift Participatory pedagogy … engagement of the learner Visual literacy – engagement with media and their power of presentation understanding a “visual rhetoric” Collaborative learning – teach less - learn more – re-creation -- networks of imagination A new mode of reading -- becoming part of the text --- enables questions of representation, perception, and cognition in relation to the production of meaning

55. Resources A/V Converters & Tools: Free Audio Converter http://www.eusing.com Free Video Converter http://www.avsmedia.com/downloads.aspx Free Audio Editor http:// audacity.sourceforge.net Free Video Editor Windows Movie Maker

56. http://pachyderm.arts.ubc.ca userid: uwi-elearn1 (- 19) password: passw0rd

57. Presentation will be available on Slideshare: http://www.slideshare.net/ Keyword: Cooper, Rauch, uwi-elearn2009

59. Thank You Thank You! Andre Cooper, The Learning centre, University of Trinidad & Tobago [email_address] Ulrich Rauch, The Learning Centre University of Trinidad & Tobago [email_address]