1. click here to begin... interactive storytelling
Alastair Dant
Lead Interactive Technologist
Guardian News & Media
@ajdant
Thursday, 26 May 2011 1

2. how do news websites
use interactive content?
Thursday, 26 May 2011 2

3. galleries &
browsing / sequencing of audiovisual media
slideshows
Thursday, 26 May 2011 3

4. timelines the chronology of long-running stories
Thursday, 26 May 2011 4

5. maps location and classification of events
Thursday, 26 May 2011 5

6. charts &
visualization and exploration of data
graphics
Thursday, 26 May 2011 6

7. games open-ended explorations of themes
Thursday, 26 May 2011 7

8. how does interactivity
assist data visualization?
Thursday, 26 May 2011 8

9. election interactivity as discovery -
swingometer simple actions guide complex outcomes
Thursday, 26 May 2011 9

10. Thursday, 26 May 2011 10

11. world cup data in motion -
replay analyzing and replaying social activity
Thursday, 26 May 2011 11

12. Thursday, 26 May 2011 12

13. afghan non-linear narratives -
war logs exploring events in space and time
Thursday, 26 May 2011 13

14. Thursday, 26 May 2011 14

15. before a sea of tables in digital documents
Thursday, 26 May 2011 15

16. after the guardian atlas of public spending
Thursday, 26 May 2011 16

17. spending build your own budget, challenge the
challenge chancellor and share the result with friends
Thursday, 26 May 2011 17

18. Thursday, 26 May 2011 18

19. screens! embracing
a fragmented future
Thursday, 26 May 2011 19

20. Adobe’s Strives to bring Flash to a near exhaustive list
Open Screen of partner platforms so that interactive work
Project can be authored once; published everywhere
Thursday, 26 May 2011 20

21. vs
the world the barring of plugins from the iPhone & iPad
after Flash has increased emphasis on HTML5 standards
Thursday, 26 May 2011 21

22. Building our A quick summary of lessons learnt whilst
interactives investigating the use of standards-based
without Flash approaches to create rich media content
Thursday, 26 May 2011 22

23. dynamic Vector drawing, animation, realtime image
graphics manipulation, 3D models / perspective
Thursday, 26 May 2011 23

24. audiovisual User controlled replay of audio and video
integration sources; streaming media
Thursday, 26 May 2011 24

25. multiuser simultaneous experiences for large
support numbers of people
Thursday, 26 May 2011 25

26. tools & WYSIWYG content authoring; integrated
workflow design and development process
Thursday, 26 May 2011 26

27. packaging & assembling of fonts, design assets and
deployment code into a single, deployable unit
Thursday, 26 May 2011 27

28. cross-browser comparable implementation and
compatibility performance across most platforms
Thursday, 26 May 2011 28

29. 3 easy ways to get
interactive visuals on
your web site
Thursday, 26 May 2011 29

30. fusion tables upload data to google’s servers and then
from Google “make a map in minutes”!
Thursday, 26 May 2011 30

31. use a desktop tool to prepare your data
Tableau
and then generate embedded charts
Thursday, 26 May 2011 31

32. Dipity author, customize and embed timelines
Thursday, 26 May 2011 32