prototyping apps for informal learning: a semantic video annotation scenario

21
Lehrstuhl Informatik 5 (Information Systems) Prof. Dr. M. Jarke 1 Learning Layers This slide deck is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License. Prototyping Web-Based and Mobile Apps for Informal Learning: SeViAnno Petru Nicolaescu, Michael Derntl, Milos Kravcik, Ralf Klamma Advanced Community Information Systems (ACIS) RWTH Aachen University, Germany {lastname}@dbis.rwth-aachen.de 9th Joint European Summer School on Technology Enhanced Learning (JTEL) May 26 – 31, 2013 Limassol, Cyprus

Upload: nicolaescu-petru

Post on 06-May-2015

1.718 views

Category:

Technology


2 download

DESCRIPTION

Semantic Video Annotation (SeViAnno) for informal learning

TRANSCRIPT

Page 1: Prototyping Apps for Informal Learning: A Semantic Video Annotation Scenario

Lehrstuhl Informatik 5

(Information Systems)

Prof. Dr. M. Jarke

1

Learning Layers

This slide deck is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License.

Prototyping Web-Based and Mobile

Apps for Informal Learning:

SeViAnno

Petru Nicolaescu, Michael Derntl, Milos Kravcik, Ralf Klamma

Advanced Community Information Systems (ACIS)

RWTH Aachen University, Germany

{lastname}@dbis.rwth-aachen.de

9th Joint European Summer School on

Technology Enhanced Learning (JTEL)

May 26 – 31, 2013

Limassol, Cyprus

Page 2: Prototyping Apps for Informal Learning: A Semantic Video Annotation Scenario

Lehrstuhl Informatik 5

(Information Systems)

Prof. Dr. M. Jarke

2

Learning Layers

Responsive Open

Community Information

Systems

Community Visualization

and Simulation

Community Analytics

Community Support

Web

An

alytics

Web

En

gin

eeri

ng

Advanced / ATLAS / Awesome / Aachen

Community Information Systems (ACIS)

Requirements

Engineering

Page 3: Prototyping Apps for Informal Learning: A Semantic Video Annotation Scenario

Lehrstuhl Informatik 5

(Information Systems)

Prof. Dr. M. Jarke

3

Learning Layers

Learning Layers

Large scale integrated project on scaling up informal workplace learning

Objectives – Support informal learning

– Unlock peer production

– Scaffold meaningful learning

Two regional clusters – Construction (Germany)

– Healthcare (UK) http://learning-layers.eu/

Page 4: Prototyping Apps for Informal Learning: A Semantic Video Annotation Scenario

Lehrstuhl Informatik 5

(Information Systems)

Prof. Dr. M. Jarke

4

Learning Layers

Layers $

Dissemination of workshop results

– Layers blog

– Design team idea to be continued in the project

– Mailing list for participants

– Subscribe to the feed & newsletter on Layer‘s Web page

The Learning Layers Project: http://learning-layers.eu

Page 5: Prototyping Apps for Informal Learning: A Semantic Video Annotation Scenario

Lehrstuhl Informatik 5

(Information Systems)

Prof. Dr. M. Jarke

5

Learning Layers

Project Context and

Workshop Objectives

Project context

– Informal workplace learning

– Heavy end-user involvement

– Design centered process

– Semantic (video) annotation technologies

Workshop learning objectives in this context

– Understand nuts & bolts of informal learning

– Evaluate different user interfaces

– Collaboratively create app designs and ideas

– Apply your PhD & professional background knowledge

Page 6: Prototyping Apps for Informal Learning: A Semantic Video Annotation Scenario

Lehrstuhl Informatik 5

(Information Systems)

Prof. Dr. M. Jarke

6

Learning Layers

Semantic Video Annotation

(SeViAnno)

Aims at capturing and sharing meaning

– In communities of practice

– For personal use

Example

– Markup of text for learning (different colors, etc.)

Different kinds of semantic annotations:

– Descriptive (search & locate, e.g. keywords, description)

– Technical/administrative (internal info, e.g. creation, type)

– Structural (storage & presentation, e.g. video segments)

Page 7: Prototyping Apps for Informal Learning: A Semantic Video Annotation Scenario

Lehrstuhl Informatik 5

(Information Systems)

Prof. Dr. M. Jarke

7

Learning Layers

SeViAnno User Interfaces

SeViAnno (Web)

SeViAnno 2.0 (Widgets)

AnViAnno (Android)

DireWolf Sevianno (Distributed User Interface)

Page 8: Prototyping Apps for Informal Learning: A Semantic Video Annotation Scenario

Lehrstuhl Informatik 5

(Information Systems)

Prof. Dr. M. Jarke

8

Learning Layers

SeViAnno Annotation Capabilities

SeViAnno introduction video

Title, description, plain keywords

Semantic annotation types

– Agent

– Concept

– Event

– Object

– Place

– Time

Page 9: Prototyping Apps for Informal Learning: A Semantic Video Annotation Scenario

Lehrstuhl Informatik 5

(Information Systems)

Prof. Dr. M. Jarke

9

Learning Layers

Practical Part – Overview

You shall team up

SeViAnno prototypes hands-on – SeViAnno (Web-based app)

– SeViAnno 2.0 (Web Widgets app/distributed UI)

– AnViAnno (Android application)

Design team action – Input: end-user material from Learning Layers

– Task: SeViAnno for scaffolding informal workplace learning

– Output: proudly pitch your results

All the links you need: http://goo.gl/0r2xf

Page 10: Prototyping Apps for Informal Learning: A Semantic Video Annotation Scenario

Lehrstuhl Informatik 5

(Information Systems)

Prof. Dr. M. Jarke

10

Learning Layers

Task 1

Team Building

Build teams of 4-5

Interdisciplinarity!

At least one German speaking student per team

(video in German!)

Join the Facebook group: http://goo.gl/D4opZ

Page 11: Prototyping Apps for Informal Learning: A Semantic Video Annotation Scenario

Lehrstuhl Informatik 5

(Information Systems)

Prof. Dr. M. Jarke

11

Learning Layers

Task 2

SeViAnno Hands-on [25’]

Explore the different SeViAnno user interfaces:

– Classic Web UI

– Widget Space

– Mobile Client

Annotate the construction video

– Tag at least a person, a location and an object

(see instructions on the Web page provided)

Record observations on your team sheet

– Advantages and disadvantages

Page 12: Prototyping Apps for Informal Learning: A Semantic Video Annotation Scenario

Lehrstuhl Informatik 5

(Information Systems)

Prof. Dr. M. Jarke

12

Learning Layers

Design Team Work

You are now design teams

Available Layers end-user material

– User story (problem scenario)

– Persona (Dimitri the construction foreman)

Page 13: Prototyping Apps for Informal Learning: A Semantic Video Annotation Scenario

Lehrstuhl Informatik 5

(Information Systems)

Prof. Dr. M. Jarke

13

Learning Layers

User Story: Information Transfer

Page 14: Prototyping Apps for Informal Learning: A Semantic Video Annotation Scenario

Lehrstuhl Informatik 5

(Information Systems)

Prof. Dr. M. Jarke

14

Learning Layers

User Story: Information Transfer

Page 15: Prototyping Apps for Informal Learning: A Semantic Video Annotation Scenario

Lehrstuhl Informatik 5

(Information Systems)

Prof. Dr. M. Jarke

15

Learning Layers

User Story: Information Transfer

Page 16: Prototyping Apps for Informal Learning: A Semantic Video Annotation Scenario

Lehrstuhl Informatik 5

(Information Systems)

Prof. Dr. M. Jarke

16

Learning Layers

Persona

Dimitri - The Construction Foreman

Rarely gets the chance to physically meet up with colleagues and exchange ideas or self-proven techniques

Mostly he is in contact with the site manager over his mobile device

“It would be easier to have information stored in a notebook and have that all around when you need it. The site manager you almost never see, because he hangs out somewhere else while we’re at site in a different city. And then the others are hard to reach too.”

His smartphone is his most precious work learning device, as quick calls, pictures, videos, etc. enable him to get the information as fast as possible

He is fast annoyed if the interface and the usability of a new program or app is not suitable

Daily activities don’t allow the time to actively get involved in learning (e.g. in a proposed information forum)

Page 17: Prototyping Apps for Informal Learning: A Semantic Video Annotation Scenario

Lehrstuhl Informatik 5

(Information Systems)

Prof. Dr. M. Jarke

17

Learning Layers

Task 3

Design Mockups

Problem:

How to support informal learning with scaffolding to bridge

apprenticeship and workplace learning using (mobile)

semantic video annotation technology?

Solution [20’]:

– Your story and ideas

– User interface mockups, paper prototypes

Present your solutions [3-5’ each]

Page 18: Prototyping Apps for Informal Learning: A Semantic Video Annotation Scenario

Lehrstuhl Informatik 5

(Information Systems)

Prof. Dr. M. Jarke

18

Learning Layers

Wrap Up

Reflection

General discussion

Page 19: Prototyping Apps for Informal Learning: A Semantic Video Annotation Scenario

Lehrstuhl Informatik 5

(Information Systems)

Prof. Dr. M. Jarke

19

Learning Layers

Requirements Bazaar

http://requirements-bazaar.org

Browser-based social software platform for social

requirements engineering

Page 21: Prototyping Apps for Informal Learning: A Semantic Video Annotation Scenario

Lehrstuhl Informatik 5

(Information Systems)

Prof. Dr. M. Jarke

21

Learning Layers

That‘s All Folks!

Thank you for your participation

& enjoy JTEL2013 !