Week 2

Monday, June 3

Things to do for/on June 3

  • If you haven’t already, please complete (yes, 100%) the 3 required Codecademy lessons. This material becomes vital starting this week
  • Download Twitter Bootstrap to your computer.
  • Make sure you have a code editor installed on your machine.

Morning Schedule (we’ll break for lunch at 11:30)

  • Revisit Friday’s projects, refine if necessary
  • build workplan
  • create several visual prototypes/wireframes

Afternoon Schedule

  • Introduction to Twitter Bootstrap
  • Twitter Bootstrap challenge

Tuesday, June 4

Things to do for/on June 4

  • Make sure your GitHub account is ready to go

Resources for June 4

Morning Schedule

  • GitHub site hosting

Afternoon Schedule

  • Github hosting challenge: Using Twitter Bootstrap and GitHub, create and launch an intro website for the project idea you envisioned and developed last Friday.  The website is intended to introduce people to your project vision.  The website you create should have at least 3 separate pages: home page, about page (where you will fully describe the project), and a team page (where you have a short bio for each team member).  You are welcome to add additional pages to the site.  However, they must address the overall goal of the site (to introduce people to your project vision). The content for the site should ome (mostly) from your vision document.  Remember, this site is intended to introduce people to your project’s vision – you aren’t building the actual site.  As such, it should be simple and straight forward, clear and well organized.  Seriously, keep it simply – don’t overcomplicate things.  Work as a group to decide in advance which of the Bootstrap templates you’ll use for each page. Choose he best template for the page.  If the template isn’t exactly what you need, modify it (you’ve got the skill and the tools to do that already).  Make sure the design is consistent (colors, type, etc shouldn’t vary from page to page).  If you want to include your wireframes, you are welcome to (remember, you covered how to add and position elements – including images – in the Codecademy courses)

Wednesday, June 5

To be Done for/on June 5

Useful Resources for June 5

Morning Schedule

  • Understanding data
  • Understanding Data Licensing
  • Finding Data
  • Dynamic vs. static data sources
  • Machine Readable vs. human Readable
  • What is linked open data, anyway?
  • What is an API?
  • XML vs. JSON vs. RDF vs. CSV vs. huh?

Afternoon Schedule

  • Managing, cleaning, and wrangling data with Open Refine.
  • Data wrangling with Open Refine challenge

Thursday, June 6

Useful resources for June 6

Morning Schedule

  • Visualizing time
  • Best practices in visualizing time
  • Time visualization tools
  • Building your own vs. using a hosted service
  • Timeline.js

Afternoon Schedule

  • (Hosted) Timeline.js challenge: Build a robust timeline using the hosted version of Timeline.js. Craft a narrative based on one of the themes above (national parks, UNESCO World Heritage sites). The final timeline should draw from two separate tabular data sources on wikipedia (within that theme).  Use the ImportHtml technique to scrape data from the two separate data tables on Wikipedia (which you choose according to your narrative) and pull it into your source Google Spreadsheet.  Massage/edit/reconfigure/fix the scraped data as necessary so that it works with the required structure of the Timeline.js google spreadsheet. When you are finished, write a ~ 200 word introduction to the timeline (which you can embed in the first “slide” of the timeline or simply write separately)

Friday, June 7

  • TBD

Leave a Reply