Prototyping Apps for Informal Learning: A Semantic Video Annotation Scenario
1 like2,651 views
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.
![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](https://image.slidesharecdn.com/seviannoworkshopjtel13slides-130528011130-phpapp01/85/Prototyping-Apps-for-Informal-Learning-A-Semantic-Video-Annotation-Scenario-11-320.jpg)
![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]](https://image.slidesharecdn.com/seviannoworkshopjtel13slides-130528011130-phpapp01/85/Prototyping-Apps-for-Informal-Learning-A-Semantic-Video-Annotation-Scenario-17-320.jpg)
Prototyping Apps for Informal Learning: A Semantic Video Annotation Scenario
- 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 !