Alastair Dant, lead interactive technologist, the Guardian

click here to begin...Alastair DantLead Interactive TechnologistGuardian News & Media@ajdant

interactive storytelling

1Thursday, 26 May 2011

how do news websitesuse interactive content?


galleries & slideshows browsing / sequencing of audiovisual media


timelines the chronology of long-running stories


maps location and classification of events


charts & graphics visualization and exploration of data


games open-ended explorations of themes


how does interactivityassist data visualization?


election swingometer

interactivity as discovery -simple actions guide complex outcomes



world cupreplay

data in motion -analyzing and replaying social activity



afghanwar logs

non-linear narratives -exploring events in space and time



before a sea of tables in digital documents


after the guardian atlas of public spending


spendingchallenge

build your own budget, challenge the chancellor and share the result with friends



screens! embracinga fragmented future


Adobe’s Open Screen

Project

Strives to bring Flash to a near exhaustive list of partner platforms so that interactive work can be authored once; published everywhere


the world after Flash

the barring of plugins from the iPhone & iPadhas increased emphasis on HTML5 standards

vs


Building our interactives

without Flash

A quick summary of lessons learnt whilst investigating the use of standards-based approaches to create rich media content


dynamic graphics

Vector drawing, animation, realtime image manipulation, 3D models / perspective


audiovisualintegration

User controlled replay of audio and video sources; streaming media


multiuser support

simultaneous experiences for large numbers of people


tools & workflow

WYSIWYG content authoring; integrated design and development process


packaging & deployment

assembling of fonts, design assets and code into a single, deployable unit


cross-browser compatibility

comparable implementation and performance across most platforms


3 easy ways to get interactive visuals onyour web site


fusion tablesfrom Google

upload data to google’s servers and then “make a map in minutes”!


Tableau use a desktop tool to prepare your data and then generate embedded charts


Dipity author, customize and embed timelines


Alastair Dant, lead interactive technologist, the Guardian

Documents

interactive work projectcan

basedwithout flash approaches

rich media contentthursday

world cup data

motion replay

use of standards

sea of tables

fusion tables