Team Updates

A
Adwa saed alhomaidi
h3{
padding: 20px 20px 5px 20px;
font-size: 50px;
font-weight: 800;
font-style:bold;
letter-spacing: 1px;
margin-left:15%;
margin-right:15%;
margin-bottom:8px;
margin-top:8px;
}
h4{
padding: 5px 5px 5px 5px;
font-size: 25px;
font-weight: 800;
font-style:bold;
letter-spacing: 1px;
margin-left:15%;
margin-right:15%;
margin-bottom:8px;
margin-top:8px;
}
view raw .css hosted with ❤ by GitHub
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Storm 360</title>
<link rel="stylesheet" type="text/css" href="style.css">
<style>
body {font-family: "Lato", sans-serif;}
.tablink {
background-color: #555;
color: white;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
font-size: 17px;
width: 20%;
}
.tablink:hover {
background-color: #777;
}
/* Style the tab content */
.tabcontent {
color: white;
display: none;
padding: 50px;
text-align: center;
}
#London {background-color:red;}
#Paris {background-color:green;}
#Tokyo {background-color:blue;}
#Oslo {background-color:orange;}
</style>
<!---------- Popup Style ------------------>
<style>
.hover_bkgr_fricc{
background:rgba(0,0,0,.4);
cursor:pointer;
display:none;
height:100%;
position:fixed;
text-align:center;
top:0;
width:100%;
z-index:10000;
}
.hover_bkgr_fricc .helper{
display:inline-block;
height:100%;
vertical-align:middle;
}
.hover_bkgr_fricc > div {
background-color: #fff;
box-shadow: 10px 10px 60px #555;
display: inline-block;
height: auto;
max-width: 551px;
min-height: 100px;
vertical-align: middle;
width: 60%;
position: relative;
border-radius: 8px;
padding: 15px 5%;
}
.popupCloseButton {
background-color: #fff;
border: 3px solid #999;
border-radius: 50px;
cursor: pointer;
display: inline-block;
font-family: arial;
font-weight: bold;
position: absolute;
top: -20px;
right: -20px;
font-size: 25px;
line-height: 30px;
width: 30px;
height: 30px;
text-align: center;
}
.popupCloseButton:hover {
background-color: #ccc;
}
.icon-bar {
width: 100%;
background-color: #555;
overflow: auto;
}
.icon-bar a {
float: left;
width: 20%;
text-align: center;
padding: 12px 0;
transition: all 0.3s ease;
color: white;
font-size: 36px;
}
.icon-bar a:hover {
background-color: #000;
}
.active {
background-color: #4CAF50 !important;
}
</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
</head>
<body style="background-color:gray">
<header>
<div align="center"><img src="logo.png" alt="Logo" style="width:400px;height:300px;"><h1>MAKING YOU MORE SAFER<h1></img></div>
</div>
</header>
<button class="tablink" onclick="openCity('London', this, 'red','capture.png')" id="defaultOpen">Explore World</button>
<a class="trigger_popup_fricc">
<button class="tablink" onclick="openCity('Paris', this, 'green','capture.png')">How Safe Are You ?</button></a>
<button class="tablink" onclick="openCity('Tokyo', this, 'blue', 'capture.png')">Safe Zones</button>
<button class="tablink" onclick="openCity('Oslo', this, 'orange', 'capture.png')">Shourtest Rout </button>
<button class="tablink" onclick="openCity('newsfeed', this, 'green',)">News Feeds </button>
<div id="London" class="tabcontent">
<h3>STORM-360</h3>
<p>Making You Safe</p>
<img src="heatmap.png" alt="Maps" style="width:1100px;height:600px;" ></div>
</div>
<div id="Paris" class="tabcontent">
<h3>STORM-360</h3>
<p>Are You Safe ?<br> If you find yourself in the Red Circle, Move Away to the safe zone.</p>
<h1 style="color:red;"><a class="trigger_popup_fricc">Click For TIPS</a></h1>
<div align="center" style="margin:5px, padding=5px">
<img src="capture.png" alt="Maps" style="width:1100px;height:600px;" ></div>
</div>
<div id="Tokyo" class="tabcontent">
<h3>STORM-360</h3>
<p>See Safe Place Near You</p>
<img src="a.png" alt="Maps" style="width:1100px;height:600px;" ></div>
</div>
<div id="Oslo" class="tabcontent">
<h3>STORM-360</h3>
<p>Head To Nearest Safe Zone.<br> Follow The Map</p>
<img src="b.png" alt="Maps" style="width:1100px;height:600px;" ></div>
</div>
<div id="newsfeed" class="tabcontent">
<h1>News Feed From World Disasters.</h1>
<h5>Share Happings arround you. let others know whats happning arround you</h5>
</div>
<script>
function openCity(cityName,elmnt,color,image) {
var i, tabcontent, tablinks, image;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablink");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].style.backgroundColor = "";
}
document.getElementById(cityName).style.display = "block";
elmnt.style.backgroundColor = color;
}
// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
</script>
<!---------- hover popou--->
<div class="hover_bkgr_fricc">
<span class="helper"></span>
<div>
<div class="popupCloseButton">X</div>
<h1> You Are Not Safe !<be> Find Safe Zone and Move From Here.<h1>
<h2>Tips</h2>
<p>(1)Get a FIRSTAID Kit With you</p>
<p>(2)Have some Bottle water and Nonperishable Food with you.</p>
<p>(3)Move to the Safe Areas.</p>
<p>(4)Do not drive and find safe place to cover your self.</p>
<p>(5)Stay away from buildings, walls, and power poles.</p>
</div>
</div>
<script>
$(".trigger_popup_fricc").click(function(){
$('.hover_bkgr_fricc').show();
});
$('.hover_bkgr_fricc').click(function(){
$('.hover_bkgr_fricc').hide();
});
$('.popupCloseButton').click(function(){
$('.hover_bkgr_fricc').hide();
});
</script>
</body>
</html>
view raw .html hosted with ❤ by GitHub
sakshamgarg1007@gmail.comSaksham Garg
Storm Heat maps
Storm Heat maps
askari01Farrukh Askari
route to safe locations
route to safe locations
askari01Farrukh Askari
user in danger effected zone
user in danger effected zone
askari01Farrukh Askari
not in safe location
not in safe location
askari01Farrukh Askari

NEW DELHI (AFP) - Heavy monsoon rains that sparked floods and caused buildings to collapse have killed at least 49 people in north India's Uttar Pradesh state since Thursday (July 26), officials said, as the national weather agency issued further storm warnings.

Some of the victims died after they were buried by collapsing buildings, while others were drowned, electrocuted or killed in traffic accidents caused by the rain, disaster management officials said.

With scores of houses damaged, authorities in Uttar Pradesh - home to some 220 million people - were on high alert and called for all buildings at risk to be vacated.

Above article is from this website >> https://www.straitstimes.com/asia/south-asia/rains...

Our notes :

  • 1-49 people are killed in north India cause of a rainstorm.
  • 2-220 million people in north India left their houses because of a high alert.
  • 3-Mah do u see it now
  • 4-Can u guys do anything ? so ik that u all see what I am doing pls
  • 5-Need more data on it
sumayyahSumayyah AlO
your location
your location
askari01Farrukh Askari

The disasters are increasing over the last 27 years with it’s different forms and losses. Rain storms and floods contributed with a high number of disasters all around the world with 290 disaster has occurred. In the 1947- 1973 in these countries Asia , Europe, South America and North America we have got 1255 losses of lives because of rainstorms. In Asia only 1090 death during that time.)1( Floods caused 182,270 dead bodies during that time over these countries Asia , Europe, South America, North America, Australia, Africa, Caribbean and central America. In Asia only 160,617 thousand people died in that time as well. Moreover, in Japan and Malaysia rainstorms affected landslides weathered granite rocks by 10-30 meters.(2)


References:


1-https://hazdoc.colorado.edu/bitstream/handle/10590...


2-http://archives.datapages.com/data/geological-soci...


askari01Farrukh Askari

http://archives.datapages.com/data/geological-soci... This is another one of the researches we had checked ..

sumayyahSumayyah AlO


Disaster Risk Reduction in South East Asia

Disaster Risk Reduction within GRC Disaster Management, GRC has a long history in helping victims of natural disasters, and disaster management is still one of its core capacities.

However, over the past decades GRC has become increasingly engaged in long-term development projects that build local capacity, preparedness and resilience, and reduce vulnerabilities.

This shift towards DRR is part of a wider process in the Red Cross and Red Crescent Movement, with the aim of assisting communities in building their self-help capacities and strengthening the resilience of particularly vulnerable groups such as women, children, elderly people and people with disabilities towards potential disasters.

GRC support to all DRR programs of Sister National Societies follows the priorities of the Hyogo Framework for Action (HFA) 2005-2015 by:

• Identifying, assessing and monitoring disaster risks and enhancing early warning through risk assessments, risk mapping, elaboration and dissemination.

• Using knowledge, innovation and education to build a culture of safety and resilience at all levels both by including DRR in school curricula as well as training DRR at Local Government Unit and community levels.

• Strengthening disaster preparedness for effective response at all levels through volunteerism and participation as well as exercising preparedness through the D

All cross-cutting issues – multi-hazard approach, gender perspective and cultural diversity, community and volunteer participation and capacity building are addressed, therefore working clearly towards the overall goal of ‚substantial reduction of disaster losses, in lives and in the social, economic and environmental assets of communities and countries.‘

In addressing DRR, the GRC tries to combine three fields of action:

The first contains measures to analyse natural hazards and people‘s resilience on site (vulnerability and capacity assessments),

the second comprises activities designed to prevent or reduce adverse effects of future disasters (disaster prevention and mitigation) and

the third is about effectively preparing the people at risk for future disasters and strengthening their capacities to cope (disaster preparedness).

Implementing small-scale mitigation measures is proving most successful and sustainable with a counterpart contribution by Local Government Units or the communities themselves either through financial contributions or material and labour. Disaster preparedness is one of the GRC´s top priorities in DRR.

The geographical focus is mainly on disaster-prone coastal areas, through the establishment of disaster management teams at local level, training teachers and students in DRR, encouraging communities to develop contingency and evacuation plans using a participatory approach and holding regular evacuation drills. These and similar preparations save lives during earthquakes, tsunamis, floods and tropical wind-storms Disaster Action Plan, Philippines, 2011 in coastal countries. Disaster mitigation: cleaning drainage canals, Palawan, Philip.2009 8 Strengthening local capacities to cope with the impact of disasters is a standard endeavour in DRR, aiming to reduce future needs for emergency intervention to a minimum. Therefore GRC has a dual focus on assistance during and after disasters, and in particular assistance before the next disaster. Though activities aimed at DRR play a rather minor role in disaster relief, efforts to improve the linkage between the emergency response, reconstruction and the rehabilitation phase start as early as possible in the emergency phase. This approach known as Linking Relief, Rehabilitation & Development (LRRD) requires that a framework for sustainable development following emergency relief is established from the very beginning of an intervention. DRR can be integrated early to function as a link in the LRRD approach. Sustainable DRR activities are particularly well suited to put the LRRD approach into practice by acting as an effective link between emergency aid, reconstruction and subsequent development. The GRC provides DRR assistance all across the globe, with DRR and its elements accounting for a major part of the inputs into the disaster management spiral. GRC launched the first Community Based DRR projects together with its partners in South Asia (India, Pakistan and Bangladesh) in the early 1990‘s. In the wake of the Indian Ocean Tsunami of 2004, it started similar programmes in South-East Asia. DRR context in South East Asia and the climate change challenge The DRR support for South-East Asia started first in Indonesia in 2007, where five DRR projects have now been concluded and another five are currently being implemented. In the Philippines, GRC has assisted the Philippine Red Cross with the implementation of five DRR projects since 2007 and participated very closely in the DRR standardisation process throughout all programmes of Philippine Red Cross. Since 2010, GRC transferred lessons learned from Indonesia and the Philippines and adapted them to the Vietnamese context, supporting Vietnam Red Cross in implementing DRR projects. The major challenges currently facing DRR are the effects of climate change combined with demographic growth, urban development, often unplanned in less developed countries and the resulting reliance on vulnerable means of livelihood. The overall regional impact of climate change in Asia is likely to include:

• Increased flooding, and rock avalanches from destabilised slopes due to Himalayan glacier melts, affecting water resources within the next two to three decades. This will be followed by decreased river flows as the glaciers recede.

• Coastal areas, especially heavily-populated mega delta regions in South, East and South-East Asia, will be at greatest risk due to increased flooding from the sea

• Epidemic morbidity and mortality due to diarrhoeal disease primarily associated with floods and droughts are expected to rise in East, South and South-East Asia due to projected changes in the hydrological cycle associated with global warming. Indonesia, Philippines and Vietnam are highly vulnerable to the impacts of climate change.


askari01Farrukh Askari

The 20th of October we distributed work. Everything is in progress till the 21th of October ..

sumayyahSumayyah AlO

October the19th we all met and gathered , with some sharing of insights .

sumayyahSumayyah AlO
sumayyahSumayyah AlO
Exciting to do more professional design . Yes here we are
Exciting to do more professional design . Yes here we are
A
Adwa saed alhomaidi
STORM-360
MAKING YOU SAFE

This application basically helps you to save your self from disaster situation, application works in the following way-

when the user opens the application

1.) He will see the map on the home screen with his own location(Location will be automatically turned on). He will be shown heat map Which will be live from NASA satellite and will be telling about the places which are suffering disaster.

2.) A user can see in the map where the storms and disasters situation is more likely to happen.(Represented with Heat Map).

3). whenever a user enters or is found within the range of such places he will get the alert notification that you are in danger zone and also will be getting some tips to get to safe zones and Needs.
Also alert message with his location will be sent to his family member, so that they can know about him/her.

4) Then user will be shown some near safe zones and will be shown the shortest way to get out of that place and will get some suggestions regarding safety.

Future Plans-
We will be adding some more features to this application like -

1.) user can share the pictures in feed

2.) Emergency Numbers (Ambulance, Fire fighters, etc)

3.)User can get news from different source regarding disasters and storm.
4.)And will integrate AI to help user to be more safer in such situation.



sakshamgarg1007@gmail.comSaksham Garg
STORM 360 || A alert can save you from big disaster.
STORM 360 || A alert can save you from big disaster.
sakshamgarg1007@gmail.comSaksham Garg
Codes by our proffintionals !!
Codes by our proffintionals !!
sumayyahSumayyah AlO
Codes 🎲
Codes 🎲
sumayyahSumayyah AlO
Almost Done !!
Almost Done !!
sumayyahSumayyah AlO
Sneak Peek
Sneak Peek
sumayyahSumayyah AlO

We have everything to win this

sumayyahSumayyah AlO
NASA Logo

SpaceApps is a NASA incubator innovation program.