Mit einem grossen Interesse an den Bereichen Informatik und Chemie haben wir unser bislang grösstes Projekt im Bereich Chemie in Form einer Website realisiert. Fortlaufend haben wir weitere Ideen, die immer komplizierter und schwieriger zu realisieren werden. Dadurch treffen wir immer wieder auf neue Herausforderungen. Durch die grosse Motivation des Teams werden diese Hürden immer gemeistert. Unser Team besteht aus Janis Wiederkehr (Programmierer) und Nils Eichmüller (Data Manager). Wir verbessern unser Methoden und Produkte laufend, um ein optimales Erlebnis zu ermöglichen.
Unser Periodensystem unterscheidet sich in vielen Bereichen zu anderen Alternativen. Unser Quellcode ist öffentlich einsehbar: Github. Ausserdem speichert die Webseite keinerlei Daten über den Benutzer. Es werden weder Cookies gesammelt, noch kann sicher der Benutzer anmelden, damit Daten gesammelt werden können. Einzig und allein wird die Einstellung des Darkmodes gespeichert. Und dies auch nur auf einer temporären Datei in dem Browserspeicherort Ihres Rechners. So können wir auch nicht einsehen, ob der Darkmode bei Benutzern ein- oder ausgeschalten wurde.
An diesem Tag hatten wir die wunderbare Idee für unser Projekt: ein Periodensystem.
Einige Tage später setzten wir uns hin und fingen an mit einer einfachen Form des Periodensystems (10 Elemente) einen ersten Prototypen zu erstellen.
Nun brauchten wir etliche Daten für jedes Element. Wir suchten in verschiedenen Quellen und kopierten die Daten zusammen.
Um mit den Daten später in die Webseite zu implementieren, brauchten wir eine Datenbank.
Da unsere Webseite nun schon eine gute Form angenommen hatte, designten wir unsere heutiges Logo.
Nachdem wir alle Daten in die WebApp übertragt haben, programmierten wir den ersten Teil in JavaScript, sodass man die Elemente anklicken kann.
Da eine einzige Seite uns sehr wenig erschien, entschieden wir uns dazu eine weitere Seite zu erstellen: Über uns.
Weil wir noch weitere Features hinzufügen mochten, hatten wir die Idee eines Darkmodes.
Bis jetzt erschienen die Kästchen mit mehr Informationen für die Elemente immer sofort. Damit es einen weicheren Übergang gibt, fügten wir eine kleine Animation hinzu.
Da wir zusätzlich zu den Icons von Font Awesome noch eigene Icons brauchten, erstellten wir unsere eigene Iconschriftart mit Icomoon.
Anstatt die Navigationsleiste oben zu machen, platzierten wir sie nach unten. Sie beinhaltet nicht nur Links sondern auch Dropdown Menus.
Damit die Webseite nicht nur auf dem PC gut aussieht, mussten wir sie noch für Mobilgeräte optimieren.
Neben der Periodensystem- und der Über uns-Seite wollten wir eine Downloadsseite erstelle, um verschiedenste Dateien und Bilder anzubieten.
Da wir von unseren Quellen nur Tabellen gefunden haben, welche wir kopieren mussten, haben auch wir eine HTML Tabelle erstellt.
Nach einigen kleinen Verbesserungen wurde die WebApp endlich fertiggestellt.