This slide deck discusses a workshop on prototyping web-based and mobile apps to support informal learning. It introduces SeViAnno, a semantic video annotation tool that can capture and share meaning in communities of practice. Workshop participants explored SeViAnno prototypes and designed mockups for using semantic video annotation to scaffold informal workplace learning for construction workers. Their designs aimed to address the problem of information transfer faced by a construction foreman persona.

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

2. 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
WebAnalytics
WebEngineering
Advanced / ATLAS / Awesome / Aachen
Community Information Systems (ACIS)
Requirements
Engineering

3. 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/

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

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

6. 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)

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

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

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

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

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

12. 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)

13. Lehrstuhl Informatik 5
(Information Systems)
Prof. Dr. M. Jarke
13
Learning
Layers
User Story: Information Transfer

14. Lehrstuhl Informatik 5
(Information Systems)
Prof. Dr. M. Jarke
14
Learning
Layers
User Story: Information Transfer

15. Lehrstuhl Informatik 5
(Information Systems)
Prof. Dr. M. Jarke
15
Learning
Layers
User Story: Information Transfer

16. 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)

17. 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]

18. Lehrstuhl Informatik 5
(Information Systems)
Prof. Dr. M. Jarke
18
Learning
Layers
Wrap Up
 Reflection
 General discussion

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

20. Lehrstuhl Informatik 5
(Information Systems)
Prof. Dr. M. Jarke
20
Learning
Layers
Requirements Bazaar
 Use Bazaar for new features (JTEL13 Workshop)

21. Lehrstuhl Informatik 5
(Information Systems)
Prof. Dr. M. Jarke
21
Learning
Layers
That‘s All Folks!
Thank you for your participation
& enjoy JTEL2013 !