seminar 09p let’s get visual! inholland university surfdiensten university of british columbia eja...

80
Seminar 09P 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.

Upload: ella-blythe

Post on 31-Mar-2015

218 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Seminar 09P

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.

Page 2: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim
Page 3: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim
Page 4: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Workshop Outline

Page 5: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

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,

…?

Page 6: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

International Collaboration

Page 7: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Further Introductions

Who is who? (pictures in .isf)

Page 8: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

What Do You See?

Page 9: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

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

Page 10: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Let’s Get Visual 1

Page 11: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

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

Page 12: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Overview

Page 13: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Concept Maps, J.D. Novak

Page 14: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Mind Maps, T. Buzan

Page 15: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Choosing a ToolCriteria were:• Usability, ease of use• Hiding of subconcepts possible• Focus on part of the concept map• Printable

From longlist to shortlist (2005)

Page 16: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Licensing

Page 17: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

First Pilot, April 2005

Henk Schilstra and business students, INHOLLAND

Page 18: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Orientation On a New Subject

Henk Schilstra, School of Economics Haarlem, INHOLLAND

Page 21: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Brainstorm

Page 22: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Brainstorm Restructured

Page 23: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Other Applications

Page 25: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Project-closure, September ‘06

Page 26: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

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

Page 27: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Lessons Learned

When on paper? When in Inspiration?

Marieke Stammes, student School of Health, INHOLLAND

Page 28: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Moodboard

Students Media & Entertainment Management, INHOLLAND

Page 29: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Integration With LMS

Page 31: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Combination with Blog

Page 33: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Q & A

Page 34: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

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!

Page 35: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Let’s Get Visual 2• Rich Media & Video

Page 36: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

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

Page 37: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Content from Sound & Image

Page 38: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Content from Sound & Image

Page 39: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Content from Sound & Image

Page 40: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

One video base two applications

Page 41: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Two Applications

SURfnet Video

Library (higher

edu)

Teleblik(Primary Secund. & Vocational

)

Page 42: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

SURFnet Video Portal

Page 43: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Sound & Image Content (accessible with academic license)

Page 45: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Multi-applicable Tool

Page 46: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

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

Page 47: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

How Does Teleblik Work?

Recent programmes

Search query

Actual theme’s (p.e. Ramadan)

Page 48: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Search Results

metadata

Screen dump of

short clip

Screen dump of complete program

Page 49: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Play Clip or Program

loginplay

Page 50: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

User Interface: Edit Your Own Clip …

Edit your own clip

Page 51: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

…with the virtual cutter

Click for start time

Click for end time

Page 52: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Bookmark Clip

URL of your clip can be

bookmarked or emailed

Page 54: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Backoffice: Virtual Cutter + Editing Toolnew daily workload for the editors

Page 55: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

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

Page 56: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

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

Page 57: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Backoffice: Virtual Cutter + Editing Tool adding specific educational metadata

Page 58: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

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

Page 59: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

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

Page 61: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Hands on: virtual cutter

Page 62: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

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

Page 63: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

• VUE, Pachyderm and 3D Concept Maps

Page 64: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

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)

Page 66: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Rich Media Tools• Ferret Image Repository

Page 67: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Rich Media Tools• Pachyderm

Page 68: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Pachyderm Samples

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

Page 69: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Rich Media Tools• Pachyderm Designer Screen

Page 70: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Rich Media Tools• Pachyderm Designer Interface

Page 71: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

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)

Page 72: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Rich Media Tools• Sample Pachyderm Presentation

Page 73: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Pachyderm Presentation -> VUE Converter

Page 74: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

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

educause

Page 75: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

A Deeper Exploration of an Individual Pachyderm Screen

Page 76: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

XML -> VUE Comparison

Page 77: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

Concept Mapping in 3D• Open Croquet Annotation Feature

Page 78: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

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

• …• …

Page 79: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim

What Do You See Now?

Or…. one part from a graph on the front page ofthis mornings paper ;-)

Page 80: Seminar 09P Let’s get visual! INHOLLAND University SURFdiensten UNIVERSITY of British Columbia Eja Kliphuis/Annemiek Scholten/Pim Slot Ulrich Rauch/Tim