Paris 

 19-20 October 2013 

Philo van Kemenade @phivk

Gilles Pradeau @LearningToCount

#popathon - popathon.org

 These Slides 






 slid.es/phivk/popathon-paris 

 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



 Stories on the web 


 Stories of the web 



 Ben Moskowitz - A Well of Untapped Creative Possibility 





 Examples 










 Interactive 


 Alma - A Tale of Violence Web doc









 Connected 


 Planet Take Out - Mapping Local Chinese Takeouts 









 Collaborative 
 Do Not Touch - Crowd-sourced music video








 Immersive 


 Kat Cizek - 1 Millionth Tower 









 Dynamic 


 takethislollipop.com - I Dare You 









 Dynamic 


 Know Your Exit 









 Remixable 











 Remixable 


 The Cosmonaut - Open source film




 Collaboration 


 working together 

 under conditions of 

 extreme uncertainty 

     Uncertainty 

  • Medium
  • People
  • Skills
  • Outcomes
  • Audience
  • Challenges
  • Unknown amount of effort

     Risk 

  • It doesn't work
  • Lack of communication
  • Lacking a particular skill
  • Wasting time on unused features
  • Building the wrong thing
  • Things don't work as planned
  • Things take 3 x as long





 Managing Risk 

 Waterfall 



 Agile 






http://www.insider-trends.com/future-of-retairetail-trends-thoughtworks-agile-retail-trends/




Christopher Little http://en.wikipedia.org/wiki/File:Agile-vs-iterative-flow.jpg




 Splitting up tasks 



 Short cuts 


Paper prototype
Wizard of Oz
Use what is there (Libraries)
Plug in (APIs)
Remix (code and content)
Ugly code = OK
Focus on one scene / interaction
Communicate
Kanban
set S.M.A.R.T. goals
K.I.S.S.



 Popathon Objectives 


Make use of your team's skills

Create a story experience
that turns a viewer into a user

2 min final presentation

Code on github

Links, Tools, Tips, etc





http://piratepad.net/popathonparis





 Have Fun!