1 Das Konzept des Web Service von SwissAgenda.info Der Web Service von SwissAgenda.info ist ein Dienst, mit dem die eigene Homepage erstellt und betrieben werden kann. Er umfasst: - HPmanage, ein CMS (Content Management System = Hilfssystem für die Erstellung und Pflege der Homepage), das den Benützer in allen Aufgaben für die Erstellung Pflege der eigenen Homepage unterstützt. Es steht automatisch allen Benützern des Web Service von SwissAgenda.info zur Verfügung. - Web Server für die eigene Homepage, Mail Server für die dazugehörigen Mail Adressen. Der Webserver wie auch der Mail Server werden von SwissAgenda.info bereitgestellt (Hardware, schnelle Internetanbindung) und gewartet (Datensicherung, Beheben von Betriebsproblemen, Sicherheitsmassnahmen). Ein feste Benützungsgebühr schützt vor Überraschungen. - Support bei Problemen Ein langfristiger Support sorgt für Kontinuität, und ist besonderes wichtig, wenn die eigenen Mitarbeiter, welche die Homepage betreuen, wechseln. 2 Hpmanage 3.0 2.1 Die wesentlichen Vorteile : Hpmanage ist ein CMS (Content Management System = Hilfssystem für Erstellung und Pflege der Homepage). Alle professionellen Anwender setzen für die Erstellung Pflege der Homepage CMS Systeme ein. Damit kann der Aufwand für die Erstellung der Homepage deutlich reduziert werden. Datenbank orientierte Webanwendung. Die Seiteninhalte werden in einer Datenbank gespeichert. Die Vorteile dieser Lösung sind: - Möglichkeit der zeitgesteuerten Aktualisierung der Information, welche durch das System aus der Datenbank herausgelesen und in die Seiten eingefügt wird. - Berechtigungs-Steuerung für Anzeige der Informationen: Damit lassen sich geschützte Bereiche, ein sogenanntes Intranet realisieren. Berechtigungs-Steuerung: Die Rechte für Datenanzeige und für Datenveränderung kann für Seiten und Zellen bestimmten Benützergruppen zugewiesen werden. Damit kann folgendes erreicht werden: Einrichten von geschützte Seiten (ein sogenanntes Intranet), welche Benützern zugänglich sind, die speziell autorisiert wurden. Zuteilung der Pflege der Web Inhalte auf verschiedene Personen. Damit wird der Aufwand für den einzelnen Mitarbeiter erträglich. Diejenigen, welche die Information haben, zb verantwortliche Leiter, sind am meisten motiviert, den Webinhalt akutell zu halten und erhalten so die Möglich dazu. Unterhalt der Daten weitgehend getrennt von der Gestaltung der Web Seite. Damit können diejenigen, welche die Daten liefern, diese ohne spezielle Webkenntnisse selber in die Web Seiten stellen. Gestaltungsfreiheit der Web Seite wird durch das CMS nur wenig eingeschränkt. Verschiedene Möglichkeiten, die Inhalte mit eigenen Hilfsmitteln zu gestalten erlauben es, praktisch alle speziellen Anforderungen zu erfüllen. Keine besonderen Hilfsmittel für den Unterhalt der Web Seiten erforderlich Die ganze Pflege der Home Page kann mit dem allgemein vorhandenen Web Browser erfolgen. 2.2 Das Funktionskonzept Chr.Sager 06/07/2006 1
HTML Gestaltungsvorlage Datenbank Mitarbeiter welcher die Webseite pflegt Edit Modus Daten Gestaltung <Dynamische Datenaktualisierung Disk Abfrage der Web Seiten Benützer der Web Seite Informationen, welche im Web dargestellt werden sollen Hpmanage 3.0 Webseiten der eigenen Homepage Fluss der Information bei der Pflege der Homepage und bei deren Abfrage durch den Benützer. Chr.Sager 06/07/2006 2
2.2.1 Seiten gestalten: HTML Gestaltungsvorlage: Sie bestimmt den Layout der Seite. Unveränderliche Elemente (ein Banner, ein Logo) können hier plaziert werden. Die Seite wird in Zellen unterteilt, welche die variablen Daten erhalten. Grösse und Plazierung der Zelle innerhalb einer Seite bestimmen den sichtbaren Layout. Mit Unterstützung von Hpmanage werden zum Zeitpunkt der Abfrage durch den Benützer Seitenvorlage und Zellendanten zu einer Seite zusammengefügt und auf den Browser geschickt. Für raschere Abfrage können statische Daten vorab zu Seiten zusammengestellt und so abgelegt werden. Jede Zelle einer Seite hat den in der Seitenvorlage definierten Namen. Damit kann die Zelle bei der Pflege des Inhaltes angesprochen werden. Die Funktion der Zelle kann festgelgt werden. Dadurch entstehen Zellen für zb Texte, Download Bereiche, Menues etc. Die Zellendaten werden gemäss der Funktion erfasst und abgelegt. HTML Gestaltungsvorlage <SAH:Vorschau> Web Browser manage.swissagenda.net Abrufbereite Seite Wie soll das Feld mit Informationen gefüllt werden? insert_text(1,57,82) Chr.Sager 06/07/2006 3
2.2.2 Wysiwyg Editor für Text und Bild Verschiedene Zellenfunktionen benötigen Text und Bild Eingaben. Da die Webseite in HTML erstellt werden muss, ist dafür ein Editor mit HTML Fähigkeit nötig. Hpmanage stellt ein Online Editor zur Verfügung, mit dem direkt mit dem eigenen Web Browser die Zelle HTML konform editiert werden kann. Die Benutzeroberfläche ist der von Word ähnlich. Es kann mit der Maus gearbeitet werden, um die einzelnen Funktionen anzuwählen.wysiwyg heisst What you see is what you get, zu Deutsch: Man sieht das Resultat sofort. Die Bilder können eingefügt werden. Sie müssen dazu zuerst in der Dateiverwaltung von HPmanage gespeichert und können dann mit dem Editor in der Zelle plaziert werden. Möglichkeiten und Einschränkungen von HTML sind zu berücksichtigen. Im Gegensatz zu Word müssen auf einer Webseite Texte und Bilder, welche nicht nur als Fliesstext erscheinen sollen, in ein unsichtbares Gitter (Tabellen) eingefügt werden. Die Abstände der Gitterlinien können festgelgt werden und erlauben damti eine genaue räumliche Verteilung der Texte und Bilder. Eine reine HTML Ansicht (der reine HTML Code wird angezeigt) ist für die Realisierung von Spezialfällen, welche durch den Editor nicht unterstützt werden. HTML Gestaltungsvorlage Datenbank <SAH:Vorschau> Informationen, welche im Web dargestellt werden sollen Web Browser manage.swissagenda.net Daten 2.2.3 Bilder speichern und einfügen Die Anzeige von Bilder in HTML Seiten geschieht wie folgt: Die HTML-Seite wirde ohne Bilder geschickt. An der Stelle, an der ein Bild dargestellt werden soll, steht nur die Angabe, wo das Bild zu holen ist. Der Browser holt sich deann selbständig diese Bilder vom Werbserver. Damit das möglich ist, werden die Bilder in der Dateiverwaltung des HPmanage abgelegt und können so vom Browser abgerufen werden. Der Wysiwyg Editor platziert die richtigten Bilderverweise im Text. Der Benützer sieht dabei das Bild, auch wenn in Wahrheit nur gerade eine Referenz abgespeichert wird. Chr.Sager 06/07/2006 4
2.2.4 Text und Bilddaten Anzeigen Der Abruf der Web Seiten erfolgt wie gewöhnlich mit einem Standard Browser. Die verlangten Seiten werden, wo nötig, mit den Daten aus der Datenbank ergänzt und angezeigt. Dynamische Datenaktualisierung Web Browser Abfrage der Web Seiten Webseiten der eigenen Homepage 2.2.5 Zellenfunktionen Es gibt eine Vielzahl von Funktionen. Die Wesentlichen sind nachfolgend aufgelistet Dateien auf den Webserver hochladen Dateien vom Webserver herunterladen Links hochladen und anzeigen Veranstaltungskalender anzeigen News hochladen und anzeigen Banner Werbung Menu anzeigen Die Anzahl der zur Verfügung stehenden Funktionen ist je nach Vertrag unterschiedlich. Die Zuweisung der Zellenfunktion zu einer Zelle kann jederzeit geändert werden. 2.2.6Zellenfunktion: Daten aus der Datenbank anzeigen Dazu gehört die Funktion News anzeigen und Veranstaltungen anzeigen. Die Texte werden erfasst und in einer Datenbank abgelegt. Die Anzeige erfolgt automatisch (zb zeige die letzten News) durch HPmanage welches die Daten in einer definierten Darstellung anzeigt. Die Auswahl der Daten ist entweder vordefiniert oder kann vom Benützer gewählt werden. Bei Dateien zum Herunterladen werden die Angaben zu den Dateien aus der Datenbank genommen und automatisch angezeigt. Der Vorteil dieser Lösung ist, dass die Speicherung von neuen Dateien sofort in der Webseite sichtbar sind. Chr.Sager 06/07/2006 5
2.2.7 Datenbank Verwaltungsfunktionen Für den Betrieb von HPmanage sind eine Anzal Datenbank Tabellen notwendig. Dafür gibt es eigene Verwaltungsfunktionen. - - Web Overview Anzeigen und verändern der Konfiguration der eigenen Homepage - - Benutzerverwaltung Verwalten der Benutzerrechte - - Dateiverwaltung Speichern und gezieltes Herunterladen von Dateien, wobei die Berechtigung sich auf einzelne Dateien bezieht. - News Verwaltung - Verwalten der Veranstaltungen - Verwalten der Banner Bilder - Verwalten der Links - Verwalten der Feedbacks 2.2.8 Integrierte Webfunktionen Gewisse Funktionen wie Forum oder Bildergallerie sind von Drittanbietern entwickelt und in HPmanage integriert worden. Für die Pflege der Daten ist die Unterschiedlichkeit der Benutzerführung sichtbar. User erscheinen diese Funktionen als Teil der Homepage. Die Dokumentation ist verfügbar. 2.2.9 Zeitgesteuerte Anzeige von Daten Um die Aktualtität der Webinhalte zu sichern, müsste manuell zum richtigen Zeitpunkt Daten eingefügt und wieder entfernt werden. Das System unterstützt den Verwalter einer bestimmten Information mit der zeitgesteuerten Anzeige. Bei der Erfassung kann angegeben werden, wann die Information erscheinen und bis wann sie sichtbar bleiben soll. Damit nach Ablauf der Anzeigedauer nicht eine leere Seite erscheint, ist für jede Zelle eine Version ohne Zeitangabe zu definieren, welche in diesen Fällen dann angezeigt wird. Die abgelaufenen Daten bleiben bis zum (vom Benützer festgelegten) Zeitpunkt der Entsorgung noch vorhanden. Damit können solche Daten für eine ähnliche Information später wieder verwendet werden. Die alten Zellendaten werden automatisch entsorgt. Chr.Sager 06/07/2006 6
2.3 Was braucht es, um eine eigene Homepage mit dem CMS von HomePage.Swissagenda.net zu betreiben? Der Anwender benötigt Einen Domain Namen, unter dem die Webseite abrufbar sein soll. Für eine Probephase kann ein temporärer Namen <namen>.swissagenda.net verwendet werden. Einen Vertrag mit SwissAgenda.info. Gemäss diesem Vertrag wird eine leere Homepage mit Verwaltungszugang (HPmanage) erstellt. Damit kann sofort mit der Erstellung der Homepage begonnen werden HTML-Editor für die Erstellung der Templates (Seitenvorlage). Mögliche Produkte: Dreamweaver. Alternativ können sie von SwissAgenda.info erstellt werden. Dieser Weg ist sinnvoll, da nur selten die Vorlage verändert wird und der Aufwand für die Einarbeitung in ein Produkt wie Dreamweaver recht gross ist PC, Internet Anschluss (ADSL empfohlen) und ein Webbrowser. (Firefox 1.5, Safari, IE 6.0) Kurze Schulung für die Personen, welche die Webseite pflegen sollen. SwissAgenda.info führt regelmässig solche Schulungen durch. Chr.Sager 06/07/2006 7
3. Einführung in die Erstellung der Webseiten 3.1. Mit Templates Gestaltung und Daten einer Webseite trennen Die Gestaltung der Seiten umfasst: Graphischer Layout Farbgebung Logo Verzierungen, zb. festes Bild im Kopf Styles für Schriften, Farbe Absatzgestaltung Ein Darstellungsraster, welches den Raum in einzelne Zellen aufteilt. In diese Zellen werden die Daten (Bilder, Text, Datenbankabfragen) vom System eingefügt und angezeigt. Zur eindeutigen Zuordnung erhält jede Zelle einen Namen. Für die Pflege der Dateninhalte muss die Gestaltung der Seite nicht mehr berücksichtigt werden, was wesentlich zur einfachen Pflege der Homepage beiträgt. 3.2. Templates erstellen Templates werden mit einem üblichen Webeditor erstellt (zb. Dreamweaver). Der nutzbare Raum wird durch eine oder mehrere Tabellen aufgeteilt. Jede Zelle wird mit einem Label bezeichnet: <SAH:name> (zb. <SAH:intro>. Nur solche Zellen, welche einen Zellen Label haben, können beim Editieren angesprochen werden und erhalten damit veränderbare Daten. 3.2.1Templates hochladen In der Hpmanage/Dateiverwaltung können die Templates vom lokalen PC in das Verzeichnis master_template hochgeladen werden. 3.2.2 Web Seiten Baum Die hochgeladenen Templates werden in einem Web Baum angeordnet. Diese Anordnung hat eine Bedeutung für die Berechtigung der Seiten. Sie hat keinen Einfluss auf die Navigation, die der Benützer auf dem Web sieht. Wer das Besitzer-Recht für eine Seite hat, kann weitere Seiten in seinem Teilbaum anhängen 3.3 Seiten erstellen 3.3.1 Navigation Es stehen zwei Navigations Möglichkeiten zur Verfügung: Direktes Aufrufen einer Seite. Diese Navigation ist im Menu-Stil gestaltet und erlaubt mehrere Ebenen tief eine Seite direkt auszuwählen. Navigation aus der aktuellen Seite heraus. Mit Target-Buttons und Text Intros (Schlagzeile und Verweise auf die ganze Seite) können Seiten angewählt werden, welche aus der aktuellen Seite heraus sinnvoll sind. 3.3.2 Funktion der Zellen Jede Zelle hat einen Namen und eine Funktion (default: insert-text). Der Name dient der Identifikation der Zelle innerhalb der Seite, er muss lediglich innerhalb der eigenen Seite einmalig sein. Die Funktion bestimmt, welche Art von Information in dieser Zelle angezeigt wird ( zb. insert_download: Anzeige von Files, welche heruntergeladen werden können) Die Funktion kann nur durch Mitglieder derjenigen Gruppe geändert werden, welche Besitzer der Seite ist. Chr.Sager 06/07/2006 8
Wird die Seite neu hochgeladen oder wird die Funktion einer Zelle geändert muss die Seite neu generiert werden. Damit werden die Definitionen der Zellenfunktionen in die Seite plaziert und ist zum Zeitpunkt der Seitenabfrage aktiv. Die Funktionen werden in der Funktionsbeschreibung im Detail beschrieben 3.3.3 Daten für einzelne Zellen eingeben und verändern Die Daten für die Zellen werden in der Datenbank gespeichert. Bei der Abfrage der Seite wird das vorbereitete Template und die Daten aus der Datenbank zusammengefügt und angezeigt. 3.4 Mehrsprachige Webseite Die Webseite kann mehrsprachig geführt werden. Es wird für jede Sprache ein separater Seitenbaum konfiguriert und gepflegt. Das erlaubt, unterschiedlich gestaltete Bäume für die einzelnen Sprachen zu erstellen. Im Vertrag wird festgelegt, ob die Homepage mehr als eine Sprache haben kann. Eine Änderung 3.5 Berechtigungen HomePage.swissagenda.net besitzt ein Berechtigungssystem womit bestimmten Gruppen Berechtigungen zugewiesen werden können: Berechtigungen gelten für Seiten und für jede einzelne Zelle. Besitzer Rechte haben eine Bedeutung bei der Konfiguration und Pflege der Homepage (manage.swissagenda.net), Access Rechte haben eine Bedeutung bei der Abfrage der Webseiten. Für Seiten bedeutet das Besitzer Berechtigung: Templates hochladen, Funktion der Zellen verändern. Zugriffs Berechtigung: Die Seite anzeigen lassen. Für Zellen bedeutet das Besitzer Berechtigung: Daten können verändert oder neu eingefügt werden Zugriffs Berechtigung: Daten können angezeigt werden. Werden die Daten innerhalb der eigenen Webseite eingegeben (zb. File upload) bestimmen die Access Rechte, wer Daten dort eingeben kann. Gruppen sind Träger dieser Berechtigungen. Personen können als Mitglied von ein oder mehreren Gruppen definiert werden. Damit erhält jeder Benützer die Rechte, welche die Gruppen, denen er angehört, besitzen. Der Web Administrator der Web Seite kann Gruppen und deren Mitglieder verwalten. Gruppen können nach Belieben definiert werden. Er kann für alle Seiten und Zellen die Berechtigungen verändern. Der Web-Admin hat seine Rechte unabhängig von Gruppenzugehörigkeit. Die Gruppe jedermann besteht immer. Jeder, der sich nicht anmeldet gehört automatisch zur Gruppe jedermann. Soll die Zugehörigkeit zu einer Gruppe für einen Benützer aktiv werden, muss der Benützer sich im System anmelden. Er erhält dann die Rechte der Gruppen, denen er angehört. Chr.Sager 06/07/2006 9