CSC220 Presentation

From CSclasswiki
Jump to: navigation, search


A Cartoon



Main Goals

  • Gather mobile-phone generated GIS files (KML format) of Smith students walking around campus

    • Paths in our database gathered using: Walkmeter 4.0 iPhone app, other apps created for different cell phone OSes, GPS units borrowed from Jon Caris.

  • Store files in a database

  • Generate a visualization of the paths

    • Visualization tools used: Google Maps and Processing

Who is involved?

  • Team Make: Aigerim, Elizabeth, Katie, Millie

  • Hot Team: RB, Julia P., Amy, Lindsey

  • Team Rain: Julia B., Kristjan

  • Betsy and Alex Team: Betsy, Alex

  • Wiki maintainer and editor: Alex

  • Consultant and GIS specialist: Jon Caris

  • CSC 220 professor: Dominique Thiebaut


  • GIS (Geographic Information System): standard way of recording geographical information into a file

  • KML (Keyhole Markup Language): "an XML schema for expressing geographic annotation and visualization within Internet-based, two-dimensional maps and three-dimensional Earth browsers" (source)

  • KML files have features, such as name, description, coordinates, etc.

  • For this project, coordinates are used - they specify where on Smith campus the student has travelled

  • Using these coordinates, a visualization of the students' paths is generated


Example Name Visualization
Google Maps
Google Earth

Video to the right provided by Jon Caris, GIS Specialist at Smith College.

Aaron Koblin (Processing)

Image to the right is "Data from the U.S. Federal aviation administration is used to create animations of flight traffic patterns and density."

Flight path visualization - global departures (Processing)

This is "a visualization of globally departing flights and their destinations". The flights change from orange to yellow as they near arrival.


  1. User goes to registration page and registers an account. Registration form takes all information entered and enters it into the database.

  2. User uploads one or more KML files to the database. KML upload form takes all information entered and enters it into the database.

  3. User goes to display page to see display of graphs and has a choice of different types of graphs to see:

    • Map displaying specific track: animation, static

    • Map displaying specific category: animation, static

    • Google Maps/Earth rendition

    • Map displaying synthetic traces/intersections for two paths


Index page

Registration page

KML Upload page


Team Rain: Google Maps -- Demo!

Team Make: Processing with Animation -- Demo!

Hot Team: Processing with Hot Spots -- Demo, Part 1, Demo, Part 2

Betsy and Alex Team: Path Intersections and Synthetic Traces -- Demo, Part 1, Demo, Part 2