complete project can be found https://github.com/rmerza/SpaceAppChalllenge
<%@ Page Title="SpaceApp - Hidden Water" Language="C#" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="SpaceApp._default"%> | |
<!DOCTYPEhtml> | |
<htmlxmlns="http://www.w3.org/1999/xhtml"> | |
<headrunat="server"> | |
<title></title> | |
<linkhref="site.css"rel="stylesheet" /> | |
<scriptsrc="https://cdn.anychart.com/js/7.13.1/anychart-bundle.min.js"></script> | |
<scriptsrc="Scripts/maps/saudi_arabia.js"></script> | |
<scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.3.15/proj4.js"></script> | |
<linkrel="stylesheet"href="https://cdn.anychart.com/css/7.13.1/anychart-ui.min.css" /> | |
<scripttype="text/javascript"> | |
functionmap(vdata, vtitle) { | |
var dataSet_lat_long =anychart.data.set(vdata); | |
map =anychart.map(); | |
map.padding([20, 0, 10, 0]); | |
map.geoData(anychart.maps['saudi_arabia']); | |
//var series_lat_long = map.marker(dataSet_lat_long); | |
//series_lat_long.tooltip().titleFormat("{%size} cm"); | |
//series_lat_long.tooltip().format("{%long} / {%lat}"); | |
//series_lat_long.labels(false); | |
var series =map.bubble(dataSet_lat_long); | |
series.tooltip().titleFormat("{%size} cm"); | |
series.tooltip().format("{%long} / {%lat}"); | |
series.labels(false); | |
series.selectionMode("none"); | |
series.stroke(false); | |
map.maxBubbleSize(30); | |
map.minBubbleSize(0); | |
map.title().fontSize(18); | |
map.title(vtitle); | |
map.interactivity().zoomOnMouseWheel(true); | |
map.container("container"); | |
map.draw(); | |
}; | |
</script> | |
</head> | |
<body> | |
<formid="form1"runat="server"> | |
<asp:ScriptManagerrunat="server" /> | |
<asp:UpdateProgressID="updProgress"runat="server"> | |
<ProgressTemplate> | |
<divstyle="position: absolute; padding-left: 550px; padding-top: 80px;"> | |
<imgalt="progress"src="loading.gif" /> | |
</div> | |
</ProgressTemplate> | |
</asp:UpdateProgress> | |
<asp:TableID="Table1"runat="server"Width="100%"GridLines="None"CellSpacing="5"Font-Size="1.5em"CssClass="table-bordered"> | |
<asp:TableRow> | |
<asp:TableCellWidth="170px"VerticalAlign="Top"HorizontalAlign="Center"> | |
<table> | |
<tr><td><asp:ImageButtonID="ImageButton1"runat="server"ImageUrl="~/logo_spaceApps.png"CssClass="logo" /></td></tr> | |
<tr><td><asp:ImageID="Image1"runat="server"ImageUrl="~/logo_water-drop.png"Height="100" /></td></tr> | |
<trstyle="height:300px; vertical-align:bottom;"> | |
<td>Year | |
<asp:DropDownListID="DDListYear"runat="server"Font-Size=".8em"ForeColor="DodgerBlue"> | |
<asp:ListItem>2010</asp:ListItem> | |
<asp:ListItem>2011</asp:ListItem> | |
<asp:ListItem>2012</asp:ListItem> | |
<asp:ListItem>2013</asp:ListItem> | |
<asp:ListItem>2014</asp:ListItem> | |
</asp:DropDownList> | |
Month | |
<asp:DropDownListID="DDListMonth"runat="server"Font-Size=".8em"ForeColor="Green"> | |
<asp:ListItem>01</asp:ListItem> | |
<asp:ListItem>02</asp:ListItem> | |
<asp:ListItem>03</asp:ListItem> | |
<asp:ListItem>04</asp:ListItem> | |
<asp:ListItem>05</asp:ListItem> | |
<asp:ListItem>06</asp:ListItem> | |
<asp:ListItem>07</asp:ListItem> | |
<asp:ListItem>08</asp:ListItem> | |
<asp:ListItem>09</asp:ListItem> | |
<asp:ListItem>10</asp:ListItem> | |
<asp:ListItem>11</asp:ListItem> | |
<asp:ListItem>12</asp:ListItem> | |
</asp:DropDownList> | |
</td> | |
</tr> | |
<tr><td><asp:ButtonID="Button1"runat="server"Text="Load Data"OnClick="Render"Font-Size="1em" /></td></tr> | |
</table> | |
</asp:TableCell> | |
<asp:TableCell><divid="container"style="width: 1200px; height: 850px;"/></asp:TableCell> | |
</asp:TableRow> | |
</asp:Table> | |
</form> | |
</body> | |
</html> |
We are checking the excel sheet that we created before the challenge to ensure we are covering everything that was planned.
We have almost finished demonstrating the data through the web and brought up a solution for the dry areas.
Trying to find a solution for the dry areas and in the city to make it more green.
we have finally found a way to do the plots for the land water. We minimize the search area to be for Saudi Arabia as a first phase.
Found some data from GRACE satellite for land water. However, they are huge and the dots are beside each other. Therefore, we are filtering out the data.
Khaled is working on a code to filter out the data while Raid is preparing the data and presentation.
since finding groundwater data is difficult, we are trying to reduce the scope to available countries' data instead of the whole world
still looking for resources :(
Creating the main page for the website
- Setting the goals to be achieved
- Team Page created
SpaceApps is a NASA incubator innovation program.