Webanwendungen & Systemumgebungen in Berlin

Webanwendungen & Systemumgebungen

Webentwicklungen · Softwareentwicklung · Systemintegration · Webserver

Vorschau, Webanwendungen auf einen Blick

Routenplaner

Spring-Framework, frontend/ backend Anwendungen mit GeoJSON, OSM, Leafletjs

Java · Spring Boot · GraphHopper Intelligente Streckenplanung für deutschlandweite Fahrgemeinschaften.

Projekt ansehen

Excel Analyzer

Streamlit, Open-Source-Python-Framework

Python · Streamlit Analyse und Auswertung von Excel-Daten.

Projekt ansehen

Info-Terminal

Node.js • React, JSON- basierte Datenverarbeitung

React • JavaScript • JSON Digitales Informationssystem für Aussteller.

Projekt ansehen

Tafelwerk

VITE API für C, C#, Python, Java, PHP, JavaScript, React

React · Vite · JSON Digitale Formelsammlung

Projekt ansehen

Belegformular

Spring-Framework

Java · Spring Boot Webbasierte Erfassung von Belegdaten.

Projekt ansehen

Webanwendungen

Content-Management-Systeme (CMS)
Magento, WordPress

HTML · CSS · JavaScript · PHP CMS- Webseiten und individuelle Weblösungen.

Projekt ansehen

Webanwendungen mit Springboot Gradle

Routenplaner mit Leafletjs, OSM, GraphHopper, GeoJSON

Individueller Routenplaner mit Java und Spring Boot

Der Routenplaner verarbeitet Start- und Zielorte, verwendet OpenStreetMap-Geodaten und berechnet Routen mit GraphHopper. Die Webanwendung verbindet ein interaktives Kartenfrontend mit einem Java-Backend.

Technologien: Java, Spring Boot, GraphHopper, OpenStreetMap, GeoJSON und React.

Routenplaner – Java-basierte Routenoptimierung

Entwicklung eines webbasierten Routenplaners zur Optimierung von Fahrgemeinschaften auf Basis von Java, Spring Boot, GraphHopper und OpenStreetMap (OSM).

Die Anwendung verarbeitet strukturierte JSON-Daten zu Mitarbeitern, Wohnorten und Arbeitsorten. Auf dieser Grundlage werden geeignete Fahrgemeinschaften unter Berücksichtigung der FahrzeugkapazitÄt gebildet und optimierte Routen berechnet. Die Routenplanung priorisiert die Fahrzeit und berücksichtigt bei vergleichbaren Ergebnissen die StreckenlÄnge.

Die technische Architektur umfasst eine REST-API zur Verarbeitung von Routing-Anfragen, eine Routing-Engine für die Berechnung der Fahrstrecken sowie eine webbasierte Kartenvisualisierung mit Leaflet. Der Betrieb erfolgt auf einem Debian-Linux-Server mit nginx als Reverse Proxy und systemd zur Verwaltung des Java-Dienstes.

Technische Schwerpunkte: Java, Spring Boot, REST-API, JSON, GraphHopper, OpenStreetMap, Leaflet, Linux-Serveradministration und serverseitige Anwendungsbereitstellung.

Eckdaten zum Routenplaner: Inhalt: VollstÄndige OpenStreetMap-Geodaten für Deutschland (Straßen, GebÄude, Grenzen usw.).; Datenstand: Bis zum 20. Oktober 2026 (um 20:23 Uhr UTC).; Dateigröße: Ca. 4,5 GB.; Kompatible Software: Geeignet für Werkzeuge wie Osmium, Osmosis, imposm, osm2pgsql und mkgmap.; Bezugsquelle: Offiziell herunterzuladen über den Geofabrik Download-Server für Deutschland.; Frontend: JavaScript, React; Backend: Java, Springboot Gradle, Leaflet, GraphHopper, OSM, GeoJSON; Data: data.json für dynamische Datenverarbeitung

Routenplaner Webseite routenplaner.mocline.de besuchen.

Webanwendungen mit Streamlit Python

Webanwendung Aussteller-/ Info- Terminal

Node.js | create react app | jsPDF | JSON

_{Browserbasierte React-Anwendung mit JSON-Datenbasis}

Organisatorische und technologische Hintergründe zum ITA Info-Terminals

Kompetenzen zum Projekt ITA-Terminal: Konzeption und Planung einer Webanwendung.; Entwicklung mit JavaScript und React.; Strukturierung und Verarbeitung größerer Datenbestände.; Gestaltung einer Benutzeroberfläche.; Umsetzung einer realen Anforderung aus dem internationalen Messeumfeld.

Komponente	Technologie	Aufgabe
Frontend	React	Benutzeroberfläche
Entwicklungsumgebung	Node.js / Create React App	Entwicklung und Build
Gestaltung	Tailwind CSS	Responsives Layout
Datenhaltung	JSON	Aussteller- und Produktinformationen
Darstellung	JavaScript	Dynamische Inhalte
Bereitstellung	Webserver/ Cloud Linux Debian	Abruf über eine eigene Domain

JSON-Datenbasis

Aussteller · Unternehmen · Produkte · Beschreibungen · Kontaktdaten

Datensatzbeispiel aus data.json

{ "meta": { "defaultLanguage": "de", "supportedLanguages": [ "de", "en" ] }, "stands": [ { "id": "stand 111 1 111-1 1-111 111-01 01-111", "label": "111-01", "shape": "rect", "x": 12, "y": 11, "width": 20, "height": 25, "company": { "de": "PANGEA SRL", "en": "PANGEA SRL" }, "product": { "de": "PastaHandgemachte Pasta, vegan und bio, glutenfrei", "en": "PastaHandmade pasta, vegan and organic, gluten-free" }, "category": { "de": "PastaPasta & Teigwaren, glutenfreie Produkte, Kosher, vegane Produkte", "en": "Pasta, gluten-free products, Kosher, vegan products" }, "description": { "de": "Wir sind eine handwerkliche Pastafabrik mit Sitz in Castelfranco Veneto in der Provinz Treviso und haben uns ausschließlich auf die Herstellung hochwertiger glutenfreier Pasta spezialisiert. Wir bieten Ihnen umfassende Unterstützung bei der Entwicklung Ihrer Eigenmarke für Ihr Unternehmensprojekt. Wir möchten Sie auf unsere Produkte aufmerksam machen, da wir stolz darauf sind, bei der Herstellung von glutenfreien Nudeln, die in der Regel schwieriger zu produzieren sind, ohne den Einsatz von Konservierungsstoffen, Farbstoffen, Zusatzstoffen, Emulgatoren, Hefen und GVO-freien Zutaten hervorragende Qualitätsergebnisse zu erzielen. www.pastapangea.it, www.magnatera.com", "en": "We are an artisanal pasta factory located in Castelfranco Veneto, in the province of Treviso, and we specialize exclusively in the production of high-quality gluten-free pasta. We offer full private label assistance for your company project. We would like to bring our products to your attention because we pride ourselves on achieving excellent quality results in the production of gluten-free pasta, which is typically more difficult to produce, without the use of preservatives, colorings, additives, emulsifiers, yeasts, and GMO-free ingredients. www.pastapangea.it, www.magnatera.com" }, "photo": "/photos/PANGEA SRL_Pangea_1.svg", "photoPng": "/photos/PANGEA SRL_Pangea_1.png", "companyLegal": "PANGEA SRL", "contact": "Malgorzata Ewa Janczarek", "street": "Via San Francesco", "streetNumber": "21", "postalcode": "31033", "region": "VENETO", "city": "Castelfranco Veneto", "provinz": "TV", "web": "http://www.pastapangea.it", "email": "margherita.sartore@pastapangea.it", "phone": "+39 0495952738" } }

Ein wesentlicher technischer Ansatz ist die Trennung von Daten und Darstellung.
Die Ausstellerinformationen werden strukturiert in JSON-Dateien verwaltet. React übernimmt die Darstellung dieser Informationen in der Benutzeroberfläche.
Das hat einen wichtigen Vorteil: Die Ausstellerdaten müssen nicht für jedes Unternehmen individuell in HTML-Seiten programmiert werden. Stattdessen kann eine einheitliche Darstellung auf unterschiedliche Datensätze angewendet werden.

Eine weitere Anwendung basierend auf das Format JSON- Datenbasis ist der Download eines PDF- Kataloges mit den selektierten Ausstellern für das Suchergebnis. jsPDF

React-Anwendung

Datenverarbeitung · Komponenten · Filterung · Navigation

Benutzeroberfläche

Ausstellerübersicht · Unternehmensprofile · Produktpräsentation · Datensuche · Sprachenauswahl

Ansicht Smartphone der Webseite www.biofach2026.itaterminal.com. Zu sehen ist ein Standplan

Abb. 1

Abb. 2

Abb. 3

Abb. 4

Abb. 5

Abb. 6

s. Abb.

Digitale Informationsplattform

Browser · Mobile · Tablet · PC · gegebenenfalls Messe-Display

Vite

Webanwendungen mit Vite und JSON dynamische Datenverarbeitung

dotnet, java, node, php, python

Webanwendungen mit Springboot Maven

Betriebssysteme Windows und Linux

Windows

Linux/ Debian

Praktische Projekterfahrung

Entwicklung und Betrieb von Webanwendungen auf Linux-Servern:: Nginx / HTTPS; Java | Spring Boot; Python | Node.js; Dienste, APIs und Deployment

Werbung I

Werbung II

Digitale Messe- und Informationssysteme

Entwicklung webbasierter Informationsplattformen für Messeveranstalter, Ausstellerverbände, Außenhandelsagenturen und internationale Gemeinschaftsstände.: Digitale
Unternehmens- und Produktkataloge; Datenbasierte und wiederverwendbare Plattformarchitekturen; Interaktive
Informationssysteme; Individuelle Ausstellerverzeichnisse; Mehrsprachige Messepräsentationen; Optimierung für stationäre Displays und mobile Endgeräte