WS2015/16 Visualisierung einer Streuobstwiese

+ SS2016 Visualisierung von Wetterdaten

Überblick

Ordnerstruktur

• /www dort befindet sich der HTML/JS/CSS Code des Projekts
• /www/js hier findet man den JavaScript Code
• /www/css Die CSS Dateien um das Aussehen der App/ Website zu verändern
• /www/lib hier sind Libaries wie zum Beispiel JQuery abgelegt
• /www/res/icon hier sind die App-Icons für das Projekt abgelegt
• /www/res/splash die App-Startbildschirm-Bilder

How to get started

1. Einmalig Node.js installieren und npm install im Terminal ausführen
2. npm start im Terminal ausführen Die Seite kann nun mit einem beliebigen Browser unter localhost:8080 aufgerufen werden

Optional

3. Will man seine Änderungen direkt auf dem Iphone/Android oder Windows Gerät sehen folgt man diesem 5 Schritte Tutorial
4. Will man die die App packen, kann man dies lokal machen, dafür werden aber die SDK für die Plattformen benötigt. Oder man geht zu https://build.phonegap.com/ und lädt dort den www-Ordner im zip Format hoch.

Datenbank

Die Firebase Datenbank kann hier gefunden werden https://incandescent-torch-1365.firebaseio.com/

Layout

Das Layout baut auf Bootstrap auf. Die verschiedenen Elemente können hier gefunden werden: https://bootswatch.com/flatly/