Wählt <i class="fa fa-tv"></i> **Slide Mode** (2) oben rechts im <i class="fa fa-share-alt fa-18"></i> Menü und klickt "**Preview**" um die Präsentation zu starten. [Projektnotizen](/AAjHMUoTTXau9Ys3CTvw0g) --- ## Zwischenstand 22. Juni 2020 --- ### Front-End (1) - REST-API und Data Storage funktioniert nicht mit React.js -  --- ### Front-End (2) - Eigenschaften der Components - Rendervorgang bei Datenupdate - Responsive Design - Daten sind Beispieldaten - Formatierung der Daten - Achsenbeschriftungen - Grafiken (Lizenzfrei) - Achsenskalierung muss noch optimiert werden (Stauchung der Grafik) --- ### Front-End (3) - Ansicht eines Components im Front-End -  --- ### Back-End - Atlas MongoDB fürs Development, später eigene DB-Instanz - REST-API kann jetzt: - GET: Einzelner Eintrag in die Atlas Datenbank auslesen - POST: Einzelnes Datum eintragen --- ### Zeitplan ```mermaid gantt title Zeitplan dateFormat YYYY-MM-DD section Szenario Vor Hardware/Beispieldaten : done, 2020-05-01, 2020-05-16 Frameworks testen : done, 2020-05-17, 2020-06-08 API : active, 2020-06-09, 2020-06-25 DB : active, 2020-06-09, 2020-06-25 React : active, 2020-06-09, 2020-06-25 Back-End-Deploy : 2020-06-25, 2020-07-07 Hardware : active, h1, 2020-06-09, 2020-07-07 Vis : v1, 2020-06-26, 2020-07-07 Dokumentation : d1, 2020-07-08, 2020-07-12 Projektabgabe : crit, 2020-09-01, 1d section Termine Prufungsphase: 2020-07-20, 2020-08-28 ``` Meilensteine: - Hardware Testen und Beispieldaten generieren - Geeignete Frameworks für Front-End & Back-End auswählen - Back-End ist auf Server implementiert und frägt mit API Daten aus TTN ab - Front-End auf Server integriert mit Anbindung an Datenbank/Datenbestand - Datenbank ist auf Server integriert und Collections + Benutzer definiert - Front-End Visualisierung (Daten werden überschaubar angezeigt) - Hardwarekonfiguration (Hardwaremodul ist gelötet + angeschlossen) - Dokumentation - Bei späterer Abgabe: +Grafana