Podcast-Wiki Physik

PodcastWiki:Design

Das Design von PodcastWiki Next Generation wurde im April/Mai 2012 von Intsar und Sven entwickelt. Diese Seite soll die Orte dokumentieren, wo die verschiedentlichen Texte herkommen, die man auf im PodcastWiki-Mediawiki-Template sieht.

PodcastWiki nutzt MediaWiki

Zum besseren Verständnis hier ein paar Grafiken, die demonstrieren, dass Podcast-Wiki und Wikipedia wirklich die gleiche Software verwenden. Zunächst ein kommentierter Screenshot eines Wikipedia-Artikels:

Fehler beim Erstellen des Vorschaubildes: convert: no decode delegate for this image format `/tmp/magick-ERL3rYGP' @ error/constitute.c/ReadImage/532.
convert: missing an image filename `/tmp/transform_ecad768af2b4-1.png' @ error/convert.c/ConvertImageCommand/3011.
Screenshot einer Wikipedia-Seite, mit Markierungen von Bereichen

Markiert sind hier Bereiche des Monobook bzw. Vector-Skins. Letzeres ist mittlerweile das Default-Skin. Ein Skin besteht, wie weiter unten dokumentiert, aus einigen PHP-Files, die das Template zusammensetzen, und natürlich CSS/JavaScript/Bildern. Das ganze befindet sich dann in einem Unterordner, und zwar http://podcast-wiki.physik.uni-frankfurt.de/w/skins/ . Wie sieht im Vergleich dazu nun eine Podcast-Wiki-Seite aus?

Fehler beim Erstellen des Vorschaubildes: convert: no decode delegate for this image format `/tmp/magick-5mtvjwYY' @ error/constitute.c/ReadImage/532.
convert: missing an image filename `/tmp/transform_b21680a35202-1.png' @ error/convert.c/ConvertImageCommand/3011.
Screenshot einer Podcast-Wiki-Seite, mit Markierungen

Das Podcast-Wiki-Layout ist tatsächlich vom MediaWiki-Layout abgeleitet. Es benutzt die gleichen Bezeichner für Menübereiche. Das obige Bild hilft, sich etwas im HTML-Gerüst, aber auch dem das HTML-Gerüst generierenden PHP-Code zurechtzufinden. Wichtige Bereiche, die anpassbar gehalten werden sollen, sind in sogenannten MediaWiki-Systemnachrichten gespeichert, das sind einfach Wikiseiten im MediaWiki-Namensraum, die von jedem mit Admin-Rechten bearbeitet werden können. An welchen Stellen die Texte gespeichert sind, steht auf dieser Seite im Folgenden nun nochmal im Detail.

Speicherorte

Das PodcastWiki-Skin selbst findet man unter /skins/podcastwiki/ im Mediawiki-Installtionsordner /w. Die HTML-Ausgabe findet im PodcastWikiSkin.skin.php statt.

Das Skin selbst bindet MediaWiki-Systemnachrichten ein. Diese können nur von Administratoren bearbeitet werden, bestehen typischerweise aus HTML oder einem speziellen Syntax und sind Wiki-Seiten im MediaWiki-Namensraum:

  • MediaWiki:Podcastwiki-about ist der längere Beschreibungstext unten links.
  • MediaWiki:Sidebar ist der Standard-Speicherort für das Menü. Es besteht aus den Untermenüs
    • navigation: Bislang noch nich ganz klar, werden wir wohl nicht brauchen
    • topnav: Die Hauptnavigation oben direkt unter dem Header, in grauer Schrift, in einer Zeile mit Suche und Feeds.
    • TOOLBOX: Werkzeuglinks, befinden sich im Footer.
  • PodcastWiki:PhysikOnline-Universum ist der per MW-API/AJAX eingebundene Text in der schwarzen Box, der bei Klick auf explore oben rechts runtergefahren wird.

Sidebar/Navigation

Die Labels in MediaWiki:Sidebar sind selbst MediaWiki-Systemnachrichten, z.B. MediaWiki:Navigation oder MediaWiki:Toolbox.

Insgesamt gibt es jede Menge Menüs im neuen Design. Eine Übersicht, optisch von oben nach unten (stimmt nicht mit Quelltextreihenfolge überein):

  • Metanav: Die beiden roten Metanavigationspunkte (nav.tags), die Infos über das Gesamtprojekt liefern bzw. die Wikinavigation einschalten.
  • Header-Wikinav: Die horizontale Monobook-typische Tabnavigation (p-cactions in nav.wiki) sowie das persönliche Menü (p-personal). Wird nur angezeigt, wenn in der Metanav in den Wiki-Bearbeitungsmodus geschaltet wurde.
  • Hauptnavigation Topnav: Die horizontale Inhaltsnavigation direkt unter dem Header auf dem Sheet (p-topnav in nav.top). Dazu gehört auch das Suchfeld sowie der Newsfeed-Link. p-topnav wird aus MediaWiki:Sidebar generiert.
  • Footer-Wikinav: Restliche Toolboxen aus der Monobook-Sidebar, die momentan noch nirgendwo schlau untergebracht sind.
  • Weitere Footerlinks: Unterstützer (als Bilder eingebunden), usw.

Das Prinzip von Wiki-Ansicht und Nur Lesen-Ansicht

Um das Podcast-Wiki-Design etwas zu entschlacken (minimalistisch zu halten), gibt es oben rechts den roten Button Wiki. Wenn man ihn klickt, bekommt man alle Wiki-Funktionen angezeigt, die vorher ausgeblendet waren, das sind die Möglichkeiten, den Quelltext anzuschauen, zu bearbeiten (sofern eingeloggt), die Versionsgeschichte von Seiten anzuschauen, sich einzuloggen, usw. Folgendes Schaubild illustriert den Übergang:

Fehler beim Erstellen des Vorschaubildes: convert: no decode delegate for this image format `/tmp/magick-OaNY47X5' @ error/constitute.c/ReadImage/532.
convert: missing an image filename `/tmp/transform_800b6884bab1-1.jpg' @ error/convert.c/ConvertImageCommand/3011.
Die zusätzlichen Benutzerelemente im Wikimode

Dieser Übergang funktioniert per JavaScript bzw. CSS.