Beleg

Lese die JSON-Datei aus und visualisiere deren Inhalte! Die Seite soll zwar ein One-Pager sein, aber dennoch total interaktiv sein. Wichtig in der JSON ist alles ab Process, das davor gilt nur für die Visualisierung.

Was kann diese Seite?

• alle Karten ein/ausklappen
• sortieren nach Projektname, Projektort, Projektmitarbeiter
• suche nach Projektname, Projektort, Projektmitarbeiter, Status
• Inhalte darstellen

Woran wurde sich orientiert?:

• Also Amfang der Seite soll ein Bereich sein, wo man auswählen kann was wie angezeigt werden soll!
• Beispiele können sein:
  1. Nach Name Sortiert
  2. Welcher Initiator ist in welchem Projekt mit drin
  3. Zeitstrahl wann welches Projekt
  4. Nur die Projekte an einem bestimmten Ort
  5. Welche Person/Stakeholder ist daran beteiligt
  6. Suche nach Status ob Offe/Geschlossen
• Jedes Projekt kann zum Beispiel als Karte ausggeben werden. Wichtig ist vielleicht das viele Informationen zu den Projekten angezeigt werden.
• _Suche könnte man implementieren
• Sidebar wo Personen, Initator, Orte,... angezeigt werden
• Schriften ändern
• Suche schöner gestalten
• Wenn auf Ort oder Initiator geklickt wird, dann slide nach links und Infos über ,....
• Verbindungen schöner darstellen
• Lösungen anzeigen?! -> Weiß nicht ob wichtig.

Eigentliche Aufgabe von Prof. Freitag

• interaktive Website als One-Pager

• nutze CSS Bibliothek -> Bootstrap

• nutze ein Framework -> VUE

• nutzte eine selbstgewählte Javascrip-Bibliothek zur Visualisierung

• Filtern der Datensätze

• Anzeige der Datensätze

• Generierung neuer Datensätze

Aufbaue der JSON

http://jsonviewer.stack.hu/ ... Code einfügen anschauen.

Kreise

• Sind momentan eingeklappt.

https://github.com/pguso/jquery-plugin-circliful

Listen

https://stackoverflow.com/questions/979256/sorting-an-array-of-javascript-objects#979289

Copyright

Ben Schönherr (s74083) ; Eric Schmidgen (s73952)