Tutorial – Worum es bei WebCalendar geht

WICHTIGER HINWEIS IN EIGENER SACHE Dieses Projekt befindet sich im Aufbau und ist aktuell in einer Betaphase. Wenn Sie Interesse an der Weiterentwicklung und der Nutzung haben melde Sie sich bei der Kulturserver Redaktion Wir tragen Sie dann in unserer Support Liste ein, um Sie über den weiteren Verlauf zu informieren.

---

WebCalendar ist ein Werkzeug, mit dem Sie Veranstaltungstermine aus der CultureBase gezielt auswählen und in Ihre eigene Website einbinden können. Die grundlegende Idee ist einfach: Daten werden an einer Stelle gepflegt und können an vielen anderen Stellen sichtbar gemacht werden.

Mit WebCalendar erstellen Sie eine eigene Kalender-Instanz. Sie bestimmen, welche Veranstaltungen angezeigt werden, wie sie gefiltert sind und in welcher Form sie ausgegeben werden. Der Aufbau des Systems ist so angelegt, dass Sie mit wenigen Schritten zu einem funktionierenden Ergebnis kommen. Gleichzeitig bleibt WebCalendar flexibel genug, um auch komplexere Anforderungen abzubilden.

Wenn die Standardoptionen für Ihr Projekt nicht ausreichen, besteht jederzeit die Möglichkeit, weitergehende Lösungen umzusetzen. In diesem Fall wenden Sie sich einfach an die Kulturserver Redaktion.

WebCalendar steht vielen Nutzerinnen und Nutzern dauerhaft kostenfrei zur Verfügung. Weitere Informationen dazu finden Sie im Abschnitt „Finanzen“.

Die hier bereitgestellten Inhalte werden kontinuierlich erweitert und angepasst. Wenn Sie sich intensiver mit dem System beschäftigen möchten oder Fragen haben, lohnt sich ein regelmäßiger Blick in den CultureBase Info Hub.

Mit WebCalendar erstellen Sie eine eigene Kalender-Instanz. Diese legt fest, welche Veranstaltungen angezeigt werden, wie sie gefiltert sind und in welcher Form sie ausgegeben werden. Sie müssen dafür keine eigene technische Lösung entwickeln. Stattdessen konfigurieren Sie Ihren Kalender Schritt für Schritt über das Interface und erhalten am Ende einen fertigen Code zur Einbindung.

Der gesamte Prozess ist so aufgebaut, dass Sie sich von allgemeinen Einstellungen zu immer konkreteren Entscheidungen vorarbeiten. Jeder Schritt legt dabei einen bestimmten Teil des Ergebnisses fest. Diese Schritte sind im Interface als Tabs organisiert:

  • Basisdaten – hier klären Sie, wer Sie sind und wofür der Kalender gedacht ist
  • Fokus – hier legen Sie fest, welche Inhalte angezeigt werden
  • Format – hier entscheiden Sie, wie diese Inhalte ausgegeben werden
  • Style – hier bestimmen Sie das Erscheinungsbild
  • Code – hier erzeugen Sie den technischen Code zur Einbindung

Jeder dieser Bereiche erfüllt eine eigene Funktion. Zusammen ergeben sie die vollständige Konfiguration Ihres Kalenders.

In diesem Schritt legen Sie die grundlegenden Informationen für Ihren Kalender fest. Dabei geht es nicht um die Inhalte der Veranstaltungen, sondern um den Kontext. Wer erstellt den Kalender? Für welches Projekt oder welche Einrichtung ist er gedacht? Wer ist Ansprechpartner?

Diese Angaben helfen dabei, den Kalender eindeutig zuzuordnen und später sinnvoll zu verwalten. Gleichzeitig bilden sie die Grundlage für alle weiteren Einstellungen. Sie müssen hier außerdem die Internetadresse angeben, auf der der Kalender eingebunden wird. Diese Information ist wichtig für die spätere Nutzung und technische Einbindung. Kulturserver benötigt diese Angaben, um nachvollziehen zu können, wo und in welcher Form die Daten verwendet werden. Diese Transparenz dient sowohl Ihrer eigenen Sicherheit als auch dem Schutz aller, die ihre Veranstaltungsdaten in das System einbringen.

  • Ansprechpartner / Funktion / Träger
    Diese Angabe ist verpflichtend. Bitte tragen Sie hier eine konkrete Person ein, die für den Kalender verantwortlich ist und bei Rückfragen kontaktiert werden kann. Geben Sie dazu einfach einige Buchstaben des Namens in das Suchfeld ein. Bestehende Einträge werden automatisch vorgeschlagen und können ausgewählt werden.

    Über den Link „Meine Kontaktdaten nutzen“ können Sie Ihre eigenen Daten schnell übernehmen. Falls die gesuchte Person noch nicht vorhanden ist, kann sie neu angelegt werden.

  • Träger / Einrichtung / Projekt
    Diese Angabe ist optional. Wenn der Kalender zu einer Einrichtung, einem Projekt oder einem Träger gehört, ist es sinnvoll, diese Information hier zu hinterlegen. Auch hier können bestehende Einträge genutzt oder neue angelegt werden.

  • Webseite / Ausgabeseite des Kalenders
    Diese Angabe ist verpflichtend. Bitte tragen Sie hier die Internetseite ein, auf der der Kalender eingebunden wird. Nur so kann sichergestellt werden, dass die Nutzung korrekt zugeordnet werden kann.

Sollte Kulturserver dauerhaft nicht nachvollziehen können, wo und wie die Daten verwendet werden, behalten wir uns vor, eine entsprechende Ausgabe zu deaktivieren

Auch wenn einzelne Felder optional sind, empfehlen wir ausdrücklich, die Angaben möglichst vollständig zu machen. So schaffen Sie eine klare und stabile Grundlage für Ihren Kalender.

Im Bereich Fokus entscheiden Sie, welche Veranstaltungen in Ihrem Kalender angezeigt werden.

Sie legen hier fest, aus welchem Datenbereich die Inhalte stammen. Das kann zum Beispiel Ihre eigene Veranstaltungsliste sein oder die eines bestimmten Ortes, Projekts oder einer Gruppe. Zusätzlich können Sie die Auswahl weiter eingrenzen, etwa durch Suchbegriffe oder Stichwörter. Auf diese Weise lassen sich sehr gezielt bestimmte Inhalte zusammenstellen. Diese Einstellung ist zentral für das gesamte Ergebnis. Sie bestimmt direkt, welche Daten später im Kalender erscheinen.

Wenn Sie sich nicht sicher sind, beginnen Sie am besten mit einer einfachen Auswahl und passen diese im Verlauf an. Der Fokus kann jederzeit verändert werden.

  • Meine von mir eingetragenen Veranstaltungen
    Alle von Ihnen eingetragenen Veranstaltungen werden hier gebündelt und in einem Kalender dargestellt. Grundlage sind die Termine, die Sie über die Veranstaltungseingabe in die CultureBase eingetragen haben.

  • Veranstaltungen eines bestimmten Veranstaltungsortes / Projektes
    Hier können Sie gezielt eine Einrichtung, ein Ensemble, ein Projekt oder eine Gruppe auswählen. Alle damit verbundenen Veranstaltungsdaten werden angezeigt. Auch hier bilden die eingetragenen Termine die Grundlage der Ausgabe.

  • Zusätzlicher Keyword-Filter
    Wenn Sie diese Option aktivieren, können Sie Ihre Auswahl weiter verfeinern. Dazu verwenden Sie sogenannte Keywords (auch „Tags“ genannt). Diese müssen zuvor bei den einzelnen Veranstaltungen hinterlegt worden sein.

    Verwenden Sie im Fokus dieselben Keywords, dann werden nur die entsprechenden Veranstaltungen angezeigt.

Mit Hilfe von Keywords können Sie also gezielt unterschiedliche Kalender-Ausgaben erstellen. So ist es möglich, aus einem gemeinsamen Datenbestand mehrere, individuell gefilterte Kalender zu erzeugen.

Beispiele:

  • ein eigener Kalender nur für ein Festival
  • eine spezielle Auswahl aus einem größeren Terminbestand
  • parallele Kalender für unterschiedliche Themen oder Zielgruppen

Weitere Informationen zur Veranstaltungseingabe und zur Verwendung von Keywords finden Sie unter dem Stichwort event im CultureBase Info Hub .

Hinweis: Wenn die vorhandenen Filtermöglichkeiten für Ihr Projekt nicht ausreichen, besteht die Möglichkeit, weitergehende Lösungen umzusetzen. Zögern Sie in diesem Fall nicht, sich an die Kulturserver Redaktion zu wenden.

Nachdem Sie festgelegt haben, welche Inhalte angezeigt werden, entscheiden Sie in diesem Schritt, wie Ihr Kalender ausgegeben wird.

Das bedeutet: Sie legen fest, in welcher Form die Veranstaltungen dargestellt und wie sie technisch in Ihre Website eingebunden werden. Je nach gewähltem Format stehen Ihnen unterschiedliche Möglichkeiten zur Verfügung. Diese betreffen sowohl die Darstellung als auch die Nutzung Ihres Kalenders. Folgende Überlegungen helfen bei der Entscheidung:

  •  Wie möchten Sie den Kalender einsetzen?
  • Wie viel Kontrolle benötigen Sie über die Darstellung?
  • Wie ist Ihre Website technisch aufgebaut?

Für die meisten Anwendungen ist die Einbindung als iFrame ein guter und einfacher Einstieg. 

 

  • Ausgabeformat iFrame
    Nach Abschluss der Konfiguration erhalten Sie einen Code-Schnipsel, den Sie direkt in Ihre Website oder Ihr Redaktionssystem einfügen können. Die Einbindung funktioniert ähnlich wie das Einbetten eines Videos von Vimeo, YouTube und Co.

    Ein großer Vorteil: Änderungen am Kalender können jederzeit über die WebCalendar-Oberfläche vorgenommen werden, ohne dass die Einbindung auf Ihrer Website angepasst werden muss. Für die Darstellung stehen aktuell zwei Varianten zur Verfügung:
  • JSON-API (strukturierte Datenausgabe)
    Neben der iFrame-Einbindung steht eine JSON-Schnittstelle zur Verfügung. Diese richtet sich in erster Linie an Entwicklerinnen und Entwickler. Sie ermöglicht es, die Veranstaltungsdaten direkt in eigene Anwendungen oder Websites zu integrieren und dort individuell darzustellen.
    Beispiele:
    https://www.goerlitz.de/Veranstaltungskalender.html
    https://www1.muelheim-ruhr.de/veranstaltungen  


Zusätzlich zum Format können Sie in weiteren Optionen festlegen, wie umfangreich die Anzeige und die Navigation innerhalb Ihres Kalenders sein sollen.

  • Keinen Filter-Kopf / Veranstaltungssuche
    Diese Option eignet sich für kleine Kalenderausgaben mit wenigen Veranstaltungen. Die Darstellung bleibt übersichtlich und reduziert.

  • Veranstaltungsanzeige mit Monatsauswahl / Filter
    Wenn mehr Termine vorhanden sind, hilft eine Monatsauswahl dabei, die Inhalte besser zu strukturieren.

  • Filterkopf mit allen Filteroptionen
    Diese Variante bietet alle verfügbaren Filtermöglichkeiten. Sie ist vor allem bei sehr umfangreichen Datenbeständen sinnvoll.

Hinweis: Zu viele Filteroptionen können für Besucher unübersichtlich wirken oder zu leeren Ergebnissen führen. Verwenden Sie diese daher nur, wenn sie wirklich benötigt werden.

Weitere Interaktive Optionen im Kalender

  • Link / Button "Veranstaltungseingabe" integrieren / anzeigen
    Mit dieser Option können Besucher Ihrer Website direkt auf die CultureBase zugreifen und eigene Veranstaltungen eintragen.

    Ob diese konkreten Veranstaltungen dann später in Ihrem Kalender auch wirklich erscheinen, hängt weiterhin von Ihren Filtereinstellungen ab. Diese Funktion ist besonders sinnvoll für offene Plattformen oder Netzwerke. Für einzelne Projekte oder Ensembles ist sie in der Regel nicht notwendig.

  • Externe Links zu Orten und Beteiligten
    Viele Veranstaltungen enthalten Verweise auf Veranstaltungsorte oder beteiligte Personen. Da diese Informationen im WebCalendar selbst nur eingeschränkt dargestellt werden können, haben Sie die Möglichkeit, einen automatischen direkten Verweis auf entsprechende Seiten im Kulturportal zuzulassen.

Dies bietet zusätzliche Informationen für Besucher und stärkt gleichzeitig die Vernetzung innerhalb des Systems.

Im Bereich Style passen Sie das Erscheinungsbild Ihres Kalenders an.

Welche Möglichkeiten Ihnen zur Verfügung stehen, hängt davon ab, welches Ausgabeformat Sie zuvor gewählt haben. In vielen Fällen können Sie eine bestehende Darstellung auswählen, die bereits für typische Anwendungen optimiert ist. So erhalten Sie schnell ein funktionierendes und gut abgestimmtes Ergebnis.

Für fortgeschrittene Anwendungen besteht außerdem die Möglichkeit, eigene Styles zu definieren, zum Beispiel über CSS. Dies ist vor allem dann sinnvoll, wenn der Kalender sehr genau an ein bestehendes Design angepasst werden soll.

Wenn Sie unsicher sind, empfiehlt es sich, zunächst mit einer Standarddarstellung zu arbeiten. Sprechen Sie mit der Kulturserver Redaktion wenn Sie weitergehende Anpassungen benötigen.

  • Standardeinstellung für das Layout nutzen
    Die Standarddarstellung ist bewusst neutral gehalten und arbeitet mit hellen Grau- und Blautönen. Sie lässt sich gut in viele unterschiedliche Webseiten integrieren.

  • Wählen Sie für Hintergrund, Schrift und Elemente passende Farben aus
    Sie können zentrale Gestaltungselemente Ihres Kalenders individuell anpassen. Über die Farbfelder lassen sich diese Einstellungen direkt auswählen und verändern. So können Sie das Erscheinungsbild an Ihre Website angleichen.

  • Nutzen Sie Ihr eigenes CSS StyleSheet
    Für erweiterte Anforderungen besteht die Möglichkeit, eigene Styles zu verwenden, zum Beispiel über ein CSS-Stylesheet. Diese Option richtet sich an erfahrene Nutzerinnen und Nutzer sowie an Entwickler. Sie ermöglicht es, das Erscheinungsbild sehr genau an bestehende Designvorgaben anzupassen. Als Einstieg stellen wir einen Beispielcode zur Verfügung, mit dem Sie testen oder diesen anpassen und erweitern können.

    Demo CSS Kulturserver


Während der Bearbeitung können Sie jederzeit und ohne weiteren Speicherprozess eine Voransicht anzeigen lassen. Diese zeigt Ihnen direkt, wie Ihr Kalender später aussehen wird. So können Sie Anpassungen sofort überprüfen und schrittweise optimieren.

Wichtig: Die Voransicht ist nur temporär und nicht für den produktiven Einsatz gedacht. Sie dient ausschließlich zur Kontrolle während der Konfiguration.

Alle Änderungen im Style-Bereich wirken sich direkt auf die Darstellung Ihres Kalenders aus, ohne dass zusätzliche Schritte erforderlich sind. Wenn Sie unsicher sind, beginnen Sie einfach mit der Standarddarstellung und nehmen nach und nach nur kleinere Anpassungen vor. Bei weitergehenden Anforderungen oder Fragen unterstützt Sie die Kulturserver Redaktion gerne.

Im letzten Schritt wird Ihr Kalender technisch erzeugt.

Sie sehen hier eine Übersicht aller bisherigen Einstellungen und können überprüfen, ob alle Angaben vollständig sind. Fehlende oder unvollständige Eingaben werden entsprechend angezeigt. Erst wenn alle notwendigen Angaben gemacht wurden, kann der Code erzeugt werden.

Sobald alle Voraussetzungen erfüllt sind, können Sie den Code für Ihren Kalender generieren. Dieser Code stellt die Verbindung zwischen Ihrer Konfiguration und der späteren Darstellung auf Ihrer Website her. Für das Ausgabeformat IFrame wird der Code einfach kopiert und an der gewünschten Stelle in Ihre Website oder Ihr Redaktionssystem eingefügt.

Die Einbindung funktioniert ähnlich wie das Einbetten eines Videos oder externer Inhalte. Nach der Einbindung wird Ihr Kalender automatisch angezeigt. Ein großer Vorteil des Systems ist, dass Änderungen jederzeit möglich sind. Wenn Sie Einstellungen an Ihrem Kalender verändern:

  • bleibt der Code grundsätzlich gleich
  • die Inhalte werden automatisch aktualisiert
  • Anpassungen werden direkt in der Ausgabe sichtbar

Sie müssen den Code also in der Regel nicht erneut einfügen.

Mit diesem Schritt ist die Einrichtung Ihres Kalenders abgeschlossen. Sie können Ihre Ausgabe nun direkt nutzen und bei Bedarf jederzeit anpassen. Kulturserver wünscht Ihnen viel Erfolg mit Ihrer Kalenderausgabe.

MEMO KS INTERN- In Abhängigkeit von der Weiterentwicklung werden hier DetailInfos / Hinweise zur Verwendung der einzelnen Code Schnipsel integriert. Aktuell ist der Code noch eien MockUp.

Die Nutzung von WebCalendar unterscheidet sich je nach Nutzergruppe. Wichtig vorweg:
Das Ausprobieren, Einrichten und Testen eines Kalenders ist in jedem Fall kostenfrei. Sie können alle Funktionen zunächst ohne Verpflichtungen nutzen.

Kulturserver unterscheidet bei der Finanzierung zwischen folgenden Bereichen.

  • Kulturschaffende, Gruppen und kleinere Einrichtungen
  • Institutionen, Verbände und Partner mit Budget
  • Individuelle Leistungen und Projektentwicklung


Kulturschaffende, Gruppen und kleinere Einrichtungen

Für Einzelkünstlerinnen und -künstler, freie Gruppen, Initiativen, kleinere Einrichtungen und Verbände, die über kein planbares oder dauerhaft gesichertes Budget verfügen, steht WebCalendar dauerhaft kostenfrei zur Verfügung. Aktuell ist diese Option auf maximal 3 Kalenderausgaben begrenzt.

Dieses Angebot ist Teil der Kulturförderung durch Kulturserver. Ziel ist es, die Sichtbarkeit von Kunst und Kultur zu stärken und insbesondere unabhängige Akteure zu unterstützen.


Institutionen, Verbände und Partner mit Budget

Auch für Institutionen, Verbände, kommunale Strukturen und kommerzielle Partner gilt, dass die erste Nutzung und das Testen von WebCalendar kostenfrei ist.

Für eine dauerhafte Nutzung bittet Kulturserver diese Partner jedoch um eine Beteiligung am Aufbau und Erhalt der gemeinsamen Infrastruktur. Diese Beteiligung erfolgt im Rahmen der Initiative CultureBase Maintenance (CB-M). CB-M versteht sich als gemeinschaftlicher Beitrag zur Sicherung und Weiterentwicklung des Systems. Es geht dabei nicht um eine klassische Lizenz, sondern um eine nachhaltige Unterstützung des Netzwerks. Weitere Informationen zu den Hintergründen und Möglichkeiten der Beteiligung finden Sie auf der Webseite der Stiftung kulturserver.de gGmbH.

Für Partner, die bereits in größere Netzwerkstrukturen eingebunden sind, können darüber hinaus bereits individuelle Vereinbarungen bestehen.


Individuelle Leistungen und Projektentwicklung

Neben der bereitgestellten Infrastruktur bietet Kulturserver auch individuelle Leistungen an. Diese reichen von kleineren Anpassungen bis hin zur Umsetzung komplexer Projekte und vollständiger Webauftritte. Auf Basis von WebCalendar können Anpassungen und Weiterentwicklungen vorgenommen werden. Z. B.:

  • spezielle Filterlogiken entwickeln
  • individuelle Layouts erstellen
  • erweiterte Funktionen integrieren

 

Wenn Ihre Anforderungen über die Standardfunktionen hinausgehen, sprechen Sie uns gerne an.

Der aktuelle Stand der Software folgt einem klaren Prinzip. Kulturschaffende und kleinere Einrichtungen sollen ihre Daten einfach und ohne zusätzliche Kosten sichtbar machen können. Gleichzeitig besteht für Partner mit weitergehenden Anforderungen die Möglichkeit, sich an der Infrastruktur zu beteiligen oder individuelle Lösungen umzusetzen.

Aber auch in solchen Fällen empfehlen wir ausdrücklich, zunächst mit den vorhandenen Funktionen einen WebCalendar einzurichten. Dieser kann anschließend gemeinsam erweitert und angepasst werden. Wenn Sie Fragen haben, welcher Weg für Ihr Projekt sinnvoll ist, kommen Sie gerne auf die Kulturserver Redaktion zu.

Wir empfehlen ausdrücklich, frühzeitig das Gespräch zu suchen. Wir freuen uns darauf mit Ihnen gemeinsam eine  optimale Lösung für Ihr Projekt zu entwickeln.

 

OnePager Projekt starten
1

Wählen Sie den Namen der neuen Page

Zusammen mit der Adresse (URL) der Basisseite ist Ihr Projekt sofort unter dieser neuen Internetadresse verfügbar.

weitere Infos

Editor Mode
2

Inhalte nach Ihren Vorstellungen einrichten.

Erste Daten, Bilder, Videos sowie persönlichen Daten haben wir bereits für Sie als Beispiel hinterlegt.

weitere Infos

Seitenbereiche / Slides
3

Jedes Slide hat einen eigenen Editor

Mit dem Wechsel eines Slide wird der zugehörige Editor eingeblendet. Auf der rechten Seite bearbeiten Sie die Inhalte.

weitere Infos

Erneut bearbeiten
4

Verborgener Button links unten in der Ecke

Via MouseOver wird der Button für den Editor Mode sichtbar, um Inhalte später erneut anpassen zu können.

weitere Infos

OnePager anlegen / bearbeiten