Skip to content
This repository has been archived by the owner on Oct 7, 2024. It is now read-only.

Komponenten

Knut Perseke edited this page Jul 9, 2018 · 3 revisions

Die Komponenten bilden die einzelnen möglichen Bestandteile (Seiten) des Spaziergangs ab. Jede Komponente hat unterschiedliche Attribute die gesetzt werden können. Halle Komponenten verfügen über die folgenden Attribute:

  • id: eindeutig identifizierbar nummer der Komponente innerhalb das pages Arrays einer Station
  • name: der Name der Station, der im Header angezeigt wird
  • next: id der nächsten Komponente (Seite), enthält eine Seite kein Attribut next, wird es als letzte Seite der Station behandelt.
  • prev: id der vorhergehenden Komponente (Seite), entfällt bei der ersten Komponente einer Station
  • type: die Bezeichnung der Komponente die genutzt wird

Story

Eine Story ist eine einfach Seite mit Beschreibungstext.

{
  "type": "story",
  "id": 7,
  "content": [
    "Die Wheelmap ist eine interaktive Karte ...",
    "<img src='/assets/images/kreuzberg/wheelmap_rating.png' />",
    "Die Wheelmap verschafft damit Menschen... eine Menge zu tun!"
  ],
  "challenges": [
    "Wie rollstuhlgerecht ist die Gegend rund um den Görlitzer Bahnhof Finde es heraus!"
   ],
   "name": "Was ist die Wheelmap?",
   "next": 8
   "prev": 6
}
  • content: Aufzählung der einzelnen Absätze, kann auch html enthalten
  • challenges: optional Wenn das Attribut gesetzt wird erscheint eine zusätzliche Textbox die zum mitmachen auffordert. Dies wird vor allem dazu benutzt, den Teilnehmern kleine Aufgaben beim Benutzen der Anwendungen zu stellen

iFrame

Die iFrame-Komponenten werden genutzt, um die Open Data Projekte in die App einzubetten

{
  "type": "iframe",
  "id": 8,
  "name": "Projekt: Wheelmap",
  "link": "https://wheelmap.org/beta#?lat=52.4992599&lon=13.4278898&zoom=18",
  "prev": 7
}
  • link: Link zur Anwendung die eingebettet werden soll

Choropleth-map

Die Choroplethenkarten ist eine Spexialkomponente für das Datenschuleprojekt jedeschule.de. Die Karte kann aber für andere Daten mit demselben Format adaptiert werden.

{
  "type": "choropleth-map",
  "id": 4,
  "name": "Schulaktivitäten nach Bezirken",
  "datasource": "https://jedeschule.de/assets/data/activities.json",
  "prev": 3
}
  • datasource: Quelle von der die Daten geladen werden

Quiz

Die Quizkompoente zeigt eine Frage mit einer beliebigen Anzahl an Antwortmöglichkeiten. Der Nutzer bekommt nach dem auswählen einer Antwort direktes Feedback ob die Antwort korrekt war und hat im Anschluss die Möglichkeit auch noch eine andere Frage auszuwählen.

{
  "id": 3,
  "type": "quiz",
  "name": "Wer hats gesagt?",
  "question": "Bezahlbarer Wohnraum... an Maßnahmen gerecht werden.",
  "answers": [
    "Barbara Hendricks, SPD",
    "Konstantin von Notz, Bündnis '90 die Grünen",
    "Caren Lay, die Linke"
  ],
  "correct": 0,
  "prev": 2,
  "next": 4
}
  • question: Frage die gestellt wird
  • answers: Auflistunge der möglichen Antworten
  • correct: Index der richtigen Antwort (die erste Antwort hat den Index 0)
Clone this wiki locally