Winds Movin’ On Up!

  1. Final project proposal (can be a copy paste of main areas from mid-term, but make sure to update with final project goals, and as much detail as possible)

Air quality issues remain one of the most pervasive issues within the United States.  Many states with some of the largest populations, such as New York, California, and Texas, fail to meet the Environmental Protection Agency’s National Ambient Air Quality Standards, which have been put in place to reduce health outcomes from poor air quality.  Exposure to such polluted air is attributed through a confluence of factors, such as transportation to and from schools, outdoor physical activity, and a lack of knowledge regarding poor air quality days, or “Action Days”.  Chronic exposure to high particulate matter (PM), ozone, or smog can contribute to upper and lower respiratory problems, asthma, or worse, decreased lung capacity.

In order to address such gaps, it is with great pleasure that the WINDS FOR A HEALTHY CHANGE Inc. would like to unveil the BETA version of their interactive mapping tool, which aims to inform the US public regarding real-time air quality, in order to make better-informed decisions regarding their outdoor activities.  Our tool, currently in its beta phase, provides real-time information on a number of factors related to air quality such as: temperature, wind direction, wind speed and air quality indexes.  Each variable is presented with an easily understood user interface which empowers, educates, and informs our target groups.

Who We Aim to Please:

  • General Public – Our final product aims to empower the general public to make informed decisions regarding their outdoor activities.  Whereas government notifications may not be sufficient, we believe the general public can check our website daily to see current air quality conditions, wind conditions, or other factors that can aid in determining whether or not to be outside.  We at WINDS FOR A HEALTHY CHANGE Inc. believe that “Knowledge is Power”, and hope to arm the general public with the knowledge to make their own informed decisions, with the additional benefits of reducing the prevalence of upper and lower respiratory conditions nationwide.

Through such informed decisions, we hope to aid in reducing the overall incidence and prevalence of respiratory issues among the United States population.

The Winds for a Healthy Change Inc. will launch our website as a multi-faceted tool through schools around the country.  Teachers will be able to use our website in order to make informed decisions about poor air quality days and whether to allow children to play in such conditions.  We believe that teachers can educate their students regarding the severity and concern regarding air pollution, and we hope their students can bring this information home to their parents or guardians and that they will refer to our website daily when making informed decisions.  After parents and teachers realize the utility and usefulness of our product, we hope they’ll recommend our website to those they think can benefit the most from this information.  

Your Website Can Do What?!
Winds for a Healthy Change Inc. has scoured the internet in order to provide the user the most up-to-date information and technology regarding air pollution and public health.  Whereas a multitude of websites have sporadic information on  a variety of weather and air quality tools, our website combines these features together in a map that is both user-friendly and easy to understand.  A few of the features we’ve gathered are:

  • Temperature data – users have the ability to view the temperature and the weather description.
  • Wind data – users are able to see how strong the wind is as well as the wind direction.  There are three different wind strengths represented by different colored arrows and eight different arrows in which we classify wind direction.
  • Air quality data – users are able to see the concentration of particulate matter from a number of monitoring sources provided by the South Coast Air Quality Management District.
  • Demographic Layers – Allows users the ability to see a variety of demographic information that may be useful to illustrate environmental justice issues.
  1. Updated wireframe and/or mockup/storyboards
    Same as before.
  2. Current development status 
  • Issues with setmap() not working-  This makes all the ArcServer layers not work, even though they work in clean maprooms.
  • Making the zip code selection options more clear (clicking and user input)
  • Clicking on locations outside of the United States now have an error message prompting the user to click again rather than having the loading bar run continuously with no end.
  • Some button calls had conflicts, so we fixed those issues and reduced the code down to what was actually necessary.
  • Buttons are sized interactively based on the AQI number.  The bigger the button the worse the AQI value.
  1. Challenges/issues you are having

Consistent Real-time Air Quality Calls – Initially, our main concern involved accessing the real-time data from the Air Now website.  This has fortunately been fixed however, our individual calls whenever we “click” on a specific location can provide information on different variables, ranging from “Particulate Matter 2.5”, “Particulate Matter 10” or “Ozone”.  The calls for the information basically retrieve the most current data (we think), and feeds that to our website, making it difficult to have just one specific pollutant to work with.  
User interface –  
This has been our problem since the beginning, and it’s still plaguing us.  We’ve decided to allow the user to use input their specific zip code at the start of opening the page, and then allow the user to search for their specific points of interest afterwards.  We’re still debating about what tools should be provided on the screen and what information should be provided in the navbar (if we’re still using the navbar).
GIS Layers –
We’re having difficult with the navbar in incorporating all of our GIS layers.  For some reason the call won’t display on the map, despite have the correct coding.  We’re not sure how to fix that.  
Styling/colors –
Though we’ve eliminated the use of the styling sheet to some extent, the Bootstrap has been somewhat of a pain to use (though it is very useful!).  We’re still trying to figure out the extent of what it can do (though very afraid of the “Customize option), but we’re slowly getting there.

WBTS now with more nerd

The Will Based Transportation System (WBTS) now has more nerd! I’ve added a layer showing gentrification (1990-2010) around current rail station, so I can compare my stops to cool new neighborhoods where I can eat cupcakes and take my dog to get new outfits and shit. I’ve also added a chart that shows age breakdowns by census tracts, so I can be sure to eat cupcakes only with people who are exactly my age. Coming next week: The Pantsometer, which shows the tightness of pants distribution (TPD) by neighborhood, so I can be sure I fit right in fashionwise when I ride the WBTS! Click the map below to see the proposed WBTS.

(oh, and from a technical standpoint, as I noted in the forum, I had difficulty querying my own map servers, despite making and testing a bunch. Not sure what’s up with this).

wk 9 Web Dev

This week, I added a few more elements to the website that allows users to click on an area on the map (as shown with a green jumping marker) to generate:

1. A pie chart of racial composition in a census block group. There’s even a new tab for that.
2. The census block group will now be highlighted as a new polygon shape as well.

This will definitely aid the community in deciding the ideal location for a facility that service certain populations!

Census data at the click of a button

This week I bring you more Census data at the click of a mouse (or you can search for a specific address too). The map now has every Census tract in the US outlined.

Go ahead and click anywhere on the map.

The Census tract is now highlighted and you should see three pie charts with Census data for that tract. You can also search for an address or city. For example, Bel Air.

After you hit enter, the map will geo locate the address you entered, highlight the Census tract of the address, and display pie charts with Census data.

If you are done looking at the chart, you can hit the close chart link and a jquery accordion will magically wisk the chart away.

Looks like this will be my last post. Thanks for following along.

p.s. sorry I missed the deadline. Friday’s are my usual GIS day. Unfortunately this friday I had to take my younger brother to the emergency room. I spent most of friday in the ER waiting room and did not get back home until saturday at 5am.

Week 9: Final Web Development!

This week I incorporated some more functions into my site that allow users to click on the map and highlight a particular census tract. Additionally, a pie chart displaying the breakdown of the transportation modes that residents use to commute within each census tract appears in the side bar. My site is now complete!

Here is a screen shot of the maproom with a highlighted census tract and corresponding pie chart showing the mode split within the census tract:

My site still maintains its other functions as well. Users can propose their own bus stops, view existing Metro bus routes, search for a location, and toggle the census tract layer displaying the percentage of non-driving commuters on and off.

Here is a screen shot showing a user-generated bus stop proposal (the purple icon), bus stops along an already existing Metro Bus line (the black icons), a highlighted census tract and its corresponding pie chart:

I hope management is finally satisfied with my site 😉

Sorry for the late post (thanks for understanding, Maddie).

Subway Extension, Part 7 – Mmmm, pie (charts)

This week we added demographic data for the census tracts in Los Angeles.

Clicking on any census tract will bring up a bouncing green arrow, and highlight the target census tract in translucent red.

Target: acquired.

The user can also drag the arrow to a different location, or simply click in a new place to move the targeted census tract.  Once a tract is selected, the side panel brings up pie charts summarizing race, age, and housing unit status (rental, owner occupied, and vacant).

Mmmm, pie.

This new functionality allows users to get demographic data about a neighborhood of interest at a glance.

Week 9 Assignment

This week’s assignment involved adding census data to my existing map and displays the data using Google Charts API. The charts are displayed by either clicking on the map or searching a specific address. See the overall look of my site below:

How awesome are the pie-charts that load?!? Google is amazing. I decided to show the “Housing Unit” type variable from the census file.

I still unfortunately have not figured out how to get my Google Form to show and so I decided to update my website based on week 7’s assignment but incorporate the more stylized aspects of week 8’s lab.

Week9: Google Charts API and…

This week, I devoted myself to incorporating census data using Google Chart Tools and making the website more user-friendly and more interactive. Now, I completed the task and finalized the mapping project.

First, I added the function of showing the commute mode sharing data of the 2000 census by a pie chart. Once you enter an address or a zipcode in the search box, or directly click on the map, you can get the commute mode sharing data of specific census tracts. The attached is a result when I put “90024” in the search box. The pie chart shows up in the side panel.   Besides, on the map, the census tract area is highlighted with the green colored polygon. Because a geocodemarker is draggable, you can move it anywhere on the map.

Second, I added the legend of the percentage data of transit users in whole LA County to the side panel. Because the commute mode sharing data described above is the information within a certain census tract, it is quite interesting to compare the both data.  Even though the primary target of the new bus line is tourists, it will also contribute to improving the number of transit users of the east side of LA.

In addition, I cleaned up the default interface. Now it only shows the five new stops and proposed bus route with the Flickr information. I hope users can easy get what they want thanks to the simplified menus and the accordion style.


Week 9: Capitulation

After a long and stressful night, Ive decided that an incomplete assignment is better than no assignment at all. The latest version of the site was supposed to feature data about commute times with regard to public transportation vs “other” modes of transportation. The data would be given on a census tract level to see if there were area benefits to public transit that a person new to the idea of buses could exploit.

Unfortunately, I can’t seem to get the layer to display in the map room. I even attempted to cop out and rip off the housing chart from the tutorial. But when I couldn’t even get that to work, I threw my hands in the air and decided that some points are better than no points. I’d like to try again tomorrow, but frankly I’m rather disenchanted with the task. That time might be better put toward the Final. sigh

Week 9 Web Development

Check me out

This week, the UCLA Student Shuttle Proposal Site gives the user the option entering an address in the search bar which will locate the census tract it is located within as well provide a green arrow showing the points location on the map. Users will be able to see if their address is close to the proposed bus route as well as look up census information about the tract it is located within.

Because I made the mistake of not labeling the shapefile data, I was unable to create a pie chart that made any sense, so I chose to hard code data instead. This data will appear for any census tract selected. In the future, I will be able to provide meaningful data from the file when I am not dealing working with it remotely.

I have resolved some of my issues from last week, which appeared to be caused by a misplaced “(“. Its much easier catching these mistakes when you have fresh eyes.