Camionet – ökologische Lastwagentransporte

Camionet ist ein Projekt, das im Rahmen eines Entrepreneurship-Moduls zu Beginn des Studiums entwickelt wurde. Ziel des Projekts war es, einen Software-Prototypen zu erstellen, der nicht nur ein nützliches Produkt repräsentiert und einen sinnvollen Business Case hat, sondern auch einige der 17 Ziele für nachhaltige Entwicklung der Vereinten Nationen erfüllt. In diesem Beitrag möchten wir uns näher mit der Umsetzung des Projekts mit Bootstrap beschäftigen und erläutern, wie eine effizientere Routenplanung zur Erreichung der UN-Nachhaltigkeitsziele beitragen kann.

Weitere Projektinfos

Viel Spaß mit dem Video 🍿

Dieses Projekt ist entstanden in Zusammenarbeit mit:

Erarbeitet im Rahmen der Vorlesung “Entrepreneurship”, während meines Studiums in AI/ML an der Hochschule Luzern

Camionet und die 17 Ziele für nachhaltige Entwicklung der UN

Die 17 Ziele für nachhaltige Entwicklung der Vereinten Nationen (UN) sind ein universeller Aufruf zur Förderung von Wohlstand und zum Schutz des Planeten. Diese Ziele haben die Agenda für nachhaltige Entwicklung bis 2030 festgelegt und umfassen Themen wie Armutsbekämpfung, Bildung, Klimaschutz und nachhaltige Städte. Bei der Entwicklung von Camionet haben wir uns insbesondere auf die Ziele konzentriert, bei denen das Klima im Fokus steht.

Eine effizientere Routenplanung kann dazu beitragen, den Energieverbrauch und die CO2-Emissionen zu reduzieren, die durch den Transportsektor verursacht werden. Indem wir den Kraftstoffverbrauch und die Fahrzeiten optimieren, unterstützen wir die Reduzierung von Treibhausgasemissionen (Ziel 13: Maßnahmen zum Klimaschutz) und tragen zur Schaffung von nachhaltigen Städten und Gemeinden bei (Ziel 11: Nachhaltige Städte und Gemeinden).

Bootstrap

Bei der Umsetzung des Prototyps haben wir uns für das Frontend-Framework Bootstrap entschieden. Bootstrap ist ein populäres, responsives und mobile-first Framework, das Entwicklern hilft, schnell und einfach ansprechende Webanwendungen zu erstellen. Bootstrap bietet eine Vielzahl von vordefinierten Komponenten und Stilelementen, die es ermöglichen, mit minimalem Aufwand ein professionelles Design zu erreichen.

Umsetzung

Für Camionet haben wir den Content innerhalb des Menüs als iFrame eingebunden. Dies erlaubte uns, verschiedene Inhalte dynamisch und ohne Neuladen der gesamten Seite anzuzeigen. Dabei wurden zahlreiche Standard-Bootstrap-Komponenten verwendet, wie beispielsweise Navigationsleisten, Buttons und Karten.

Bootstrap, ermöglichte es uns, schnell und effizient ein ansprechendes und benutzerfreundliches Design für unseren Prototypen zu erstellen. Durch die Verwendung von vorgefertigten Komponenten und den Einsatz von Responsive Design konnten wir uns auf die Entwicklung der Kernfunktionalitäten konzentrieren und gleichzeitig ein ansprechendes Erscheinungsbild gewährleisten.

Die Anpassungen an CSS, JavaScript und HTML, die wir vorgenommen haben, ermöglichten es uns, das Design und die Funktionen an unsere spezifischen Anforderungen anzupassen und gleichzeitig von der Flexibilität und den Vorteilen von Bootstrap zu profitieren.

Unser Prototyp zielte darauf ab, eine effizientere Routenplanung für den Transport von Gütern zu ermöglichen. Durch die Optimierung von Routen und die Reduzierung von Leerfahrten könnten Unternehmen und Fahrer ihre Emissionen reduzieren, was zu einer Verringerung des Treibhausgasausstoßes und einer Verbesserung der Luftqualität beiträgt.

Reti, who the f*ck is Reti?

Als Webentwickler und begeisterter AI-Student bin ich immer auf der Suche nach neuen Projekten. Ob Websites gestalten, Apps entwickeln oder Algorithmen optimieren, ich bin stets bereit, mich neuen Herausforderungen zu stellen.