Coder Social home page Coder Social logo

dangerzone's Introduction

DangerZone

Aplikacja stworzona na Hack Heroes 2019

DangerZone to mapa zagrożeń uaktualniana online w czasie rzeczywistym. Zasada jej działania jest bardzo prosta. Aplikacja pobiera z bazy danych dane o zagrożeniach w pięciu kategoriach (epidemie, katastrofy naturalne, zmasowane ataki terrorystyczne, działania zbrojne, zanieczyszczenia środowiska) i wyświetla je na mapie. W celach prezentacyjnych dane są wygenerowane losowo, jednak docelowo baza będzie wypełniana danymi pochodzącymi od użytkowników. Aby zgłosić zagrożenie, należy rozwinąć menu, gdzie należy uzupełnić krótki formularz zgłoszeniowy. Użytkownik ma możliwość wybrania kategorii do jakiej należy zagrożenie i zgłoszenia go. Nowe zagrożenie zostaje dodane do bazy danych i wyświetlone przy następnym odświeżeniu strony.

Aplikacja może okazać się przydatna na wielu polach:

  • Łatwiejsze utrzymanie kwarantanny.
  • Łatwiejsze wysyłanie pomocy adekwatnej do rodzaju zagrożenia.
  • Łatwiejsze zarządzanie zasobami różnych organizacji.

Aplikacja została stworzona w języku angielskim, jako najpowszechniej używanym na świecie.

Nasza aplikacja nie powstałaby bez kilku bibliotek, które nie są naszą własnością - nie stworzyliśmy ich i nie rościmy sobie do nich żadnych praw:

JS:

  • Leaflet
  • Mappa.js
  • p5

Python(Flask):

  • WTForms
  • SQLAlchemy
  • SQLite3

Aplikacja wykorzystuje najnowsze standardy webowe (HTML5: element canvas, geolokalizacja (aktualnie nie działa), itp., CSS3: przejścia, model Flexbox, itp., JavaScript) - frontend, oraz Pythona i micro-framework Flask – backend. Staraliśmy się uwzględnić responsywność strony - aby równie dobrze prezentowała się na urządzeniach mobilnych (na których najprawdopodobniej przede wszystkim będzie używana) i w przeglądarkach desktopowych.

Niektórych pomysłów nie zdążyliśmy zrealizować w czasie przeznaczonym na hackaton, niemniej zamierzamy dodać je w późniejszym czasie, aby usprawnić pracę aplikacji. Są to m.in.:

  • Pełna responsywność strony
  • Legenda mapy - niezbędna, aby szybko orientować się z jakimi zagrożeniami mamy do czynienia na danym obszarze.
  • Wyświetlanie lokalizacji użytkownika.
  • Interakcja z mapą - np. Po kliknięciu na daną kropkę wyświetli się dymek z dokładniejszym opisem doświadczenia.
  • Poprawa stylowania, designu - wygląd aplikacji i wygoda korzystania z niej są również bardzo ważne.
  • Algorytmy zabezpieczające przed fałszywymi zgłoszeniami, itd. - rozważaliśmy kilka możliwości, m.in.: możliwość dodawania zagrożeń tylko przez lekarzy i oficjalne organizacje ("zwykli" ludzie mogli by jedynie wyświetlać zagrożenia), wykorzystanie dobrodziejstw algorytmów uczenia maszynowego, stworzenie takiego, który nauczyłby się rozpoznawać prawdziwe zagrożenia (np. po ilości zgłoszeń z danego obszaru), a nawet przewidywałby kolejne zagrożenia.
  • Wykorzystanie Ajaxa do sprawnej komunikacji z backendem (np. możliwość ładowania treści bez ponownego odświeżania strony).
  • Usystematyzowanie kategorii oraz dodanie nowych według potrzeby.
  • Dodanie innych wersji językowych (na początku polskiej i francuskiej).
  • Dodanie możliwości przeglądania mapy offline – przydatne w przypadku krótkotrwałych przerw w dostawie internetu.

Mamy nadzieję, że nasz projekt uratuje życie wielu osobom i usprawni działanie niejednej organizacji niosącej pomoc ludziom potrzebującym.

Jerzy Kaczorowski i Jakub Kornacki, uczniowie 1 Liceum Ogólnokształcącego im. Mikołaja Kopernika w Łodzi

dangerzone's People

Contributors

3dhedgehog avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.