Benutzer:Uli/SH-Webseite

Empfehlung für bessere Lesbarkeit

Um die Lesbarkeit dieses Artikels zu verbessern empfehle ich auf der Einstellungsseite unter "Verschiedenes" den Punkt "Überschriften automatisch nummerieren" zu aktivieren.

Vorlage:Imho

Anforderungen für neue Webseite

Dieses Dokument stellt eine liste der Probleme der alten Webseite auf Joomla-Basis der Piratenpartei SH auf.

Weiterhin soll dieses Dokument Anforderungen für die neue Webseite definieren.

Namenskonventionen

Wichtigkeit

MUSS

Anforderungen die mit MUSS gekennzeichnet sind, sind absolut notwendig. Auf sie kann nicht verzichtet werden.

SOLLTE

Anforderungen die SOLLTE gekennzeichnet sind, sind wichtig. Sie sind aber nicht unverzichtbar.

KÖNNTE

Anforderungen die mit KÖNNTE gekennzeichnet sind, sind optional. Sie auf sie kann verzichtet werden, es wäre aber schön sie mit umzusetzen.

Status quo

Probleme mit der alten Website

Menu Einteilung

• Warum 2 Menüs, was gehört in welches?

• Topnavigation wird oft übersehen.

• "Schnellinfos" werden nicht ernst genommen.

Technik

• kein ordentliches SSL-Zertifikat
  • Uli beantragt eins als Vorsitzender (abgesprochen)
  • Webseite sollte standardmäßig über SSL-laufen: siehe z.B. www.datenschutzzentrum.de
• Keine feingranulare Rechteverwaltung für backend Benutzer. Jeder User der Rechte im Backend hat, kann jeden teil der Webseite verändern. Problem: Dadurch können nur sehr vertrauenswürdige Piraten ins Backend gelassen werden.
  • Von Anfang an klare Rechteeinteilung durch frei definierbare Benutzergruppen (RBAC)
• Keine Revisionssicherheit. Änderungen können nicht nachvollzogen werden oder rückgängig gemacht werden. Öffnet Tür und Tor für Manipulationen.
  • Lösung: revisionierte Beiträge, einsehbar für Team Website und Presse

Design

• Wenn man Text mit der Maus markiert, ist dieser unsichtbar markiert - sehr verwirrend
  • Darf im neuen Design so nicht vorkommen.
• Hinweis auf Meldung von Fehlern an der Seite zu auffällig, wirkt unprofessionell.
  • Lösung: dezenter "Fehler melden"-Link.

Zielgruppe

• Zielgruppe für Besucher der Seite nicht klar definiert (Anfänger, Profis, interessierte, etc.)

Gliederung

• Auf dem Heimathafen nur Pressemitteilungen, auf der Aktuelles-Seite alle Mitteilungen
• Protokolle komplett unübersichtlich veröffentlicht
  • Übersichtliche Anordnung der Protokolle, nach Veröffentlichung geordnet.

Inhalte

• Es fehlt eine Einleitung für interessierte und neu Piraten,
  • Wie kann ich mitmachen etc.
  • Menü wird neu konzipiert.
• Helpdesk bekommt viele gleiche Anfragen.
  • FAQ-Liste
• Viele Rechtschreibfehler
  • CMS bietet Rechtschreibkorrektur an.

Startseite

• Die Startseite ist massiv überladen. Viele Infos sind entweder nebensächlich oder könnten mit anderen zusammengefasst werden. Zuviel Text und zu kleine Schrift.
  • Lösung: Artikel nur als Teaser darstellen? Wie bei heise.de

Pressemitteilungen

• Art der Mitteilungen des Landesverbands nicht immer eingehalten (Pressemitteilung, Piratenupdate, …)
• Pressemitteilungen müssen separat versendet werden.
• Ein Interface für Presseteam um Piratenupdate oder PM zu veröffentlichen und gleichzeitig per mail zu versenden.

Kalender

• Kalender: Kein iCal support (import+export von Terminen)
• Kalender sollte alle Stammtische, Arbeitstreffen, Infostände usw. enthalten, damit jeder auf einen Blick sehen kann, was ansteht - und entscheiden, ob es ihn interessiert.

Gute an alter Website

• Kontakt-Seite ist gut aufgebaut.
• Fehlermeldefunktion - wird viel benutzt.

Plan für neue Webseite

Dieser Teil des Dokuments soll den Plan für die neue Webseite beschreiben.

Was wollen wir vermitteln

• Wir schließen niemanden aus! (Anwendung: barrierefrei und Accessible für mobile Geräte, keine "Nerdsprache").
• Wir sind eine junge, moderne, deutsche Partei.
• Wir sind eine Partei, in der jeder mithelfen kann und es keine starren Hierarchien gibt (mach mit, Kommunikationskanäle).
• Wir sind keine Spaßpartei (förmlicher Ton in Pressemitteilungen, nicht quietschbunt).
• Wir sind Schleswig-Holsteiner.

Definition der Benutzergruppen

Interessierter an der Partei

• Hat bereits von den Piraten gehört, sucht Infos und Kontakt.
• Nicht unbedingt technisch versiert.
• Will wissen, wie man Mitglied wird.

Mitglied

Will wissen, wie er mit anderen Piraten in Kontakt kommen kann.

Möchte wissen, was in anderen Städten so gemacht wird.

Möchte aktuelle Veranstaltungen kennen.

Vorstand

• Läd Sitzungsprotokolle hoch.
• Trägt Termine im Kalender ein.

Team Website

• Administriert das CMS.
• Behebt kleinere Fehler in Seiten und Artikeln.
• Trägt Termine ein.

Team Design

• Kann Anpassungen an Template vornehmen.
• Kann die Struktur der Navigation verändern.
• FTP-Zugriff auf das Templateverzeichnis.

Team Infrastruktur

• Hat Administrationsrechte im CMS.
• Nimmt Einstellungen technischer Natur vor (Caching, etc.).
• Kümmert sich um Updates des CMS.

Team Helpdesk

• FAQs einstellen.
• Hilfetexte bearbeiten.

Sammeln von Produktfunktionen (Was erwarten die Benutzer?)

Inhalte

Inhalte, die eingebunden werden müssen.

Startseite

• Heißt den Benutzer willkommen.
• Listet letzte Pressemitteilungen (Anriss) und baldige Termine auf.
• Nicht zu viel Text.
• Ansprache durch Bilder.
• Social Networks (Twitter, Facebook, …).

Programm

• Verlinkung des Bundesprogramms
• Ausführung der landespolitischen Standpunkte

Stammtische

• Listet die Stammtische auf
• Wo sind sie?
• Ansprechpartnerkontakte
• Webseitenverlinkung zu den Crews
• Grafische Visualisierung der Stammtischorte (imagemap)
• Wann sind sie (Verweis auf Kalender)
• Protokolle der Stammtische

Aktuelles/Presse

Enthält:

• Kontaktdaten von Pressesprechern.
• Auflistung aller Mitteilungsarten (Pressemitteilungen und sonstige Mitteilungen).

• • Der Benutzer SOLLTE nach Mitteilungsart, Datum oder Schlagwörtern filtern können.
• SOLLTE Veröffentlichungen über LV-SH enthalten (Pressespiegel) incl. lokaler Kopie (Urheberrecht?).

Alle Mitteilungen werden mit Schlagworten, einer Kurzfassung von maximal 100 Zeichen versehen.

Verwandte Mitteilungen sollten (automatisch?) verknüpft werden.

Mitteilungen SOLLTEN automatisch per Twitter und direktem Link verbreitet werden.

Alle Pressemitteilungen

Pressemitteilungen werden von Pressesprecher veröffentlicht.

Pressemitteilungen SOLLTEN automatisch per E-Mail verbreitet werden.

Alle sonstigen öffentlichen Mitteilungen

Sonstige Mitteilungen werden von Pressesprecher oder anderen autorisierten Piraten aus dem Presseteam veröffentlicht.

Mitglieder werden

• An wen muss ich mich wenden, um Mitglied zu werden?
• Wieviel kostet das? Gibt es Ermäßigung?
• Online-Mitgliedsantrag inkl. Bankeinzugsdaten
• Verweis auf Kommunikationskanäle und Stammtische

Vorstellung der Kommunikationskanäle

• Erklärungen zu
  • Mailingliste (SYNCOM)
  • Forum
  • Twitter & Web 2.0
  • IRC
  • Wiki
  • Liquid Feedback
• Zu jedem Kanal
  • Was ist das
  • Was findet man dort
  • Wie kann ich drauf zugreifen
• Kurzübersicht für alle Kanäle (Ein Satz als Beschreibung), für Details -> Eigene Unterseite

Hilfe

• Häufige gestellte Fragen (Team Helpdesk wählt aus)
• Verweis auf die Email vom Team Helpdesk falls weitere Fragen

Sitemap

• Auflistung aller Seiten in hierarchischer Form automatisch generiert.

Impressum

(alte Webseite gut)

• juristisch nötig
• kann klein ans Fußende
• Impressum nur die für Parteien notwendige Angaben.
• Link auf Kontakt

Kontakt

(Alte Webseite gut)

Nicht angemeldete Benutzer:

• Vorstand
• Schiedsgericht
• Pressesprecher
• Teams

Angemeldete Piraten:

• Andere Mitglieder (Allgemein, Region, Stadt, Interessen, Fähigkeiten) – Datenschutzprobleme prüfen.

Teams

• Welche Teams gibt es?
• Was ist ihr Zuständigkeitsbereich.
• Wie kann ich das Team erreichen.
• Wie kann ich selbst mithelfen?

Vorstand

• Wer vertritt die Partei nach Außen.
• Wo ist die Landesgeschäftsstelle.

Veranstaltungen

• Veranstaltungskalender, in den das Team Website Vorstand Termine eintragen können eintragen kann.
• Exportierbar in gängigen Formaten (vCal, iCal, ...)
• Historie anzeigen, vergangene Termine

Spenden

• Kann ich den Piraten als Privatmann oder Firma spenden?
• Wie kann ich das tun (Konto/Paypal/etc.)
• Unser Umgang mit Spendern (Transparenz, Veröffentlichung)

Protokolle

• Protokolle zum Download anbieten:
  • Vorstandssitzungen
  • LPTs
  • Stammtische

Piratenshop

• Verlinkung auf getdigital.de
• Erklärung: Wir bekommen als LV Anteil am Verkauf.
• Hinweis, dass es noch andere Piratenshops gibt, empfehlen aber getdigital.de

Technische Anforderungen

Suchmaschinenoptimierung (MUSS)

• Metatags.
• Feingliedrige Kontrolle (robots.txt - robots metatag).
• Google Sitemap

Kurz URLs (KÖNNTE)

Kurze URLs für Twitter, ohne externe Dienste:

Beispiel http://pirat.sh/-1234

RSS-Feeds (SOLL)

Jede Kategorie sollte per RSS-Feed abonnierbar sein.

Barrierefrei

Webseite muss barrierefrei sein (MUSS)

Anforderungen http://www.biene-award.de/

Datenschutz

SSL (MUSS)

Webseite muss per SSL ohne Fehlermeldung erreichbar sein.

Http Verbindungen sollten standardmäßig auf SSL umgeleitet werden.

Personenbezogene Daten (MUSS)

• Webseite darf keine personenbezogenen Daten speichern.
  • Keine Cookies, wenn keine Benutzeranmeldung (Zustimmung)
  • Keine SessionID, wenn keine Benutzeranmeldung (Zustimmung)
• Webseite darf keine externen Objekte einbinden (youtube, bilder, Javascript etc.).

Sicherheit (MUSS)

Revisionssicherheit (SOLL)

Es muss nachvollziehbar sein, wann was geändert wurde und es muss die Möglichkeit geben, Änderungen rückgängig zu machen.

Feingliedrige Benutzer und Rechteverwaltung (MUSS)

Es sollte Rollen geben, die Benutzer zugewiesen werden können.

Zugriffe auf unterschiedliche Teile der Webseite, sollte für verschiedene Rollen feingliedrig einstellbar sein.

Journal (SOLL)

Alle Änderungen sollten gespeichert werden: Wann, was und von wem.

Redaktion (SOLL)

Es SOLLTE die Möglichkeit geben, dass Benutzer Inhalte erstellen oder modifizieren, die aber erst online gestellt werden, nachdem ein Redakteur diese überprüft, ggf. editiert hat.

Kalender

Der Kalender MUSS in der Lage sein iCal Dateien automatisch zu importieren und zu exportieren, z.B. selbsttätig von Kalenderserver beziehen und auch als solcher fungieren.

Die Termine SOLLTEN Schlagworte unterstützen, um Termine zu kategorisieren. Z.B. „Stammtisch“, „Stammtisch Lübeck“, „Lübeck“. Oder: „Vorstandssitzung“ „Schleswig-Holstein“.

Mehrere Schlagwörter pro Eintrag SOLLTEN möglich sein.

Anlegen von Serienterminen MUSS möglich sein.

Export von Terminen nach Schlagwort KÖNNTE möglich sein.

Migration (MUSS)

• Transfer alter Inhalte (MUSS)
• Erhalt von Kategorien. (KÖNNTE) (sind eh Kraut und Rüben)
• Erhalt alter URLs? (KÖNNTE)

Verteilen von Aufgaben

Struktur der Inhalte - Navigationshierarchie

• Team Design überlegt sich inhaltliche und topologische Struktur.

Menu Beispiel:

• Heimathafen (Startseite)
• Über uns (wer sitzt im Vorstand, Teamauflistung)
• Programm (unser politisches Programm)
• Aktuelle (Pressemitteilungen, andere News)
• Mitmachen (wie kann mitgemacht werden, so machst du mit, so erreichst du uns)
• Veranstaltungen (Stammtische, Aktionen, Demos, LPTs usw..)
• Hilfe (wichtige FAQ vom Helpdesk zusammengestellt, Sitemap)
• Links (Link zu den Crewwebseiten, Forum, Wiki, Bundespiraten)
• Kontakt (Adresse Geschäftsstelle, Crewmailadresse, evtl Mailinglistenadressen)

Layout der Seite inkl. Inhaltsbereiche

• Team Design entwirft Template in HTML/CSS

Technische Umsetzung

• Aufgrund der weiten Verbreitung und vorhandenem Know-How bei den Piraten könnte Drupal als CMS verwendet werden. Team Infrastruktur setzt Testinstanz auf.

Joomla

Pro

• Wir haben ein laufendes System.

Contra

• unflexibel

Drupal

Pro

• Am weit verbreitetsten bei den Piraten, Know-How vorhanden.
• Schlanker Kern.

Contra

• Unbekannte Software (Team Design hat keinen Plan davon).

Plone

Pro

• Nicht php-basiert, kommt der IT entgegen.
• Erfüllt barrierefreie Internetpräsenz.

Contra

• Unbekannte Software (Team Design hat keinen Plan davon).
• Umstieg auf python sehr komplex.
• Hohe Server Anforderungen.

HTML Plaintext ohne CMS

Pro

• Kleine Änderungen einfach zu ändern.
• Design leichter anpassbar.
• Sehr barrierefrei.

Contra

• Sehr anwenderunfreundlich bedingt HTML- und CSS-Wissen.
• Sehr fehleranfällig durch unsauberen Code (nicht wenn durch include).

Arten von Mitteilungen festlegen und Workflow erarbeiten

• Presse Mitteilungen
• Infos für Mitglieder (Piratenupdate)
• Interessante Links
• Aktuelles aus dem LV
• Protokolle von verschiedenen Gliederungen