Participatory Media Literacy Uwi2009

Participatory Media Literacy: Using Pachyderm and the Visual Concept Map VUE to Author

WebBased Learning Environments

Andre CooperUlrich RauchThe Learning Centre, University of Trinidad & Tobago

elearn-2009, University of West Indies, June 2009

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?

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)

Objectives

To learn about a open source web authoring platformTo investigate the expressions of a “participatory

architecture” in rich mediaTo learn new ways of telling a story

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 …

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

Oblinger, NMC 2008

Participatory Media…

Participatory Media…

… to participatory media creation…

The Phases

1

Online Learning 1.0Online Learning 1.0Course-CenteredCourse-Centered

ProprietaryProprietaryEnterprise Enterprise LMS/CMSsLMS/CMSs

2

Online Learning 2.0Online Learning 2.0Student-CenteredStudent-Centered

ApplicationApplicationServicesServices

Open SourceOpen Source

3

Online Learning 3.0Online Learning 3.0Context-CenteredContext-Centered

Open Source Open Source 3D Meta-Medium3D Meta-Medium

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

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)

Some Rich Media Formats

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

Human Resource Financial Resource Response Time Technology Standards Learning Management Infrastructure Content Updates

Rich Media for all: Challenges

Let’s look at the conventional cycle of web-based content creation …

SMExperts

Analysts Designers Developers

Learners

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

Learning Object Authoring Templates (LOAT)

web based applicationapplications in template format creation of standalone learning objects following

LO standards

Authoring Templates

User Interface for SME (Flash)

Configuration File (XML)

Package Engine (PHP)

Assets Manager (PHP)

Package Engine (PHP)

Interactive Learning Resources

Web Template Structure

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.

Adobe Macromedia Flash

• Used for User Interface

• 97% internet users have Flash Player (516 million people)

• SWF is an open file formatJava and Web Object

• Used for Publishing and Content Packaging

XML

• Used for Data Archiving

System Technology

Account based user systems

HTML based authoring interface

Multimedia Files as Assets: *.wav, *.mp3 *.mov, *.swf *.jpg, *.gif

Authoring Technology

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

http://www.sfmoma.org/msoma/newAWScreen.asp?awScreenNum=8437

http://www.glenbow.org/mavericks/english/menu.html

http://www.pachyderm.org/pachyderm/presentations/0064-1575-128007-47-12-1200017-20-831261783-26-73-88/

http://www.pachyderm.org/pachyderm/presentations/0064-1575-128007-474390017-20-831261783-26-73-88/

http://www.pachyderm.org/pachyderm/presentations/0064-1575-128007-47-1061001981304920-12110-11726/

http://www.pachyderm.org/pachyderm/presentations/0064-1575-128007-4758000177821-126-12376525934/

http://www.roanestate.edu/faculty/tufano/greatPaper/

http://www.sfmoma.org/msoma/

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

Ultimate Template Set

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

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

Pachyderm Authoring Demo

Templates for Your Stories

Aspect (Collaboration Web)

***


Commentary

(Variety of Media)

***


Enlargement

(Enlargement)

*


Exploration

(Artwork)

**


Layers

(Onion Skin)

*****


Media Focus

(Video Focus)

**


Phone Dial

(Artist in Context)

****


Series

(Book Viewer)

*****


Slider

(Slider View)

****


Zoom

(Zoom View)

**

Concept Maps• VUE, Pachyderm and 3D Concept Maps

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.

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

• VUE, Pachyderm and 3D Concept Maps

Pachyderm Designer Screen

Why do we need CM tools?

Pachyderm Designer Interface

Why do we need CM tools?

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)

Pachyderm CM Generator

Sample Pachyderm Presentation

Pachyderm Presentation -> VUE Converter


Outline of a Pachyderm Presentation in VUEhttp://www.learningtools.arts.ubc.ca/educause


A Deeper Exploration of an Individual Pachyderm Screen


XML -> VUE Comparison


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

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

http://pachyderm.arts.ubc.ca

userid: uwi-elearn1 (- 19)password: passw0rd

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

Thank You

Andre Cooper, The Learning centre,University of Trinidad & [email protected]

Ulrich Rauch, The Learning CentreUniversity of Trinidad & [email protected]

Thank You!