-
Notifications
You must be signed in to change notification settings - Fork 1
Komponenten
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
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
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
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
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)