LAB #1: Popathon

Webdox, Leuven | 7 May 2014

Philo van Kemenade  @phivk

Gilles Pradeau @LearningToCount

#popathon - popathon.org

 Today 



Morning

Introduction
Workshops
Wire Framing
Stand-up Catch-up

Afternoon

*Lunch*
Hacking

Evening

Prototype presentations


 Web-Native storytelling 




A way of enabling an experience

using the capability of the web
as a mechanism for narration

from the start of the authoring process















Let me introduce the word “hypertext” to mean a body of written or pictorial material interconnected in such a complex way that it could not conveniently be presented or represented on paper.


Films, sound recordings, and video recordings are also linear strings, basically for mechanical reasons. But these, too, can now be arranged as non-linear systems—for instance, lattices—for editing purposes, or for display with different emphasis. [...] The hyperfilm—a browsable or vari-sequenced movie—is only one of the possible hypermedia that require our attention.


 Theodor H. Nelson - A file system for the complex, the changing and the indeterminate (1965)





 Examples 










 Interactive 


 The Guardian - Firestorm 









 Interactive 


 Alma - A Tale of Violence Web doc









 Participatory 


 Akufen - A Journal of Insomnia 









 Participatory 


 Do Not Touch - Crowd-sourced music video










 Dynamic 


 Coming Soon  
 Eva Domínguez, Gerado García, Juan Gomis, 
 Andreu Meixide, Berto Yáñez 









 Dynamic 


 takethislollipop.com - I Dare You 









 Dynamic 


 Know Your Exit 










 Autonomous? 


 Republicrats Bot  
 





 Workshops 

 Workshop 




https://popcorn.webmaker.org

 Workshop 




http://hotglue.me/

 Popathon Objectives 



Make use of your team's skills

Prototype a story experience
that turns a viewer into a user 

5 min final presentation

 Links, Tools, Tips, etc 






http://piratepad.net/popathon-webdox





 Have Fun!