Code Monkey home page Code Monkey logo

gitmthoma / barrieremapper_project Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 63.85 MB

BarriereMapper ist eine dockerbasierte Webanwendung, die darauf abzielt, städtische Barrieren auf einer Karte zu markieren und karten- und listenbasiert anzeigen zu lassen.

Home Page: https://pfaffnground.ddns.net

License: MIT License

Dockerfile 1.23% Python 7.96% JavaScript 46.51% HTML 34.01% CSS 9.73% Pug 0.56%
citizen-science urban-accessibility web-mapping

barrieremapper_project's Introduction

BarriereMapper

BarriereMapper ist eine dockerbasierte Webanwendung, die darauf abzielt, städtische Barrieren auf einer Karte zu markieren und karten- und listenbasiert anzeigen zu lassen. Weitere Informationen zum Kontext der Anwendung finden Sie via BarriereMapper-Website. Um zur Anwendung selbst zu gelangen, folgen Sie diesem Link: BarriereMapper. Zur API, über die eingetragene Barrieren im NGSI-LD-Format abgefragt werden können, gelangen Sie unter: BarriereMapper-API.

Die Anwendung besteht aus drei Hauptkomponenten, die gemäß dem MVC-Muster jeweils in einem eigenen Verzeichnis organisiert sind: barrieremapper_view, barrieremapper_controller und barrieremapper_model.

Struktur

barrieremapper_view: Dieses Verzeichnis enthält die Frontend-Komponenten der Anwendung. Es beinhaltet die Benutzeroberfläche und die Logik zur Interaktion mit dem Benutzer.

barrieremapper_controller: Dieses Verzeichnis enthält die Backend-Logik der Anwendung. Es handhabt die Kommunikation zwischen dem Modell und der Ansicht.

barrieremapper_model: Dieses Verzeichnis enthält die Datenmodelle und die Datenbankinteraktionen der Anwendung.

Docker

Die Anwendung ist dockerisiert und kann daher leicht auf jedem System via Docker installiert und ausgeführt werden. Um die Anwendung zu starten, führen Sie folgende Schritte durch:

  1. Erstellen Sie ein Docker-Netzwerk als Kommunikationslayer für die nachfolgenden Container.

docker network create -d bridge barrieremapper_network

  1. Wählen Sie unter barrieremapper_view in den Dateien forms_script.js, getBarriers-list_script.js und getBarriers-map_script.js die Alternative für das lokale Deployment aus, welche in den entsprechenden Zeilen als Kommentar hinterlegt ist.

  2. Navigieren Sie in die Verzeichnisse, in denen sich die docker-compose.yml-Dateien befinden, und führen Sie über die Kommandozeile den folgenden Befehl aus.

docker-compose up -d

  1. Besuchen Sie die BarriereMapper-Webanwendung über http://localhost:81

Verwendete Frameworks und Dienste

Diese Anwendung nutzt verschiedene Frameworks und Dienste, um die Funktionalität zu implementieren und einen reibungslosen Betrieb sicherzustellen. Hier sind die Komponenten, die in diesem Projekt verwendet werden:

Frameworks:

  1. PureCSS
  • Lizenz: BSD License, © 2013 Yahoo! Inc.
  1. Leaflet
  • Lizenz: BSD 2-Clause License
    © 2010-2024, Volodymyr Agafonkin
    © 2010-2011, CloudMade
    All rights reserved.
  1. FastAPI
  • Lizenz: The MIT License (MIT)
    © 2018 Sebastián Ramírez
  1. Express

Dienste:

  1. Scorpio Context Broker

Bitte beachten Sie die Lizenzbedingungen jedes Frameworks und Dienstes für weitere Informationen zur Verwendung und Distribution.

Lizenz

Diese Software ist unter der MIT-Lizenz lizenziert. Weitere Informationen finden Sie in der LIZENZ-Datei.

barrieremapper_project's People

Contributors

gitmthoma 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.