Our data source
We’re going to be working with AntiMap as the tool to grab data. Please download it to your iPhone/Android and visit Antimap’s website to get more info about how to use it and the data it provides.

Here is the list of data that you can gather with the app:
- Longitude and Latitude (angles, minutes and seconds in a range of -180 to 180 for the longitud, and 90 to -90 for the latitude)
- Compass direction (inverted angle from 0 to 360)
- Speed (Km/h)
- Distance (m)
- Time (in milliseconds since the app starts to record)
- Point of interest (POI). I never tried how this works though…

—

Workshop plan
- Tue: Concept. Send me your ideas via email (min. 2, max. 3). Each idea should be explained in 250 words max. and can have an image as reference (from a project found online or your own sketch)
- Wed: Design. You will develop your visual sketches into a nice graphic design during the class. We’ll work together in defining the code structure for your project as well. The last 30 min of class we will review everyone’s project to get a status of the workshop.
- Thu & Fri: Code. We can try to meet on Friday (or Saturday if you prefer) to do the final adjustments to your code.
Projects can be delivered until Sunday (but no further because we will start another weekly workshop)

—

Design constrains. You must follow these basic rules in your design:
- You can only use basic shapes for your graphics (points, lines, circles, rectangles and triangles)
- You can only use grayscale plus 1 highlight color
- You can only use 1 Typeface (up to 3 different sizes)

—

And finally, some recommendations:
- Take some time to research. You’ll probably find inspiration for you visuals or their behaviour (motion). Post what you find interesting for your project in the blog (under “References” category).
- Be realistic with the time you can dedicate to your project, it’s important that you deliver in time.
- Take clever decisions to simplify your project while maintaining the overall concept. Do the maximun with the minimun elements.
- Look for code that you can re-use. OpenProcessing is a good source of code.
- Enjoy it!

Feltron Anual Reports are publications created by Nicholas Feltron. He keeps track of his daily activity using Daytum and then design beautiful visualizations about his personal life.

This is the app we’re going to use during this week workshop as the source for our data. Please download the app with your smart-phone and take a look at the official website to get a better understanding of the data that the app gathers from your device.

1.- Connect to IAAC’s FTP with your favorite FTP software.
2.- Upload the Processing files (.pde) to your folder (optional: create more folders inside yours to have your sketches orginized)
3.- In the WordPress admin panel create a New Post and make sure that the content field is in HTML mode (not Visual mode)
4.- Type the text you want as an explanation of the task and include a canvas tag indicating the path to your file in the attribute data-processing-sources
5.- Add to the canvas tag the width and height attributes indicating the size of your processing canvas
6.- Add categories and tags to your post… and we are good to go! (I mean, click the Update button ;)

Here is an example, your canvas tag should look something like this:
<canvas width="640" height="480" data-processing-sources="http://legacy.iaacblog.com/intprocessing/cristobalcastilla/T03_02_ClockAnalog.pde"></canvas>

You should see the following sketch:

FYI: we’re using Processing JS to make processing sketches work in the browser. Please visit the plug-in’s page to read more info about it.