DIPAS stories: Unterschied zwischen den Versionen

Aus DIPAS
Zeile 87: Zeile 87:
 
=== Button: Zur Story ===
 
=== Button: Zur Story ===
 
Durch ein Klick auf den roten Button "Zur Story" öffnet sich diese und beginnt mit dem Titelbild (link) und dann mit dem ersten Schritt.  
 
Durch ein Klick auf den roten Button "Zur Story" öffnet sich diese und beginnt mit dem Titelbild (link) und dann mit dem ersten Schritt.  
 +
== Wie sind stories an mein DIPAS Verfahren angebunden? ==
 +
=== Sind stories ohne zugehöriges Verfahren möglich? ===
 +
Nein. Eine Story oder mehrere stories immer an ein Verfahren angebunden.
 +
 +
DIPAS stories basiert auf dem von der HCU entwickelten Data Narrator. Dieser steht open source zur Verfügung. DIPAS stories gehört zur DIPAS Produktfamilie und wurde auf die speziellen Bedarfe der Bürgerbeteiligung und die Arbeit von unterschiedlichen Nutzergruppen mit Geodaten weiterentwickelt.
 +
 +
Es ist Bestandteil des DIPAS cores und wird seitens des Herstellers gepflegt und geupdatet.
 +
 +
Es ist natürlich möglich ein "Sammelbecken-Verfahren" anzulegen und dort herrenlose DIPAS stories zu bündeln. Es sollte nur bedacht werden, dass in der Übersicht aller stories (link) bei Klick auf den Home-Button (link) innerhalb einer story dann auch all diese stories sichtbar und lesbar werden.
 +
 +
=== Einbettung im DIPAS Verfahren ===
 +
DIPAS stories werden im Backend vom story cretor (link) angelegt. Angelegte Inhalte können dann vom Projektadmin oder dem Techadmin auf einer DIPAS Seite eingebunden werden (link).
 +
 +
=== eigene URL ===
 +
Ist die story im Verfahren eingebettet, kann jeder Nutzer sie über die allgemeine Verfahrens-URL auf seinem Endgerät sehen. Zu beachten ist, dass die Ansicht für die Darstellung auf mobil zum aktuellen Entwicklungszeitpunkt noch nicht optimiert ist.
 +
 +
Jede story hat aber auch eine eigene URL. Diese findet sich im Backend über der Story-Vorschau. Über den Link öffnet sich die story unabhängig vom Verfahren im Vollbildmodus. Zu sehen ist die für '''Desktop optimierte Version''' der Karte. Soll die für den '''Touchtable optimierte Version''' der Karte aufgerufen werden, muss an die URL nur folgende angehängt werden: '''''&uiStyle=table'''''
 
== Besonderheiten für die Nutzung von stories auf dem Touchtable ==
 
== Besonderheiten für die Nutzung von stories auf dem Touchtable ==
Die Komplexität sollte niedrig gehalten werden, um die Nutzer*innenfreundlichkeit und Selbstverständlichkeit zu erhöhen.
+
Auf Veranstaltungen sollte die story für die Ansicht auf dem Touchtable immer über die eigene URL (link) aufgerufen werden. Dann ist die Navigation der Karte an die Bedienungsmöglichkeiten des Touchtables angepasst. Der Unterschied in der Ansicht vor allem der Karte wird hier deutlich:
  
Die Navigationsleiste in der Karte ist für die Moderation am Touchtable sehr hilfreich und sollte voreingestellt sein.
+
DIPAS story - Geschichten mit Karten erzählen (Aufruf über eigene URL in Desktopversion)
  
Veranstaltungen – nicht das optimale Setting zumindest als Station am Touchtisch
+
DIPAS story - Geschichten mit Karten erzählen (Aufruf über eigene URL in Touchtableversion)
 +
 
 +
 
 +
Wie viel Betreuung der Touchtable benötigt und worauf geachtet werden muss wird noch erprobt.
  
 
== Besonderheiten für die Nutzung von stories auf eigenen Endgeräten ==
 
== Besonderheiten für die Nutzung von stories auf eigenen Endgeräten ==
Die Ansicht von DIPAS stories ist noch nicht für die mobile Nutzung optimiert. Die story wird zwar angezeigt, funktioniert und ist bedienbar, ist aber nicht responsiv an das Smartphone-Format angepasst.  
+
Auf '''PC und Tablet''' wird die story aktuell '''gut''' angezeigt.
 +
 
 +
Die Ansicht von DIPAS stories ist '''noch nicht für die mobile Nutzung optimiert'''. Wenn die story im Verfahren eingebettet (link) ist, wird sie zwar angezeigt, funktioniert und ist bedienbar, ist aber nicht responsiv an das Smartphone-Format angepasst. Wenn die story direkt über die eigene URL (link) aufgerufen wird, ist die Ansicht für das Smartphone nicht geeignet 
  
 
== Use Cases ==
 
== Use Cases ==
Zeile 105: Zeile 127:
 
* Inhalte interaktiver als in einer PowerPoint Präsentation intern und extern zu präsentieren und dabei die Interaktion mit den Geodaten zu nutzen (z.B. bei Stakeholdertreffen, auf Veranstaltungen mit der Öffentlichkeit oder Politik).
 
* Inhalte interaktiver als in einer PowerPoint Präsentation intern und extern zu präsentieren und dabei die Interaktion mit den Geodaten zu nutzen (z.B. bei Stakeholdertreffen, auf Veranstaltungen mit der Öffentlichkeit oder Politik).
 
* Inhalte an einer betreuten Station für interessierte Menschen zu vermitteln, z.B. in Form eines Workshops auf einer Veranstaltung (z.B. in einem Stadtteilbüro, bei einer Ausstellung, auf Veranstaltungen).
 
* Inhalte an einer betreuten Station für interessierte Menschen zu vermitteln, z.B. in Form eines Workshops auf einer Veranstaltung (z.B. in einem Stadtteilbüro, bei einer Ausstellung, auf Veranstaltungen).
 
+
<table cellspacing="0" cellpadding="0" border="0" style="box-sizing:border-box; border:1px #d33 solid; background: transparent; margin-top:0.5em;padding:0.5em;background-color: #FAFAFA"><tr><td>[[Datei:Didaktik.png|alternativtext=|50x50px|verweis=https://wiki.dipas.org/index.php/Datei:Didaktik.png]] '''Didaktik:''' Die story soll Inhalte vereinfachen und nicht noch komplexer machen. Hier ist "'''kurz halten'''" und "'''leichte Sprache'''" angesagt! Eine Empfehlung sind zwei bis drei Sätze pro story-Schritt.</td></tr></table>
 
== Beispiele für stories ==
 
== Beispiele für stories ==
 
So kann eine story z.B. aussehen:
 
So kann eine story z.B. aussehen:
  
* [https://demo.beteiligung.hamburg/#/custompage Geschichten mit Karten erzählen] (story in Verfahren eingebunden (link)): Eine Tour durch die Darstellungsmöglichkeiten von Geodaten sowohl in 2D als auch in 3D im DIPAS Hamburg.
+
*[https://demo.beteiligung.hamburg/#/custompage DIPAS story - Geschichten mit Karten erzählen] (story in Verfahren eingebunden (link)): Eine Tour durch die Darstellungsmöglichkeiten von Geodaten sowohl in 2D als auch in 3D im DIPAS Hamburg.
* [https://more.beteiligung.hamburg/#/custompage Metropol Modellregion Mobilität] (story in Verfahren eingebunden (link)): Hier wird über Projekte informiert, die Rahmen dieser Modellregion in Hamburg stattfinden.
+
*[https://more.beteiligung.hamburg/#/custompage DIPAS story - Metropol Modellregion Mobilität] (story in Verfahren eingebunden (link)): Hier wird über Projekte informiert, die Rahmen dieser Modellregion in Hamburg stattfinden.
* [https://jiz-lieblingsorte.beteiligung.hamburg/drupal/de/masterportal/jiz-lieblingsorte.dipas_story_telling/fullscreen?story=https%3A//jiz-lieblingsorte.beteiligung.hamburg/drupal/de/dipas/stories/15090 Lieblingsorte Jugendlicher] (aufgerufen über die eigene story-URL (link)): Das Projekt ist im Rahmen der Stadtwerkstatt Haus der Digitalen Welt in Zusammenarbeit mit dem Jugendinformationszentrum entstanden. Es soll eine crowd-basierte Übersichtskarte mit Orten entstehen, an denen sich Jugendliche in Hamburg aufhalten (link). In der Stadtwerkstatt konnte die story am Touchtable angesehen werden und interaktiv Beiträge hinterlassen werden.
+
*[https://jiz-lieblingsorte.beteiligung.hamburg/drupal/de/masterportal/jiz-lieblingsorte.dipas_story_telling/fullscreen?story=https%3A//jiz-lieblingsorte.beteiligung.hamburg/drupal/de/dipas/stories/15090 DIPAS story - Lieblingsorte Jugendlicher] (aufgerufen über die eigene story-URL (link)): Das Projekt ist im Rahmen der Stadtwerkstatt Haus der Digitalen Welt in Zusammenarbeit mit dem Jugendinformationszentrum entstanden. Es soll eine crowd-basierte Übersichtskarte mit Orten entstehen, an denen sich Jugendliche in Hamburg aufhalten (link). In der Stadtwerkstatt konnte die story am Touchtable angesehen werden und interaktiv Beiträge hinterlassen werden.
  
 
== Story und Beteiligung ==
 
== Story und Beteiligung ==
Zeile 123: Zeile 145:
 
=== Beiträge in der story sehen ===
 
=== Beiträge in der story sehen ===
 
Der '''Beitragslayer''' kann in die story im entsprechenden Schritt eingebaut hinzugefügt werden. Damit werden die Beiträge in der story sichtbar. Dabei sollte darauf geachtet werden, dass der Layer nicht einmalig im Backend als individueller Layer eingefügt ist, sondern über das genutzte Geoportal eingebunden wird. So werden die Beiträge zum jeweils aktuellen Zeitpunkt auch komplett angezeigt.  
 
Der '''Beitragslayer''' kann in die story im entsprechenden Schritt eingebaut hinzugefügt werden. Damit werden die Beiträge in der story sichtbar. Dabei sollte darauf geachtet werden, dass der Layer nicht einmalig im Backend als individueller Layer eingefügt ist, sondern über das genutzte Geoportal eingebunden wird. So werden die Beiträge zum jeweils aktuellen Zeitpunkt auch komplett angezeigt.  
 
== Wie sind stories an mein DIPAS Verfahren angebunden? ==
 
 
=== Sind stories ohne zugehöriges Verfahren möglich? ===
 
Nein. Eine Story oder mehrere stories immer an ein Verfahren angebunden.
 
 
DIPAS stories basiert auf dem von der HCU entwickelten Data Narrator. Dieser steht open source zur Verfügung. DIPAS stories gehört zur DIPAS Produktfamilie und wurde auf die speziellen Bedarfe der Bürgerbeteiligung und die Arbeit von unterschiedlichen Nutzergruppen mit Geodaten weiterentwickelt.
 
 
Es ist Bestandteil des DIPAS cores und wird seitens des Herstellers gepflegt und geupdatet.
 
 
Es ist natürlich möglich ein "Sammelbecken-Verfahren" anzulegen und dort herrenlose DIPAS stories zu bündeln. Es sollte nur bedacht werden, dass in der Übersicht aller stories (link) bei Klick auf den Home-Button (link) innerhalb einer story dann auch all diese stories sichtbar und lesbar werden.
 
 
=== Einbettung im DIPAS Verfahren ===
 
DIPAS stories werden im Backend vom story cretor (link) angelegt. Angelegte Inhalte können dann vom Projektadmin oder dem Techadmin auf einer DIPAS Seite eingebunden werden (link).
 
 
=== eigene URL ===
 
Ist die story im Verfahren eingebettet, kann jeder Nutzer sie über die allgemeine Verfahrens-URL auf seinem Endgerät sehen. Zu beachten ist, dass die Ansicht für die Darstellung auf mobil zum aktuellen Entwicklungszeitpunkt noch nicht optimiert ist.
 
 
Jede story hat aber auch eine eigene URL. Diese findet sich im Backend über der Story-Vorschau. Über den Link öffnet sich die story unabhängig vom Verfahren im Vollbildmodus. Zu sehen ist die für '''Desktop optimierte Version''' der Karte. Soll die für den '''Touchtable optimierte Version''' der Karte aufgerufen werden, muss an die URL nur folgende angehängt werden: '''''&uiStyle=table'''''
 
 
 
== Story erstellen ==
 
== Story erstellen ==
  

Version vom 29. August 2024, 10:54 Uhr

DIPAS Stories Logo

DIPAS stories ist ein Modul von DIPAS, mit Hilfe dessen Geschichten mit Karten erzählt werden können. Dafür werden Karten, Geodaten und Pläne mit Hilfe von Texten, Bilder und Videos kontextualisiert und in eine verständliche Abfolge gebracht.

Eine story besteht aus einer Reihe an Schritten. Jeder Schritt kann Texte und Bilder beinhalten und ist einem bestimmten Kartenausschnitt zugewiesen. Beim Scrollen durch die Schritte bzw. beim Lesen der story passt sich der Kartenausschnitt automatisch dem aktuell sichtbaren Inhalt an. Der Nutzer wird also inhaltlich durch die Geschichte geführt und bekommt dabei die entsprechenden Karten zu sehen, ohne selbst nach Geodaten suchen oder die digitale Karte bedienen zu müssen. Zum Lesen der story muss man nur scrollen können.

Darstellung eines Entwurfs in 3D in DIPAS stories

Das Modul ist aktuell für zweierlei Anwendungen entwickelt:

  1. Für die Verwendung auf dem Touchtable (auf Veranstaltungen, zu Präsentationszwecken oder stationär vor Ort in Form einer Ausstellung)
  2. Für die Verwendung auf dem Computer, eingebettet in ein DIPAS Verfahren im Online-Beteiligungstool (link) und sichtbar für alle Menschen auf ihren eigenen Endgeräten

Aktuell ist DIPAS stories für die mobile Nutzung auf Smartphone noch NICHT kompatibel.

Ein erster Artikel zu dem Modul ist hier zu finden.

Ein Demo Video finden Sie hier.

Wie sieht eine story in DIPAS aus?[Bearbeiten | Quelltext bearbeiten]

Startbildschirm einer story

Startansicht[Bearbeiten | Quelltext bearbeiten]

Die Ansicht der story ist zweigeteilt: Links ist die Karte (link) zu sehen und rechts in der Seitenleiste (link) die scrollbaren Inhalte (Texte, Bilder, Videos) und die Navigationsleiste (link).

Das Größenverhältnis beider Seiten lässt sich über den grauen Balken dazwischen manuell verändern.

Jede DIPAS Story besteht aus verschiedenen „Schritten“, die aneinander gereiht sind und Sie thematisch durch die Geschichte führen. Mit dem Fortschreiten/Scrollen durch die Schritte verändern sich jeweils die Karte auf der linken Seite sowie die Text- und Bildelemente auf der rechten Seite. Alle Schritte (Kapitel und Unterkapitel) werden hier auf die gleiche Art dargestellt.

Karte[Bearbeiten | Quelltext bearbeiten]

Auf der Karte werden die Geodaten angezeigt, die den Inhalt des entsprechenden story-Schritts untermalen bzw. die im story-Schritt näher erläutert und beschrieben werden.

Hierfür wird das Masterportal (link) genutzt. Der story creator (link) hat die Möglichkeit einige Funktionalitäten für die Karte zu aktivieren und sie den Nutzern zur Verfügung zu stellen.

WELCHE sind das? Und welche kann nur der PA bzw. TA vornehmen, die dann aber auch für alle stories im Verfahren gelten?

Verschiedene Darstellung von Kartenwerkzeugen, je nachdem, ob die Story in Touchtable oder Desktop Version angezeigt wird.

Kartenansicht: Werkzeuge, Layer, Themen und Suchleiste Anzeige möglich (wird vom story creator (link) in der entsprechenden Masterportal Instanz konfiguriert (link).

Außerdem wird optional eine Werkzeugleiste angezeigt, wenn diese in der Konfiguration aktiviert wurde (link). Sie ist frei bewegbar auf der Karte und kann verschiedene Features enthalten: siehe Werkzeug Plugins.

Zu Grunde liegt immer eine Hintergrundkarte. Das kann ein Stadtplan sein, ein Sattelitenbild oder ein sonstiger Plan zur räumlichen Orientierung.

Darüber liegen fachliche, inhaltlich interessante Geodaten, die dem Anwender zusätzliche Informationen vermitteln soll. Das kann z.B. sein: Grünplan, ÖPNV-Netz, Entwicklungsgebiete, Gewässer u.v.a.m..

Zu Beginn jedes Schritts ist ein bestimmter Kartenausschnitt festgelegt, der initial angezeigt wird. Die Karte bleibt jedoch interaktiv und kann ganz normal bedient werden: zoomen und verschieben sind möglich. Über das Themenmenü der Karte können auch Layer ausgewählt werden, die nicht automatisch beim entsprechenden Schritt angezeigt werden.

Ein Wechsel in die 3D-Ansicht ist möglich, sofern dieser vorher vom Administrator (story creator) (link) aktiviert wurde.

Kartenansicht Touchtable[Bearbeiten | Quelltext bearbeiten]

Für den Touchtable wurde das styling der Karte und die Navigation durch die Karte angepasst. Um die Touchtableansicht der story aufzurufen muss an die URL der story ein Zusatz angefügt werden: &uiStyle=table

Seitenleiste[Bearbeiten | Quelltext bearbeiten]

In der Seitenleiste auf der rechten Seite sind alle Schritte der Story untereinander aneinander gereiht. Jede Story beginnt immer mit dem Titelbild (link), das für die gesamte story festgelegt wurde und ebenfalls in der story-Übersicht (link) angezeigt wird.

Durch Scollen bewegt man sich durch die Geschichte. Der jeweils aktive Schritt wird visuell in der Seitenleiste hervorgehoben, damit klar ist, zu welchen Inhalten der jeweilige Kartenausschnitt gehört. Je nach Konfiguration können verschiedene Text- Bild- und Videomaterialien dargestellt werden (link).

Die Seitenleiste beinhaltet außerdem die Navigationsleiste (link). Durch Scrollen auf der Seitenleiste können Sie von einem zum nächsten oder vorherigen Schritt der story kommen.

Navigationsleiste[Bearbeiten | Quelltext bearbeiten]

Navigationsleiste für die story mit Buttons zum Skippen durch die einzelnen Schritte, Inhaltsverzeichnis und zur Home-Übersicht aller stories im Verfahren.
Navigationsleiste

Die Navigationsleiste befindet sich am unteren Rand der Seitenleiste (link) und dient der Navigation. Sie beinhaltet die Navigationspfeile (link), das Inhaltsverzeichnis (link) sowie den Home-Button (link).

Navigationspfeile[Bearbeiten | Quelltext bearbeiten]

Neben dem Scrollen, können auch die roten Pfeile in der Navigationsleiste (link) genutzt werden, um von einem Schritt zum nächsten oder vorherigen zu springen.

Inhaltsverzeichnis der story mit Schritten und Unterkapiteln
Inhaltsverzeichnis mit Schritten (Kapiteln und Unterkapiteln)

Inhaltsverzeichnis[Bearbeiten | Quelltext bearbeiten]

  • Über das kleine blaue Zeichen zum Inhaltsverzeichnis gelangt der Nutzer zu einer Übersicht über alle Schritte der story.
  • Hier wird auch die Strukturierung der Schritte in Kapitel und Unterkapitel deutlich.
  • Die Schritte im Inhaltsverzeichnis sind anklickbar. Somit kann man sich nicht nur vorwärts und rückwärts in der story bewegen, sondern zu jedem beliebigen Schritt der story springen.
  • Rechts oben kann das Inhaltsverzeichnis wieder geschlossen werden und Sie gelangen zu Ihrem Ausgangspunkt in der story.
  • Eine Fortschrittsanzeige entwickelt sich um das Inhaltsverzeichnis-Symbol, je nachdem wie weit man in der story aktuell ist. So wird ein Gefühl für die noch zu erwartende Länge der restlichen story vermittelt.

Home-Button[Bearbeiten | Quelltext bearbeiten]

Der Home-Button führt zu einer Übersicht aller stories (link), die zum selben DIPAS-Verfahren gehören.

Übersicht aller DIPAS stories in einem Verfahren[Bearbeiten | Quelltext bearbeiten]

Übersicht aller stories im DIPAS Verfaren. Angezeigt wird jeweils ein Titelbild, eine Kurzbeschreibung und die Lesedauer.
Stories-Übersicht

Es ist möglich, mehrere stories in einem DIPAS Verfahren anzulegen. Diese werden in einer Übersicht angezeigt. Die Ansicht besteht hier nur aus zwei Elementen: der Karte (link) und der rechten Seitenleiste (link), die in diesem Fall eine kurze Vorschau der stories beinhaltet. Diese Vorschau besteht aus den folgenden Inhalten:

Titelbild[Bearbeiten | Quelltext bearbeiten]

Das Titelbild soll mit dem Inhalt der story zu tun haben und Lust auf das Lesen machen. Die Bildunterschrift und ggf. das copyright sind hier ebenfalls zu sehen. Dieses Bild ist bei Start der story in der Seitenleiste (link) noch vor dem ersten Schritt zu sehen.

Kurzbeschreibung[Bearbeiten | Quelltext bearbeiten]

Die Kurzbeschreibung dient einem inhaltlichen Überblick der story und sollte drei bis vier Zeilen nicht überschreiten. Der Leser erfährt hier, was auf ihn zukommt und warum die story für ihn von Interesse sein könnte.

Lesedauer[Bearbeiten | Quelltext bearbeiten]

Die Lesedauer gibt Auskunft darüber, wie lange die story ungefähr ist.

Button: Zur Story[Bearbeiten | Quelltext bearbeiten]

Durch ein Klick auf den roten Button "Zur Story" öffnet sich diese und beginnt mit dem Titelbild (link) und dann mit dem ersten Schritt.

Wie sind stories an mein DIPAS Verfahren angebunden?[Bearbeiten | Quelltext bearbeiten]

Sind stories ohne zugehöriges Verfahren möglich?[Bearbeiten | Quelltext bearbeiten]

Nein. Eine Story oder mehrere stories immer an ein Verfahren angebunden.

DIPAS stories basiert auf dem von der HCU entwickelten Data Narrator. Dieser steht open source zur Verfügung. DIPAS stories gehört zur DIPAS Produktfamilie und wurde auf die speziellen Bedarfe der Bürgerbeteiligung und die Arbeit von unterschiedlichen Nutzergruppen mit Geodaten weiterentwickelt.

Es ist Bestandteil des DIPAS cores und wird seitens des Herstellers gepflegt und geupdatet.

Es ist natürlich möglich ein "Sammelbecken-Verfahren" anzulegen und dort herrenlose DIPAS stories zu bündeln. Es sollte nur bedacht werden, dass in der Übersicht aller stories (link) bei Klick auf den Home-Button (link) innerhalb einer story dann auch all diese stories sichtbar und lesbar werden.

Einbettung im DIPAS Verfahren[Bearbeiten | Quelltext bearbeiten]

DIPAS stories werden im Backend vom story cretor (link) angelegt. Angelegte Inhalte können dann vom Projektadmin oder dem Techadmin auf einer DIPAS Seite eingebunden werden (link).

eigene URL[Bearbeiten | Quelltext bearbeiten]

Ist die story im Verfahren eingebettet, kann jeder Nutzer sie über die allgemeine Verfahrens-URL auf seinem Endgerät sehen. Zu beachten ist, dass die Ansicht für die Darstellung auf mobil zum aktuellen Entwicklungszeitpunkt noch nicht optimiert ist.

Jede story hat aber auch eine eigene URL. Diese findet sich im Backend über der Story-Vorschau. Über den Link öffnet sich die story unabhängig vom Verfahren im Vollbildmodus. Zu sehen ist die für Desktop optimierte Version der Karte. Soll die für den Touchtable optimierte Version der Karte aufgerufen werden, muss an die URL nur folgende angehängt werden: &uiStyle=table

Besonderheiten für die Nutzung von stories auf dem Touchtable[Bearbeiten | Quelltext bearbeiten]

Auf Veranstaltungen sollte die story für die Ansicht auf dem Touchtable immer über die eigene URL (link) aufgerufen werden. Dann ist die Navigation der Karte an die Bedienungsmöglichkeiten des Touchtables angepasst. Der Unterschied in der Ansicht vor allem der Karte wird hier deutlich:

DIPAS story - Geschichten mit Karten erzählen (Aufruf über eigene URL in Desktopversion)

DIPAS story - Geschichten mit Karten erzählen (Aufruf über eigene URL in Touchtableversion)


Wie viel Betreuung der Touchtable benötigt und worauf geachtet werden muss wird noch erprobt.

Besonderheiten für die Nutzung von stories auf eigenen Endgeräten[Bearbeiten | Quelltext bearbeiten]

Auf PC und Tablet wird die story aktuell gut angezeigt.

Die Ansicht von DIPAS stories ist noch nicht für die mobile Nutzung optimiert. Wenn die story im Verfahren eingebettet (link) ist, wird sie zwar angezeigt, funktioniert und ist bedienbar, ist aber nicht responsiv an das Smartphone-Format angepasst. Wenn die story direkt über die eigene URL (link) aufgerufen wird, ist die Ansicht für das Smartphone nicht geeignet

Use Cases[Bearbeiten | Quelltext bearbeiten]

DIPAS stories ist ein noch sehr junges Produkt. Die volle Einsatzbreite bzw. das Möglichkeitsspektrum muss noch ausgelotet werden.

Allgemein kann DIPAS stories z.B. dafür genutzt werden,

  • Inhalte und Geodaten, die für ein Beteiligungsverfahren relevant sind, verständlicher und einfacher darzustellen (z.B. online im Beteiligungsverfahren).
  • Inhalte interaktiver als in einer PowerPoint Präsentation intern und extern zu präsentieren und dabei die Interaktion mit den Geodaten zu nutzen (z.B. bei Stakeholdertreffen, auf Veranstaltungen mit der Öffentlichkeit oder Politik).
  • Inhalte an einer betreuten Station für interessierte Menschen zu vermitteln, z.B. in Form eines Workshops auf einer Veranstaltung (z.B. in einem Stadtteilbüro, bei einer Ausstellung, auf Veranstaltungen).
Didaktik: Die story soll Inhalte vereinfachen und nicht noch komplexer machen. Hier ist "kurz halten" und "leichte Sprache" angesagt! Eine Empfehlung sind zwei bis drei Sätze pro story-Schritt.

Beispiele für stories[Bearbeiten | Quelltext bearbeiten]

So kann eine story z.B. aussehen:

  • DIPAS story - Geschichten mit Karten erzählen (story in Verfahren eingebunden (link)): Eine Tour durch die Darstellungsmöglichkeiten von Geodaten sowohl in 2D als auch in 3D im DIPAS Hamburg.
  • DIPAS story - Metropol Modellregion Mobilität (story in Verfahren eingebunden (link)): Hier wird über Projekte informiert, die Rahmen dieser Modellregion in Hamburg stattfinden.
  • DIPAS story - Lieblingsorte Jugendlicher (aufgerufen über die eigene story-URL (link)): Das Projekt ist im Rahmen der Stadtwerkstatt Haus der Digitalen Welt in Zusammenarbeit mit dem Jugendinformationszentrum entstanden. Es soll eine crowd-basierte Übersichtskarte mit Orten entstehen, an denen sich Jugendliche in Hamburg aufhalten (link). In der Stadtwerkstatt konnte die story am Touchtable angesehen werden und interaktiv Beiträge hinterlassen werden.

Story und Beteiligung[Bearbeiten | Quelltext bearbeiten]

In einer story selbst gibt es keine Möglichkeit für die Bürgerinnen und Bürger, Beiträge zu einem Verfahren abzugeben. Die story dient vor allem dem besseren Verständnis des Projekts und der örtlichen Gegebenheiten mit Hilfe von Geodaten.

Beiträge in der story abgeben[Bearbeiten | Quelltext bearbeiten]

Es ist natürlich möglich, von der story abzuspringen und einen Beitrag zum Thema im entsprechenden Verfahren zu erstellen. Das geht im Verfahren, also im Online-Beteiligungstool (link) sowieso jederzeit über die Menüführung (link).

Wenn die story auf dem Touchtable gezeigt wird und sich ggf. mehrere Menschen gleichzeitig damit beschäftigen, macht es Sinn, die Beitragserstellung von der story zu entkoppeln. Dafür kann als Bild in der story (link) z.B. ein QR-Code eingefügt werden, der direkt zur Beitragseingabemaske (link) führt. Die Nutzer können diesen dann mit ihrem Smartphone scannen und ihren Beitrag direkt erstellen.

Beiträge in der story sehen[Bearbeiten | Quelltext bearbeiten]

Der Beitragslayer kann in die story im entsprechenden Schritt eingebaut hinzugefügt werden. Damit werden die Beiträge in der story sichtbar. Dabei sollte darauf geachtet werden, dass der Layer nicht einmalig im Backend als individueller Layer eingefügt ist, sondern über das genutzte Geoportal eingebunden wird. So werden die Beiträge zum jeweils aktuellen Zeitpunkt auch komplett angezeigt.

Story erstellen[Bearbeiten | Quelltext bearbeiten]

Benutzerrolle: Story creator[Bearbeiten | Quelltext bearbeiten]

Story anlegen[Bearbeiten | Quelltext bearbeiten]

Titel[Bearbeiten | Quelltext bearbeiten]

Hier steht der Titel Ihrer story.

Darstellungsart[Bearbeiten | Quelltext bearbeiten]

DIPAS

Beschreibung[Bearbeiten | Quelltext bearbeiten]

Beschreiben Sie kurz (1-3 Sätze, worum es in der story geht.

Titelbild[Bearbeiten | Quelltext bearbeiten]

Geben Sie Ihrem Titelbild einen Namen

Schritte zur Story hinzufügen[Bearbeiten | Quelltext bearbeiten]

Übersicht aller in der gesamten story verwendeten Geodaten[Bearbeiten | Quelltext bearbeiten]

Story veröffentlichen/verbergen[Bearbeiten | Quelltext bearbeiten]

Story mehreren Verfahren zuweisen[Bearbeiten | Quelltext bearbeiten]

Stories können auch Teil mehrerer Verfahren sein. Beispielsweise kann eine Story zu Radfahren in Hamburg thematisch relevant sein sowohl für ein Innenstadt- als auch Viertel-spezifisches Verfahren. Es wird vorher definiert zu welchen Verfahren eine story gehören soll (siehe Konfiguration).


Im Drupal können neue Stories von einem Admin erstellt werden. Die Funktionsweise des Drupal sowie die Anmeldung werden hier genauer erklärt. Zum Erstellen einer Story gibt es unter „Inhalt“ und dann „Inhalt hinzufügen“ die Option „Story“.


Im ersten Schritt werden der Titel, eine kurze Beschreibung sowie ein Titelbild bestimmt, welche alle drei in der Storyübersicht (s. oben) gezeigt werden und somit als erster Eindruck dienen. Sie sind erforderlich, bevor Sie die Schritte für eine Story erstellen können.

Dashboard Story erstellen

Als erstes wird ein Titel für die Story gewählt. Dann kann die Darstellungsart kann gewählt werden, wobei Standard mäßig das DIPAS Design beibehalten werden soll. Die Beschreibung der Story soll eine kurze Übersicht über die gesamte Story geben. Als letztes wird ein Titelbild gewählt. Über „Bild auswählen“ kann entweder aus den vorhandenen Bildern ausgewählt werden oder ein neues Bild hochgeladen werden. Durch anklicken wird ein vorhandenes Bild ausgewählt und muss dann unten noch einmal über den blauen Button „Bild auswählen“ bestätigt werden. Wird ein neues Bild hochgeladen, muss dies ausgewählt werden und ebenfalls unten über den blauen Button „Bild speichern“ bestätigt werden. Danach kann das Bild jederzeit entfernt oder bearbeitet werden.

Nun werden laut dem Drupal Dashboard als nächstes die einzelnen Schritte der Story erstellt. Für ein besseres Verständnis sollen hier jedoch erst die generellen Einstellungen erläutert werden, welche weiter unten auf dem Dashboard definiert werden.

Die Karteneinstellungen auf der Story Ebene dienen vor allem der leichteren Konfiguration der Karteneinstellungen der jeweiligen Schritte. Alle Kartenebenen, die hier ausgewählt werden, werden danach bei den Schritten bereits als Vorauswahl angezeigt und können so leichter angewählt werden. Besonders für die Hintergrundkarten, bei der meist der klassische "Stadtplan" ausgewählt wird, ist dies praktisch. Dennoch können in den Schritten beliebig alle verfügbaren Karten noch frei dazugeschaltet werden.

Karteneinstellungen

Sowohl bei den Vordergrundkarten als auch bei den Hintergrundkarten werden Karten über "Kartenebene zum hinzufügen auswählen" zuerst angewählt und dann durch "Kartenebene hinzufügen" bestätigt. Durch anwählen von "initially visible" werden die Karten für die Nutzer*innen direkt angezeigt. Wird dies bei einer Kartenebene auf Story Ebene angewählt, ist diese Kartenebene in allen Schritten sichtbar (z.B. der Stadtplan als Hintergrundkarte)

Durch das rote X können Kartenebenen wieder entfernt werden. Außerdem kann die Reihenfolge durch ziehen beliebig verändert werden. Dies kann eine wichtige Voraussetzung für die Sichtbarkeit von Kartenebenen sein, welche weiter oben und somit 'oben drauf' liegt.

Icon Hinweis.png
Hinweis: Die Reihenfolge kann nur auf Story Ebene, nicht auf Schritt Ebene geändert werden.
Werkzeuge

Bei den Werkzeugen können verschiedene Plugins ausgewählt werden, welche hier erklärt werden. Außerdem können Sie noch weitere Einstellungen für das jeweilige Plugin festlegen.

Icon Hinweis.png
Hinweis: Bei den Werkzeug-Plugins müssen alle Werkzeuge, die innerhalb der Story verwendet werden sollen, egal in welchem Schritt, auf Story Ebene ausgewählt werden. Ist ein Werkzeug auf Story Ebene nicht angewählt, kann es in den Schritten nicht aktiviert werden.


In den Kartenoptionen kann die Option 3D gewählt werden.

Icon Hinweis.png
Hinweis: Bei den Kartenoptionen muss die Option "3D" angewählt sein, damit in den einzelnen Schritten eine 3D-Karte ausgewählt werden kann. Ist die Option nicht auf Story Ebene angewählt, kann in keinem Schritt eine 3D-Karte genutzt werden.


Zuletzt muss das Kästchen "Veröffentlicht" angewählt werden, damit die Story öffentlich zu sehen ist und gespeichert werden. Sobald die Story ein Mal gespeichert wurde, ist sie auch unter den Inhalten zu sehen und kann dort direkt angesehen, bearbeitet oder gelöscht werden.

Konfiguration eines Schritts[Bearbeiten | Quelltext bearbeiten]

Story-Schritte und Unterpunkte: Die Story-Schritte sind übergeordnete Storyschritte, die im Inhaltsverzeichnis hervorgehoben. Darüber hinaus unterscheiden sich die einzelnen Schritte nicht.

Titel[Bearbeiten | Quelltext bearbeiten]

Metadaten eingeben (erforderlich)[Bearbeiten | Quelltext bearbeiten]

Titelbild (optional)[Bearbeiten | Quelltext bearbeiten]
Lesedauer[Bearbeiten | Quelltext bearbeiten]

Story Inhalt[Bearbeiten | Quelltext bearbeiten]

Texte[Bearbeiten | Quelltext bearbeiten]

Sie können Teile des Textes fettgedruckt hervorheben.

Bilder[Bearbeiten | Quelltext bearbeiten]

Bilder, die im Rahmen einer Story verwendet werden, müssen vorab über die Hochladefunktion „Bild“ im Backend hochgeladen werden. Hierbei gilt es folgendes zu berücksichtigen:

  • Das Bild braucht einen verständlichen Namen
  • Das Bild braucht einen kurzen erklärenden Text, der durch Screenreader gelesen werden kann.
  • Das Bild braucht ein Copyright
  • Wahlweise kann dem Bild eine Bildunterschrift hinzugefügt werden.
Videos (Hinweis!)[Bearbeiten | Quelltext bearbeiten]

Karteneinstellungen[Bearbeiten | Quelltext bearbeiten]

leider noch keine Frontend-Kartenansicht im Backened möglich. Layer aus den zur Verfügung stehenden auswählen

Workaround: übers Geoportal und die Layer ID suchen

Hinweis: alle Fachdaten vorher zusammensuchen und nicht erst beim Erstellen der Story stöbern (überladen) - nur so viel wie nötig anzeigen

Icon Hinweis.png
Hinweis: Es hat sich als praktikabel erwiesen, die Karteneinstellungen eines Story-Schritts als letztes vorzunehmen. Erst Text, Bilde und Inhalte einfügen und danach die entsprechenden Layer in der Karte einstellen. Ggf. macht es sogar Sinn, erst alle Schritte einer Story inhaltlich zu erstellen und im Nachgang bei allen Schritten die Karteneinstellungen vorzunehmen.

Hinweise zur Einbindung von Layern aus dem Masterportal:

Bitte nutzen Sie für die Suche und die Angabe der Layer folgenden Link: Geo-Online (geoportal-hamburg.de). Dort finden Sie im oberen Linken Bildbereich den Wahlbereich „Themen“. Wählen Sie hier bitte alle Layer aus, die Sie in diesem Schritt verwenden möchten (egal ob direkt sichtbar oder wahlweise anwählbar) und klicken Sie dann auf den Punkt „Auswahl speichern“.

Kopieren Sie bitte den oberen Link vollständig und fügen Sie ihn dann in das entsprechende Feld der Regieanweisung ein.

Layer können sowohl initial sichtbar sein oder nur wahlweise von den Nutzer:innen hinzugeschaltet werden. Bitte geben Sie an, welche der Layer initial direkt sichtbar sein sollen.

Vordergrund-Layer[Bearbeiten | Quelltext bearbeiten]

Geodaten/Fachdaten, das was auf dem Stadtplan (der Hintergrundkarte) an Informationen zu sehen sein soll

Reihenfolge verändern[Bearbeiten | Quelltext bearbeiten]
Hintergrundkarten[Bearbeiten | Quelltext bearbeiten]
Einstellungen für die sichtbare Karte[Bearbeiten | Quelltext bearbeiten]

Bitte geben Sie hier den Maßstab sowie ein Screenshot des gewünschten Kartenausschnitts aus folgendem Link (Geo-Online (geoportal-hamburg.de)) an.

Werkzeuge[Bearbeiten | Quelltext bearbeiten]
Kartenoptionen[Bearbeiten | Quelltext bearbeiten]

eigene Layer hinzufügen[Bearbeiten | Quelltext bearbeiten]

  • Bitte beachten Sie, dass die individuellen Kartenlayerdateien einen der folgenden Dateitypen enthalten müssen: geojson, json, png, geotiff, jpeg
  • Senden Sie uns zudem die Datei als Anhang zu und geben Sie im entsprechenden Feld den genauen Namen der Datei an.
  • Die Einbindung externer Dateien ist teilweise etwas umständlich und kann je nach Dateiformat und Inhalt etwas Zeit in Anspruch nehmen oder auch in einigen Fällen nicht funktionieren. Planen Sie hierfür also bitte ausreichend Zeit ein.
Story Schritt hinzufügen

Für die Erstellung der Schritte der Story öffnet sich über den blauen Button „Story Step hinzufügen“ ein neues Fenster zur Erstellung eines Schrittes.

Als erstes wird auch dem Story Schritt ein Titel gegeben, welcher dann im Inhaltsverzeichnis gezeigt wird. Sollen die Schritte durchnummeriert werden, muss dies im Titel vermerkt sein, da sie nicht automatisch nummeriert werden. Dann werden für jeden Schritt immer drei Sachen festgelegt: die Karteneinstellungen, die Metadaten und der Inhalt.


Bei den Karteneinstellungen werden, wie auch auf der Story Ebene, „Vordergrundkarten“, „Hintergrundkarten“, „Einstellungen für die sichtbare Karte“, „Werkzeuge“ sowie „Kartenoptionen“ definiert. Wie bereits beschrieben werden bei den Kartenebenen alle auf Story Ebene ausgewählten Karten vorangezeigt und können direkt ausgewählt werden. Dennoch können, wie auf Story Ebene, über "Kartenebene hinzufügen" weitere Ebenen für die jeweiligen Schritte ausgewählt werden. Bei den Werkzeugen können nur aus den auf Story Ebene vorausgewählten Werkzeugen ausgewählt werden, und auch bei den Kartenoptionen steht die Option 3D nur zur Auswahl, wenn sie auf Story Ebene angewählt wurde.

Bei den Einstellungen für die sichtbare Karte wird der initial sichtbare

Voreingestellte Kartenebenen: auf der Story Ebene definiert und somit für alle Schritte verfügbar. Oder Kartenebenen hinzufügen, wobei „visible“ ausgewählt werden muss, damit die Karte direkt angezeigt wird und nicht nur als weitere Option für die User zur Verfügung steht (die unter Funktionen angewählt werden kann?).

Bei den „Einstellungen für die sichtbare Karte“ definiert der Admin den Ausschnitt und Zoom, bzw. bei 3D Karten auch noch die Perspektive, welche die User beim Aufrufen des Schrittes sehen (s. oben). Danach können sich die User, wie beschrieben, frei auf der Karte bewegen. Für eine 3D Option muss auch diese vorher auf der Story Ebene ausgewählt worden sein.

XXX

Bei den „Step-Metadaten“ wird die Lesezeit für den Schritt in Minuten festgelegt. Dies ist für Kreis, der sich füllt? Außerdem wird ein Titelbild für den Schritt festgelegt, welches dann in der Seitenleiste beim durchscrollen der Schritte gezeigt wird.

Der „Step-Inhalt“ kann aus Text- Bild- oder Text-mit-Bild-Elementen bestehen. Durch klicken auf „Add Text“ kann ein Textblock ausgefüllt werden, ggf. mit einem Titel. Gleichermaßen fügt „Add Bild“ oder „Add Bild mit Text“ das jeweilige Element hinzu. Über die drei Punkte kann außerdem auch ein Videodatei hinzugefügt werden. Mit dem Fadenkreuz auf der linken Seite kann die Reihenfolge der Text- und Bildelemente verändert werden, auf der rechten Seite können sie bearbeitet oder entfernt werden (über die drei Punkte). Mit „Edit all“ werden alle Elemente in den Bearbeitungsmodus versetzt. Über „Zellenreihenfolge einblenden“ ?? -> Wie entstehen Unterkapitel? Gewichtung?? Übergeordnete ID?

Mit dem Fadenkreuz kann die Reihenfolge sowie Hierarchie geändert werden. Hierbei sind bis zu 3 Ebenen möglich (Story, Step, Unterkapitel).


Bearbeiten einer Story

Auf "speichern" drücken

o  Link zur story -> nur story wird angezeigt ohne verfahren etc

o  Ansicht zeigt wie es aussieht

o  Über Inhalte wird story angezeigt -> rechts auf bearbeiten; Oder auf story klicken und oben im reiter auf bearbeiten

Über den Reiter 'Inhalt' werden alle erstellten Stories aufgelistet und können bearbeitet oder gelöscht werden. Mit einem Klick auf 'Bearbeiten' gelangen die User wieder auf die Story-Erstellen Oberfläche. Hier können nun alle Elemente geändert werden. Außerdem kann oben im Reiter statt 'Bearbeiten' auch in der 'Ansicht' die veröffentlichte Story angesehen werden und die URL wird angezeigt.

Neues Fenster mit „Ansicht“ „Bearbeiten“ und „Löschen“, kann man direkt auch die Story sehen wie sie dann den Usern gezeigt wird? Und durch „save and go back“ in andere Darstellung bzw. „Save and next step“ zur Konfiguration des nächsten Schrittes.

Reihenfolge der Story-Schritte bearbeiten[Bearbeiten | Quelltext bearbeiten]

Schritte in Kapitel und Unterkapitel ordnen[Bearbeiten | Quelltext bearbeiten]

Story bearbeiten[Bearbeiten | Quelltext bearbeiten]

Admin Story erstellen