Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Added website updates

  • Loading branch information...
commit 5d1642c97a0a622fa30a66ea011809844f718594 1 parent 373a715
@jenikm jenikm authored
Showing with 15,289 additions and 1 deletion.
  1. +13,888 −0 WWW/cities.csv
  2. BIN  WWW/images/img01.jpg
  3. BIN  WWW/images/screenshots/ByAirportDistanceGraph.png
  4. BIN  WWW/images/screenshots/ByStatesFilteredByDatetime&UFOTypes.png
  5. BIN  WWW/images/screenshots/ByTimeGraph.png
  6. BIN  WWW/images/screenshots/ByYearGraph.png
  7. BIN  WWW/images/screenshots/ClusterByState.png
  8. BIN  WWW/images/screenshots/DensityPopulationGraph.png
  9. BIN  WWW/images/screenshots/PlayMovie.png
  10. BIN  WWW/images/screenshots/SightingDetails.png
  11. BIN  WWW/images/screenshots/SightingsNearAirport.png
  12. BIN  WWW/images/screenshots/SightingsOnMap.png
  13. BIN  WWW/images/screenshots/SightingsOnMapByUFO.png
  14. BIN  WWW/images/screenshots/all_sightings.png
  15. BIN  WWW/images/screenshots/deuteranope_chart.jpg
  16. BIN  WWW/images/screenshots/deuteranope_map.jpg
  17. BIN  WWW/images/screenshots/protanope_chart.jpg
  18. BIN  WWW/images/screenshots/protanope_map.jpg
  19. BIN  WWW/images/screenshots/sighting_types_by_state.png
  20. BIN  WWW/images/screenshots/tritanope_chart.jpg
  21. BIN  WWW/images/screenshots/tritanope_map.jpg
  22. +16 −0 WWW/it_came_out_of_the_sky.py
  23. +497 −0 WWW/stylesheets/style.css
  24. +57 −0 WWW/top_cities.txt
  25. +84 −0 WWW/views/data_extraction.html
  26. +73 −0 WWW/views/download.html
  27. +43 −1 WWW/views/index.html
  28. +146 −0 WWW/views/index.html.bk
  29. +198 −0 WWW/views/layout.html
  30. +94 −0 WWW/views/observations.html
  31. +172 −0 WWW/views/screenshots.html
  32. +21 −0 WWW/views/search.html
View
13,888 WWW/cities.csv
13,888 additions, 0 deletions not shown
View
BIN  WWW/images/img01.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  WWW/images/screenshots/ByAirportDistanceGraph.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  WWW/images/screenshots/ByStatesFilteredByDatetime&UFOTypes.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  WWW/images/screenshots/ByTimeGraph.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  WWW/images/screenshots/ByYearGraph.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  WWW/images/screenshots/ClusterByState.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  WWW/images/screenshots/DensityPopulationGraph.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  WWW/images/screenshots/PlayMovie.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  WWW/images/screenshots/SightingDetails.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  WWW/images/screenshots/SightingsNearAirport.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  WWW/images/screenshots/SightingsOnMap.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  WWW/images/screenshots/SightingsOnMapByUFO.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  WWW/images/screenshots/all_sightings.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  WWW/images/screenshots/deuteranope_chart.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  WWW/images/screenshots/deuteranope_map.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  WWW/images/screenshots/protanope_chart.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  WWW/images/screenshots/protanope_map.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  WWW/images/screenshots/sighting_types_by_state.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  WWW/images/screenshots/tritanope_chart.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  WWW/images/screenshots/tritanope_map.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
16 WWW/it_came_out_of_the_sky.py
@@ -59,14 +59,28 @@ def get(self):
class Search(webapp.RequestHandler):
def get(self):
city_name = self.request.get("city_name")
+ shape_id = self.request.get("shape_id")
cities = City.all().filter("name = ", city_name.lower().capitalize()).fetch(limit=10)
sightings = []
if len(cities) > 0:
sightings = Sighting.all().filter("city_id IN ", map((lambda x: x.city_id), cities)).fetch(limit=100)
+ if len(shape_id) > 0:
+ sightings = Sighting.all().filter("shape_id = ", int(shape_id)).fetch(limit=100)
template_values = {'current_page': 'search', 'sightings': sightings, 'city_name': city_name }
path = os.path.join(os.path.dirname(__file__), views_path + 'search.html')
self.response.out.write(template.render(path, template_values))
+class DataExtraction(webapp.RequestHandler):
+ def get(self):
+ template_values = {'current_page': 'data_extraction'}
+ path = os.path.join(os.path.dirname(__file__), views_path + 'data_extraction.html')
+ self.response.out.write(template.render(path, template_values))
+
+class Observations(webapp.RequestHandler):
+ def get(self):
+ template_values = {'current_page': 'observations'}
+ path = os.path.join(os.path.dirname(__file__), views_path + 'observations.html')
+ self.response.out.write(template.render(path, template_values))
class Sightings(webapp.RequestHandler):
def get(self):
@@ -82,6 +96,8 @@ def get(self):
('/sightings', Sightings),
('/screenshots', Screenshots),
('/search', Search),
+ ('/data_extraction', DataExtraction),
+ ('/observations', Observations),
('/download', Download)],
debug=True)
View
497 WWW/stylesheets/style.css
@@ -0,0 +1,497 @@
+
+/*
+Design by Free CSS Templates
+http://www.freecsstemplates.org
+Released for free under a Creative Commons Attribution 2.5 License
+*/
+
+body {
+ margin: 0;
+ padding: 0;
+ background: #010101 url(/images/img01.jpg) no-repeat left top;
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 12px;
+ color: #616161;
+}
+
+h1, h2, h3 {
+ margin: 0;
+ padding: 0;
+ font-weight: normal;
+ color: #810988;
+}
+
+h1 {
+ font-size: 2em;
+}
+
+h2 {
+ font-size: 2.8em;
+}
+
+h3 {
+ font-size: 1.6em;
+}
+
+p, ul, ol {
+ margin-top: 0;
+ line-height: 180%;
+}
+
+ul, ol {
+}
+
+a {
+ text-decoration: none;
+ color: #B23C1C;
+}
+
+a:hover {
+}
+
+#wrapper {
+ margin: 0 auto;
+ padding: 0;
+ background: url(images/img03.gif) no-repeat center top;
+}
+
+.container {
+ width: 1000px;
+ margin: 0px auto;
+}
+
+/* Header */
+
+#header {
+ width: 900px;
+ height: 150px;
+ margin: 0 auto;
+ padding: 0px 50px;
+}
+
+/* Logo */
+
+#logo {
+ float: left;
+ width: 300px;
+ margin: 0;
+ padding: 0;
+ color: #B23C1C;
+}
+
+#logo h1, #logo p {
+}
+
+#logo h1 {
+ padding: 60px 0px 0px 0px;
+ letter-spacing: -2px;
+ font-size: 3.8em;
+}
+
+#logo h1 a {
+ color: #B23C1C;
+}
+
+#logo p {
+ margin: 0;
+ padding: 0px 0 0 0px;
+ letter-spacing: -1px;
+ font: normal 18px Georgia, "Times New Roman", Times, serif;
+ font-style: italic;
+ color: #8E8E8E;
+}
+
+#logo p a {
+ color: #8E8E8E;
+}
+
+#logo a {
+ border: none;
+ background: none;
+ text-decoration: none;
+ color: #000000;
+}
+
+/* Splash */
+
+#splash {
+ width: 960px;
+ height: 300px;
+ margin: 0px auto;
+}
+
+/* Search */
+
+#search {
+ float: right;
+ width: 280px;
+ height: 60px;
+ padding: 20px 0px 0px 0px;
+}
+
+#search form {
+ height: 41px;
+ margin: 0;
+ padding: 10px 0 0 20px;
+}
+
+#search fieldset {
+ margin: 0;
+ padding: 0;
+ border: none;
+}
+
+#search-text {
+ width: 170px;
+ padding: 6px 5px 2px 5px;
+ border: 1px solid #DEDEDE;
+ background: #FFFFFF;
+ font: normal 11px Arial, Helvetica, sans-serif;
+ color: #5D781D;
+}
+
+#search-submit {
+ width: 50px;
+ height: 22px;
+ border: none;
+ background: #B9B9B9;
+ color: #000000;
+}
+
+/* Menu */
+
+#menu {
+ float: right;
+ width: 800px;
+ height: 90px;
+ margin: 0 auto;
+ padding: 0;
+}
+
+#menu ul {
+ float: right;
+ margin: 0;
+ padding: 0px 0px 0px 0px;
+ list-style: none;
+ line-height: normal;
+}
+
+#menu li {
+ float: left;
+}
+
+#menu a {
+ display: block;
+ height: 20px;
+ margin-right: 1px;
+ padding: 100px 20px 15px 20px;
+ background: url(images/img06.gif) no-repeat left 12px;
+ text-decoration: none;
+ text-align: center;
+ text-transform: uppercase;
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 12px;
+ font-weight: bold;
+ color: #FFFFFF;
+ border: none;
+ position:relative;
+}
+
+#menu a:hover, #menu .current_page_item a {
+ background: #C41800;
+ text-decoration: none;
+ color: #FFFFFF;
+}
+
+#menu .current_page_item a {
+}
+
+/* Page */
+
+#page {
+ width: 900px;
+ margin: 0 auto;
+ padding: 30px 30px;
+}
+
+/* Content */
+
+#content {
+ float: left;
+ width: 590px;
+ padding: 50px 0px 0px 0px;
+}
+
+.post {
+ overflow: hidden;
+ margin-bottom: 40px;
+ border-bottom: 1px dotted #1B1B1B;
+}
+
+.post .title {
+ height: 21px;
+ padding: 20px 0px 15px 0px;
+ letter-spacing: -1px;
+}
+
+.post .title a {
+ border: none;
+ text-transform: lowercase;
+ color: #B23C1C;
+}
+
+.post .meta {
+ margin-bottom: 30px;
+ padding: 0px;
+ text-align: left;
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 13px;
+ font-weight: bold;
+}
+
+.post .meta .date {
+ float: left;
+}
+
+.post .meta .posted {
+ float: right;
+}
+
+.post .meta a {
+}
+
+.post .entry {
+ padding: 0px 0px 20px 0px;
+ padding-bottom: 20px;
+ text-align: justify;
+}
+
+.links {
+ padding-top: 20px;
+ margin-bottom: 30px;
+}
+
+.more {
+ display: block;
+ float: left;
+ width: 88px;
+ height: 25px;
+ padding: 2px 0px 0px 0px;
+ margin-right: 10px;
+ background: url(images/img08.jpg) no-repeat left top;
+ text-align: center;
+ color: #FFFFFF;
+}
+
+.comments {
+ display: block;
+ float: left;
+ width: 88px;
+ height: 25px;
+ padding: 2px 0px 0px 0px;
+ background: url(images/img08.jpg) no-repeat left top;
+ text-align: center;
+ color: #FFFFFF;
+}
+
+/* Sidebar */
+
+#sidebar {
+ float: right;
+ width: 280px;
+ margin: 0px;
+ padding: 30px 0px 0px 0px;
+ color: #787878;
+}
+
+#sidebar ul {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+
+#sidebar li {
+ margin: 0;
+ padding: 0;
+}
+
+#sidebar li ul {
+ margin: 0px 0px;
+ padding-bottom: 30px;
+}
+
+#sidebar li li {
+ line-height: 35px;
+ border-bottom: 1px dotted #1B1B1B;
+ margin: 0px 30px;
+ border-left: none;
+}
+
+#sidebar li li span {
+ display: block;
+ margin-top: -20px;
+ padding: 0;
+ font-size: 11px;
+ font-style: italic;
+}
+
+#sidebar li li a {
+ padding: 0px 0px 0px 15px;
+}
+
+#sidebar h2 {
+ height: 38px;
+ padding-left: 30px;
+ letter-spacing: -.5px;
+ font-size: 1.8em;
+ color: #B23C1C;
+}
+
+#sidebar p {
+ margin: 0 0px;
+ padding: 0px 30px 20px 30px;
+ text-align: justify;
+}
+
+#sidebar a {
+ border: none;
+ color: #494949;
+}
+
+#sidebar a:hover {
+ text-decoration: underline;
+ color: #B23C1C;
+}
+
+/* Calendar */
+
+#calendar {
+}
+
+#calendar_wrap {
+ padding: 20px;
+}
+
+#calendar table {
+ width: 100%;
+}
+
+#calendar tbody td {
+ text-align: center;
+}
+
+#calendar #next {
+ text-align: right;
+}
+
+/* Three Column Footer Content */
+
+#footer-content {
+ background: #1A1715;
+}
+
+#footer-bg {
+ overflow: hidden;
+ width: 890px;
+ padding: 30px 55px 50px 55px;
+ background: url(images/img05.jpg) no-repeat left bottom;
+}
+
+#footer-content h2 {
+ margin: 0px;
+ padding: 0px 0px 20px 0px;
+ letter-spacing: -1px;
+ text-transform: lowercase;
+ font-size: 26px;
+ color: #FFFFFF;
+}
+
+#footer-content ul {
+ margin: 0px;
+ padding: 0px 0px 0px 20px;
+}
+
+#footer-content a {
+}
+
+#column1 {
+ float: left;
+ width: 390px;
+ margin-right: 30px;
+}
+
+#column2 {
+ float: left;
+ width: 280px;
+}
+
+#column3 {
+ float: right;
+ width: 260px;
+}
+
+/* Footer */
+
+#footer {
+ height: 50px;
+ margin: 0 auto;
+ padding: 0px 0 15px 0;
+ font-family: Arial, Helvetica, sans-serif;
+}
+
+#footer p {
+ margin: 0;
+ padding-top: 30px;
+ line-height: normal;
+ font-size: 10px;
+ text-transform: uppercase;
+ text-align: center;
+ color: #202020;
+}
+
+#footer a {
+ color: #202020;
+}
+
+#marketing {
+ overflow: hidden;
+ margin-bottom: 30px;
+ padding: 20px 0px 10px 0px;
+ border-top: 1px solid #E3E3E3;
+ border-bottom: 1px solid #E3E3E3;
+}
+
+#marketing .text1 {
+ float: left;
+ margin: 0px;
+ padding: 0px;
+ letter-spacing: -2px;
+ text-transform: lowercase;
+ font-size: 34px;
+ color: #345E9B;
+}
+
+#marketing .text2 {
+ float: right;
+}
+
+#marketing .text2 a {
+ display: block;
+ width: 252px;
+ height: 38px;
+ padding: 15px 0px 0px 0px;
+ background: url(images/img07.jpg) no-repeat left top;
+ letter-spacing: -2px;
+ text-align: center;
+ text-transform: lowercase;
+ font-size: 30px;
+ color: #FFFFFF;
+}
+
+img.screenshots{
+ width:550px;
+
+}
+table.color_blind img{
+ width:160px;
+}
View
57 WWW/top_cities.txt
@@ -0,0 +1,57 @@
+938|Long beach|66
+2215|Colorado springs|66
+13595|Spokane|66
+438|Chandler|67
+474|Scottsdale|67
+4512|Rochester|67
+933|Fresno|68
+8746|Reno|68
+150|Jackson|69
+971|Riverside|69
+1325|Wilmington|69
+114|Auburn|70
+5386|Everett|70
+7817|Omaha|70
+980|Lancaster|71
+6765|St. louis|72
+471|Gilbert|75
+2673|Tampa|75
+2620|Washington, d.c.|76
+4727|Kansas city|77
+13606|Tacoma|80
+4422|Indianapolis|81
+1032|Richmond|82
+394|Salem|83
+326|Louisville|84
+3644|Arlington|87
+11783|Myrtle beach|89
+8931|New york city (brooklyn)|92
+447|Mesa|93
+2592|Columbia|96
+8968|New york city|98
+6270|Charlotte|103
+3417|Dallas|106
+3248|Columbus|108
+8515|Albuquerque|109
+65|Jacksonville|110
+3678|Rockford|110
+968|Sacramento|113
+1000|San jose|120
+2205|Denver|120
+2276|Springfield|122
+2666|Orlando|126
+349|Austin|129
+8600|San antonio|131
+3894|Tinley park|136
+941|San francisco|138
+486|Miami|152
+431|Tucson|161
+3774|Chicago|193
+2708|Houston|198
+7659|Las vegas|235
+931|San diego|238
+2563|Portland|240
+962|Los angeles|256
+440|Phoenix|298
+13579|Seattle|339
+
View
84 WWW/views/data_extraction.html
@@ -0,0 +1,84 @@
+{% extends "layout.html" %}
+{% block content %}
+<div id="content">
+ <div class="post">
+ <h2 class="title"><a href="#">Sources used</a></h2>
+ <p class="meta"><span class="date"></span> <span class="posted"><a href="#"></a></span></p>
+ <div style="clear: both;">&nbsp;</div>
+ <div class="entry" style="color:white;">
+ <ul>
+ <li>
+ <a href="http://www.census.gov/geo/www/gazetteer/gazetteer2010.html">http://www.census.gov/geo/www/gazetteer/gazetteer2010.html</a>
+ <br /> Coordinates of places <small>(<a href="#csv_instruction">CSV Instructions</a>)</small>
+ </li>
+ <li>
+ <a href="http://www.nuforc.org/webreports/ndxloc.html">http://www.nuforc.org/webreports/ndxloc.html</a>
+ <br /> Detailed sigting information / accounts <small>(<a href="#scraping_instructions">Scraping Instructions</a>)</small>
+ </li>
+ <li>
+ <a href="http://factfinder2.census.gov">http://factfinder2.census.gov</a>
+ <br /> Population density by county <small>(<a href="#csv_instruction">CSV Instructions</a>)</small>
+ </li>
+ <li>
+ <a href="http://code.google.com/apis/maps/index.html">http://code.google.com/apis/maps/index.html</a>
+ <br /> Place coordinates and county lookup <small>(<a href="#api_instructions">API Instructions</a>)</small>
+ </li>
+ <li>
+ <a href="http://msdn.microsoft.com/en-us/library/dd877180.aspx">http://msdn.microsoft.com/en-us/library/dd877180.aspx</a>
+ <br /> Place coordinates and county lookup <small>(<a href="#api_instructions">API Instructions</a>)</small>
+ </li>
+ <li>
+ <a href="http://www.wunderground.com/history">http://www.wunderground.com/history</a>
+ <br /> Temperature and weather conditions <small>(<a href="#scraping_instructions">Scraping Instructions</a>)</small>
+ </li>
+ <li>
+ <a href="http://weather.noaa.gov">http://weather.noaa.gov</a>
+ <br /> Positions of weather stations <small>(<a href="#scraping_instructions">Scraping Instructions</a>)</small>
+ </li>
+ <li>
+ <a href="www.partow.net/miscellaneous/airportdatabase/">www.partow.net/miscellaneous/airportdatabase/</a>
+ <br /> Airports locations <small>(<a href="#csv_instruction">CSV Instructions</a>)</small>
+ </li>
+ <li>
+ <a href="http://militarybases.com/">http://militarybases.com/</a>
+ <br /> Military base locations <small>(<a href="#kml_instructions">KML Instructions</a>)</small>
+ </li>
+ </ul>
+ <!-- <p class="links"><a href="#" class="more">Read More</a><a href="#" title="b0x" class="comments">Comments</a></p> -->
+ <fieldset>
+ <legend><a name="csv_instructions">CSV instructions</a></legend>
+ <ol>
+ <li>Comma delimited data was downloaded manually</li>
+ <li>Data was processed via Ruby script using FasterCSV gem</li>
+ <li>Data was cleaned of spaces and extra dashes</li>
+ <li>Data was inserted into sqlite3 database with columns in CSV mapped to database columns accordingly</li>
+ </ol>
+ </fieldset>
+ <fieldset>
+ <legend><a name="api_instructions">API instructions</a></legend>
+ <ol>
+ <li>Using ruby net/http library, data was pulled via HTTP in XML form</li>
+ <li>Lat/Lon was extracted using Nokogiri library</li>
+ <li>Cleaned up of extra spaces / characters</li>
+ </ol>
+ </fieldset>
+ <fieldset>
+ <legend><a name="kml_instructions">KML instructions</a></legend>
+ <ol>
+ <li>Data was downloaded manually</li>
+ <li>Processed using ruby nokogiri XML library</li>
+ <li>Relation name, coordinates were extracted and inserted into the database</li>
+ </ol>
+ </fieldset>
+ <fieldset>
+ <legend><a name="scraping_instructions">Scraping Instructions</a></legend>
+ <ol>
+ <li>Specific target webpage was chosen manually as an entry point</li>
+ <li>Forms were anylized to get a page with proper links of all necessary information</li>
+ <li>Data was further processed to get rid of padded spacings and inserted into database</li>
+ </ol>
+ </fieldset>
+ </div>
+ </div>
+</div>
+{% endblock %}
View
73 WWW/views/download.html
@@ -0,0 +1,73 @@
+{% extends "layout.html" %}
+{% block content %}
+ <div id="content">
+ <div class="post">
+ <h2 class="title"><a href="#">Download / Installation</a></h2>
+ <p class="meta"><span class="date">2011-10-31</span> <span class="posted">The Group<a href="#"></a></span></p>
+ <div style="clear: both;">&nbsp;</div>
+ <div class="entry" style="color:white;">
+ <p>
+ <b>
+ <ol>
+ <li>
+ Download:
+ <ul>
+ <li><a href="http://www2.cs.uic.edu/~emagdel/it_came_out_of_the_sky/application.macosx.zip">Mac</a></li>
+ <li><a href="http://www2.cs.uic.edu/~emagdel/it_came_out_of_the_sky/application.linux.zip">Linux</a></li>
+ <li><a href="http://www2.cs.uic.edu/~emagdel/it_came_out_of_the_sky/application.windows.zip">Windows</a></li>
+ </ul>
+ </li>
+ <li>
+ Unzip files
+ </li>
+ </ol>
+ </b>
+ <br />
+ </p>
+ <!-- <p class="links"><a href="#" class="more">Read More</a><a href="#" title="b0x" class="comments">Comments</a></p> -->
+ </div>
+ </div>
+ <div class="post">
+ <h2 class="title"><a href="#">Source &amp; Contribute</a></h2>
+ <p class="meta"><span class="date">2011-10-31</span> <span class="posted">The Group<a href="#"></a></span></p>
+ <div style="clear: both;">&nbsp;</div>
+ <div class="entry" style="color:white;">
+ <p>
+ <ul>
+ <li>GIT: git clone git@github.com:camillol/cs424p3.git</li>
+ <li>Direct: <a href="https://github.com/camillol/cs424p3">https://github.com/camillol/cs424p3</a></li>
+ <li>Source: <a href="https://github.com/camillol/cs424p3/zipball/master">https://github.com/camillol/cs424p3/zipball/master</a></li>
+ </ul>
+ <br />
+ </p>
+ <!-- <p class="links"><a href="#" class="more">Read More</a><a href="#" title="b0x" class="comments">Comments</a></p> -->
+ </div>
+ </div>
+ <div class="post">
+ <h2 class="title"><a href="#">Java Libraries</a></h2>
+ <p class="meta"><span class="date">2011-10-31</span> <span class="posted">The Group<a href="#"></a></span></p>
+ <div style="clear: both;">&nbsp;</div>
+ <div class="entry" style="color:white;text-align:left;">
+ <p>
+ <ul>
+ <li>
+ git clone https://github.com/RandomEtc/modestmaps-processing.git
+ Then copy the modestmaps directory within to the Processing Libraries folder.
+ </li>
+ <li>
+ Get the SQLibrary from https://github.com/downloads/camillol/sqlibrary/SQLibrary-0.1.1.zip
+ IMPORTANT! Do not get the one at http://bezier.de/processing/libs/sql/ - it is horribly slow with SQLite.
+ </li>
+ <li>
+ Get prtree.jar from <a href="http://khelekore.org/prtree/git.shtml">http://khelekore.org/prtree/git.shtml</a>
+ and install it as Libraries/prtree/library/prtree.jar
+ </li>
+ <li>GET proxml <a href="http://creativecomputing.cc/p5libs/proxml/proxml.zip">http://creativecomputing.cc/p5libs/proxml/proxml.zip</a></li>
+ </ul>
+ <br />
+ </p>
+ <!-- <p class="links"><a href="#" class="more">Read More</a><a href="#" title="b0x" class="comments">Comments</a></p> -->
+ </div>
+ </div>
+ </div>
+{% endblock %}
View
44 WWW/views/index.html
@@ -2,8 +2,50 @@
{% block content %}
<div id="content">
<div class="post">
+ <h2 class="title"><a href="#">Release notes</a></h2>
+ <p class="meta"><span class="date"> Friday, October 31, 2011</span><span class="posted">Posted by <a href="#">The group</a></span></p>
+ <div style="clear: both;">&nbsp;</div>
+ <div class="entry">
+ <p>
+ It-Came-Out-Of-The-Sky helps to visualize UFO sightings using maps and stacked bar graphs.
+ Data that is preloaded in the application is in contingent U.S and date range is between 2000 and 2011.
+ Application helps user to find correlations between UFO sightings and date/time, geographical locations, population density, and distance from
+ airports, weather stations, and military bases. Application allows the user to see aggregates sightings data and specific details about the sighting.
+ <br />
+ <br />
+ <b>Can't wait for UFO sighting accounts? TRY THEM OUT NOW, by clicking on the right side bar! You can view UFO sighting accounts by shape and cities.</b>
+ <br />
+ <iframe width="420" height="315" src="http://www.youtube.com/embed/P-DHTO1cuBc" frameborder="0" allowfullscreen></iframe>
+ <br />
+ <a href="http://www.youtube.com/watch?v=P-DHTO1cuBc">Youtube link</a>
+ <br />
+ <h2>Color blind test results:</h2>
+ <br />
+ <table class="color_blind">
+ <tr>
+ <th>&nbsp;</th><th>Deuteranope</th><th>Protanope</th><th>Tritanope</th>
+ </tr>
+ <tr>
+ <th>Map</th>
+ <td><a href="/images/screenshots/deuteranope_map.jpg" target="_blank"><img src="/images/screenshots/deuteranope_map.jpg" /></a></td>
+ <td><a href="/images/screenshots/protanope_map.jpg" target="_blank"><img src="/images/screenshots/protanope_map.jpg" /></a></td>
+ <td><a href="/images/screenshots/tritanope_map.jpg" target="_blank"><img src="/images/screenshots/tritanope_map.jpg" /></a></td>
+ </tr>
+ <tr>
+ <th>Chart</th>
+ <td><a href="/images/screenshots/deuteranope_chart.jpg" target="_blank"><img src="/images/screenshots/deuteranope_chart.jpg" /></a></td>
+ <td><a href="/images/screenshots/protanope_chart.jpg" target="_blank"><img src="/images/screenshots/protanope_chart.jpg" /></a></td>
+ <td><a href="/images/screenshots/tritanope_chart.jpg" target="_blank"><img src="/images/screenshots/tritanope_chart.jpg" /></a></td>
+ </tr>
+ </table>
+ Source: <a href="http://www.vischeck.com/vischeck/vischeckImage.php">http://www.vischeck.com/vischeck/vischeckImage.php</a>
+ </p>
+ <!-- <p class="links"><a href="#" class="more">Read More</a><a href="#" title="b0x" class="comments">Comments</a></p> -->
+ </div>
+ </div>
+ <div class="post">
<h2 class="title"><a href="#">Week Three</a></h2>
- <p class="meta"><span class="date"> Friday, October 28, 2011</span><span class="posted">Posted by <a href="#">The group</a></span></p>
+ <p class="meta"><span class="date"> Monday, October 28, 2011</span><span class="posted">Posted by <a href="#">The group</a></span></p>
<div style="clear: both;">&nbsp;</div>
<div class="entry">
<p>
View
146 WWW/views/index.html.bk
@@ -0,0 +1,146 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <title>It Came Out of the Sky</title>
+ <meta name="keywords" content="It Came Out of the Sky" />
+ <meta name="description" content="It Came Out of the Sky" />
+ <link href="/stylesheets/templatemo_style.css" rel="stylesheet" type="text/css" />
+ <link rel="stylesheet" href="/stylesheets/coda-slider.css" type="text/css" charset="utf-8" />
+ <script src="/js/jquery-1.2.6.js" type="text/javascript"></script>
+ <script src="/js/jquery.scrollTo-1.3.3.js" type="text/javascript"></script>
+ <script src="/js/jquery.localscroll-1.2.5.js" type="text/javascript" charset="utf-8"></script>
+ <script src="/js/jquery.serialScroll-1.2.1.js" type="text/javascript" charset="utf-8"></script>
+ <script src="/js/coda-slider.js" type="text/javascript" charset="utf-8"></script>
+ <script src="/js/jquery.easing.1.3.js" type="text/javascript" charset="utf-8"></script>
+ </head>
+ <body>
+ <div id="slider">
+ <div id="templatemo_wrapper">
+ <div id="header">
+ <h1>It Came Out of the Sky</h1>
+ <div id="menu">
+ <ul class="navigation">
+ <li><a href="#home" class="selected">Home<span class="ui_icon home"></span></a></li>
+ <li><a href="#news">News<span class="ui_icon news"></span></a></li>
+ <li><a href="#screenshots">Screenshots<span class="ui_icon screenshots"></span></a></li>
+ <li><a href="#download">Download<span class="ui_icon gallery"></span></a></li>
+ <li><a href="#contactus">Contact<span class="ui_icon contactus"></span></a></li>
+ </ul>
+ </div>
+ </div>
+ <div id="content">
+ <div class="scroll">
+ <div class="scrollContainer">
+ <div class="panel" id="home">
+ <div class="col_400 float_l">
+ <h2>CONTENT</h2>
+ COMING SOON..., see <a href="#news">News<span class="ui_icon news"></span></a> for constant updates
+ </div>
+ <div class="col_300 float_r">
+ <h2>Features</h2>
+ <ul class="service_list">
+ <li><a href="#">Coming Soon</a></li>
+ </ul>
+ </div>
+ </div> <!-- end of home -->
+ <div class="panel" id="news">
+ <h1>News</h1>
+ <div id="gallery_container">
+ <fieldset>
+ <legend>Week #3: Friday, October 28, 2011</legend>
+ <ul>
+ <li>
+ <b>Camillo</b>
+ - Enhanced performance significantly, enabled OpenGL (a lot of work)
+ </li>
+ <li>
+ <b>Priscilla</b> -
+ <ul>
+ <li> Created ScrollList: Customized object which list the occurred sightings in a specific place</li>
+ <li> Created VScroll : Vertical scroll that is part of scrollList.</li>
+ <li> Updated SightingDetailsView: Functions to display the detailed information of a specific sighting (the one selected from the scrollList).</li>
+ <li> Updated MapView: Make sure that moving and zooming the map and drawing information box only occur when the mouse is over the map. Drawing function for different types of sightings (drawn icon depends of the type of sighting)</li>
+ <li> Worked on the first version of filter places&amp;sightings based on dates &amp; times specified by the user.</li>
+ <li> Modifies database queries to retrieve number of UFO types &amp; UFO type by place. </li>
+ </ul>
+ </li>
+ <li>
+ <b>Eugene</b> - Collected / processed weather data, weather stations data.
+ </li>
+ </ul>
+ </fieldset>
+
+ <fieldset>
+ <legend>Week #2: Friday, October 21, 2011</legend>
+ <ul>
+ <li>
+ <b>Camillo</b>
+ - Worked on animations, created main project plan, assisted other
+ group members with various isssues that arose
+ </li>
+ <li>
+ <b>Priscilla</b> -
+ <ul>
+ <li> Create checkbox </li>
+ <li> customized object which draws a checkbox with a text and/or color/image </li>
+ <li> Create HSlider </li>
+ <li> customized object which draws a horizontal slider with two marks (to specify ranges of values)</li>
+ <li> Create SettingsView </li>
+ <li>
+ View that display the different options the user can choose to visualize on the map.
+ (It includes: Year,Month &amp; Time sliders, Type of UFO checkboxes group and airport checkbox,
+ &amp; title that specified what is showing on the map.)
+ </li>
+ <li>
+ Modified MapView: Functions to draw sightings and airports, the size of the icons depends on the current zoom level.
+ Function to show a information box when the mouse cursor is over a sightings
+ </li>
+ <li>Search for icons to be used in the project.</li>
+ <li>
+ Create SightingDetailsView: customized object that will display all the sighting information as it was original
+ reported. Interaction was created..when the user clicks on a sighting the view will appear.
+ Content of the view is not ready yet.
+ </li>
+ </ul>
+ </li>
+ <li><b>Eugene</b> - Built ORM like interface to access database through Java objects, worked on data integrity / optimization by adding indexes and integrating with Google and Bing APIs </li>
+ <li><b>Group</b> - Come up with a higher level categories (7 types) for the many different sighting types.
+ Had two meetings regarding general project layout and interface design
+ </li>
+ </ul>
+ </fieldset>
+ <fieldset>
+ <legend>Week #1: Friday, October 14, 2011</legend>
+ <ul>
+ <li><b>Camillo</b> - Set up a repository on GitHub with initial code for view hierarchy, animation and miscellanous utilities.</li>
+ <li><b>Priscilla</b> - Gather the location data by county and places.
+ Gather the population density by state, counties and places. Download the modest_maps_interactive to understand how it works.</li>
+ <li><b>Eugene</b> - Wrote scraper that downloaded, parsed data from:
+ <a href="http://www.nuforc.org/webreports/ndxloc.html">www.nuforc.org/webreports/ndxloc.html</a>, and inserted it into database. Setup website.</li>
+ <li><b>Group</b> - Had two meetings regarding general project layout and interface design</li>
+ </ul>
+ </fieldset>
+ </div>
+ </div>
+ <div class="panel" id="screenshots">
+ <div class="col_400 float_l">
+ <h1>Screenshots</h1>
+ </div>
+ </div>
+ <div class="panel" id="download">
+ <h1>Download</h1>
+ </div>
+ <div class="panel" id="contactus">
+ <h1>Contact Us</h1>
+ </div> <!-- end of scroll -->
+ </div> <!-- end of content -->
+ </div>
+ </div>
+ <div id="footer">
+ Copyright © 2011 <a href="#">UFO</a>
+ </div>
+ </div> <!-- end of wrapper -->
+ </div> <!-- end of slider -->
+ </body>
+</html>
View
198 WWW/views/layout.html
@@ -0,0 +1,198 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<!--
+Design by Free CSS Templates
+http://www.freecsstemplates.org
+Released for free under a Creative Commons Attribution 2.5 License
+Name : Moonlight
+Description: A two-column, fixed-width design with dark color scheme.
+Version : 1.0
+Released : 20110815
+
+-->
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta name="keywords" content="" />
+<meta name="description" content="" />
+<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+<title>It Came Out of the Sky</title>
+<link href="/stylesheets/style.css" rel="stylesheet" type="text/css" media="screen" />
+</head>
+<body>
+<div id="wrapper">
+ <div id="header" class="container">
+ <div id="logo">
+ <h1><a href="/">Out of the Sky</a></h1>
+ <p>The Unexplored Cosmos</p>
+ </div>
+ <div id="menu">
+ <ul>
+ <li class="{% ifequal current_page "home" %} current_page_item {% endifequal %}"><a href="/">Home</a></li>
+ <li class="{% ifequal current_page "screenshots" %} current_page_item {% endifequal %}"><a href="/screenshots">Instructions</a></li>
+ <li class="{% ifequal current_page "download" %} current_page_item {% endifequal %}"><a href="/download">Download</a></li>
+ <li class="{% ifequal current_page "data_extraction" %} current_page_item {% endifequal %}"><a href="/data_extraction">Data Extraction</a></li>
+ <li class="{% ifequal current_page "observations" %} current_page_item {% endifequal %}"><a href="/observations">Observations</a></li>
+ </ul>
+ </div>
+ </div>
+ <!-- end #header -->
+ <div id="page">
+ <!-- start #content -->
+ {% block content %}
+ Override Me
+ {% endblock %}
+ <!-- end #content -->
+ <div id="sidebar">
+ <!-- YIELD sidebar -->
+ <ul>
+ <li>
+ <div id="search" >
+ <form method="get" action="/search">
+ <div>
+ Search sightings by city name:
+ <input type="text" name="city_name" id="search-text" value="{{ city_name }}"/>
+ <input type="submit" id="search-submit" value="Search" />
+ </div>
+ </form>
+ </div>
+ <div style="clear: both;">&nbsp;</div>
+ </li>
+ <li>
+ <h2>Our Purpose</h2>
+ <p>Correlate sightings to geographical locations</p>
+ </li>
+ <li>
+ <h2>Sighting Types</h2>
+ <ul>
+ <li>Light (12,809)
+ <ul>
+ <li><a href="/search?shape_id=2">Light</a></li>
+ <li><a href="/search?shape_id=17">Flash</a></li>
+ <li><a href="/search?shape_id=6">Fireball</a></li>
+ </ul>
+ </li>
+ <li>Round (11,371)
+ <ul>
+ <li><a href="/search?shape_id=3">Circle</a></li>
+ <li><a href="/search?shape_id=5">Sphere</a></li>
+ <li><a href="/search?shape_id=9">Disk</a></li>
+ <li><a href="/search?shape_id=11">Oval</a></li>
+ <li><a href="/search?shape_id=20">Egg</a></li>
+ </ul>
+ </li>
+ <li>Unknown (7,308)
+ <ul>
+ <li><a href="/search?shape_id=4">Unknown</a></li>
+ <li><a href="/search?shape_id=12">Other</a></li>
+ </ul>
+ </li>
+ <li>Triangle (4,561)
+ <ul>
+ <li><a href="/search?shape_id=1">Triangle</a></li>
+ <li><a href="/search?shape_id=7">Cone</a></li>
+ </ul>
+ </li>
+ <li>Other (3,696)
+ <ul>
+ <li><a href="/search?shape_id=10">Formation</a></li>
+ <li><a href="/search?shape_id=13">Tear drop</a></li>
+ <li><a href="/search?shape_id=14">Cigar</a></li>
+ <li><a href="/search?shape_id=19">Cylinder</a></li>
+ <li><a href="/search?shape_id=22">Cross</a></li>
+ </ul>
+ </li>
+ <li>Polygon (1,871)
+ <ul>
+ <li><a href="/search?shape_id=16">Rectangle</a></li>
+ <li><a href="/search?shape_id=18">Diamond</a></li>
+ <li><a href="/search?shape_id=21">Chevron</a></li>
+ </ul>
+ </li>
+ <li>Changing (216)
+ <ul>
+ <li><a href="/search?shape_id=15">Changing</a></li>
+ </ul>
+ </li>
+ </ul>
+ </li>
+ <li>
+ <h2>Top Sighting Locations</h2>
+ <ul>
+ <li><a href="/search?city_name=Seattle">Seattle(339)</a></li>
+ <li><a href="/search?city_name=Phoenix">Phoenix(298)</a></li>
+ <li><a href="/search?city_name=Los+Angeles">Los Angeles(256)</a></li>
+ <li><a href="/search?city_name=Portland">Portland(240)</a></li>
+ <li><a href="/search?city_name=San+Diego">San Diego(238)</a></li>
+ <li><a href="/search?city_name=Las+Vegas">Las Vegas(235)</a></li>
+ <li><a href="/search?city_name=Houston">Houston(198)</a></li>
+ <li><a href="/search?city_name=Chicago">Chicago(193)</a></li>
+ <li><a href="/search?city_name=Tucson">Tucson(161)</a></li>
+ <li><a href="/search?city_name=Miami">Miami(152)</a></li>
+ <li><a href="/search?city_name=San+Francisco">San Francisco(138)</a></li>
+ <li><a href="/search?city_name=Tinley+Park">Tinley Park(136)</a></li>
+ <li><a href="/search?city_name=San+Antonio">San Antonio(131)</a></li>
+ <li><a href="/search?city_name=Austin">Austin(129)</a></li>
+ <li><a href="/search?city_name=Orlando">Orlando(126)</a></li>
+ <li><a href="/search?city_name=Springfield">Springfield(122)</a></li>
+ <li><a href="/search?city_name=Denver">Denver(120)</a></li>
+ <li><a href="/search?city_name=San+Jose">San Jose(120)</a></li>
+ <li><a href="/search?city_name=Sacramento">Sacramento(113)</a></li>
+ <li><a href="/search?city_name=Jacksonville">Jacksonville(110)</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
+ <!-- end #sidebar -->
+ <div style="clear: both;">&nbsp;</div>
+ </div>
+ <!-- end #page -->
+</div>
+<div id="footer-content">
+ <div id="footer-bg" class="container">
+ <div id="column1">
+ <h2>Sources</h2>
+ <p>Sources will be listed here</p>
+ <li>
+ <a href="http://www.census.gov/geo/www/gazetteer/gazetteer2010.html">http://www.census.gov/geo/www/gazetteer/gazetteer2010.html</a>
+ </li>
+ <li>
+ <a href="http://www.nuforc.org/webreports/ndxloc.html">http://www.nuforc.org/webreports/ndxloc.html</a>
+ </li>
+ <li>
+ <a href="http://factfinder2.census.gov">http://factfinder2.census.gov</a>
+ </li>
+ <li>
+ <a href="http://code.google.com/apis/maps/index.html">http://code.google.com/apis/maps/index.html</a>
+ </li>
+ <li>
+ <a href="http://msdn.microsoft.com/en-us/library/dd877180.aspx">http://msdn.microsoft.com/en-us/library/dd877180.aspx</a>
+ </li>
+ <li>
+ <a href="http://www.wunderground.com/history">http://www.wunderground.com/history</a>
+ </li>
+ <li>
+ <a href="http://weather.noaa.gov">http://weather.noaa.gov</a>
+ </li>
+ <li>
+ <a href="www.partow.net/miscellaneous/airportdatabase/">www.partow.net/miscellaneous/airportdatabase/</a>
+ </li>
+ <li>
+ <a href="http://militarybases.com/">http://militarybases.com/</a>
+ </li>
+ </ul>
+
+ </div>
+ <div id="column3">
+ <h2>Recommended Links</h2>
+ <ul>
+ <li><a href="http://www.nuforc.org">National UFO Reporting Center</a></li>
+ </ul>
+ </div>
+ </div>
+</div>
+<div id="footer">
+ <p>Copyright (c) 2011 Camillo Lugaresi, Priscilla Jiménez, Eugene Magdel</p>
+</div>
+<!-- end #footer -->
+</body>
+</html>
View
94 WWW/views/observations.html
@@ -0,0 +1,94 @@
+{% extends "layout.html" %}
+{% block content %}
+ <div id="content">
+ <div class="post">
+ <h2 class="title"><a href="#">Most of sightings are near the shores</a></h2>
+ <p class="meta"><span class="date"></span> <span class="posted"><a href="#"></a></span></p>
+ <div style="clear: both;">&nbsp;</div>
+ <div class="entry" style="color:white;">
+ <p>
+ <b>
+ Density of places created a solid shape, which showed that most of the sightings occur near shores.
+ In the screenshot below, it shows only sightings of type "Lights".
+ </b>
+ <br />
+ <a href="/images/screenshots/SightingsOnMapByUFO.png" target="_blank">
+ <img src="/images/screenshots/SightingsOnMapByUFO.png" class="screenshots" />
+ </a>
+ </p>
+ <!-- <p class="links"><a href="#" class="more">Read More</a><a href="#" title="b0x" class="comments">Comments</a></p> -->
+ </div>
+ </div>
+ <div class="post">
+ <h2 class="title"><a href="#">Density </a></h2>
+ <p class="meta"><span class="date"></span> <span class="posted"><a href="#"></a></span></p>
+ <div style="clear: both;">&nbsp;</div>
+ <div class="entry" style="color:white;">
+ <p>
+ <b>
+ The County Population density graph shows that the number of reported sightings is directly proportional to the density population by county. This can be seen on the figure bellow.
+ </b>
+ <br />
+ <a href="/images/screenshots/DensityPopulationGraph.png" target="_blank">
+ <img src="/images/screenshots/DensityPopulationGraph.png" class="screenshots" />
+ </a>
+ </p>
+ <!-- <p class="links"><a href="#" class="more">Read More</a><a href="#" title="b0x" class="comments">Comments</a></p> -->
+ </div>
+ </div>
+ <div class="post">
+ <h2 class="title"><a href="#">Sightings by Year</a></h2>
+ <p class="meta"><span class="date"></span> <span class="posted"><a href="#"></a></span></p>
+ <div style="clear: both;">&nbsp;</div>
+ <div class="entry" style="color:white;">
+ <p>
+ <b>
+ Stacked bar graph shows that sightings were increasing up to 2008, and afterwards they began to decline.
+ Interesting to note that proportions of each sighting remained similar.
+ </b>
+ <br />
+ <a href="/images/screenshots/ByYearGraph.png" target="_blank">
+ <img src="/images/screenshots/ByYearGraph.png" class="screenshots" />
+ </a>
+ </p>
+ <!-- <p class="links"><a href="#" class="more">Read More</a><a href="#" title="b0x" class="comments">Comments</a></p> -->
+ </div>
+ </div>
+ <div class="post">
+ <h2 class="title"><a href="#">Sightings by Time of the day</a></h2>
+ <p class="meta"><span class="date"></span> <span class="posted"><a href="#"></a></span></p>
+ <div style="clear: both;">&nbsp;</div>
+ <div class="entry" style="color:white;">
+ <p>
+ <b>
+ Time of the day graph showed that sightings occur mostly in the evening time. Interesting to note that there is a spike at 12pm (noon).
+ Possibly could be due to input error due to pm/am confusion or due to the fact that people have their lunch breaks at the that time.
+ </b>
+ <br />
+ <a href="/images/screenshots/ByTimeGraph.png" target="_blank">
+ <img src="/images/screenshots/ByTimeGraph.png" class="screenshots" />
+ </a>
+ </p>
+ <!-- <p class="links"><a href="#" class="more">Read More</a><a href="#" title="b0x" class="comments">Comments</a></p> -->
+ </div>
+ </div>
+ <div class="post">
+ <h2 class="title"><a href="#">Increase in distance from airports leads to decrease in number of sightings</a></h2>
+ <p class="meta"><span class="date"></span> <span class="posted"><a href="#"></a></span></p>
+ <div style="clear: both;">&nbsp;</div>
+ <div class="entry" style="color:white;">
+ <p>
+ <b>
+ Graph below shows that number of sightings decline as distance from airport increases. This might suggest that people often confuse UFOs
+ with men made flying objects.
+ </b>
+ <br />
+ <a href="/images/screenshots/ByAirportDistanceGraph.png" target="_blank">
+ <img src="/images/screenshots/ByAirportDistanceGraph.png" class="screenshots" />
+ </a>
+ </p>
+ <!-- <p class="links"><a href="#" class="more">Read More</a><a href="#" title="b0x" class="comments">Comments</a></p> -->
+ </div>
+ </div>
+</div>
+{% endblock %}
View
172 WWW/views/screenshots.html
@@ -0,0 +1,172 @@
+{% extends "layout.html" %}
+{% block content %}
+ <div id="content">
+ <div class="post">
+ <h2 class="title"><a href="#">First view</a></h2>
+ <p class="meta"><span class="date"></span> <span class="posted"><a href="#"></a></span></p>
+ <div style="clear: both;">&nbsp;</div>
+ <div class="entry" style="color:white;">
+ <p>
+ <b>Initial view shows aggregated data by states for all sightings. It shows graphs based on percentage type of sighting for each state.
+ Each color represents different type of sighting. Each colored rectangle is proportional to the number of sightings of that type.
+ Each rectangle represents total number of sighting present in each state. User has an option to mouse over the rectangle.
+ And see the name of the State and total number of sightings.
+ </b>
+ <br />
+ <a href="/images/screenshots/ClusterByState.png" target="_blank">
+ <img src="/images/screenshots/ClusterByState.png" class="screenshots" />
+ </a>
+ </p>
+ <!-- <p class="links"><a href="#" class="more">Read More</a><a href="#" title="b0x" class="comments">Comments</a></p> -->
+ </div>
+ </div>
+ <div class="post">
+ <h2 class="title"><a href="#">Filter by State and time</a></h2>
+ <p class="meta"><span class="date"></span> <span class="posted"><a href="#"></a></span></p>
+ <div style="clear: both;">&nbsp;</div>
+ <div class="entry" style="color:white;">
+ <p>
+ <b>
+ User has an option to filter the data by sighting type and
+ date/time when clicking on the "show settings" at the top as shown on the picture.
+ </b>
+ <br />
+ <a href="/images/screenshots/ByStatesFilteredByDatetime.png" target="_blank">
+ <img src="/images/screenshots/ByStatesFilteredByDatetime&UFOTypes.png" class="screenshots" />
+ </a>
+ </p>
+ <!-- <p class="links"><a href="#" class="more">Read More</a><a href="#" title="b0x" class="comments">Comments</a></p> -->
+ </div>
+ </div>
+ <div class="post">
+ <h2 class="title"><a href="#">Sightings on map</a></h2>
+ <p class="meta"><span class="date"> </span> <span class="posted"><a href="#"></a></span></p>
+ <div style="clear: both;">&nbsp;</div>
+ <div class="entry" style="color:white;">
+ <p>
+ <b>
+ Image below shows granular data of sightings by place. User can also filter by type of sighting and date/time by shifting cursor on the
+ left side and toggling checkboxes in the middle in the setting panel.
+ </b>
+ <br />
+ <a href="/images/screenshots/SightingsOnMap.png" target="_blank">
+ <img src="/images/screenshots/SightingsOnMap.png" class="screenshots" />
+ </a>
+ </p>
+ <!-- <p class="links"><a href="#" class="more">Read More</a><a href="#" title="b0x" class="comments">Comments</a></p> -->
+ </div>
+ </div>
+ <div class="post">
+ <h2 class="title"><a href="#">Sighting detail view</a></h2>
+ <p class="meta"><span class="date"> </span> <span class="posted"><a href="#"></a></span></p>
+ <div style="clear: both;">&nbsp;</div>
+ <div class="entry" style="color:white;">
+ <p>
+ <b>
+ By hoving over each place, hover box appears with place name and number of sightings. When user clicks on the place,
+ additional screen slides out from the bottom of the window with the list of sightings and detailed information for each of them.
+ The following information is available in detailed sighting view: Sighting time, type of UFO, shape, weather condition, temperature,
+ and full sigthing report by the witness.
+ </b>
+ <br />
+ <a href="/images/screenshots/SightingDetails.png" target="_blank">
+ <img src="/images/screenshots/SightingDetails.png" class="screenshots" />
+ </a>
+ </p>
+ <!-- <p class="links"><a href="#" class="more">Read More</a><a href="#" title="b0x" class="comments">Comments</a></p> -->
+ </div>
+ </div>
+
+ <div class="post">
+ <h2 class="title"><a href="#">Highlighted places near venues</a></h2>
+ <p class="meta"><span class="date"> </span> <span class="posted"><a href="#"></a></span></p>
+ <div style="clear: both;">&nbsp;</div>
+ <div class="entry" style="color:white;">
+ <p>
+ <b>
+ This view shows a zoomed in Detroit area with sightings highlighted that are close to the airports. Threshold for a place to be considered 'Proximal'
+ is 10 km. User can see different venue combinations by clicking checkmarks: 'Show airports', 'Show military bases', 'Show weather stations'.
+ Different places will be highlighted as new venues are selected/deselected.
+ </b>
+ <br />
+ <a href="/images/screenshots/SightingsNearAirport.png" target="_blank">
+ <img src="/images/screenshots/SightingsNearAirport.png" class="screenshots" />
+ </a>
+ </p>
+ <!-- <p class="links"><a href="#" class="more">Read More</a><a href="#" title="b0x" class="comments">Comments</a></p> -->
+ </div>
+ </div>
+ <div class="post">
+ <h2 class="title"><a href="#"># of sightings by year</a></h2>
+ <p class="meta"><span class="date"> </span> <span class="posted"><a href="#"></a></span></p>
+ <div style="clear: both;">&nbsp;</div>
+ <div class="entry" style="color:white;">
+ <p>
+ <b>
+ By clicking "Show graph" at the top of the screen, user will be switched to the graph view. Lists of available graphs will displayed in the right corner.
+ User can customize sighting type that will be included in the graph. The following image shows number of sightings occurred by year with colors
+ mapped to different sighting types.
+ </b>
+ <a href="/images/screenshots/ByYearGraph.png" target="_blank">
+ <img src="/images/screenshots/ByYearGraph.png" class="screenshots" />
+ </a>
+ </p>
+ <!-- <p class="links"><a href="#" class="more">Read More</a><a href="#" title="b0x" class="comments">Comments</a></p> -->
+ </div>
+ </div>
+ <div class="post">
+ <h2 class="title"><a href="#">Distance to the venues vs # of sightings</a></h2>
+ <p class="meta"><span class="date"> </span> <span class="posted"><a href="#"></a></span></p>
+ <div style="clear: both;">&nbsp;</div>
+ <div class="entry" style="color:white;">
+ <p>
+ <b>
+ The following graph shows places grouped by ranges of distances from airports. Similar distance graphs can be selected such as
+ 'Military base distance' and 'weather station distance' by clicking on the right side of the menu.
+ </b>
+ <br />
+ <a href="/images/screenshots/ByAirportDistanceGraph.png" target="_blank">
+ <img src="/images/screenshots/ByAirportDistanceGraph.png" class="screenshots" />
+ </a>
+ </p>
+ <!-- <p class="links"><a href="#" class="more">Read More</a><a href="#" title="b0x" class="comments">Comments</a></p> -->
+ </div>
+ </div>
+ <div class="post">
+ <h2 class="title"><a href="#">Population density vs # of sightings graph</a></h2>
+ <p class="meta"><span class="date"> </span> <span class="posted"><a href="#"></a></span></p>
+ <div style="clear: both;">&nbsp;</div>
+ <div class="entry" style="color:white;">
+ <p>
+ <b>
+ Following graph show correlation between population density and number of sightings and its types. Population densities are group by ranges.
+ </b>
+ <br />
+ </p>
+ <a href="/images/screenshots/DensityPopulationGraph.png" target="_blank">
+ <img src="/images/screenshots/DensityPopulationGraph.png" class="screenshots" />
+ </a>
+ <!-- <p class="links"><a href="#" class="more">Read More</a><a href="#" title="b0x" class="comments">Comments</a></p> -->
+ </div>
+ </div>
+<div class="post">
+ <h2 class="title"><a href="#">Animation of sightings over time</a></h2>
+ <p class="meta"><span class="date"> </span> <span class="posted"><a href="#"></a></span></p>
+ <div style="clear: both;">&nbsp;</div>
+ <div class="entry" style="color:white;">
+ <p>
+ <b>
+ The following screenshot shows occurrence of sightings over time. As time progresses, new sightings appear on the graph
+ with the older one fading away. Play mode can be toggled by clicking on the play/stop button on top of the screen. Rectangle on the right of the
+ play/stop button becomes the progress bar when the movie is playing.
+ </b>
+ <br />
+ </p>
+ <a href="/images/screenshots/PlayMovie.png" target="_blank">
+ <img src="/images/screenshots/PlayMovie.png" class="screenshots" />
+ </a>
+ <!-- <p class="links"><a href="#" class="more">Read More</a><a href="#" title="b0x" class="comments">Comments</a></p> -->
+ </div>
+ </div>
+</div>
+{% endblock %}
View
21 WWW/views/search.html
@@ -0,0 +1,21 @@
+
+{% extends "layout.html" %}
+
+{% block content %}
+ <div id="content">
+{% for sighting in sightings %}
+ <div class="post">
+ <h2 class="title"><a href="#">{{ sighting.summary_description_short }}</a></h2>
+ <p class="meta"><span class="date">{% if sighting.show_date %} {{ sighting.occurred_at|date:"M" }} {% endif %} </span> <span class="posted">Conditions: <a href="#">{{ sighting.weather_conditions }}</a></span></p>
+ <div style="clear: both;">&nbsp;</div>
+ <div class="entry">
+ <p>
+ {{ sighting.full_description }}
+ </p>
+ <!-- <p class="links"><a href="#" class="more">Read More</a><a href="#" title="b0x" class="comments">Comments</a></p> -->
+ </div>
+ </div>
+{% endfor %}
+ <div style="clear: both;">&nbsp;</div>
+</div>
+{% endblock %}
Please sign in to comment.
Something went wrong with that request. Please try again.