Dies ist der Beitrag von Matthias Leopold zur Code Competition Mai 2018, veranstaltet von IT-Talents.de (Link zur Competition).
Die Applikation wurde in Javascript mit dem p5.js Framework erstellt. Dementsprechend ist das System Setup relativ komfortabel.
Wenn sie die Applikation lokal laufen lassen wollen, können sie einen beliebigen Webserver ihrer Wahl in dem Wurzelverzeichnis dieses Projektes starten. Für Entwicklungszwecke habe ich dafür den in die IDE Atom integrierten live-server genutzt. Ein kurzes Beispiel, wie atom-live-server verwendet werden kann, ist hier zu finden.
Alternativ habe ich die Applikation über Heroku gehostet, sie ist unter folgender Adresse erreichbar:
Auf der Wurzel Ebene befinden sich die Dateien index.html und index.php, beide besitzen identischen Inhalt. Die Datei index.php dient ausschließlich dem Zweck, dass Heroku das Projekt als Web Applikation erkennt und deployed.
Im Ordner code befindet sich meine "Hauptklasse": sketch.js, die cell Klasse: cell.js und das Stylesheet: style.css.
Der Ordner pictures beinhaltet alle verwendeten Bilder. Dabei wurden nur Bilder verwendet, welche als "frei zu Nutzen oder weiterzugeben" markiert sind.
Durch den Einsatz des CSS Frameworks Bootstrap, ist die Applikation zu einem gewissen Grad responsive und dementsprechend auch auf mobilen Geräten nutzbar.