Æliens

topic(s)

• elementary web-based multimedia technology
• programming and tools for interactive animation
• first principles of information visualisation
• elements of interaction design
• data representation issues for rich media applications

NM2 target(s)

• skill(s) -- scripting, XML-based configuration
• knowledge -- interactive animation & visualization
• theory -- dynamic systems, information presentation
• experience(s) -- medium scale interactive visual application(s)
• attitude -- explorative, problem-finding, aesthetics

interactive visualization -- authoring

• canonical example(s) -- animation / draw / www.processing.org
• (online) reference material(s) -- resource(s) / adobe live docs: actionscript / flex
• challenging target(s) -- labs.adobe.com / flash art / sample(s) / www.processing.org

session(s)

1. introduction of (rich) media platform(s)
2. basic assignment(s) -- animation (1)
3. essentials of animation and visualisation
4. basic assignment(s) -- visualization (2)
5. principles of interactive information presentation
6. basic assignment(s) -- interaction (3)
7. elements of data-driven information systems
8. presentation of final assignment(s)

basic(s) -- interactive visualization

1. particle systems -- with collisions and effects
2. map-based visualization -- e.g. using www.umapper.com with flex/as3
3. information overlays -- e.g. in combination with interactive video

final(s) -- interactive visualization

• geo-located information -- e.g. health or finances
• activity-monitoring -- e.q. sensor-data, web-traffic
• information game -- e.q. climate issues

reference(s)

As said before, a highly recommended reference for interactive data visualization is Visualizing Data by Ben Fry, not in the least because the approach described is tightly connected with processing and its underlying philosophy of creative intuitive understanding by computational means. However, also the flex/as3 related references are worthwhile because they give access to the display environment of flash, which is the dominant media technolgy for (business-related) web-applications.

1. Visualizing Data: Exploring and Explaining Data with the Processing Environment, by Ben Fry -- (amazon)
2. Foundation Actionscript 3.0 Animation: Making Things Move! by Keith Peters -- (amazon)
3. Professional Adobe Flex 2 (Programmer to Programmer) by Rich Tretola, Simon Barber, and Renaun Erickson -- (amazon)
4. Foundation Flash 8 Video (Foundation) by Jordan L Chilcott and Tom Green -- (amazon)
5. Visualizing the Semantic Web: XML-based Internet and Information Visualization by Vladimir Geroimenko -- (amazon)
6. Eliëns A., Wang Y. van Riel C. and Scholte T. (2007), 3D Digital Dossiers -- a new way of presenting cultural heritage on the Web, In Proc. Web3D 2007, ACM SIGGRAPH, pp. 157-160
7. A. Eliëns, topical media & game development -- media.eliens.net

resource(s) / NM2 / assignment(s)

• beauty of numbers -- www.generatorx.no/category/beautyofnumbers/
• visual(s) -- www.visualcomplexity.com
• code & form -- workshop.evolutionzone.com
• design(s) -- www.adobe.com/devnet/flex/articles/fig_pt6.html
• data structure(s) -- lab.polygonal.de/ds
• physic(s) -- diamondtearz.org/blog/2008/06/03/exploring-the-actionscript-physics-engine-in-flex
• flow(s) -- labs.digg.com -- (oa. buzzcut(s)) -- observation(s), no judgment!

community -- blprnt.com

jared tarbell -- www.complexification.net / levitated.net/gravityIndex.html (flash) /

learning -- www.learningprocessing.com

visualizing data -- benfry.com/writing

computational art -- friendsofed.com/book.html?isbn=159059617X

physic(s) -- www.pathf.com/blogs/2008/09/flash-flex-physics-engines-and-examples/

js -- ejohn.org/blog/processingjs

org -- www.processing.org

living planet -- unicef report

visible city -- vimeo.com/2437214 / vimeo.com/2437344

gadget(s) -- code.google.com/apis/visualization/documentation/gadgetgallery.html

networked visualization -- www.latebytes.nl

student(s) work -- www.annehelmond.nl/2009/05/15/ma-students-present-projects-visualizing-our-world-of-data

NM2 target(s)

• skill(s) -- scripting, XML-based configuration
• knowledge -- interactive animation & visualization
• theory -- dynamic systems, information presentation
• experience(s) -- medium scale interactive visual application(s)
• attitude -- explorative, problem-finding, aesthetics

interactive visualization -- authoring

• canonical example(s) -- animation / draw / www.processing.org
• (online) reference material(s) -- resource(s) / adobe live docs: actionscript / flex
• challenging target(s) -- labs.adobe.com / flash art / sample(s) / www.processing.org

session(s)

1. introduction of (rich) media platform(s)
2. basic assignment(s) -- animation (1)
3. essentials of animation and visualisation
4. basic assignment(s) -- visualization (2)
5. principles of interactive information presentation
6. basic assignment(s) -- interaction (3)
7. elements of data-driven information systems
8. presentation of final assignment(s)

reference(s)

As said before, a highly recommended reference for interactive data visualization is Visualizing Data by Ben Fry, not in the least because the approach described is tightly connected with processing and its underlying philosophy of creative intuitive understanding by computational means. However, also the flex/as3 related references are worthwhile because they give access to the display environment of flash, which is the dominant media technolgy for (business-related) web-applications.

1. Visualizing Data: Exploring and Explaining Data with the Processing Environment, by Ben Fry -- (amazon)
2. Foundation Actionscript 3.0 Animation: Making Things Move! by Keith Peters -- (amazon)
3. Professional Adobe Flex 2 (Programmer to Programmer) by Rich Tretola, Simon Barber, and Renaun Erickson -- (amazon)
4. Foundation Flash 8 Video (Foundation) by Jordan L Chilcott and Tom Green -- (amazon)
5. Visualizing the Semantic Web: XML-based Internet and Information Visualization by Vladimir Geroimenko -- (amazon)
6. Eliëns A., Wang Y. van Riel C. and Scholte T. (2007), 3D Digital Dossiers -- a new way of presenting cultural heritage on the Web, In Proc. Web3D 2007, ACM SIGGRAPH, pp. 157-160
7. A. Eliëns, topical media & game development -- media.eliens.net