Bedienungskonzept Webseite ESV BR Bonn www.esv-bonn.de
Inhaltsverzeichnis Technische Daten... 3 Webhosting... 3 Content Management System... 3 Zielsetzung Umstrukturierung... 4 Konzeptionelle Beschreibung... 4 Benutzerverwaltung... 5 Erstellung neuer Content... 6 Erstellung eines neuen Beitrags... 6 Erstellung eines neuen Beitrags mit Bildern... 7 Einbindung von einer Google Maps Karte... 9 Einbindung von Foto Galerien... 9 Benutzerregistrierung... 10 2
Technische Daten Webhosting Der Webauftritt liegt beim Webhoster 1&1. Der Vertrag läuft auf ESV Blau-Rot Bonn e.v. in Vertretung Damian Starzetz. Die Kundennummer des Pakets lautet: 2654567 und die Vertragsnummer: 1163264 Derzeit beinhaltet der Vertrag folgende Leistungen: 200 E-Mail Postfächer 50 GB Webspace 20 MySQL Datenbanken 20 FTP Zugänge 1 inklusiv Domains (esv-bonn.de) bis zu 100 Subdomains Content Management System Das System setzt auf eine Joomla 3.1.5 Installation auf. Für Back und Frontend ist eine Übersetzung auf Deutsch installiert. Joomla benötigt eine MySQL Datenbank. Bei diesem Paket ist es die Datenbank mit der Beschreibung: ESV BR Bonn Portal. Die Zugangsdaten lassen sich im 1&1 Control Center einsehen. Die Joomla Installation nutzt auf dem Webserver das Verzeichnis esvportal Der Hauptadministrative Benutzer heißt admin und besitzt die E-Mail Adresse admin@esv-bonn.de diese wird über die Benutzeroberfläche des 1&1 Control-Center weitergeleitet. Derzeit an info@schupfball.de (Sascha Heinen). Aus Sicherheitsgründen werden die Passwörter separat dokumentiert. Folgende zusätzlichen Module zur Standard Installation sind vorhanden: JEvents (Kalender) Facebook Like and Share Google Map Integration Akeeba Backup Kunena Forum Phocadownload Phocagallery Neu angelegte Benutzer, müssen sich über eine Email Adresse verifizieren. Jeder Benutzer muss dann noch vom Administrator aktiviert werden. 3
Zielsetzung Umstrukturierung Nachdem lange Zeit der ESV Blau Rot Webauftritt mit einer HTML und CSS basierten Lösung dargestellt wurde. Und nur HTML affine Personen mit der Aministration der Seiten befähigt werden konnten. Wurde ein Neuaufbau der Seite veranlasst. Bei dem es galt die Administration so einfach wie möglich zu gestalten, das Aussehen der einzelnen Abteilungen soweit es geht, aneinander anzugleichen. Durch den Neuaufbau eines CMS (Content Management Systems) ist es nun möglich, das System immer wieder mit nützlichen Funktionen zu erweitern. Konzeptionelle Beschreibung Der neue Webauftritt verfügt über ein horizontales Menü. Wählt man einen der Menüpunkte aus, öffnet sich auf der linken Seite ein vertikales Menü mit den neuen Menüpunkten. Folgende Menüpunkte sind vorhanden und werden im folgenden mit ihren Funktionen beschrieben (Es wird nur auf besondere Menüpunkte eingegangen, sofern es sich um Untermenüpunkte handelt): Home Tischtennis Tischtennis - Mannschaften Tischtennis - Veranstaltungen Tischtennis- Fotos Schwimmen Schwimmen - Fotos Tennis Tennis - Fotos Gymnastik Gesamtvorstand Gesamtvorstand - Dokumente Dies ist auch zugleich die Startseite wenn man das erste Mal www.esv-bonn.de besucht. Hier werden alle News aller Abteilungen dargestellt die als Hauptnews deklariert worden sind. Hier ist die Tischtennisabteilung zu Hause, die erste Seite ist die News Seite Eine Übersichtsseite über die Mannschaften der Tischtennis Abteilung. Im vertikalen Menü erweitert sich das Menü um die Anzahl der Mannschaften Hier gibt es eine Ansicht über die Funktion JEvents, die einen Kalender darstellt. Hier kommt das Modul Phoca-Gallery zum Einsatz. Es werden vorher definierte Bilder aus dem Webspace komfortabel als kleine Bildchen dargestellt, mit der Option die Bilder groß anzusehen oder sich aus einer Kategorie eine Slideshow anzeigen zu lassen Hier ist die Schwimmabteilung zu Hause, die erste Seite ist die News Seite Analog der Foto Seite der Tischtennis Abteilung Hier ist die Tennisabteilung zu Hause, die erste Seite ist die News Seite Analog der Foto Seite der Tischtennis Abteilung Hier ist die Gymnastikabteilung zu Hause, die erste Seite ist die News Seite Der Gesamtvorstand wird hier auf der Seite mit dem Vorstand dargestellt. Über der Modul Phocadownload wird es dem Besucher des Webauftrittes möglich gemacht 4
Gesamtvorstand - Jobs Gesamtvorstand - Registrierung Forum Impressum Admin Admin - Beitrag erstellen Admin - Foto Admin Admin - Termine bearbeiten Admin - Neuen Termin einstellen vorher zur Verfügung gestellte Dokumente / Dateien herunterzuladen Unter diesem Menüpunkt verbirgt sich die News Seite Jobs. Hier werden alle Artikel dargestellt die in die Kategorie Gesamtvorstand/Jobs eingestellt wurden. Hier ist es möglich das sich neue Benutzer auf der Seite für den internen Bereich anmelden. Dieser Benutzer Accounts dienen auch dem Forum. Das Forum ist angemeldeten Benutzern vorenthalten. Das Forum selber hat auch noch eine Unterteilung in die einzelnen Abteilungen. Das Impressum der Seite, welches aus rechtlichen Gründen vorhanden sein muss Das Menü Admin erscheint nur wenn sich Mitglieder mit Reporter Rechten anmelden Darüber ist es dem Reporter möglich in seiner Abteilung Beiträge und News zu erstellen. Über den Foto-Admin Link ist es möglich Fotos auf den Webspace zu laden Darüber ist es möglich Termine in das Kalender Modul einzutragen Darüber ist es möglich einen neuen Termin im Kalender einzustellen Benutzerverwaltung Es wird beim Webauftritt zwischen vier Benutzergruppen unterschieden: Gäste / ohne Registrierung Diesen Benutzern ist es lediglich möglich alle Inhalte zu sehen, ausgeschlossen sind sie vom Admin Menü, dem Forum und dem administrativen Backend Mitglieder mit einem Benutzer Account Diesen Benutzern sind alle Inhalte zugänglich außer dem Admin Menü und dem administrativen Backend. Die Benutzer werden dabei in die zugehörige Benutzergruppe ihrer Abteilung abgelegt. Mitglieder mit einem Benutzer Account und erweiterten Rechten (Reporter) Diese Benutzer haben auch Zugriff auf das Admin Menü aber keinen Zugriff auf das administrative Backend. Zusätzlich zu den Funktionen im Admin Menü, haben Sie die Möglichkeit in ihren eigenen Abteilungen zu editieren. Administrative Benutzer Diese Gruppe hat als einzige Gruppe auch Zugriff auf das administrative Backend. 5
Erstellung neuer Content Erstellung eines neuen Beitrags Um einen neuen Beitrag zu stellen, wählt man das Admin Menü und dann den Menüeintrag "Beitrag erstellen. Es öffnet sich ein Fenster mit einem Text-Editor. Hier ist es nun möglich seinen Text wie in üblichen Textverarbeitungsprogrammen einzugeben. Dabei ist es wichtig einen Titel zu wählen der eindeutig ist, um eine spätere Bearbeitung sinnvoll zu gestalten. Der Alias kann leergelassen werden und wird vom System automatisch aufgrund des Titels gewählt. Um auf interne Beiträge zu verweisen, wird der Menüpunkt "Beiträge" unterhalb des Editorfensters ausgewählt. Die gleiche Funktion verbirgt sich hinter dem unteren Menüpunkt "Bild" für das einsetzen von Bildern die sich schon auf dem Webserver befinden. Die wichtigste Funktion ist mit "weiterlesen" gegeben. Damit wird erreicht das der Benutzer am Bildschirm den neuen Artikel / neue News nur bis zum roten Strich lesen kann. Möchte der Benutzer darüber hinaus weiterlesen, muss der Benutzer den Weiterlesen Link betätigen. Damit die Seite übersichtlich bleibt, ist anzuraten den "weiterlesen" Menüpunkt einzusetzen. Ist der Text fertig geschrieben wird noch die Kategorie angegeben. Damit beeinflusst man die Darstellung auf des Webauftrittes. Nur neue Beiträge in der Kategorie /Abteilung-News werden auf den News Seiten dargestellt. Die Kategorie Feste Informationen sind für sehr starre Seiten auf dem Webauftritt gedacht wie Kontaktdaten Seiten oder Anfahrtswege. Ist es vorgesehen das die News die eingestellt wird auch auf der Hauptseite des Vereins dargestellt werden soll, wählt man die News noch als Hauptbeitrag aus. 6
Damit die News auch einheitlich aussehen, ist es wichtig das sich auf eine einheitliche Formatierung geeinigt wird. Bestenfalls sieht es folgendermaßen aus: Überschrift: Beispiel Überschrift: TT.MM.JJJJ TITEL 10.09.2013 Neuer Vereinsmeister gefunden Nach ca. 3-4 Zeilen muss die Funktion "weiterlesen" benutzt werden. Damit ist sichergestellt, dass die News Seiten nicht überlagert wirken. Um die "weiterlesen" Funktion einzusetzen, wird die Position wo der Artikel auf der News Seite ein Ende finden soll markiert und betätigt den "weiterlesen" Button. Die "weiterlesen" Funktion wird durch eine gewellte Linie wie im Bild unten dargestellt. Erstellung eines neuen Beitrags mit Bildern Die Erstellung eines neuen Beitrags funktioniert analog zum erstellen ohne Bild. Es gibt nur ein paar Besonderheiten die man beachten muss. 7
Wenn das Bild schon wissentlich auf dem Webserver vorhanden ist. Wird im Menü "Beitrag erstellen" der Menüpunkt "Bild" ausgewählt. Darauf hin öffnet sich ein Fenster, dort ist es möglich durch die Verzeichnisse auf dem Webserver zu navigieren und das passende Bild auszuwählen und somit in den Artikel einzufügen. 8
Einbindung von einer Google Maps Karte Soll eine Karte von Google Maps in auf eine Seite integriert werde, ist das sehr einfach. Es muss lediglich an der Position wo die Karte erscheinen soll den folgenden Text der die Adresse beinhaltet dort einfügen: {google_map}kopenhagenerstr. Bonn{/google_map} Einbindung von Foto Galerien Derzeit ist es noch nicht einfach möglich das jeder aus der Abteilung auch eine Galerie erstellen kann. Derzeit muss der folgende Weg dazu begangen werden: Die Abteilung lädt die Fotos in das Verzeichnis auf dem FTP. Dort gibt es verschiedene Ordner, welche den Abteilungen zugeordnet sind. Der FTP User heißt: Webserver: p7368320-fotos www.esv-bonn.de Das Passwort zu dem Benutzer gibt es per E-Mail vom Webseiten Hauptbeauftragten der Abteilung. Der Benutzer verfügt nur das Recht in den Ordner der Bilder zu navigieren. Daher ist das Risiko gering gehalten und der Benutzer dient wirklich nur der Erstellung von Bildern auf dem FTP Server. 9
Nachdem die Bilder auf den Server hochgeladen sind, muss nur noch eine Email an Sascha Heinen (info@schupfball.de) gesendet werden mit dem Inhalt wo die Bilder liegen in welchem Verzeichnis und wie das neue Album dann auf der Webseite der eigenen Abteilung heißen soll. Benutzerregistrierung Um sich auf der Webseite zu registrieren ist es nötig unter Gesamtvorstand / Registrierung / Profil bearbeiten sich ein Konto zu erstellen. Dieses Konto wird mit den Mitgliederlisten abgeglichen und vom Administrator per Hand freigeschaltet. Die Anmeldung folgt nach der Aktivierung über das Plus Zeichen in der oberen rechten Ecke. Dort werden Benutzername und Passwort eingetragen. Danach ist es möglich über den zuvor benannten Menüpunkt seine Profildaten zu ändern. 10
Im Forum gibt es darüber hinaus die Möglichkeit sich ein Avatar hochzuladen. Die Profil Einstellungen des Forums und der Webseite unter Gesamtverein / Registrierung / Profil bearbeiten sind identisch. Werden Daten im Forum geändert, ändern sie sich auch im Webseiten Profil und umgekehrt. Benutzer die Artikel erstellen dürfen, werden vom Administrator in die dafür vorgesehene Gruppe hinzugefügt. 11