2024 İYT PDR ŞABLONU EN KNutS
2024 İYT PDR ŞABLONU EN KNutS
2024 İYT PDR ŞABLONU EN KNutS
TECHNOLOGY FOR
HUMANITY COMPETITION
PROJECT DETAIL REPORT
TEMPLATE
Application ID: #2201233
Team Education Level: University
Category: Disaster Management
Team Name: CyberChic
Team ID: #507528
2024
1
CONTENTS
CONTENTS....................................................................................................... 2
2
1. PROJECT SUMMARY / PROJECT SUBJECT SCOPE
2. TEAM INTRODUCTION
Role
3
Fatima Tu
Zahra
Umama
Sajjad
3. LITERATURE REVIEW
4
preparedness behaviors compared to traditional methods.
Moreover, Guo et al. (2015) explore the technological advancements that enable
web applications to offer real-time data analytics and personalized emergency
plans. They emphasize the potential of these applications to provide customized
preparedness strategies based on individual user data, thereby increasing the
overall effectiveness of disaster management efforts. This integration of advanced
technologies not only enhances the user experience but also ensures that the
information provided is relevant and actionable.
4. PROBLEM / ISSUE
The lack of disaster preparedness and awareness, coupled with the lack of
accessible resources, underscores the need for BeResilient. By integrating
educational content, interactive features, and real-time data in a user-friendly
platform, BeResilient addresses these critical gaps. Our project aims to enhance
community resilience and ensure that individuals are well-equipped to handle
emergencies, ultimately reducing the risks and impacts of disasters.
5. SOLUTION
5.1. Video Animations: The “Learn” page on our app provides users with quality
video animations that educate them on different types of disasters, how they occur,
and how to prepare for them. This feature allows users to acquire important
general knowledge through an interactive interface, and learn fundamental survival
skills at the same time.
6
5.2. Quizzes: The “Quizzes” page contains multiple interactive and educational
quizzes based on different disasters. They consist of questions related to general
knowledge regarding disasters, as well as actions one should take in case of an
emergency. They are either storybased or fact based, and keep the user engaged
either way due to their captivating nature thus making them very beneficial for
educational purposes.
5.3. Disaster Preparedness Toolkit: The “Toolkit” page offers users a complete
toolkit of materials to prepare for disasters. Firstly, this toolkit consists of a planner
for emergency situations. Users can use the template to make emergency plans
and share them with their loved ones to spread awareness and keep everyone
updated. Secondly, it has a checklist of items that users must pack in a bag and
keep it ready for emergencies. It includes things such as important documents,
food, water, a first-aid kit, etc. Thirdly, it comprises a list of resources and contacts
that can be used in case of emergencies when help is needed. Additionally, the
toolkit includes information and tips on child safety, pet safety, evacuation,
agricultural protection, as well as returning home after evacuation. This toolkit is
extremely beneficial, educational, and helpful and it can easily be used by anyone
such as families, educators, teens, etc.
7
5.4. Disaster Trackers: Disaster trackers enable users to detect disasters such as
storms, wildfires, and volcanic eruptions. This feature is highly beneficial, as it
helps users become aware of any potential disasters in their vicinity and take the
necessary measures to prevent them or prepare for them.
6.1. Method:
8
6.1.1. The Website: The front-end of the professional, responsive, and functional
design of BeResilient is developed using HTML, CSS, and JavaScript. These
technologies ensure that the application is visually appealing and responsive across
different devices. HTML provides the structure, CSS is used for styling, and
JavaScript enables dynamic interactions. This combination allows for a seamless
user experience and a visually engaging interface.
The back-end of BeResilient is developed using Node.js for server-side scripting and
MongoDB for data storage and retrieval. Node.js handles the application's server-
side operations, providing a scalable and efficient environment for processing user
requests and managing data. MongoDB, a NoSQL database, offers flexibility in
storing diverse data types, enabling efficient storage and retrieval of user information
and disaster data.
6.1.2. Animations: Educational animations are created using GSAP, a robust
JavaScript library that simplifies the creation of high-performance animations.
GSAP's versatility allows for smooth and engaging animations that enhance the
learning experience by visually explaining complex disaster scenarios and
preparedness steps.
We referred to the website of WHO (World Health Organization) and Wikipedia to
gather information about disasters, and then created short, educational, and fun
animations that could be watched by people of any age and background to learn all
about disaster preparedness.
6.1.3. Quizzes: Interactive quizzes are built using JavaScript and React.js, a popular
JavaScript framework for building user interfaces. React.js facilitates the creation of
dynamic and responsive quizzes that adjust to user input in real-time. This
interactivity helps reinforce users' knowledge and keeps them engaged.
6.1.4. Toolkit: The toolkit was designed using Canva templates and elements. We
utilized our graphic designing skills to create visually pleasing and easily
understandable worksheets and templates that could be used by anyone to ensure
preparation for disasters
6.1.5. Disaster Trackers: Disaster tracking functionalities are integrated using the
Google Maps API, combined with JavaScript. This integration allows for real-time
mapping of disasters, enabling users to visualize and monitor disaster events
globally. The Google Maps API provides reliable and up-to-date geographical
information, enhancing the app's tracking capabilities.
9
6.2. Applicability:
10
focus on engagement, accessibility, and localization makes it an effective tool for
individuals of all backgrounds, addressing the global need for accessible disaster
preparedness resources while catering to specific regional needs.
7.2.1. Free Access and Freemium Model: BeResilient will initially be offered for free
to build a user base. The core features, such as educational content, disaster
trackers, and emergency locators, will remain free. We plan to introduce premium
features in the future, such as advanced analytics, personalized emergency plans,
and additional educational content, which users can access through a subscription
model.
11
funding opportunities. Sponsored content and videos from reputable organizations
will also be integrated into the platform, offering mutual promotional benefits.
7.2.4. Scaling and Expansion: As BeResilient gains traction, we plan to expand its
features and reach. This includes:
7.2.5. Potential for New Projects and Collaborations: Beyond its core application,
BeResilient’s adaptable framework opens avenues for tailored solutions for
organizations, integration with smart home systems, and research partnerships to
advance disaster preparedness strategies.
12
Miscellaneous Additional $40 One-time $40
Costs minor
expenses
such as office
supplies,
hosting, etc.
The estimated budget for our project is $2,000, which includes all necessary costs for
domain purchase, API services, marketing campaigns, premium plan subscriptions,
and miscellaneous expenses. The budget and time planning ensure the project's
feasibility with minimal cost, and the cost comparison with similar projects highlights
our cost-effective approach.
13
during testing bug reports
phases.
Deployment Deployment October Deploy the Deployment
project to the plan, live
live environment
environment. setup
Monitoring and Deployment October Monitor the Monitoring
Support initial launch logs, support
and provide tickets
support.
The primary users of our project are students aged 7-18, particularly those
enthusiastic about digital learning and possessing a foundational education level.
However, there is no upper age limit, as anyone interested in enhancing their
disaster management skills can benefit from the project's knowledge. The choice of
starting at age 7 is based on digital literacy and awareness of social issues. By
targeting digitally literate students and offering accessibility across multiple devices,
our project addresses a specific and relevant user group within the competition's
scope.
10.1. Strengths
14
6. Community Impact: By providing a centralized resource for disaster
preparedness, BeResilient has the potential to significantly improve
community resilience and reduce the impact of disasters.
10.2. Weaknesses
10.3. Opportunities
10.4. Threats
15
4. Technological Disruptions: Rapid changes in technology and dependencies
on third-party services (like APIs) could disrupt the platform’s functionality and
require continuous updates and adaptations.
5. User Engagement: Ensuring continuous user engagement and preventing
drop-offs after initial use is crucial for the platform’s long-term success.
16