Seminar 09 P Lets get visual INHOLLAND University

Seminar 09 P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim Wang © Copyright [Eja Kliphuis, Annemiek Scholten, Pim Slot, Uli Rauch, Tim Wang] [2007]. This work is the intellectual property of the author. 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.

Workshop Outline

Take Away… • What can you expect from concept maps with Inspiration? • How does the tool work? • How can I use rich media & video with the Virtual Cutter? • How can I combine VUE, Pachyderm, …?

International Collaboration

Further Introductions Who is who? (pictures in. isf)

What Do You See?

Let’s Get Visual? • • • A picture speaks louder than words… Students grow up in a visual world Visual ‘only’ is not enough Rich media can help student learning Our choice: c maps, rich media, . .

Let’s Get Visual 1

Concept Maps INHOLLAND • Overall view of c maps projects • Concept maps, mind maps? • Choosing a tool, licensing • Examples, sharing practices • Lessons learned and further plans • Q&A

Overview

Concept Maps, J. D. Novak

Mind Maps, T. Buzan

Choosing a Tool Criteria were: • Usability, ease of use • Hiding of subconcepts possible • Focus on part of the concept map • Printable From longlist to shortlist (2005)

Licensing

First Pilot, April 2005 Henk Schilstra and business students, INHOLLAND

Orientation On a New Subject Henk Schilstra, School of Economics Haarlem, INHOLLAND

Shielding Radiation Jelle Scheurleer, School of Health Haarlem, INHOLLAND

Concepts & Business Analysis Team of 5 students Media & Entertainment Management, INHOLLAND

Brainstorm

Brainstorm Restructured

Other Applications

Sharing C Maps & Practices

Project-closure, September ‘ 06

October 2007 • Minor and Master Visual Knowledge Building • Service Level Agreements with Schools • Workshop conceptmapping in minor UDP • More concept maps and practices, e. g. - poster for research presentation - summary of plenary discussion …

Lessons Learned When on paper? When in Inspiration? Marieke Stammes, student School of Health, INHOLLAND

Moodboard Students Media & Entertainment Management, INHOLLAND

Integration With LMS

Concept Map in a wiki

Combination with Blog

Tools • Inspiration 8 IE • C map Tools • VUE • Mindmanager • Freemind • i. Mindmap

Q&A

Hands-on with Inspiration What possibilities do you see? Create a visual map in Inspiration, you can • start with a diagram • start with a mind map • start with a template We’ll be pleased to help you!

Let’s Get Visual 2 • Rich Media & Video

Copyrighted Visual Material: Licensed by SURFdiensten • SURFdiensten, the licensing service company for HE in the Netherlands (and Belgium) • Software, content, hardware, ICT-services • ‘Academia’-agreement with the Netherlands Institute for Sound and Image: access for HE to 10. 000+ hours of streaming content (€ 0, 51 per student/year) • Broadcasts from Dutch public broadcasters and documentary footage • Hosted by SURFnet (portal for content and services) • One core (videoserver, search engine, authentication server), 2 user applications

Content from Sound & Image

Content from Sound & Image

Content from Sound & Image

One video base two applications

Two Applications Teleblik (Primary Secund. & Vocational) SURfnet Video Library (higher edu)

SURFnet Video Portal

Sound & Image Content (accessible with academic license)

The Virtual Cutter: Creating Clips from Streaming Files

Multi-applicable Tool

www. teleblik. nl • Teleblik allows access to the archive of the Dutch public broadcasters for educational use • Access is free of charge • 70 % of the schools in the Netherlands own a Teleblik licence • 12. 000 television programmes are online • New programmes are added every day • Users can watch, request, edit and save material

How Does Teleblik Work? Recent programmes Search query Actual theme’s (p. e. Ramadan)

Search Results metadata Screen dump of short clip Screen dump of complete program

Play Clip or Program login play

User Interface: Edit Your Own Clip … Edit your own clip

…with the virtual cutter Click for start time Click for end time

Bookmark Clip URL of your clip can be bookmarked or emailed

Bookmark of Your Clip Bookmark of your clip

Backoffice: Virtual Cutter + Editing Tool new daily workload for the editors

Backoffice: Virtual Cutter + Editing Tool work divided among editorial board

Backoffice: Virtual Cutter + Editing Tool the virtual cutter in the editing tool

Backoffice: Virtual Cutter + Editing Tool adding specific educational metadata

Backoffice: Virtual Cutter + Editing Tool adding guidelines for specific age groups in school

Backoffice: Virtual Cutter + Editing Tool the result at the front end

Virtual Cutter and Blackboard

Hands on: virtual cutter

Let’s Get Visual 3 • VUE, Pachyderm and 3 D Concept Maps

• VUE, Pachyderm and 3 D Concept Maps

Rich Media • Identifying Rich Media on the Web – 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)

Rich Media Tools • Learning Tools at Arts, UBC

Rich Media Tools • Ferret Image Repository

Rich Media Tools • Pachyderm

Pachyderm Samples http: //www. pachyderm. org/showcase/index. html

Rich Media Tools • Pachyderm Designer Screen

Rich Media Tools • Pachyderm Designer Interface

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)

Rich Media Tools • Sample Pachyderm Presentation

Pachyderm Presentation -> VUE Converter

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

A Deeper Exploration of an Individual Pachyderm Screen

XML -> VUE Comparison

Concept Mapping in 3 D • Open Croquet Annotation Feature

All the things we didn’t talk about … • The wider application of concept mapping in social network platforms (e. g. Facebook, Bebo) • Using concept maps to make rich media content accessible (Section 508) • Interoperability/Standardization of the xml description for concept maps • …

What Do You See Now? Or…. one part from a graph on the front page of this mornings paper ; -)