Seminar 15A Authoring and Integrating Pachyderm Templates and

Other Learning Tools into LMSsTim Wang

Manager, Instructional Development, Arts ISIT, University of British Columbia

Ulrich RauchDirector, Arts ISIT, University of British Columbia

A seminar sponsored by EDUCAUSE October 9, 2006

Copyright Tim Wang & Ulrich Rauch [2006]. This work is the intellectual property of the authors. Permission is granted for this material to be shared for non-commercial, educational purposes, provided that this copyright statement appears on the reproduced materials and notice is given that the copying is by permission of the author. To disseminate otherwise or to republish requires written permission from the author.

Part I: Introductions

-- Who are we?

– Who are you?– Where are you from?– What do you do?– Why are you interested in this topic?

Timeline:

3.5 hours total time

60 minutes immersion into concept of modular learning tools

120 minutes of demonstration & hands-on experience

Two breaks of about 15 minutes

Overview of Workshop

Workshop OutlineIntroduction• Workshop Goals & Objectives• Philosophy & Principles

The Emergence of the CMS• WebCT as a Catalyst for a new Discourse on Learning and Teaching

A Closer Look at Rich Media• Popular Software for Media Development

Authoring Rich Media Templates (Learning Tools)• Learning Tools Authoring Demo

Hands-On Authoring

Conclusion: All the cool things we did not talk about • Social Software and Rich Media

– Wikis, Blogs or RSS feeds– Podcasting/Videocasting

3D Virtual Learning Environments

• To identify and understand the relationship between a CMS and content creation

• To learn how to use and implement interactive tools in an online course

• To incorporate these tools into planning and design of online course environments

Seminar Objectives

• To develop a working knowledge of tools

• To develop a strategy for the modular integration of tools or templates

• To implement some tools and templates

Desired Learning Outcomes

I see, I forget; I hear, I remember; I do, I understand.

[Chinese proverb]

… some background …

First principles: • Open Source philosophy for developing tools

– Why?

• Constructivist and connectivist pedagogy– Learner produced – learner-centric media

» Teaching and Research

• Collaboration on all levels – Tool development– Learning environment

Introducing CMS (LMS)

Course Management Systems for Learning:  Beyond Accidental Pedagogy, ed. by Patricia McGee, Colleen Carmean & Ali Jafari. IDEA Information Science Publishing, 2005.

Phases of CMS Development

• Phase I: The course as a static repository

The sage still holds the stage!

Phases of CMS Development

Phase II: The course site comes alive

– E-learning (an enterprise approach)

WebCT as a Catalyst ….

Blended Learning

English 111 (001) English 111 (005)

English 364

Phases of CMS Development

Phase III: The course as space for collaboration and interaction (i-learning)

and much more …

Initial Goals:

• To build a CMS platform that accommodates interchangeable tools.

• Components built at different places all work together and can be implemented at different institutions

SAKAI Project

FIPR 333 (Motion Picture Production I)

In the academic environment we are moving …

… from content based teaching to active and interactive learning

Under Siege

• Challenge: How can we transcend the limitations of “monolithic” course management systems?

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

A New Attempt …

CLST 301 (The Technical Terms of Medicine and Biological Science)

• 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.

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

What are the challenges to provide these interactive and media rich learning environments?

Chiesa di Casa Professahttp://www.flickr.com/photos/thamar/44606040/in/photostream/

– Human Resource

– Financial Resource

– Response Time

– Technology Standards

– Learning Management Infrastructure

– Content Updates

Rich Media for all: Challenges

No “Rich Media” For You!

Distribution of WebCT courses @ UBC Term 1 2006/7

1

386

479

198

10

110

4 1040

10

100 98

407

0

100

200

300

400

500

600

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

Experts

Analysts Designers Developers

Learners

Using Web Templates for Authoring

• 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.

Part III: Authoring Templates

Learning Object Authoring Templates (LOAT)

• web based application

• applications in template format

• creation of standalone learning objects following LO standards

Web Template Structure

User Interface for SME (Flash)

Configuration File (XML)

Package Engine (PHP)

Assets Manager (PHP)

Package Engine (PHP)

Interactive Learning Resources

Learning Tools

Arts ISIT has developed six LOATs so far. There are three more LOATs under development. The ones that have been completed and launched can be found here: http://www.learningtools.arts.ubc.ca

• A path we have walked through...

a path...

Multimedia Sync. ToolTimeline Tool Asian Character Writing

Vocabulary Tool Image Annotation Prounciation Tool

• The Pachyderm 2.0 Project creates an interoperable, robust, easily distributable, web-based application.

• Pachyderm 2.0 includes a wide range of pedagogical templates.

• Pachyderm 2.0 is open source.• The learning materials created with Pachyderm 2.0

are optimized for Internet delivery, easily reusable, and are conformant with key search, archival, and cataloging standards.

Introducing Pachydermhttp://www.pachyderm.org/

• 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

Project LeadNMC: The New Media Consortium

San Francisco Museum of Modern Art

University PartnersCalifornia State University (and CDL)

Case Western Reserve UniversityNorthwestern University

University of ArizonaUniversity of British Columbia

University of CalgaryUniversity of Nebraska

Museum PartnersCleveland Museum of Art

Fine Arts Museums of San FranciscoLincoln  Berkeley Art MuseumMetropolitan Museum of Art

San Francisco Museum of Modern ArtTang Museum at Skidmore College

Additional PartnersDesignWorlds for Learning

Ultimate Template Set

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.

• Account based user systems• HTML based authoring interface• Multimedia Files as Assets:

– *.wav, *.mp3

– *.mov, *.swf

– *.jpg, *.gif

Authoring Technology

Pachyderm Samples

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

Strength of Pachyderm• 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

“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

The Integration (I)

THTR 448 (Pachyderm and Sakai)

The Integration (II)

CHIN 101 (Wimba Voice Board and WebCT)

The Integration (III)

JAPN 101 (Vocab. Tool and WebCT)

The Integration (IV)

Student Work 1 Student Work 2 Student Work 3

English 221 Using Online WYSIWYG editor

The Integration (V)

CLST 301 Using Image Annotation Tool

The Integration (VI)

FREN 215 WebCT and Pronunciation Tool

Learning Tools Authoring Demo

Timeline -15 minMulti-media Synchronization Tool -10 minImage Annotation Tool - 5 min

Pachyderm Authoring Demo

Hands On Session

Pachyderm Guest Accounts

Username Password

Wendyt continue

Linck continue

Margeryf continue

Larryw continue

Carolk continue

Duanduanl continue

Timwo continue

Yvonnee continue

jupiter continue

Peterg continue

Sakai Guest Accounts

Username Passwordeducause1 dallaseducause2 dallaseducause3 dallaseducause4 dallaseducause5 dallaseducause6 dallaseducause7 dallaseducause8 dallas

educause9 dallaseducause10 dallas

http://learningtools.arts.ubc.ca/sakai

Templates

Aspect (Collaboration Web)

***

Templates

Commentary

(Variety of Media)

***

Templates

Enlargement

(Enlargement)

*

Templates

Exploration

(Artwork)

**

Templates

Layers

(Onion Skin)

*****

Templates

Media Focus

(Video Focus)

**

Templates

Phone Dial

(Artist in Context)

****

Templates

Series

(Book Viewer)

*****

Templates

Slider

(Slider View)

****

Templates

Zoom

(Zoom View)

**

Conclusion: A glance at all the cool things we did not talk about

• Social Software and Rich Media

– Wikis, Blogs or RSS feeds– Podcasting/Videocasting– virtual reality simulation / entertainment industry

merges with education / training– synchronous teaching vs. asynchronous teaching– Internet 2 (upgraded bandwidth)– mobile technology intergraded with multimedia

Ancient Spaces - Virtual 3D learning and research

environments

http://ancient.arts.ubc.ca

Ancient Spaces - Machu Picchu

Ancient Spaces - Nisga'a

Ancient Spaces - Ancient Egypt

Inside the Academy: New “open source” collaborative teaching/

learning/research practises and actions will radically transform the learning and research experience … for students and instructors alike.

Thank You

LOAT & Pachyderm Related Requests: artsis@mail.arts.ubc.ca

604-822-9709

Tim Wang, Arts ISIT, University of British Columbiatim@mail.arts.ubc.ca, 604 822 9709

Ulrich Rauch, Arts ISIT, University of British Columbiauli@mail.arts.ubc.ca, 604 822 0978