Code Monkey home page Code Monkey logo

w-kontakcie's Introduction

W kontakcie

Prototyp jest demonstracją podstawowej funkcjonalności aplikacji w-kontakcie, która ma na celu poprawienie świadomości ekologicznej obywateli Wrocławia, poprzez poprawienie jakości relacji rodzic-dziecko i obustronne wzmacnianie wiedzy ekologicznej. Odbywa się ona dzięki aplikacji, która pozwala na obserwację i analizę sposobu poruszania się dziecka z i do szkoły, wraz z nagradzaniem go za wybory ekologiczne, poprzez system gratyfikacji. Dodatkową motywację stanowi możliwość porównywania swoich wyników z innymi dziećmi/rodzicami.

Trzonem aplikacji jest komunikator oparty na WebSocket. Kiedy mowa o komunikatorze, nie chodzi o chat w sensie dosłownym, a sposób wymiany informacji między dwoma użytkownikami - dzieckiem i rodzicem. Dziecko i rodzic otrzymują powiadomienia o aktywności drugiego. Np. system, na podstawie lokalizacji dziecka, przesyła do rodzica informację: "Syn dotarł do szkoły o 8:20", a do syna: "Gratulacje! Właśnie otrzymałeś od taty odznakę Eko-zbieracza". Innymi słowy: dziecko komunikuje swojemu rodzicowi za pomocą swojego zachowania - nie musi nic pisać, żeby rodzic otrzymał od dziecka wiadomość, że jest 1km od szkoły, lub też że wybrał ekologiczny środek transportu.

Tak wygenerowane informacje mogą stanowić twardą bazę analityczną dla miasta Wrocław.

Aplikacja w obecnym kształcie skupia się przede wszystkim na rozwoju back-endu, front-end jest webowy i pozwala na zasymulowanie znalezienia się dziecka w różnych miejscach, a zatem - różnych scenariuszy komunikatów i nagród.

Docelowo, aplikacja mobilna będzie napisana w React Native.

Tworzone API, które będzie udostępniać dane na temat istniejących we Wrocławiu placówek i wypadków w ich okolicach, posłużą do ulepszenia rekomendacji dotyczących środku transportu.

Aktualna funkcjonalność:

Aplikacja jest komunikatorem działającym w przeglądarce. W celu symulowania komunikacji rodzic-dziecko należy odpalić aplikację w dwóch osobnych oknach. W folderze server znajduje się napoczęta logika dla pobierania danych pogodowych, lokalizacyjnych, dotyczących zanieczyszczenia powietrza oraz dostępnych w okolicy ekologicznych środków transportu. W folderze client znajduje się widok aplikacji.

W celu uruchomienia aplikacji należy zainstalować wymagane pakiety (npm install), a następnie uruchomić aplikację (npm start) i wejść pod adres http://localhost:3000/ w dwóch osobnych oknach przeglądarki. Przyciski 'location', 'home location', 'school location' , 'nearest bike', 'weather' oraz 'air pollution' symulują mechanizmy, które będą działały w sposób automatyczny w aplikacji docelowej, tj. na podstawie danych pobranych dla tych parametrów następuje przekazanie informacji do rodzica o aktywności dziecka oraz rekomendacjach związanych z wyborem środka transportu.

W folderze api znajduje się kod źródłowy dla api danych z Miasta.

Docelowa funkcjonalność:

Makiety przedstawiające aplikację w docelowej formie, znajdują się na dole dokumentu. Architekturę systemu prezentują zdjęcia znajdujące się na dole dokumentu.

  1. Synchronizacja

    • Aplikacja wymaga zarejestrowania się zarówno rodzica, jak i dziecka
    • Dziecko paruje się z rodzicem poprzez zeskanowanie kodu QR (na kształt integracji telefonu z komputer w WhatsApp)
    • Aplikacja wymaga włączonej lokalizacji i internetu po stronie dziecka, w czasie gdy przechodzi z/do szkoły
  2. Background - aplikacja sprawdza, czy dziecko dotarło do szkoły.

    • Aplikacja automatycznie sprawdza lokalizację dziecka w ustalonych godzinach, np. od 8:00 do 8:45
    • Jeśli dziecko dotrze na wskazane w aplikacje miejsce (z początku dwie podstawowe: dom i szkoła), do rodzica zostaje przesłany komunikat.
    • Jeśli dziecko nie dotrze na czas, rodzic otrzyma komunikat, a dziecko - punkty ujemne/zapytanie
  3. Integracje:

  4. Output

    • Kalkulator, ile zanieczyszczeń udało się uniknąć
    • Poziomy/odznaczenia za działalność zgodną z rekomendacjami ekologicznymi
    • Sprawdzenie, czy przy wybranej szkole zdażają się wypadki. Jeśli tak, to jak często i czy szczególnie w analogicznym okresie https://www.wroclaw.pl/portal/szkolna-ulica
  5. W przyszłości:

    • Automatyczne komunikaty, gdy dziecko np. przejdzie pierwszy 1km trasy (z 3km)
    • Komunikat o wybranym środku transportu (na podstawie prędkości poruszania się)
    • Rekomendacja (publiczny środek transportu/hulajnoga/rower/piechota) na podstawie:
      • jakości powietrza
      • korków
      • poziomu hałasu

Architektura autorstwa Barbary Wędrychowicz ARCH PU

Wizualizacje autorstwa Barbary Russa img.png img_1.png img_2.png img_3.png img_4.png img_5.png img_6.png

w-kontakcie's People

Contributors

hubertkolcz avatar wedrychowiczbarbara avatar

Stargazers

 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.