Jump To …

README src / providers / RawArticleProvider.js src / public / js / app.js src / public / js / ArticleIndexView.js src / public / js / ArticleViewModel.js src / public / js / client.js src / public / js / iPadScroller.js src / public / js / MapView.js src / public / js / Models.js src / public / js / NarrationView.js src / public / js / TimelineView.js src / routes / routes.js src / server.js


SpatioTemporalNarrative Exploring stories based around movement through space and time. Version 1.0.0 Author Niels Joubert <njoubert@gmail.com> (http://njoubert.com/) Contributors Stu Card Harrison Wray Anh Truong Repository git - https://github.com/StanfordHCI/SpatioTemporalNarrative.git Dependencies dirty 0.x.x express 3.2.6 less-middleware * imagemagick 0.x.x mkdirp 0.x.x Stats http://cloc.sourceforge.net v 1.55 T=0.5 s (24.0 files/s, 4258.0 lines/s) ------------------------------------------------------------------------------- Language files blank comment code ------------------------------------------------------------------------------- Javascript 12 467 494 1168 ------------------------------------------------------------------------------- SUM: 12 467 494 1168 -------------------------------------------------------------------------------	SpatioTemporalNarrative Exploring stories based around movement through space and time on the iPad. Read the annotated code We extensively commented the code with explanations and elaborations. We suggest reading it from front-to-back in the order we wrote it - it isn't very much! - so kick it off with the server.js entrypoint! It's rendered in a literate programming style using docco-husky. The node.js server entrypoint is src/server.js The client entrypoint is src/public/client.js The Interface for the iPad All the text in this comes from the NYT boston bomber aticle. It is reproduced here purely for educational purposes to demonstrate a system. When you open the app, you see a list of stories, each incorporating events over time and space: Touching a story title loads the timeline, text and map showing the events. Scrolling the text highlights the current event on the map and the timeline Scrolling further moves the map and the timeline to new events Touching locations on the map or events on the timeline updates the text accordingly Example Narratives: Hunt for the Boston Marathon Bomber Suspects Snowfall, the avalanche

SpatioTemporalNarrative

Exploring stories based around movement through space and time.

Version

1.0.0

Author

Niels Joubert <njoubert@gmail.com> (http://njoubert.com/)

Contributors

Stu Card

Harrison Wray

Anh Truong

Repository

git - https://github.com/StanfordHCI/SpatioTemporalNarrative.git

Dependencies

dirty 0.x.x
express 3.2.6
less-middleware *
imagemagick 0.x.x
mkdirp 0.x.x

Stats

http://cloc.sourceforge.net v 1.55  T=0.5 s (24.0 files/s, 4258.0 lines/s)
-------------------------------------------------------------------------------
Language                     files          blank        comment           code
-------------------------------------------------------------------------------
Javascript                      12            467            494           1168
-------------------------------------------------------------------------------
SUM:                            12            467            494           1168
-------------------------------------------------------------------------------

SpatioTemporalNarrative

Exploring stories based around movement through space and time on the iPad.

Read the annotated code

We extensively commented the code with explanations and elaborations. We suggest reading it from front-to-back in the order we wrote it - it isn't very much! - so kick it off with the server.js entrypoint! It's rendered in a literate programming style using docco-husky.