Week 2: Interactive Webpage(Travel Journey) / Design Challenge 1(Data set)

1. Interactive Webpage(Travel Journey)

Last week, we learned about basic javascript, ajax, bootstrap or etc. So I want to practice this thing based on Sam’s code. Sam’s code is about weather data and link to his JSON file. My idea is that I really like traveling so I made Travel Journey using Forecast.io, Google Geo Data, Bootstrap Grid. Also the webpage link to my JSON file which has where, when, companion, travel date, travel description.

Screen Shot 2015-09-17 at 1.12.36 PMThis is the first page.

Screen Shot 2015-09-17 at 1.12.44 PMScreen Shot 2015-09-17 at 1.12.40 PM
Screen Shot 2015-09-17 at 1.12.52 PMScreen Shot 2015-09-17 at 1.12.46 PM
There are list of country where I went. When you move your mouse cursor on the card, it appear the name of country and change background color.

Screen Shot 2015-09-17 at 1.13.33 PM
Screen Shot 2015-09-17 at 1.13.45 PM
Screen Shot 2015-09-17 at 1.13.12 PM
Screen Shot 2015-09-17 at 1.13.24 PM
If click the card, the list of country all disappear and come up new cards about daily travel journey in the country that you click it. This new cards has the weather data when I went there, where(city), companion, travel date, travel description.

Next time, I will add Instagram or Facebook on card because the picture during the trip is the thing to remember that day.

The webpage can show only my JSON data. I will make the function to post my data.

2. Design Challenge 1 (Data Set)

I found two data set, DOHMH New York City Restaurant Inspection Results and NYC Noise Complaints for 2012.

1) New York Restaurant Inspection(https://data.cityofnewyork.us/Health/DOHMH-New-York-City-Restaurant-Inspection-Results/xx67-kt59?)
Everyday we eat! Starting to school, we eat out a lot.
However we didn’t feel much Restaurant inspection grade, A, B, C, Pending?
I saw the data, they give detail of inspection such as, Address, name, grade, cuisine description, violation description. There are a lot of good data. But this is all text. The challenge is how can I express the text except using grade, such as A, B, C.
I will focus on violation data. I will make icon about violation description which has mice, fly or etc. My goal is that A, B, C or Pending is not a good information. we don’t know what standard make the grade. So I want to visualize more directly.

2) Noise
I’m really interested in noise in public space such as traffic noise, subway noise, people voice who drink a lot and shout. I saw on research paper about how to gather noise data in public space using smartphone. After then, I want to visualize noise data by time and location. The problem is how can I attract people to use my project namely, how can I gather noise data from people, who want to be participate in. I can make app or webpage. This is like mirror. To be specific, people’s face reflected in the mirror app change by noise(volume or ..) This is just rough idea. I still think about how can I make. Also there are few data set(https://data.cityofnewyork.us/Social-Services/2013-NYC-Pothole-Complaints-Heat-Map/v7f4-gjgr) in NYC Open data. This is NYC Noise Complaints for 2012. I am trying to find more noise data.