forked from datamade/vacant-building-finder
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathabout.html
111 lines (93 loc) · 10.3 KB
/
about.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<html>
<head>
<title>About - Vacant and Abandoned Building Finder - Chicago</title>
<link href='styles/master.css' media='all' rel='stylesheet' type='text/css' />
<script src="/source/analytics_lib.js" type="text/javascript"></script>
<link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon" />
</head>
<body>
<div id="page">
<div class='content-simple'>
<div id='title'>
<a href='/'><img src='images/logo.jpg' alt='Vacant and Abandoned Building Finder - Chicago' /></a>
<ul id='header-nav'>
<li><a href="/">Home</a></li>
<li><a href='about.html'>About</a></li>
<li><a href='faq.html'>FAQ</a></li>
<li><a href='https://servicerequest.cityofchicago.org/web_intake_chic/Controller?op=locform&invSRType=BBK&invSRDesc=Vacant/Abandoned%20Building&locreq=Y&stnumreqd=Y'>Report a building to 311</a></li>
</ul>
</div>
<hr />
<h1>About this project</h1>
<ul id="faq">
<li><a href="#what-is-this">What is this?</a></li>
<li><a href="#how-does-it-work">How does it work?</a></li>
<li><a href="#who-is-it-for">Who is it for?</a></li>
<li><a href="#why-did-you-make-it">Why did you make it?</a></li>
<li><a href="#how-do-i-vote-for-this-app">How do I vote for this app?</a></li>
<li><a href="#where-did-you-get-your-data-from">Where did you get your data from?</a></li>
<li><a href="#were-there-problems-with-the-data">Were there problems with the data?</a></li>
<li><a href="#what-did-you-use-to-build-it">What did you use to build it?</a></li>
<li><a href="#credits">Credits</a></li>
<li><a href="#press">Press</a></li>
</ul>
<h2 id="what-is-this">What is this?</h2>
<p>The Vacant and Abandoned Building Finder is a tool for helping people and organizations find buildings in Chicago that are not in use and potentially hazardous to the neighborhood around them. </p>
<h2 id="how-does-it-work">How does it work?</h2>
<p>With the tools on the left column, you can find buildings that are open and unsecured, have fire damage, or are in use by non-residents (gangs, children, homeless, etc). You can also search around an address or intersection and by the date the building was reported.</p>
<p>On the right side the buildings are potted on a map of Chicago. Each point is clickable and will show you details about when the building was reported, where on the lot it is located, where an open entry point is (if any) as well as a picture of the building itself (courtesy of Google's street view). Additionally, there is a list of resources anyone can use to find more information on the building, or to provide an updated <a href='https://servicerequest.cityofchicago.org/web_intake_chic/Controller?op=locform&invSRType=BBK&invSRDesc=Vacant/Abandoned%20Building&locreq=Y&stnumreqd=Y'>report to 311</a>.</p>
<p><img src='images/chicagobuildings-use1.png' alt='Chicago Buildings usage' /></p>
<p>In addition to the building data, I also added in demographic data by neighborhood. This allows anyone to compare each neighborhood to see the correlation between vacant and abandoned buildings and the neighborhoods that surround them. Demographics include poverty rate, unemployment rate, population, and median income.</p>
<div class='clear'></div>
<h2 id="who-is-it-for">Who is it for?</h2>
<p>This tool is free and for anyone who is interested in vacant and abandoned buildings in Chicago. It was built with simplicity in mind; you don't have to be an expert in real estate or Chicago building policy to use it. That being said, it can definitely be used by someone who is, and I hope that it proves to be a useful tool.</p>
<p>It could be used in the following ways:</p>
<ul>
<li>As an educational tool for the general public to make them aware of the number of vacant and abandoned buildings in Chicago and where they are.</li>
<li>By firefighters who want to check if a burning building has people (non-residents) reported in it to determine if they should perform a rescue. If there's no one in the building, they won't have to risk their lives.</li>
<li>By community development organizations to track neighborhood trends in foreclosed and abandoned housing and compare it to demographic data. </li>
<li>By journalists as a research tool.</li>
<li>By the City to more efficiently track vacant and abandoned buildings and manage 311 reports.</li>
<li>By neighborhood groups and concerned citizens to locate and report vacant and abandoned buildings around them.</li>
<li>By homeless individuals looking for a place to squat (not that this site condones <a href='faq.html#laws-against-occupying'>illegal activity</a> - it's just a possibility).</li>
<li>By urban adventurers looking for cool and interesting buildings to explore and photograph (again, this is probably <a href='faq.html#laws-against-occupying'>illegal</a>)</li>
</ul>
<h2 id="why-did-you-make-it">Why did you make it?</h2>
<p>I am not too much of an expert on the subject of vacant and abandoned buildings, but the data seemed very interesting to me. I created a simple version of this map in April of 2011 and noticed that it quickly became one of the most visited pages on my site.</p>
<p>When the <a href='http://appsformetrochicago.com/'>Apps for Metro Chicago</a> contest was announced, I decided that this tool would be a great candidate for it, so I refined it, expanded it, and spun it off in to it's own site: chicagobuildings.org. It is now a finalist for the Community round I eagerly await the results of the competition.</p>
<h2 id="how-do-i-vote-for-this-app">How do I vote for this app?</h2>
<p>Voting is closed for the <a href='http://appsformetrochicago.com/'>Apps for Metro Chicago</a> contest. I got 7th place. Thanks to everyone for your support!</p>
<h2 id="where-did-you-get-your-data-from">Where did you get your data from?</h2>
<p>The building data comes from Chicago's 311 reporting service which can be found <a href='http://data.cityofchicago.org/Service-Requests/311-Service-Requests-Vacant-and-Abandoned-Building/7nii-7srd'>here</a>. The raw Fusion Tables data in KML format can be seen and downloaded <a href='http://www.google.com/fusiontables/DataSource?dsrcid=1614852'>here</a>.</p>
<p>The demographics data comes from a report by the <a href='http://www.chicagosfoodbank.org/'>Greater Chicago Food Depository</a> published on September 21st, 2011. This report can be found <a href='http://www.chicagosfoodbank.org/site/PageServer?pagename=hunger_research'>here</a>. The data in KML format can be downloaded <a href='http://www.google.com/fusiontables/DataSource?dsrcid=1647341'>here</a>.</p>
<h2 id="were-there-problems-with-the-data">Were there problems with the data?</h2>
<p>There were! The 311 data from the City is published in a very raw format. A lot of fields were not normalized (had multiple values that meant the same thing), and an entire column (‘Is this building dangerous or hazardous?’) was completely blank for all rows. I compensated for this with a <a href="https://github.com/derekeder/Socrata-to-FusionTables">PHP script</a> that pulls the data from the City’s Data Portal and cleans up specific columns based on keywords I found that were common in meaning. For data fields that were blank, I flagged them as ‘unknown’.</a>
<p>The <a href="http://data.cityofchicago.org/Service-Requests/311-Service-Requests-Vacant-and-Abandoned-Building/7nii-7srd">311 Service Requests - Vacant and Abandoned Buildings Reported</a> dataset has been published since January 2011, and I hope the City plans on revisiting it and cleaning up the data soon.</p>
<h2 id="what-did-you-use-to-build-it">What did you use to build it?</h2>
<p>This site is built with HTML, CSS, Javascript and Google's Fusion Tables and Maps API. The data is stored in Fusion Tables and is updated every night by a <a href='https://github.com/derekeder/Socrata-to-FusionTables'>PHP script I wrote</a> to import the data directly from the <a href='http://data.cityofchicago.org/'>City of Chicago Data Portal</a>.</p>
<p>Technologies used:</p>
<ul>
<li><a href='http://jquery.com'>jQuery</a></li>
<li><a href='http://code.google.com/apis/maps/documentation/javascript/'>Google Maps API V3</a></li>
<li><a href='http://www.google.com/fusiontables'>Google Fusion Tables</a></li>
</ul>
<p>If you are interested, all the code for this project is up on <a href='http://github.com'>github</a>:</p>
<ul>
<li><a href='https://github.com/derekeder/Chicago-Buildings'>Chicago-Buildings</a> (this site)</li>
<li><a href='https://github.com/derekeder/Socrata-to-FusionTables'>Socrata to Fusion Tables script</a></li> </ul>
<h2 id="credits">Credits</h2>
<p>This site was built, designed and hosted entirely by Derek Eder in his own free time for no money. Special thanks to Cristina Sladana from <a href='http://www.fritchey.com/'>Cook County Commissioner Fritchey's Office</a>, Danielle DuMerer from Chicago's <a href='http://www.cityofchicago.org/city/en/depts/doit.html'>Department of Innovation and Technology</a>, Bill McCaffrey from Chicago's <a href="http://www.cityofchicago.org/city/en/depts/bldgs.html">Department of Buildings</a> and Chet Jackson from the <a href='http://www.whpdevelopmentcouncil.net/'>West Humboldt Park Development Council</a> for answering all my annoying questions.</p>
<p>Also a big thanks to my wife <a href='http://ayaoconnor.com'>Aya</a> for designing the logo, proofing and giving design feedback and <a href='http://c82.net'>Nick Rougeux</a> for all his continuous sage style (CSS) advice.</p>
<h2 id="press">Press</h2>
<p>Since launching in late September 2011, some great articles have been written about this site:</p>
<ul>
<li><a href="http://www.webitects.com/blog/post/mapping-chicagos-vacant-buildings">Mapping Chicago's Vacant Buildings</a> on the Webitects Blog by Derek Eder</li>
<li><a href="http://gov20.govfresh.com/chicagobuildings-org-maps-vacant-and-abandoned-buildings-using-open-government-data/">Chicagobuildings.org maps vacant and abandoned buildings using open government data</a> on govfresh by Alex Howard</li>
</ul>
<hr />
<p class='mute'>A project by <a href='http://derekeder.com'>Derek Eder</a></p>
</div>
</div>
</body>
</html>