Participatory Media Literacy Tim Wang Ulrich Rauch University of British Columbia June 30 th , 2008
Introduction <ul><ul><li>Who are we? </li></ul></ul><ul><ul><li>Who are you? (Are you a Blogger? Photographer? Video Produ...
Contents Introducing LT and Pachyderm (60 min) 1 Timeline Tool Authoring Demo (15 min) 2 Hands-on Pachyderm (75 min)  3 In...
Objectives <ul><li>To identify and understand the relationship between a CMS and content creation </li></ul><ul><li>To lea...
I see, I forget; I hear, I remember; I do, I understand.  -Confucius
<ul><ul><ul><li>First principles:  </li></ul></ul></ul><ul><ul><ul><li>Open Source philosophy for developing tools </li></...
Introducing CMS (LMS)
Course Management Systems for Learning:  Beyond Accidental Pedagogy, ed. by Patricia McGee, Colleen Carmean & Ali Jafari. ...
Phases of CMS Development  <ul><li>Phase I: The course as a static repository </li></ul>
The sage still holds the stage
 
Phases of CMS Development  <ul><li>Phase II: The course site comes alive </li></ul><ul><ul><li>E-learning (an enterprise a...
WebCT as a Catalyst ….
Blended Learning English 111 (001) English 111 (005) English 364
In the academic environment we are moving …  <ul><li>Phase III: from content based teaching to active learning and interac...
…  from self publishing to collaborative content building …
…  to participatory media creation…
Participatory Media…
Participatory Media…
The Phases 1 Online Learning 1.0 Course-Centered Proprietary Enterprise LMS/CMSs 2 Online Learning 2.0 Student-Centered Ap...
<ul><li>Learners are no longer satisfied by linear, static, and purely text-based learning resources.  </li></ul><ul><li>R...
Identifying Rich Media <ul><li>Images  ( Image Repositories  /  Search Engines ) </li></ul><ul><li>Audio  ( Music Sharing ...
Some Rich Media Formats
<ul><li>Challenge: How can we transcend the limitations of “monolithic” course management systems? </li></ul><ul><li>How d...
What are the challenges to provide these interactive and media rich learning environments? <ul><li>Chiesa di Casa Professa...
<ul><ul><li>Human Resource </li></ul></ul><ul><ul><li>Financial Resource </li></ul></ul><ul><ul><li>Response Time </li></u...
No “Rich Media” For You!
 
Let’s look at the conventional cycle of web-based content creation …  Experts Analysts Designers Developers Learners
CLST 301 (The Technical Terms of Medicine and Biological Science) A New Attempt …
<ul><li>A web based application that helps one to create  multiple  on-line learning resources without duplicated efforts ...
<ul><li>Learning Object Authoring Templates (LOAT) </li></ul><ul><li>web based application </li></ul><ul><li>applications ...
User Interface for SME (Flash) Configuration File (XML) Package Engine (PHP) Assets Manager (PHP) Package Engine (PHP) Int...
<ul><li>Arts ISIT has developed eight learning tools so far. There are three more learning tools under development. The on...
Multimedia Sync. Tool Timeline Tool Asian Character Writing Vocabulary Tool Image Annotation Prounciation Tool
CHIN 101 (Wimba Voice Board and WebCT) The Integration (I)
JAPN 101 (Vocab. Tool and WebCT) The Integration (II)
Student Work 1 Student Work 2 Student Work 3 English 221 Using Online WYSIWYG editor The Integration (III)
CLST 301 Using Image Annotation Tool The Integration (IV)
FREN 215 WebCT and Pronunciation Tool The Integration (V)
THTR 448 (Pachyderm and Sakai) The Integration (VI)
<ul><li>The  Pachyderm 2.0 Project  creates an interoperable, robust, easily distributable, web-based application.  </li><...
<ul><li>Adobe Macromedia Flash </li></ul><ul><ul><ul><li>Used for User Interface </li></ul></ul></ul><ul><ul><ul><li>97% i...
Ultimate Template Set
Goals of Pachyderm:  <ul><li>To create a new, open source authoring environment for creators of web-based and multimedia l...
<ul><li>Account based user systems </li></ul><ul><li>HTML based authoring interface </li></ul><ul><li>Multimedia Files as ...
Pachyderms on Parade Technologies for Learning Mavericks Get Smart with Art Arkansas Air Museum Women Nobel Prize Winners ...
<ul><li>Open-source:  </li></ul><ul><ul><li>Can download the package and modify it to fit your needs </li></ul></ul><ul><l...
Weakness of Pachyderm <ul><li>Pachyderm is very visual </li></ul><ul><ul><li>Approx. 65% visual content  </li></ul></ul><u...
Pachyderm Authoring Demo
Templates for Your Stories Aspect (Collaboration Web) ***
Templates for Your Stories Commentary (Variety of Media) ***
Templates for Your Stories Enlargement (Enlargement) *
Templates for Your Stories Exploration (Artwork) **
Templates for Your Stories Layers (Onion Skin) *****
Templates for Your Stories Media Focus (Video Focus) **
Templates for Your Stories Phone Dial (Artist in Context) ****
Templates for Your Stories Series (Book Viewer) *****
Templates for Your Stories Slider (Slider View) ****
Templates for Your Stories Zoom (Zoom View) **
Concept Maps <ul><li>VUE, Pachyderm and 3D Concept Maps </li></ul>
<ul><li>The visualization of data, information, connections and relationships has become an important aspect of media prod...
<ul><li>We are providing a number of visualization tools for free download ( http:// learningtools.arts.ubc.ca ) but the o...
<ul><li>Lastly we want to demonstrate to you how concept mapping in a three dimensional space may be giving a yet unsurpas...
<ul><li>VUE, Pachyderm and 3D Concept Maps </li></ul>
Why do we need CM tools? <ul><li>Ferret Image Repository </li></ul>
<ul><li>Pachyderm Designer Screen </li></ul>Why do we need CM tools?
<ul><li>Pachyderm Designer Interface </li></ul>Why do we need CM tools?
Let’s Look at VUE <ul><li>Startup VUE application </li></ul><ul><li>Create a few nodes </li></ul><ul><li>Add content to no...
Pachyderm CM Generator <ul><li>Sample Pachyderm Presentation </li></ul>
<ul><li>Pachyderm Presentation -> VUE Converter </li></ul>Pachyderm CM Generator
<ul><li>Outline of a Pachyderm Presentation in VUE </li></ul><ul><ul><li>http://www.learningtools.arts.ubc.ca/educause </l...
<ul><li>A Deeper Exploration of an Individual Pachyderm Screen </li></ul>Pachyderm CM Generator
<ul><li>XML -> VUE Comparison </li></ul>Pachyderm CM Generator
<ul><li>Open Croquet Annotation Feature </li></ul>Concept Maps in 3D
All the things we didn’t talk about … <ul><li>The wider application of concept mapping in social network platforms (e.g. F...
Thank You <ul><ul><li>LOAT & Pachyderm Related Requests:  [email_address] </li></ul></ul><ul><ul><li>604-822-9709 </li></u...
Upcoming SlideShare
Loading in …5
×

Participatory Media Literacy Diverse2008

2,399 views
2,321 views

Published on

Slides of a workshop by Tm Wang and Ulrich Rauch at INHolland University, Haaarlem, Netherlands, June 30th, 2008

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,399
On SlideShare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
21
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Participatory Media Literacy Diverse2008

    1. 1. Participatory Media Literacy Tim Wang Ulrich Rauch University of British Columbia June 30 th , 2008
    2. 2. Introduction <ul><ul><li>Who are we? </li></ul></ul><ul><ul><li>Who are you? (Are you a Blogger? Photographer? Video Producer? Digital Artisit? Gamer? Twitter? Second Life Player?) </li></ul></ul><ul><ul><li>What do you do? </li></ul></ul><ul><ul><li>Why are you interested in this topic? </li></ul></ul><ul><ul><li>What do you want to learn from this workshop? </li></ul></ul>
    3. 3. Contents Introducing LT and Pachyderm (60 min) 1 Timeline Tool Authoring Demo (15 min) 2 Hands-on Pachyderm (75 min) 3 Introducing Concept Maps (30 min) 4 Hands-on VUE + Converter (60 min) 5 3D Concept Maps and Virtual Storytelling (30min) 6 --------------------------------- lunch break -----------------------------
    4. 4. Objectives <ul><li>To identify and understand the relationship between a CMS and content creation </li></ul><ul><li>To learn how to use and implement interactive tools in an online course </li></ul><ul><li>To incorporate these tools into planning and design of online course environments </li></ul><ul><li>To investigate the expressions of a “participatory architecture” in rich media </li></ul><ul><li>To learn new ways of telling a story </li></ul><ul><li>To develop a strategy for the modular integration of tools or templates </li></ul>
    5. 5. I see, I forget; I hear, I remember; I do, I understand. -Confucius
    6. 6. <ul><ul><ul><li>First principles: </li></ul></ul></ul><ul><ul><ul><li>Open Source philosophy for developing tools </li></ul></ul></ul><ul><ul><ul><ul><li>Why? </li></ul></ul></ul></ul><ul><ul><ul><li>Constructivist and connectivist pedagogy </li></ul></ul></ul><ul><ul><ul><ul><li>Learner produced media </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Learner-centric media </li></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Teaching and Research </li></ul></ul></ul></ul></ul><ul><ul><ul><li>Collaboration on all levels </li></ul></ul></ul><ul><ul><ul><ul><li>Tool development </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Learning environment </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Media creation </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Digital storytelling </li></ul></ul></ul></ul>… some background …
    7. 7. Introducing CMS (LMS)
    8. 8. Course Management Systems for Learning:  Beyond Accidental Pedagogy, ed. by Patricia McGee, Colleen Carmean & Ali Jafari. IDEA Information Science Publishing, 2005.
    9. 9. Phases of CMS Development <ul><li>Phase I: The course as a static repository </li></ul>
    10. 10. The sage still holds the stage
    11. 12. Phases of CMS Development <ul><li>Phase II: The course site comes alive </li></ul><ul><ul><li>E-learning (an enterprise approach) </li></ul></ul>
    12. 13. WebCT as a Catalyst ….
    13. 14. Blended Learning English 111 (001) English 111 (005) English 364
    14. 15. In the academic environment we are moving … <ul><li>Phase III: from content based teaching to active learning and interactive content creation </li></ul>
    15. 16. … from self publishing to collaborative content building …
    16. 17. … to participatory media creation…
    17. 18. Participatory Media…
    18. 19. Participatory Media…
    19. 20. 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
    20. 21. <ul><li>Learners are no longer satisfied by linear, static, and purely text-based learning resources. </li></ul><ul><li>Rich media is defined by its ability to exhibit dynamic motion. This motion may occur over time or in direct response to user interactions. </li></ul>The Role of Rich Media : Immersion and Engagement
    21. 22. Identifying Rich Media <ul><li>Images ( Image Repositories / Search Engines ) </li></ul><ul><li>Audio ( Music Sharing , Pod Casting ) </li></ul><ul><li>Video ( Video Blogging , DIY Video Hubs , Video Repositories ) </li></ul><ul><li>Interactive Animations ( Flash , Shockwave ) </li></ul><ul><li>Virtual Reality Simulation and Games ( Ancient Spaces , Second Life , World of Warcraft ) </li></ul>
    22. 23. Some Rich Media Formats
    23. 24. <ul><li>Challenge: How can we transcend the limitations of “monolithic” course management systems? </li></ul><ul><li>How do the concepts of interactivity, collaboration and engagement take shape in an online/teaching environment? </li></ul>What have we learned?
    24. 25. What are the challenges to provide these interactive and media rich learning environments? <ul><li>Chiesa di Casa Professa </li></ul><ul><li>http://www.flickr.com/photos/thamar/44606040/in/photostream/ </li></ul>
    25. 26. <ul><ul><li>Human Resource </li></ul></ul><ul><ul><li>Financial Resource </li></ul></ul><ul><ul><li>Response Time </li></ul></ul><ul><ul><li>Technology Standards </li></ul></ul><ul><ul><li>Learning Management Infrastructure </li></ul></ul><ul><ul><li>Content Updates </li></ul></ul>Rich Media for all: Challenges
    26. 27. No “Rich Media” For You!
    27. 29. Let’s look at the conventional cycle of web-based content creation … Experts Analysts Designers Developers Learners
    28. 30. CLST 301 (The Technical Terms of Medicine and Biological Science) A New Attempt …
    29. 31. <ul><li>A web based application that helps one to create multiple on-line learning resources without duplicated efforts </li></ul><ul><li>Allowing “non-technical” educators and students to create interactive, high quality learning resources on their own. </li></ul><ul><li>The learning resources created using the Templates can be easily distributed in the formats of LO standards. </li></ul>Using Web Templates for Authoring
    30. 32. <ul><li>Learning Object Authoring Templates (LOAT) </li></ul><ul><li>web based application </li></ul><ul><li>applications in template format </li></ul><ul><li>creation of standalone learning objects following LO standards </li></ul>Part III: Authoring Templates
    31. 33. User Interface for SME (Flash) Configuration File (XML) Package Engine (PHP) Assets Manager (PHP) Package Engine (PHP) Interactive Learning Resources Web Template Structure
    32. 34. <ul><li>Arts ISIT has developed eight learning tools so far. There are three more learning tools under development. The ones that have been launched can be found here: http://www.learningtools.arts.ubc.ca </li></ul>Learning Tools
    33. 35. Multimedia Sync. Tool Timeline Tool Asian Character Writing Vocabulary Tool Image Annotation Prounciation Tool
    34. 36. CHIN 101 (Wimba Voice Board and WebCT) The Integration (I)
    35. 37. JAPN 101 (Vocab. Tool and WebCT) The Integration (II)
    36. 38. Student Work 1 Student Work 2 Student Work 3 English 221 Using Online WYSIWYG editor The Integration (III)
    37. 39. CLST 301 Using Image Annotation Tool The Integration (IV)
    38. 40. FREN 215 WebCT and Pronunciation Tool The Integration (V)
    39. 41. THTR 448 (Pachyderm and Sakai) The Integration (VI)
    40. 42. <ul><li>The Pachyderm 2.0 Project creates an interoperable, robust, easily distributable, web-based application. </li></ul><ul><li>Pachyderm 2.0 includes a wide range of pedagogical templates. </li></ul><ul><li>Pachyderm 2.0 is open source. </li></ul><ul><li>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. </li></ul>Introducing Pachyderm
    41. 43. <ul><li>Adobe Macromedia Flash </li></ul><ul><ul><ul><li>Used for User Interface </li></ul></ul></ul><ul><ul><ul><li>97% internet users have Flash Player (516 million people) </li></ul></ul></ul><ul><ul><ul><li>SWF is an open file format </li></ul></ul></ul><ul><li>Java and Web Object </li></ul><ul><ul><ul><li>Used for Publishing and Content Packaging </li></ul></ul></ul><ul><li>XML </li></ul><ul><ul><ul><li>Used for Data Archiving </li></ul></ul></ul>System Technology
    42. 44. Ultimate Template Set
    43. 45. Goals of Pachyderm: <ul><li>To create a new, open source authoring environment for creators of web-based and multimedia learning experiences. </li></ul><ul><li>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. </li></ul><ul><li>The learning materials created with Pachyderm 2.0 will be optimized for Internet delivery, </li></ul><ul><li>To be easily reusable, and conformant with key search, archival, and cataloging standards. </li></ul>
    44. 46. <ul><li>Account based user systems </li></ul><ul><li>HTML based authoring interface </li></ul><ul><li>Multimedia Files as Assets: </li></ul><ul><ul><li>*.wav, *.mp3 </li></ul></ul><ul><ul><li>*.mov, *.swf </li></ul></ul><ul><ul><li>*.jpg, *.gif </li></ul></ul>Authoring Technology
    45. 47. 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
    46. 48. <ul><li>Open-source: </li></ul><ul><ul><li>Can download the package and modify it to fit your needs </li></ul></ul><ul><li>Web-based application </li></ul><ul><ul><li>Content widely shareable (ie. images and media) </li></ul></ul><ul><ul><li>Can easily link to your Sakai course </li></ul></ul><ul><li>Benefits instructors and students </li></ul><ul><ul><li>No computer programming knowledge required </li></ul></ul><ul><ul><li>Based on variety of pedagogically designed templates </li></ul></ul><ul><li>The file sizes are small </li></ul><ul><li>Files are stored in XML file format, therefore, all content is searchable </li></ul><ul><li>Can be viewed on hand-held devices </li></ul>Strength of Pachyderm
    47. 49. Weakness of Pachyderm <ul><li>Pachyderm is very visual </li></ul><ul><ul><li>Approx. 65% visual content </li></ul></ul><ul><ul><li>Approx. 35% textual content </li></ul></ul><ul><li>Limited number of templates to choose from </li></ul><ul><ul><li>Templates are pre-designed screens </li></ul></ul><ul><ul><li>Not all media are available for all template types </li></ul></ul><ul><li>There are limitations on file sizes for uploading </li></ul><ul><ul><li>Ex. Video/Audio files larger than 4MB will cause your presentation to load slowly </li></ul></ul><ul><li>Document files cannot be uploaded </li></ul><ul><ul><li>ie. PDF, DOC, TXT </li></ul></ul>
    48. 50. Pachyderm Authoring Demo
    49. 51. Templates for Your Stories Aspect (Collaboration Web) ***
    50. 52. Templates for Your Stories Commentary (Variety of Media) ***
    51. 53. Templates for Your Stories Enlargement (Enlargement) *
    52. 54. Templates for Your Stories Exploration (Artwork) **
    53. 55. Templates for Your Stories Layers (Onion Skin) *****
    54. 56. Templates for Your Stories Media Focus (Video Focus) **
    55. 57. Templates for Your Stories Phone Dial (Artist in Context) ****
    56. 58. Templates for Your Stories Series (Book Viewer) *****
    57. 59. Templates for Your Stories Slider (Slider View) ****
    58. 60. Templates for Your Stories Zoom (Zoom View) **
    59. 61. Concept Maps <ul><li>VUE, Pachyderm and 3D Concept Maps </li></ul>
    60. 62. <ul><li>The visualization of data, information, connections and relationships has become an important aspect of media production </li></ul><ul><li>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. </li></ul><ul><li>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. </li></ul>
    61. 63. <ul><li>We are providing a number of visualization tools for free download ( http:// learningtools.arts.ubc.ca ) but 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 </li></ul>
    62. 64. <ul><li>Lastly we want to demonstrate to you how concept mapping in a three dimensional space may be giving a yet unsurpassed opportunity to experience relationships and collaborations in a most visual almost tactile sensation. Croquet is an open source 3D VR environment ( http:// croqueproject.org ) and it lends itself to present and organize information in a very visual and engaging manner. </li></ul>
    63. 65. <ul><li>VUE, Pachyderm and 3D Concept Maps </li></ul>
    64. 66. Why do we need CM tools? <ul><li>Ferret Image Repository </li></ul>
    65. 67. <ul><li>Pachyderm Designer Screen </li></ul>Why do we need CM tools?
    66. 68. <ul><li>Pachyderm Designer Interface </li></ul>Why do we need CM tools?
    67. 69. Let’s Look at VUE <ul><li>Startup VUE application </li></ul><ul><li>Create a few nodes </li></ul><ul><li>Add content to nodes </li></ul><ul><ul><li>My Computer content (doc, ppt, jpg, mov) </li></ul></ul><ul><ul><li>remote resources (Black Ships and Samurai) </li></ul></ul><ul><ul><li>web resources (flickr, google image, you tube) </li></ul></ul>
    68. 70. Pachyderm CM Generator <ul><li>Sample Pachyderm Presentation </li></ul>
    69. 71. <ul><li>Pachyderm Presentation -> VUE Converter </li></ul>Pachyderm CM Generator
    70. 72. <ul><li>Outline of a Pachyderm Presentation in VUE </li></ul><ul><ul><li>http://www.learningtools.arts.ubc.ca/educause </li></ul></ul>Pachyderm CM Generator
    71. 73. <ul><li>A Deeper Exploration of an Individual Pachyderm Screen </li></ul>Pachyderm CM Generator
    72. 74. <ul><li>XML -> VUE Comparison </li></ul>Pachyderm CM Generator
    73. 75. <ul><li>Open Croquet Annotation Feature </li></ul>Concept Maps in 3D
    74. 76. All the things we didn’t talk about … <ul><li>The wider application of concept mapping in social network platforms (e.g. Facebook, Bebo) </li></ul><ul><li>Using concept maps to make rich media content accessible (Section 508) </li></ul><ul><li>Interoperability/Standardization of the xml description for concept maps </li></ul><ul><li>… </li></ul>
    75. 77. Thank You <ul><ul><li>LOAT & Pachyderm Related Requests: [email_address] </li></ul></ul><ul><ul><li>604-822-9709 </li></ul></ul>Tim Wang, Arts ISIT, University of British Columbia [email_address] , 604 822 9709 Ulrich Rauch, Arts ISIT, University of British Columbia [email_address] , 604 822 0978

    ×