<h2>Wiki im Wandel</h2> <p>Durch eine Einladung zur <a href="https://www.semantic-mediawiki.org/wiki/SMWCon_Fall_2016">Semantic MediaWiki Conference: Fall 2016</a>, an der wir aus Termingründen leider nicht teilnehmen konnten, überlegten wir uns, welche Erfahrungen wir mit der Wiki-Software und deren Philosphie der Wissensmodellierung gemacht haben.</p> <p>Das SELFHTML-Wiki besteht anders als die Wikipedia aus einer hierachischen Dokumentation mit mehreren Bereichen. Auf der Suche nach Informationen haben Besucher des SELFHTML-Wikis unterschiedliche Strategien auf die Inhalte zuzugehen. Nach unserer Erfahrung genügt es also nicht, beliebige Informationen einfach in ein Wiki zu packen. Die eigentliche Herausforderung ist, ganz unterschiedlich vorgehenden Nutzern einen intuitiven Zugang zur gesuchten Information zu schaffen.</p> <p><!--more--></p> <h2>Rückblick</h2> <p>Auch wenn immer wieder Nutzer an die vermeintlich goldenen Zeiten der alten Doku aus einem Guss erinnern, gab es schon früh das Problem, dass diese statischen Seiten mit steigendem Umfang nur in immer größeren Zyklen überarbeitet werden konnten.</p> <figure style="margin-bottom:1em"> <img src="https://blog.selfhtml.org/images/f8b8bb64-5e29-11eb-8c1c-b42e9947ef30.png?size=medium" alt="doku-versionen" width="830" height="500" class="alignnone wp-image-1060"><figcaption>Übersicht der verschiedenen Versionen der Doku - die zeitlichen Abstände wurden mit steigendem Umfang immer größer</figcaption></figure> <p>So entstanden neben der Doku weitere Bereiche wie die <a href="https://wiki.selfhtml.org/wiki/Museum/Selfhtml-aktuell">Feature-Artikel</a> und eine Übersicht hilfreicher Forumsbeiträge. Um sich in dieser Welt zurechtzufinden, wurden neben den Links der Startseite <em>Meta-Strukturen</em> wie die Quickbar und Rundgänge für die Doku, sowie für das Forum eine Foren-Suche, Forenauslese, Foren-FAQ und ein Archiv für ältere Beiträge eingerichtet.</p> [](/images/042d388e-ec2f-11ef-b958-9c6b00263d9f.png) Neben dem Inhaltsverzeichnis gab es ebensoviele Links, die unter dem Schlagwort <strong>Navigation</strong> zusätzliche Wege aufzeigten. <p>Nutzer, die sich in diesem Dickicht nicht auf Anhieb zurechtfanden, wurden teilweise rüde abgefertigt, was für Anfänger die Hemmschwelle für Beiträge im Forum anhob.<a id="a1" href="#f1">^[1]</a></p> <h2>ein neues Wiki mit alter Struktur</h2> <p>Nach dem gescheiterten Wiki-Versuch von 2006 und der festgefahrenen Eigenentwicklung von SelfHTML 9 wurde 2010 ein Wiki mit der Mediawiki-Software eingerichtet.<a id="a2" href="#f2">^[2]</a></p> <p>Die Inhaltsstruktur entsprach weitgehend der der bisherigen Doku, und das Wiki wurde deshalb mit einer Vielzahl von Namensräumen konfiguriert:</p> <ul> <li><em>Doku:</em> (für den Hauptteil der Dokumentation)</li> <li><em>Artikel:</em> (Beiträge zu speziellen Themen)</li> <li><em>Kurse:</em> (Lehrgänge zu einzelnen Themen)</li> <li><em>Themen: </em>(Beiträge zu Themenschwerpunkten)</li> <li><a href="https://wiki.selfhtml.org/wiki/Referenzen">Referenzen</a>: (Übersichtstabellen für den Profi)</li> <li><a href="https://wiki.selfhtml.org/wiki/Kategorie:Glossar">Glossar</a>: (kurze Erläuterungen zu Fachbegriffen oder Abkürzungen)</li> </ul> <p>Diese Einteilung nach Art der Seiten erwies sich aber als nicht praktikabel. So musste neben den unnötig langen Seitennamen bei einer Suche schon der gewünschte Namensraum angegeben werden.<a id="a3" href="#f3">^[3]</a></p> <h3>semantisch gegliederte Seitenhierarchie</h3> <p>Im Juni 2012 wurde diese Struktur zugunsten einer semantisch gegliederten Seitenhierarchie im Hauptnamensraum abgeschafft. Dabei wurden die langen Seiten der Doku mit bis zu 30 Kapiteln pro Seite zugunsten eines Systems von kleineren und übersichtlicheren Unterseiten aufgegeben.</p> <figure style="margin-bottom:1em"> <img src="https://blog.selfhtml.org/images/f8bf592e-5e29-11eb-9939-b42e9947ef30.png?size=medium" alt="screenshot-breadcrumb" class="alignnone size-full wp-image-1062" /><figcaption>Screenshot eines Wiki-Artikels mit Breadcrumb-Navigation</figcaption></figure> <p>Das Breadcrumbmenü sorgt für einen Überblick und eine schnelle Navigation zurück zu den übergeordneten Haupt- und Portalseiten.</p> <h3>flachere Hierarchien</h3> <p>Andererseits ist eine semantische Hierachisierung um ihrer selbst Willen auch fragwürdig.</p> <p>Zusamengehörendes soll zusammengefasst werden, aber Bereiche wie <em>„Technische Ergänzungen“</em>, <em>„weiterführendes Wissen“</em> oder <em>„Grundlagen/Praxisnah“</em> als Abgrenzung zu <em>„Grundlagen/Technologien“</em> führten zu unötigen Zwischenschritten auf dem Weg zur gewünschten Seite.</p> <p>Generell änderte sich aber auch der Zugang zur Dokumentation. Durch die versionsfreie Entwicklung können die Inhalte ständig aktualisiert werden, sodass die früher so wichtige <a href="https://wiki.selfhtml.org/wiki/SELFHTML:Forum/FAQ">Forums-FAQ</a> ("Bevor du im Forum fragst &hellip;") heute nicht mehr zentral verlinkt ist. Die Antworten sind unter <a href="https://wiki.selfhtml.org/wiki/HTML/Tutorials">HTML/Tutorials</a> und <a href="https://wiki.selfhtml.org/wiki/CSS/Tutorials">CSS/Tutorials</a> thematisch passend integriert.</p> <p>Auch der Bereich <a href="https://wiki.selfhtml.org/wiki/Grundlagen">Grundlagen</a>, in dem früher noch vor dem Einstieg in HTML Grundbegriffe wie <em>Hypertext</em> und <em>Internet</em> behandelt wurden, hat seine Bedeutung als obligatorischer Einstieg verloren, da mit der fortschreitenden Digitalisierung immer mehr Nutzer bereits entsprechende Vorkenntnisse besitzen.</p> <h2>Duplicate Links - Zugang ins Wiki</h2> <p>Der Zugang zu unserem Wiki findet zu 43% über eine Suchmaschine auf eine Unterseite, zu mehr als der Hälfte aber über die Startseite des Wikis statt. Hier kam es immer wieder zu Kritik aus der Community, dass Inhalte nicht oder nur nach mehreren Versuchen gefunden würden. <em><strong>Duplicate Links</strong></em> geben Benutzern eine weitere Möglichkeit Inhalte zu finden, sorgen aber durch die Redundanz auch für größere Menüs.<a id="a4" href="#f4">^[4]</a> So galt es nun einen Kompromiss zwischen Übersichtlickeit und einem Mega-Menü mit allen verfügbaren Seiten zu finden.</p> <h3>Startseite - aufgeräumt und geräumig</h3> <p>Im Laufe der Zeit wurde die <a href="https://wiki.selfhtml.org/wiki/Startseite">Startseite</a> radikal reduziert. Anfänglich sind nur die Kernbereiche der Dokumentation (HTML, CSS und JavaScript) sichtbar, zusätzliche Inhalte können dann bei Bedarf aufgeklappt werden.</p> <p>Den Mittelpunkt der Startseite bildet ein weiteres Suchformular, das zusätzlich zum Suchformular rechts oben die Möglichkeit bietet, nach Seitennamen oder auch einzelnen Begriffen zu suchen.</p> <h3>Wer suchet, der findet</h3> <p>Um direkt aus der Suche zu Seiten zu gelangen, wurden für eindeutig identifizierbare Seiten Weiterleitungen angelegt, die die gesuchte Seite direkt öffnen. Wenn ein Stichwort mehrere Begriffe aus unterschiedlichen Bereichen bezeichnet, hilft eine Begriffsklärung, den gewünschten Artikel zu finden.</p> <p><img src="https://blog.selfhtml.org/images/f8c242a6-5e29-11eb-b47e-b42e9947ef30.png?size=medium" width="830" height="335" class="alignnone size-full wp-image-1061" alt="Screenshot einer Begriffsklärung"></p> <h3>schneller Zugriff von allen Seiten</h3> <p>Da viele Nutzer Quickbar, Inhalts-, Syntax- und Stichwortverzeichnis der alten Doku vermissten, wurde ein <em><strong>SCHNELL-INDEX</strong></em>, in dem Fachbegriffe aus den Bereichen HTML, CSS oder JavaScript alphabetisch gelistet sind, eingerichtet. Dieser ist auf der Startseite in den entsprechenden Bereichen verlinkt, aber auch auf allen anderen Seiten in der linken Sidebar vorhanden, sodass ein schneller und bequemer Zugriff möglich ist.</p> <h3>interne Links</h3> <p>Wenn Besucher beim Überfliegen des Artikels weitere Informationen benötigen, erhalten sie am Ende des Artikels unter <em><strong>Siehe auch</strong></em> Links auf thematisch passende und weiterführende Artikel.</p> <p>Da es nicht immer empfehlenswert ist, zusätzliche Hierarchieebenen als Übersichtsseiten einzuschieben, werden in einigen Bereichen Fortsetzungslinks als Vorlage eingebunden, die einen Rundgang ermöglichen und auf eine Übersicht (Mini-Portalseiten) mit weiteren Links verweisen.</p> <p><img src="https://blog.selfhtml.org/images/f8c543d4-5e29-11eb-9e14-b42e9947ef30.png?size=medium" alt="screenshot-fortsetzung" width="830" height="114" class="alignnone size-full wp-image-1064" /></p> <p>Weitere thematisch passende Seiten sind in Kategorien wie in einem Schlagwortverzeichnis zusammengefasst und über deren Übersichtsseiten zugänglich.</p> <h2>Ausblick</h2> <p>Unser Ziel bleibt es auch weiterhin, „<em>eine deutschsprachige Dokumentation zu HTML und verwandten Technologien zur Verfügung zu stellen</em>“. Beim Start 2010 war XHTML der letzte Schrei, es entstanden Artikel für Flash und Silverlight, deren Technologien heute obsolet sind. In den letzten Jahren ist mit SVG eine komplette Dokumentation inklusive Referenz dazugekommen, aber generell werden sich unsere Energien wohl weniger auf das Erschließen neuer Themen als auf den quantitativen und qualitativen Ausbau der bestehenden Bereiche konzentrieren.</p> <h3>ständige Verbesserung</h3> <p>MediaWiki stellt neben den Inhaltsseiten auch Diskussionsseiten für Fragen, Anregungen und Kritik zur Verfügung. Hierbei kam es in der Vergangenheit zu Dopplungen, da Diskussionen sowohl auf den dafür vorgesehenen Diskussionsseiten als auch im community-eigenen Forum geführt wurden. Durch einen Hinweis auf diesen Diskussionsseiten, sowie ein ständig eingeblendetes Icon am rechten Rand können Fragende ihr Anliegen direkt im Forum posten, wobei der Betreff schon vorausgefüllt ist (<em>Frage zum Wiki-Artikel "margin"</em>). Gleiches gilt für die im Forum verwendeten Tags.</p> <p><img src="https://blog.selfhtml.org/images/f8c83c06-5e29-11eb-98e7-b42e9947ef30.png?size=medium" alt="screenshot-fragen" width="830" height="307" class="alignnone size-full wp-image-1065" /></p> <p>Wie oben erwähnt, dauerte es in der alten Doku lange, bis neue Entwicklungen und Errata der letzten Version implementiert wurden. Obwohl nun die technischen Voraussetzungen gegeben sind, dass jeder auch ohne Anmeldung Inhalte verbessern und erweitern kann, ist aber die Hemmschwelle, selbst aktiv zu werden, oft noch zu groß.</p> <p>Ziel für die Zukunft muss sein, dass sich der Kreis der regelmäßigen Mitarbeiter erweitert. Jeder ist willkommen an unseren <a href="https://wiki.selfhtml.org/wiki/Kategorie:ToDo">Baustellen, an denen Handlungsbedarf besteht</a> oder in selbstgewählten Bereichen am Wiki weiterzuarbeiten.</p> <h2>Quellen</h2> <ol> <li><a id="f1" href="https://forum.selfhtml.org/self/1999/nov/19/zu-diesem-forum-wieviel-angst-braucht-dieses-forum/41770#m41770">Wieviel Angst braucht dieses Forum</a> vom 19.11.1999<a href="#a1">&#x21a9;</a></li> <li><a id="f2" href="https://wiki.selfhtml.org/wiki/SELFHTML:Verein/Chronik#SELFTHML_als_Wiki">SELFHTML:Verein/Chronik: SELFTHML_als_Wiki</a> <a href="#a2">&#x21a9;</a></li> <li><a id="f3" href="https://wiki.selfhtml.org/wiki/Hilfe:Wiki/Wikistruktur">SELFHTML:Wiki/Umstellung auf die neue Struktur: Namensräume</a> vom 05.06.2012<a href="#a3">&#x21a9;</a></li> <li><a id="f4" href="//www.nngroup.com/articles/duplicate-links/">The Same Link Twice on the Same Page: Do Duplicates Help or Hurt?</a> by Hoa Loranger on March 13, 2016</a> <a href="#a4">&#x21a9;</a></li> </ol>

<h2>Wiki im Wandel</h2> <p>Durch eine Einladung zur <a href="https://www.semantic-mediawiki.org/wiki/SMWCon_Fall_2016">Semantic MediaWiki Conference: Fall 2016</a>, an der wir aus Termingründen leider nicht teilnehmen konnten, überlegten wir uns, welche Erfahrungen wir mit der Wiki-Software und deren Philosphie der Wissensmodellierung gemacht haben.</p> <p>Das SELFHTML-Wiki besteht anders als die Wikipedia aus einer hierachischen Dokumentation mit mehreren Bereichen. Auf der Suche nach Informationen haben Besucher des SELFHTML-Wikis unterschiedliche Strategien auf die Inhalte zuzugehen. Nach unserer Erfahrung genügt es also nicht, beliebige Informationen einfach in ein Wiki zu packen. Die eigentliche Herausforderung ist, ganz unterschiedlich vorgehenden Nutzern einen intuitiven Zugang zur gesuchten Information zu schaffen.</p> <p><!--more--></p> <h2>Rückblick</h2> <p>Auch wenn immer wieder Nutzer an die vermeintlich goldenen Zeiten der alten Doku aus einem Guss erinnern, gab es schon früh das Problem, dass diese statischen Seiten mit steigendem Umfang nur in immer größeren Zyklen überarbeitet werden konnten.</p> <figure style="margin-bottom:1em"> <img src="https://blog.selfhtml.org/images/f8b8bb64-5e29-11eb-8c1c-b42e9947ef30.png?size=medium" alt="doku-versionen" width="830" height="500" class="alignnone wp-image-1060"><figcaption>Übersicht der verschiedenen Versionen der Doku - die zeitlichen Abstände wurden mit steigendem Umfang immer größer</figcaption></figure> <p>So entstanden neben der Doku weitere Bereiche wie die <a href="https://wiki.selfhtml.org/wiki/Museum/Selfhtml-aktuell">Feature-Artikel</a> und eine Übersicht hilfreicher Forumsbeiträge. Um sich in dieser Welt zurechtzufinden, wurden neben den Links der Startseite <em>Meta-Strukturen</em> wie die Quickbar und Rundgänge für die Doku, sowie für das Forum eine Foren-Suche, Forenauslese, Foren-FAQ und ein Archiv für ältere Beiträge eingerichtet.</p> [](/images/042d388e-ec2f-11ef-b958-9c6b00263d9f.png) Neben dem Inhaltsverzeichnis gab es ebensoviele Links, die unter dem Schlagwort <strong>Navigation</strong> zusätzliche Wege aufzeigten. <p>Nutzer, die sich in diesem Dickicht nicht auf Anhieb zurechtfanden, wurden teilweise rüde abgefertigt, was für Anfänger die Hemmschwelle für Beiträge im Forum anhob.<a id="a1" href="#f1">^[1]</a></p> <h2>ein neues Wiki mit alter Struktur</h2> <p>Nach dem gescheiterten Wiki-Versuch von 2006 und der festgefahrenen Eigenentwicklung von SelfHTML 9 wurde 2010 ein Wiki mit der Mediawiki-Software eingerichtet.<a id="a2" href="#f2">^[2]</a></p> <p>Die Inhaltsstruktur entsprach weitgehend der der bisherigen Doku, und das Wiki wurde deshalb mit einer Vielzahl von Namensräumen konfiguriert:</p> <ul> <li><em>Doku:</em> (für den Hauptteil der Dokumentation)</li> <li><em>Artikel:</em> (Beiträge zu speziellen Themen)</li> <li><em>Kurse:</em> (Lehrgänge zu einzelnen Themen)</li> <li><em>Themen: </em>(Beiträge zu Themenschwerpunkten)</li> <li><a href="https://wiki.selfhtml.org/wiki/Referenzen">Referenzen</a>: (Übersichtstabellen für den Profi)</li> <li><a href="https://wiki.selfhtml.org/wiki/Kategorie:Glossar">Glossar</a>: (kurze Erläuterungen zu Fachbegriffen oder Abkürzungen)</li> </ul> <p>Diese Einteilung nach Art der Seiten erwies sich aber als nicht praktikabel. So musste neben den unnötig langen Seitennamen bei einer Suche schon der gewünschte Namensraum angegeben werden.<a id="a3" href="#f3">^[3]</a></p> <h3>semantisch gegliederte Seitenhierarchie</h3> <p>Im Juni 2012 wurde diese Struktur zugunsten einer semantisch gegliederten Seitenhierarchie im Hauptnamensraum abgeschafft. Dabei wurden die langen Seiten der Doku mit bis zu 30 Kapiteln pro Seite zugunsten eines Systems von kleineren und übersichtlicheren Unterseiten aufgegeben.</p> <figure style="margin-bottom:1em"> <img src="https://blog.selfhtml.org/images/f8bf592e-5e29-11eb-9939-b42e9947ef30.png?size=medium" alt="screenshot-breadcrumb" class="alignnone size-full wp-image-1062" /><figcaption>Screenshot eines Wiki-Artikels mit Breadcrumb-Navigation</figcaption></figure> <p>Das Breadcrumbmenü sorgt für einen Überblick und eine schnelle Navigation zurück zu den übergeordneten Haupt- und Portalseiten.</p> <h3>flachere Hierarchien</h3> <p>Andererseits ist eine semantische Hierachisierung um ihrer selbst Willen auch fragwürdig.</p> <p>Zusamengehörendes soll zusammengefasst werden, aber Bereiche wie <em>„Technische Ergänzungen“</em>, <em>„weiterführendes Wissen“</em> oder <em>„Grundlagen/Praxisnah“</em> als Abgrenzung zu <em>„Grundlagen/Technologien“</em> führten zu unötigen Zwischenschritten auf dem Weg zur gewünschten Seite.</p> <p>Generell änderte sich aber auch der Zugang zur Dokumentation. Durch die versionsfreie Entwicklung können die Inhalte ständig aktualisiert werden, sodass die früher so wichtige <a href="https://wiki.selfhtml.org/wiki/SELFHTML:Forum/FAQ">Forums-FAQ</a> ("Bevor du im Forum fragst &hellip;") heute nicht mehr zentral verlinkt ist. Die Antworten sind unter <a href="https://wiki.selfhtml.org/wiki/HTML/Tutorials">HTML/Tutorials</a> und <a href="https://wiki.selfhtml.org/wiki/CSS/Tutorials">CSS/Tutorials</a> thematisch passend integriert.</p> <p>Auch der Bereich <a href="https://wiki.selfhtml.org/wiki/Grundlagen">Grundlagen</a>, in dem früher noch vor dem Einstieg in HTML Grundbegriffe wie <em>Hypertext</em> und <em>Internet</em> behandelt wurden, hat seine Bedeutung als obligatorischer Einstieg verloren, da mit der fortschreitenden Digitalisierung immer mehr Nutzer bereits entsprechende Vorkenntnisse besitzen.</p> <h2>Duplicate Links - Zugang ins Wiki</h2> <p>Der Zugang zu unserem Wiki findet zu 43% über eine Suchmaschine auf eine Unterseite, zu mehr als der Hälfte aber über die Startseite des Wikis statt. Hier kam es immer wieder zu Kritik aus der Community, dass Inhalte nicht oder nur nach mehreren Versuchen gefunden würden. <em><strong>Duplicate Links</strong></em> geben Benutzern eine weitere Möglichkeit Inhalte zu finden, sorgen aber durch die Redundanz auch für größere Menüs.<a id="a4" href="#f4">^[4]</a> So galt es nun einen Kompromiss zwischen Übersichtlickeit und einem Mega-Menü mit allen verfügbaren Seiten zu finden.</p> <h3>Startseite - aufgeräumt und geräumig</h3> <p>Im Laufe der Zeit wurde die <a href="https://wiki.selfhtml.org/wiki/Startseite">Startseite</a> radikal reduziert. Anfänglich sind nur die Kernbereiche der Dokumentation (HTML, CSS und JavaScript) sichtbar, zusätzliche Inhalte können dann bei Bedarf aufgeklappt werden.</p> <p>Den Mittelpunkt der Startseite bildet ein weiteres Suchformular, das zusätzlich zum Suchformular rechts oben die Möglichkeit bietet, nach Seitennamen oder auch einzelnen Begriffen zu suchen.</p> <h3>Wer suchet, der findet</h3> <p>Um direkt aus der Suche zu Seiten zu gelangen, wurden für eindeutig identifizierbare Seiten Weiterleitungen angelegt, die die gesuchte Seite direkt öffnen. Wenn ein Stichwort mehrere Begriffe aus unterschiedlichen Bereichen bezeichnet, hilft eine Begriffsklärung, den gewünschten Artikel zu finden.</p> <p><img src="https://blog.selfhtml.org/images/f8c242a6-5e29-11eb-b47e-b42e9947ef30.png?size=medium" width="830" height="335" class="alignnone size-full wp-image-1061" alt="Screenshot einer Begriffsklärung"></p> <h3>schneller Zugriff von allen Seiten</h3> <p>Da viele Nutzer Quickbar, Inhalts-, Syntax- und Stichwortverzeichnis der alten Doku vermissten, wurde ein <em><strong>SCHNELL-INDEX</strong></em>, in dem Fachbegriffe aus den Bereichen HTML, CSS oder JavaScript alphabetisch gelistet sind, eingerichtet. Dieser ist auf der Startseite in den entsprechenden Bereichen verlinkt, aber auch auf allen anderen Seiten in der linken Sidebar vorhanden, sodass ein schneller und bequemer Zugriff möglich ist.</p> <h3>interne Links</h3> <p>Wenn Besucher beim Überfliegen des Artikels weitere Informationen benötigen, erhalten sie am Ende des Artikels unter <em><strong>Siehe auch</strong></em> Links auf thematisch passende und weiterführende Artikel.</p> <p>Da es nicht immer empfehlenswert ist, zusätzliche Hierarchieebenen als Übersichtsseiten einzuschieben, werden in einigen Bereichen Fortsetzungslinks als Vorlage eingebunden, die einen Rundgang ermöglichen und auf eine Übersicht (Mini-Portalseiten) mit weiteren Links verweisen.</p> <p><img src="https://blog.selfhtml.org/images/f8c543d4-5e29-11eb-9e14-b42e9947ef30.png?size=medium" alt="screenshot-fortsetzung" width="830" height="114" class="alignnone size-full wp-image-1064" /></p> <p>Weitere thematisch passende Seiten sind in Kategorien wie in einem Schlagwortverzeichnis zusammengefasst und über deren Übersichtsseiten zugänglich.</p> <h2>Ausblick</h2> <p>Unser Ziel bleibt es auch weiterhin, „<em>eine deutschsprachige Dokumentation zu HTML und verwandten Technologien zur Verfügung zu stellen</em>“. Beim Start 2010 war XHTML der letzte Schrei, es entstanden Artikel für Flash und Silverlight, deren Technologien heute obsolet sind. In den letzten Jahren ist mit SVG eine komplette Dokumentation inklusive Referenz dazugekommen, aber generell werden sich unsere Energien wohl weniger auf das Erschließen neuer Themen als auf den quantitativen und qualitativen Ausbau der bestehenden Bereiche konzentrieren.</p> <h3>ständige Verbesserung</h3> <p>MediaWiki stellt neben den Inhaltsseiten auch Diskussionsseiten für Fragen, Anregungen und Kritik zur Verfügung. Hierbei kam es in der Vergangenheit zu Dopplungen, da Diskussionen sowohl auf den dafür vorgesehenen Diskussionsseiten als auch im community-eigenen Forum geführt wurden. Durch einen Hinweis auf diesen Diskussionsseiten, sowie ein ständig eingeblendetes Icon am rechten Rand können Fragende ihr Anliegen direkt im Forum posten, wobei der Betreff schon vorausgefüllt ist (<em>Frage zum Wiki-Artikel "margin"</em>). Gleiches gilt für die im Forum verwendeten Tags.</p> <p><img src="https://blog.selfhtml.org/images/f8c83c06-5e29-11eb-98e7-b42e9947ef30.png?size=medium" alt="screenshot-fragen" width="830" height="307" class="alignnone size-full wp-image-1065" /></p> <p>Wie oben erwähnt, dauerte es in der alten Doku lange, bis neue Entwicklungen und Errata der letzten Version implementiert wurden. Obwohl nun die technischen Voraussetzungen gegeben sind, dass jeder auch ohne Anmeldung Inhalte verbessern und erweitern kann, ist aber die Hemmschwelle, selbst aktiv zu werden, oft noch zu groß.</p> <p>Ziel für die Zukunft muss sein, dass sich der Kreis der regelmäßigen Mitarbeiter erweitert. Jeder ist willkommen an unseren <a href="https://wiki.selfhtml.org/wiki/Kategorie:ToDo">Baustellen, an denen Handlungsbedarf besteht</a> oder in selbstgewählten Bereichen am Wiki weiterzuarbeiten.</p> <h2>Quellen</h2> <ol> <li><a id="f1" href="https://forum.selfhtml.org/self/1999/nov/19/zu-diesem-forum-wieviel-angst-braucht-dieses-forum/41770#m41770">Wieviel Angst braucht dieses Forum</a> vom 19.11.1999<a href="#a1">&#x21a9;</a></li> <li><a id="f2" href="https://wiki.selfhtml.org/wiki/SELFHTML:Verein/Chronik#SELFTHML_als_Wiki">SELFHTML:Verein/Chronik: SELFTHML_als_Wiki</a> <a href="#a2">&#x21a9;</a></li> <li><a id="f3" href="https://wiki.selfhtml.org/wiki/Hilfe:Wikistruktur">SELFHTML:Wiki/Umstellung auf die neue Struktur: Namensräume</a> vom 05.06.2012<a href="#a3">&#x21a9;</a></li> <li><a id="f4" href="//www.nngroup.com/articles/duplicate-links/">The Same Link Twice on the Same Page: Do Duplicates Help or Hurt?</a> by Hoa Loranger on March 13, 2016</a> <a href="#a4">&#x21a9;</a></li> </ol>

<h2>Wiki im Wandel</h2> <p>Durch eine Einladung zur <a href="https://www.semantic-mediawiki.org/wiki/SMWCon_Fall_2016">Semantic MediaWiki Conference: Fall 2016</a>, an der wir aus Termingründen leider nicht teilnehmen konnten, überlegten wir uns, welche Erfahrungen wir mit der Wiki-Software und deren Philosphie der Wissensmodellierung gemacht haben.</p> <p>Das SELFHTML-Wiki besteht anders als die Wikipedia aus einer hierachischen Dokumentation mit mehreren Bereichen. Auf der Suche nach Informationen haben Besucher des SELFHTML-Wikis unterschiedliche Strategien auf die Inhalte zuzugehen. Nach unserer Erfahrung genügt es also nicht, beliebige Informationen einfach in ein Wiki zu packen. Die eigentliche Herausforderung ist, ganz unterschiedlich vorgehenden Nutzern einen intuitiven Zugang zur gesuchten Information zu schaffen.</p> <p><!--more--></p> <h2>Rückblick</h2> <p>Auch wenn immer wieder Nutzer an die vermeintlich goldenen Zeiten der alten Doku aus einem Guss erinnern, gab es schon früh das Problem, dass diese statischen Seiten mit steigendem Umfang nur in immer größeren Zyklen überarbeitet werden konnten.</p> <figure style="margin-bottom:1em"> <img src="https://blog.selfhtml.org/images/f8b8bb64-5e29-11eb-8c1c-b42e9947ef30.png?size=medium" alt="doku-versionen" width="830" height="500" class="alignnone wp-image-1060"><figcaption>Übersicht der verschiedenen Versionen der Doku - die zeitlichen Abstände wurden mit steigendem Umfang immer größer</figcaption></figure> <p>So entstanden neben der Doku weitere Bereiche wie die <a href="https://wiki.selfhtml.org/wiki/Museum/Selfhtml-aktuell">Feature-Artikel</a> und eine Übersicht hilfreicher Forumsbeiträge. Um sich in dieser Welt zurechtzufinden, wurden neben den Links der Startseite <em>Meta-Strukturen</em> wie die Quickbar und Rundgänge für die Doku, sowie für das Forum eine Foren-Suche, Forenauslese, Foren-FAQ und ein Archiv für ältere Beiträge eingerichtet.</p> <figure> [](/images/042d388e-ec2f-11ef-b958-9c6b00263d9f.png) <figcaption>Neben dem Inhaltsverzeichnis gab es ebensoviele Links, die unter dem Schlagwort <strong>Navigation</strong> zusätzliche Wege aufzeigten.</figcaption></figure> <p>Nutzer, die sich in diesem Dickicht nicht auf Anhieb zurechtfanden, wurden teilweise rüde abgefertigt, was für Anfänger die Hemmschwelle für Beiträge im Forum anhob.<a id="a1" href="#f1">^[1]</a></p> <h2>ein neues Wiki mit alter Struktur</h2> <p>Nach dem gescheiterten Wiki-Versuch von 2006 und der festgefahrenen Eigenentwicklung von SelfHTML 9 wurde 2010 ein Wiki mit der Mediawiki-Software eingerichtet.<a id="a2" href="#f2">^[2]</a></p> <p>Die Inhaltsstruktur entsprach weitgehend der der bisherigen Doku, und das Wiki wurde deshalb mit einer Vielzahl von Namensräumen konfiguriert:</p> <ul> <li><em>Doku:</em> (für den Hauptteil der Dokumentation)</li> <li><em>Artikel:</em> (Beiträge zu speziellen Themen)</li> <li><em>Kurse:</em> (Lehrgänge zu einzelnen Themen)</li> <li><em>Themen: </em>(Beiträge zu Themenschwerpunkten)</li> <li><a href="https://wiki.selfhtml.org/wiki/Referenzen">Referenzen</a>: (Übersichtstabellen für den Profi)</li> <li><a href="https://wiki.selfhtml.org/wiki/Kategorie:Glossar">Glossar</a>: (kurze Erläuterungen zu Fachbegriffen oder Abkürzungen)</li> </ul> <p>Diese Einteilung nach Art der Seiten erwies sich aber als nicht praktikabel. So musste neben den unnötig langen Seitennamen bei einer Suche schon der gewünschte Namensraum angegeben werden.<a id="a3" href="#f3">^[3]</a></p> <h3>semantisch gegliederte Seitenhierarchie</h3> <p>Im Juni 2012 wurde diese Struktur zugunsten einer semantisch gegliederten Seitenhierarchie im Hauptnamensraum abgeschafft. Dabei wurden die langen Seiten der Doku mit bis zu 30 Kapiteln pro Seite zugunsten eines Systems von kleineren und übersichtlicheren Unterseiten aufgegeben.</p> <figure style="margin-bottom:1em"> <img src="https://blog.selfhtml.org/images/f8bf592e-5e29-11eb-9939-b42e9947ef30.png?size=medium" alt="screenshot-breadcrumb" class="alignnone size-full wp-image-1062" /><figcaption>Screenshot eines Wiki-Artikels mit Breadcrumb-Navigation</figcaption></figure> <p>Das Breadcrumbmenü sorgt für einen Überblick und eine schnelle Navigation zurück zu den übergeordneten Haupt- und Portalseiten.</p> <h3>flachere Hierarchien</h3> <p>Andererseits ist eine semantische Hierachisierung um ihrer selbst Willen auch fragwürdig.</p> <p>Zusamengehörendes soll zusammengefasst werden, aber Bereiche wie <em>„Technische Ergänzungen“</em>, <em>„weiterführendes Wissen“</em> oder <em>„Grundlagen/Praxisnah“</em> als Abgrenzung zu <em>„Grundlagen/Technologien“</em> führten zu unötigen Zwischenschritten auf dem Weg zur gewünschten Seite.</p> <p>Generell änderte sich aber auch der Zugang zur Dokumentation. Durch die versionsfreie Entwicklung können die Inhalte ständig aktualisiert werden, sodass die früher so wichtige <a href="https://wiki.selfhtml.org/wiki/SELFHTML:Forum/FAQ">Forums-FAQ</a> ("Bevor du im Forum fragst &hellip;") heute nicht mehr zentral verlinkt ist. Die Antworten sind unter <a href="https://wiki.selfhtml.org/wiki/HTML/Tutorials">HTML/Tutorials</a> und <a href="https://wiki.selfhtml.org/wiki/CSS/Tutorials">CSS/Tutorials</a> thematisch passend integriert.</p> <p>Auch der Bereich <a href="https://wiki.selfhtml.org/wiki/Grundlagen">Grundlagen</a>, in dem früher noch vor dem Einstieg in HTML Grundbegriffe wie <em>Hypertext</em> und <em>Internet</em> behandelt wurden, hat seine Bedeutung als obligatorischer Einstieg verloren, da mit der fortschreitenden Digitalisierung immer mehr Nutzer bereits entsprechende Vorkenntnisse besitzen.</p> <h2>Duplicate Links - Zugang ins Wiki</h2> <p>Der Zugang zu unserem Wiki findet zu 43% über eine Suchmaschine auf eine Unterseite, zu mehr als der Hälfte aber über die Startseite des Wikis statt. Hier kam es immer wieder zu Kritik aus der Community, dass Inhalte nicht oder nur nach mehreren Versuchen gefunden würden. <em><strong>Duplicate Links</strong></em> geben Benutzern eine weitere Möglichkeit Inhalte zu finden, sorgen aber durch die Redundanz auch für größere Menüs.<a id="a4" href="#f4">^[4]</a> So galt es nun einen Kompromiss zwischen Übersichtlickeit und einem Mega-Menü mit allen verfügbaren Seiten zu finden.</p> <h3>Startseite - aufgeräumt und geräumig</h3> <p>Im Laufe der Zeit wurde die <a href="https://wiki.selfhtml.org/wiki/Startseite">Startseite</a> radikal reduziert. Anfänglich sind nur die Kernbereiche der Dokumentation (HTML, CSS und JavaScript) sichtbar, zusätzliche Inhalte können dann bei Bedarf aufgeklappt werden.</p> <p>Den Mittelpunkt der Startseite bildet ein weiteres Suchformular, das zusätzlich zum Suchformular rechts oben die Möglichkeit bietet, nach Seitennamen oder auch einzelnen Begriffen zu suchen.</p> <h3>Wer suchet, der findet</h3> <p>Um direkt aus der Suche zu Seiten zu gelangen, wurden für eindeutig identifizierbare Seiten Weiterleitungen angelegt, die die gesuchte Seite direkt öffnen. Wenn ein Stichwort mehrere Begriffe aus unterschiedlichen Bereichen bezeichnet, hilft eine Begriffsklärung, den gewünschten Artikel zu finden.</p> <p><img src="https://blog.selfhtml.org/images/f8c242a6-5e29-11eb-b47e-b42e9947ef30.png?size=medium" width="830" height="335" class="alignnone size-full wp-image-1061" alt="Screenshot einer Begriffsklärung"></p> <h3>schneller Zugriff von allen Seiten</h3> <p>Da viele Nutzer Quickbar, Inhalts-, Syntax- und Stichwortverzeichnis der alten Doku vermissten, wurde ein <em><strong>SCHNELL-INDEX</strong></em>, in dem Fachbegriffe aus den Bereichen HTML, CSS oder JavaScript alphabetisch gelistet sind, eingerichtet. Dieser ist auf der Startseite in den entsprechenden Bereichen verlinkt, aber auch auf allen anderen Seiten in der linken Sidebar vorhanden, sodass ein schneller und bequemer Zugriff möglich ist.</p> <h3>interne Links</h3> <p>Wenn Besucher beim Überfliegen des Artikels weitere Informationen benötigen, erhalten sie am Ende des Artikels unter <em><strong>Siehe auch</strong></em> Links auf thematisch passende und weiterführende Artikel.</p> <p>Da es nicht immer empfehlenswert ist, zusätzliche Hierarchieebenen als Übersichtsseiten einzuschieben, werden in einigen Bereichen Fortsetzungslinks als Vorlage eingebunden, die einen Rundgang ermöglichen und auf eine Übersicht (Mini-Portalseiten) mit weiteren Links verweisen.</p> <p><img src="https://blog.selfhtml.org/images/f8c543d4-5e29-11eb-9e14-b42e9947ef30.png?size=medium" alt="screenshot-fortsetzung" width="830" height="114" class="alignnone size-full wp-image-1064" /></p> <p>Weitere thematisch passende Seiten sind in Kategorien wie in einem Schlagwortverzeichnis zusammengefasst und über deren Übersichtsseiten zugänglich.</p> <h2>Ausblick</h2> <p>Unser Ziel bleibt es auch weiterhin, „<em>eine deutschsprachige Dokumentation zu HTML und verwandten Technologien zur Verfügung zu stellen</em>“. Beim Start 2010 war XHTML der letzte Schrei, es entstanden Artikel für Flash und Silverlight, deren Technologien heute obsolet sind. In den letzten Jahren ist mit SVG eine komplette Dokumentation inklusive Referenz dazugekommen, aber generell werden sich unsere Energien wohl weniger auf das Erschließen neuer Themen als auf den quantitativen und qualitativen Ausbau der bestehenden Bereiche konzentrieren.</p> <h3>ständige Verbesserung</h3> <p>MediaWiki stellt neben den Inhaltsseiten auch Diskussionsseiten für Fragen, Anregungen und Kritik zur Verfügung. Hierbei kam es in der Vergangenheit zu Dopplungen, da Diskussionen sowohl auf den dafür vorgesehenen Diskussionsseiten als auch im community-eigenen Forum geführt wurden. Durch einen Hinweis auf diesen Diskussionsseiten, sowie ein ständig eingeblendetes Icon am rechten Rand können Fragende ihr Anliegen direkt im Forum posten, wobei der Betreff schon vorausgefüllt ist (<em>Frage zum Wiki-Artikel "margin"</em>). Gleiches gilt für die im Forum verwendeten Tags.</p> <p><img src="https://blog.selfhtml.org/images/f8c83c06-5e29-11eb-98e7-b42e9947ef30.png?size=medium" alt="screenshot-fragen" width="830" height="307" class="alignnone size-full wp-image-1065" /></p> <p>Wie oben erwähnt, dauerte es in der alten Doku lange, bis neue Entwicklungen und Errata der letzten Version implementiert wurden. Obwohl nun die technischen Voraussetzungen gegeben sind, dass jeder auch ohne Anmeldung Inhalte verbessern und erweitern kann, ist aber die Hemmschwelle, selbst aktiv zu werden, oft noch zu groß.</p> <p>Ziel für die Zukunft muss sein, dass sich der Kreis der regelmäßigen Mitarbeiter erweitert. Jeder ist willkommen an unseren <a href="https://wiki.selfhtml.org/wiki/Kategorie:ToDo">Baustellen, an denen Handlungsbedarf besteht</a> oder in selbstgewählten Bereichen am Wiki weiterzuarbeiten.</p> <h2>Quellen</h2> <ol> <li><a id="f1" href="https://forum.selfhtml.org/self/1999/nov/19/zu-diesem-forum-wieviel-angst-braucht-dieses-forum/41770#m41770">Wieviel Angst braucht dieses Forum</a> vom 19.11.1999<a href="#a1">&#x21a9;</a></li> <li><a id="f2" href="https://wiki.selfhtml.org/wiki/SELFHTML:Verein/Chronik#SELFTHML_als_Wiki">SELFHTML:Verein/Chronik: SELFTHML_als_Wiki</a> <a href="#a2">&#x21a9;</a></li> <li><a id="f3" href="https://wiki.selfhtml.org/wiki/Hilfe:Wikistruktur">SELFHTML:Wiki/Umstellung auf die neue Struktur: Namensräume</a> vom 05.06.2012<a href="#a3">&#x21a9;</a></li> <li><a id="f4" href="//www.nngroup.com/articles/duplicate-links/">The Same Link Twice on the Same Page: Do Duplicates Help or Hurt?</a> by Hoa Loranger on March 13, 2016</a> <a href="#a4">&#x21a9;</a></li> </ol>

<h2>Wiki im Wandel</h2> <p>Durch eine Einladung zur <a href="https://www.semantic-mediawiki.org/wiki/SMWCon_Fall_2016">Semantic MediaWiki Conference: Fall 2016</a>, an der wir aus Termingründen leider nicht teilnehmen konnten, überlegten wir uns, welche Erfahrungen wir mit der Wiki-Software und deren Philosphie der Wissensmodellierung gemacht haben.</p> <p>Das SELFHTML-Wiki besteht anders als die Wikipedia aus einer hierachischen Dokumentation mit mehreren Bereichen. Auf der Suche nach Informationen haben Besucher des SELFHTML-Wikis unterschiedliche Strategien auf die Inhalte zuzugehen. Nach unserer Erfahrung genügt es also nicht, beliebige Informationen einfach in ein Wiki zu packen. Die eigentliche Herausforderung ist, ganz unterschiedlich vorgehenden Nutzern einen intuitiven Zugang zur gesuchten Information zu schaffen.</p> <p><!--more--></p> <h2>Rückblick</h2> <p>Auch wenn immer wieder Nutzer an die vermeintlich goldenen Zeiten der alten Doku aus einem Guss erinnern, gab es schon früh das Problem, dass diese statischen Seiten mit steigendem Umfang nur in immer größeren Zyklen überarbeitet werden konnten.</p> <figure style="margin-bottom:1em"> <img src="https://blog.selfhtml.org/images/f8b8bb64-5e29-11eb-8c1c-b42e9947ef30.png?size=medium" alt="doku-versionen" width="830" height="500" class="alignnone wp-image-1060"><figcaption>Übersicht der verschiedenen Versionen der Doku - die zeitlichen Abstände wurden mit steigendem Umfang immer größer</figcaption></figure> <p>So entstanden neben der Doku weitere Bereiche wie die <a href="https://wiki.selfhtml.org/wiki/Museum/Selfhtml-aktuell">Feature-Artikel</a> und eine Übersicht hilfreicher Forumsbeiträge. Um sich in dieser Welt zurechtzufinden, wurden neben den Links der Startseite <em>Meta-Strukturen</em> wie die Quickbar und Rundgänge für die Doku, sowie für das Forum eine Foren-Suche, Forenauslese, Foren-FAQ und ein Archiv für ältere Beiträge eingerichtet.</p> <figure> [](/images/807c5986-78c7-11eb-a170-b42e9947ef30.png) <figcaption>Neben dem Inhaltsverzeichnis gab es ebensoviele Links, die unter dem Schlagwort <strong>Navigation</strong> zusätzliche Wege aufzeigten.</figcaption></figure> <p>Nutzer, die sich in diesem Dickicht nicht auf Anhieb zurechtfanden, wurden teilweise rüde abgefertigt, was für Anfänger die Hemmschwelle für Beiträge im Forum anhob.<a id="a1" href="#f1">^[1]</a></p> <h2>ein neues Wiki mit alter Struktur</h2> <p>Nach dem gescheiterten Wiki-Versuch von 2006 und der festgefahrenen Eigenentwicklung von SelfHTML 9 wurde 2010 ein Wiki mit der Mediawiki-Software eingerichtet.<a id="a2" href="#f2">^[2]</a></p> <p>Die Inhaltsstruktur entsprach weitgehend der der bisherigen Doku, und das Wiki wurde deshalb mit einer Vielzahl von Namensräumen konfiguriert:</p> <ul> <li><em>Doku:</em> (für den Hauptteil der Dokumentation)</li> <li><em>Artikel:</em> (Beiträge zu speziellen Themen)</li> <li><em>Kurse:</em> (Lehrgänge zu einzelnen Themen)</li> <li><em>Themen: </em>(Beiträge zu Themenschwerpunkten)</li> <li><a href="https://wiki.selfhtml.org/wiki/Referenzen">Referenzen</a>: (Übersichtstabellen für den Profi)</li> <li><a href="https://wiki.selfhtml.org/wiki/Kategorie:Glossar">Glossar</a>: (kurze Erläuterungen zu Fachbegriffen oder Abkürzungen)</li> </ul> <p>Diese Einteilung nach Art der Seiten erwies sich aber als nicht praktikabel. So musste neben den unnötig langen Seitennamen bei einer Suche schon der gewünschte Namensraum angegeben werden.<a id="a3" href="#f3">^[3]</a></p> <h3>semantisch gegliederte Seitenhierarchie</h3> <p>Im Juni 2012 wurde diese Struktur zugunsten einer semantisch gegliederten Seitenhierarchie im Hauptnamensraum abgeschafft. Dabei wurden die langen Seiten der Doku mit bis zu 30 Kapiteln pro Seite zugunsten eines Systems von kleineren und übersichtlicheren Unterseiten aufgegeben.</p> <figure style="margin-bottom:1em"> <img src="https://blog.selfhtml.org/images/f8bf592e-5e29-11eb-9939-b42e9947ef30.png?size=medium" alt="screenshot-breadcrumb" class="alignnone size-full wp-image-1062" /><figcaption>Screenshot eines Wiki-Artikels mit Breadcrumb-Navigation</figcaption></figure> <p>Das Breadcrumbmenü sorgt für einen Überblick und eine schnelle Navigation zurück zu den übergeordneten Haupt- und Portalseiten.</p> <h3>flachere Hierarchien</h3> <p>Andererseits ist eine semantische Hierachisierung um ihrer selbst Willen auch fragwürdig.</p> <p>Zusamengehörendes soll zusammengefasst werden, aber Bereiche wie <em>„Technische Ergänzungen“</em>, <em>„weiterführendes Wissen“</em> oder <em>„Grundlagen/Praxisnah“</em> als Abgrenzung zu <em>„Grundlagen/Technologien“</em> führten zu unötigen Zwischenschritten auf dem Weg zur gewünschten Seite.</p> <p>Generell änderte sich aber auch der Zugang zur Dokumentation. Durch die versionsfreie Entwicklung können die Inhalte ständig aktualisiert werden, sodass die früher so wichtige <a href="https://wiki.selfhtml.org/wiki/SELFHTML:Forum/FAQ">Forums-FAQ</a> ("Bevor du im Forum fragst &hellip;") heute nicht mehr zentral verlinkt ist. Die Antworten sind unter <a href="https://wiki.selfhtml.org/wiki/HTML/Tutorials">HTML/Tutorials</a> und <a href="https://wiki.selfhtml.org/wiki/CSS/Tutorials">CSS/Tutorials</a> thematisch passend integriert.</p> <p>Auch der Bereich <a href="https://wiki.selfhtml.org/wiki/Grundlagen">Grundlagen</a>, in dem früher noch vor dem Einstieg in HTML Grundbegriffe wie <em>Hypertext</em> und <em>Internet</em> behandelt wurden, hat seine Bedeutung als obligatorischer Einstieg verloren, da mit der fortschreitenden Digitalisierung immer mehr Nutzer bereits entsprechende Vorkenntnisse besitzen.</p> <h2>Duplicate Links - Zugang ins Wiki</h2> <p>Der Zugang zu unserem Wiki findet zu 43% über eine Suchmaschine auf eine Unterseite, zu mehr als der Hälfte aber über die Startseite des Wikis statt. Hier kam es immer wieder zu Kritik aus der Community, dass Inhalte nicht oder nur nach mehreren Versuchen gefunden würden. <em><strong>Duplicate Links</strong></em> geben Benutzern eine weitere Möglichkeit Inhalte zu finden, sorgen aber durch die Redundanz auch für größere Menüs.<a id="a4" href="#f4">^[4]</a> So galt es nun einen Kompromiss zwischen Übersichtlickeit und einem Mega-Menü mit allen verfügbaren Seiten zu finden.</p> <h3>Startseite - aufgeräumt und geräumig</h3> <p>Im Laufe der Zeit wurde die <a href="https://wiki.selfhtml.org/wiki/Startseite">Startseite</a> radikal reduziert. Anfänglich sind nur die Kernbereiche der Dokumentation (HTML, CSS und JavaScript) sichtbar, zusätzliche Inhalte können dann bei Bedarf aufgeklappt werden.</p> <p>Den Mittelpunkt der Startseite bildet ein weiteres Suchformular, das zusätzlich zum Suchformular rechts oben die Möglichkeit bietet, nach Seitennamen oder auch einzelnen Begriffen zu suchen.</p> <h3>Wer suchet, der findet</h3> <p>Um direkt aus der Suche zu Seiten zu gelangen, wurden für eindeutig identifizierbare Seiten Weiterleitungen angelegt, die die gesuchte Seite direkt öffnen. Wenn ein Stichwort mehrere Begriffe aus unterschiedlichen Bereichen bezeichnet, hilft eine Begriffsklärung, den gewünschten Artikel zu finden.</p> <p><img src="https://blog.selfhtml.org/images/f8c242a6-5e29-11eb-b47e-b42e9947ef30.png?size=medium" width="830" height="335" class="alignnone size-full wp-image-1061" alt="Screenshot einer Begriffsklärung"></p> <h3>schneller Zugriff von allen Seiten</h3> <p>Da viele Nutzer Quickbar, Inhalts-, Syntax- und Stichwortverzeichnis der alten Doku vermissten, wurde ein <em><strong>SCHNELL-INDEX</strong></em>, in dem Fachbegriffe aus den Bereichen HTML, CSS oder JavaScript alphabetisch gelistet sind, eingerichtet. Dieser ist auf der Startseite in den entsprechenden Bereichen verlinkt, aber auch auf allen anderen Seiten in der linken Sidebar vorhanden, sodass ein schneller und bequemer Zugriff möglich ist.</p> <h3>interne Links</h3> <p>Wenn Besucher beim Überfliegen des Artikels weitere Informationen benötigen, erhalten sie am Ende des Artikels unter <em><strong>Siehe auch</strong></em> Links auf thematisch passende und weiterführende Artikel.</p> <p>Da es nicht immer empfehlenswert ist, zusätzliche Hierarchieebenen als Übersichtsseiten einzuschieben, werden in einigen Bereichen Fortsetzungslinks als Vorlage eingebunden, die einen Rundgang ermöglichen und auf eine Übersicht (Mini-Portalseiten) mit weiteren Links verweisen.</p> <p><img src="https://blog.selfhtml.org/images/f8c543d4-5e29-11eb-9e14-b42e9947ef30.png?size=medium" alt="screenshot-fortsetzung" width="830" height="114" class="alignnone size-full wp-image-1064" /></p> <p>Weitere thematisch passende Seiten sind in Kategorien wie in einem Schlagwortverzeichnis zusammengefasst und über deren Übersichtsseiten zugänglich.</p> <h2>Ausblick</h2> <p>Unser Ziel bleibt es auch weiterhin, „<em>eine deutschsprachige Dokumentation zu HTML und verwandten Technologien zur Verfügung zu stellen</em>“. Beim Start 2010 war XHTML der letzte Schrei, es entstanden Artikel für Flash und Silverlight, deren Technologien heute obsolet sind. In den letzten Jahren ist mit SVG eine komplette Dokumentation inklusive Referenz dazugekommen, aber generell werden sich unsere Energien wohl weniger auf das Erschließen neuer Themen als auf den quantitativen und qualitativen Ausbau der bestehenden Bereiche konzentrieren.</p> <h3>ständige Verbesserung</h3> <p>MediaWiki stellt neben den Inhaltsseiten auch Diskussionsseiten für Fragen, Anregungen und Kritik zur Verfügung. Hierbei kam es in der Vergangenheit zu Dopplungen, da Diskussionen sowohl auf den dafür vorgesehenen Diskussionsseiten als auch im community-eigenen Forum geführt wurden. Durch einen Hinweis auf diesen Diskussionsseiten, sowie ein ständig eingeblendetes Icon am rechten Rand können Fragende ihr Anliegen direkt im Forum posten, wobei der Betreff schon vorausgefüllt ist (<em>Frage zum Wiki-Artikel "margin"</em>). Gleiches gilt für die im Forum verwendeten Tags.</p> <p><img src="https://blog.selfhtml.org/images/f8c83c06-5e29-11eb-98e7-b42e9947ef30.png?size=medium" alt="screenshot-fragen" width="830" height="307" class="alignnone size-full wp-image-1065" /></p> <p>Wie oben erwähnt, dauerte es in der alten Doku lange, bis neue Entwicklungen und Errata der letzten Version implementiert wurden. Obwohl nun die technischen Voraussetzungen gegeben sind, dass jeder auch ohne Anmeldung Inhalte verbessern und erweitern kann, ist aber die Hemmschwelle, selbst aktiv zu werden, oft noch zu groß.</p> <p>Ziel für die Zukunft muss sein, dass sich der Kreis der regelmäßigen Mitarbeiter erweitert. Jeder ist willkommen an unseren <a href="https://wiki.selfhtml.org/wiki/Kategorie:ToDo">Baustellen, an denen Handlungsbedarf besteht</a> oder in selbstgewählten Bereichen am Wiki weiterzuarbeiten.</p> <h2>Quellen</h2> <ol> <li><a id="f1" href="https://forum.selfhtml.org/self/1999/nov/19/zu-diesem-forum-wieviel-angst-braucht-dieses-forum/41770#m41770">Wieviel Angst braucht dieses Forum</a> vom 19.11.1999<a href="#a1">&#x21a9;</a></li> <li><a id="f2" href="https://wiki.selfhtml.org/wiki/SELFHTML:Verein/Chronik#SELFTHML_als_Wiki">SELFHTML:Verein/Chronik: SELFTHML_als_Wiki</a> <a href="#a2">&#x21a9;</a></li> <li><a id="f3" href="https://wiki.selfhtml.org/wiki/Hilfe:Wikistruktur">SELFHTML:Wiki/Umstellung auf die neue Struktur: Namensräume</a> vom 05.06.2012<a href="#a3">&#x21a9;</a></li> <li><a id="f4" href="//www.nngroup.com/articles/duplicate-links/">The Same Link Twice on the Same Page: Do Duplicates Help or Hurt?</a> by Hoa Loranger on March 13, 2016</a> <a href="#a4">&#x21a9;</a></li> </ol>

<h2>Wiki im Wandel</h2> <p>Durch eine Einladung zur <a href="https://www.semantic-mediawiki.org/wiki/SMWCon_Fall_2016">Semantic MediaWiki Conference: Fall 2016</a>, an der wir aus Termingründen leider nicht teilnehmen konnten, überlegten wir uns, welche Erfahrungen wir mit der Wiki-Software und deren Philosphie der Wissensmodellierung gemacht haben.</p> <p>Das SELFHTML-Wiki besteht anders als die Wikipedia aus einer hierachischen Dokumentation mit mehreren Bereichen. Auf der Suche nach Informationen haben Besucher des SELFHTML-Wikis unterschiedliche Strategien auf die Inhalte zuzugehen. Nach unserer Erfahrung genügt es also nicht, beliebige Informationen einfach in ein Wiki zu packen. Die eigentliche Herausforderung ist, ganz unterschiedlich vorgehenden Nutzern einen intuitiven Zugang zur gesuchten Information zu schaffen.</p> <p><!--more--></p> <h2>Rückblick</h2> <p>Auch wenn immer wieder Nutzer an die vermeintlich goldenen Zeiten der alten Doku aus einem Guss erinnern, gab es schon früh das Problem, dass diese statischen Seiten mit steigendem Umfang nur in immer größeren Zyklen überarbeitet werden konnten.</p> <figure style="margin-bottom:1em"> <img src="https://blog.selfhtml.org/images/f8b8bb64-5e29-11eb-8c1c-b42e9947ef30.png?size=medium" alt="doku-versionen" width="830" height="500" class="alignnone wp-image-1060"><figcaption>Übersicht der verschiedenen Versionen der Doku - die zeitlichen Abstände wurden mit steigendem Umfang immer größer</figcaption></figure> <p>So entstanden neben der Doku weitere Bereiche wie die <a href="https://wiki.selfhtml.org/wiki/Museum/Selfhtml-aktuell">Feature-Artikel</a> und eine Übersicht hilfreicher Forumsbeiträge. Um sich in dieser Welt zurechtzufinden, wurden neben den Links der Startseite <em>Meta-Strukturen</em> wie die Quickbar und Rundgänge für die Doku, sowie für das Forum eine Foren-Suche, Forenauslese, Foren-FAQ und ein Archiv für ältere Beiträge eingerichtet.</p> <figure> <img src="https://blog.selfhtml.org/images/f8bc3ca8-5e29-11eb-a2db-b42e9947ef30.png?size=medium" alt="screenshot-doku-2007" width="700" height="640" class="alignnone wp-image-1063" /><figcaption>Neben dem Inhaltsverzeichnis gab es ebensoviele Links, die unter dem Schlagwort <strong>Navigation</strong> zusätzliche Wege aufzeigten.</figcaption></figure> <p>Nutzer, die sich in diesem Dickicht nicht auf Anhieb zurechtfanden, wurden teilweise rüde abgefertigt, was für Anfänger die Hemmschwelle für Beiträge im Forum anhob.<a id="a1" href="#f1">^[1]</a></p> <h2>ein neues Wiki mit alter Struktur</h2> <p>Nach dem gescheiterten Wiki-Versuch von 2006 und der festgefahrenen Eigenentwicklung von SelfHTML 9 wurde 2010 ein Wiki mit der Mediawiki-Software eingerichtet.<a id="a2" href="#f2">^[2]</a></p> <p>Die Inhaltsstruktur entsprach weitgehend der der bisherigen Doku, und das Wiki wurde deshalb mit einer Vielzahl von Namensräumen konfiguriert:</p> <ul> <li><em>Doku:</em> (für den Hauptteil der Dokumentation)</li> <li><em>Artikel:</em> (Beiträge zu speziellen Themen)</li> <li><em>Kurse:</em> (Lehrgänge zu einzelnen Themen)</li> <li><em>Themen: </em>(Beiträge zu Themenschwerpunkten)</li> <li><a href="https://wiki.selfhtml.org/wiki/Referenzen">Referenzen</a>: (Übersichtstabellen für den Profi)</li> <li><a href="https://wiki.selfhtml.org/wiki/Kategorie:Glossar">Glossar</a>: (kurze Erläuterungen zu Fachbegriffen oder Abkürzungen)</li> </ul> <p>Diese Einteilung nach Art der Seiten erwies sich aber als nicht praktikabel. So musste neben den unnötig langen Seitennamen bei einer Suche schon der gewünschte Namensraum angegeben werden.<a id="a3" href="#f3">^[3]</a></p> <h3>semantisch gegliederte Seitenhierarchie</h3> <p>Im Juni 2012 wurde diese Struktur zugunsten einer semantisch gegliederten Seitenhierarchie im Hauptnamensraum abgeschafft. Dabei wurden die langen Seiten der Doku mit bis zu 30 Kapiteln pro Seite zugunsten eines Systems von kleineren und übersichtlicheren Unterseiten aufgegeben.</p> <figure style="margin-bottom:1em"> <img src="https://blog.selfhtml.org/images/f8bf592e-5e29-11eb-9939-b42e9947ef30.png?size=medium" alt="screenshot-breadcrumb" class="alignnone size-full wp-image-1062" /><figcaption>Screenshot eines Wiki-Artikels mit Breadcrumb-Navigation</figcaption></figure> <p>Das Breadcrumbmenü sorgt für einen Überblick und eine schnelle Navigation zurück zu den übergeordneten Haupt- und Portalseiten.</p> <h3>flachere Hierarchien</h3> <p>Andererseits ist eine semantische Hierachisierung um ihrer selbst Willen auch fragwürdig.</p> <p>Zusamengehörendes soll zusammengefasst werden, aber Bereiche wie <em>„Technische Ergänzungen“</em>, <em>„weiterführendes Wissen“</em> oder <em>„Grundlagen/Praxisnah“</em> als Abgrenzung zu <em>„Grundlagen/Technologien“</em> führten zu unötigen Zwischenschritten auf dem Weg zur gewünschten Seite.</p> <p>Generell änderte sich aber auch der Zugang zur Dokumentation. Durch die versionsfreie Entwicklung können die Inhalte ständig aktualisiert werden, sodass die früher so wichtige <a href="https://wiki.selfhtml.org/wiki/SELFHTML:Forum/FAQ">Forums-FAQ</a> ("Bevor du im Forum fragst &hellip;") heute nicht mehr zentral verlinkt ist. Die Antworten sind unter <a href="https://wiki.selfhtml.org/wiki/HTML/Tutorials">HTML/Tutorials</a> und <a href="https://wiki.selfhtml.org/wiki/CSS/Tutorials">CSS/Tutorials</a> thematisch passend integriert.</p> <p>Auch der Bereich <a href="https://wiki.selfhtml.org/wiki/Grundlagen">Grundlagen</a>, in dem früher noch vor dem Einstieg in HTML Grundbegriffe wie <em>Hypertext</em> und <em>Internet</em> behandelt wurden, hat seine Bedeutung als obligatorischer Einstieg verloren, da mit der fortschreitenden Digitalisierung immer mehr Nutzer bereits entsprechende Vorkenntnisse besitzen.</p> <h2>Duplicate Links - Zugang ins Wiki</h2> <p>Der Zugang zu unserem Wiki findet zu 43% über eine Suchmaschine auf eine Unterseite, zu mehr als der Hälfte aber über die Startseite des Wikis statt. Hier kam es immer wieder zu Kritik aus der Community, dass Inhalte nicht oder nur nach mehreren Versuchen gefunden würden. <em><strong>Duplicate Links</strong></em> geben Benutzern eine weitere Möglichkeit Inhalte zu finden, sorgen aber durch die Redundanz auch für größere Menüs.<a id="a4" href="#f4">^[4]</a> So galt es nun einen Kompromiss zwischen Übersichtlickeit und einem Mega-Menü mit allen verfügbaren Seiten zu finden.</p> <h3>Startseite - aufgeräumt und geräumig</h3> <p>Im Laufe der Zeit wurde die <a href="https://wiki.selfhtml.org/wiki/Startseite">Startseite</a> radikal reduziert. Anfänglich sind nur die Kernbereiche der Dokumentation (HTML, CSS und JavaScript) sichtbar, zusätzliche Inhalte können dann bei Bedarf aufgeklappt werden.</p> <p>Den Mittelpunkt der Startseite bildet ein weiteres Suchformular, das zusätzlich zum Suchformular rechts oben die Möglichkeit bietet, nach Seitennamen oder auch einzelnen Begriffen zu suchen.</p> <h3>Wer suchet, der findet</h3> <p>Um direkt aus der Suche zu Seiten zu gelangen, wurden für eindeutig identifizierbare Seiten Weiterleitungen angelegt, die die gesuchte Seite direkt öffnen. Wenn ein Stichwort mehrere Begriffe aus unterschiedlichen Bereichen bezeichnet, hilft eine Begriffsklärung, den gewünschten Artikel zu finden.</p> <p><img src="https://blog.selfhtml.org/images/f8c242a6-5e29-11eb-b47e-b42e9947ef30.png?size=medium" width="830" height="335" class="alignnone size-full wp-image-1061" alt="Screenshot einer Begriffsklärung"></p> <h3>schneller Zugriff von allen Seiten</h3> <p>Da viele Nutzer Quickbar, Inhalts-, Syntax- und Stichwortverzeichnis der alten Doku vermissten, wurde ein <em><strong>SCHNELL-INDEX</strong></em>, in dem Fachbegriffe aus den Bereichen HTML, CSS oder JavaScript alphabetisch gelistet sind, eingerichtet. Dieser ist auf der Startseite in den entsprechenden Bereichen verlinkt, aber auch auf allen anderen Seiten in der linken Sidebar vorhanden, sodass ein schneller und bequemer Zugriff möglich ist.</p> <h3>interne Links</h3> <p>Wenn Besucher beim Überfliegen des Artikels weitere Informationen benötigen, erhalten sie am Ende des Artikels unter <em><strong>Siehe auch</strong></em> Links auf thematisch passende und weiterführende Artikel.</p> <p>Da es nicht immer empfehlenswert ist, zusätzliche Hierarchieebenen als Übersichtsseiten einzuschieben, werden in einigen Bereichen Fortsetzungslinks als Vorlage eingebunden, die einen Rundgang ermöglichen und auf eine Übersicht (Mini-Portalseiten) mit weiteren Links verweisen.</p> <p><img src="https://blog.selfhtml.org/images/f8c543d4-5e29-11eb-9e14-b42e9947ef30.png?size=medium" alt="screenshot-fortsetzung" width="830" height="114" class="alignnone size-full wp-image-1064" /></p> <p>Weitere thematisch passende Seiten sind in Kategorien wie in einem Schlagwortverzeichnis zusammengefasst und über deren Übersichtsseiten zugänglich.</p> <h2>Ausblick</h2> <p>Unser Ziel bleibt es auch weiterhin, „<em>eine deutschsprachige Dokumentation zu HTML und verwandten Technologien zur Verfügung zu stellen</em>“. Beim Start 2010 war XHTML der letzte Schrei, es entstanden Artikel für Flash und Silverlight, deren Technologien heute obsolet sind. In den letzten Jahren ist mit SVG eine komplette Dokumentation inklusive Referenz dazugekommen, aber generell werden sich unsere Energien wohl weniger auf das Erschließen neuer Themen als auf den quantitativen und qualitativen Ausbau der bestehenden Bereiche konzentrieren.</p> <h3>ständige Verbesserung</h3> <p>MediaWiki stellt neben den Inhaltsseiten auch Diskussionsseiten für Fragen, Anregungen und Kritik zur Verfügung. Hierbei kam es in der Vergangenheit zu Dopplungen, da Diskussionen sowohl auf den dafür vorgesehenen Diskussionsseiten als auch im community-eigenen Forum geführt wurden. Durch einen Hinweis auf diesen Diskussionsseiten, sowie ein ständig eingeblendetes Icon am rechten Rand können Fragende ihr Anliegen direkt im Forum posten, wobei der Betreff schon vorausgefüllt ist (<em>Frage zum Wiki-Artikel "margin"</em>). Gleiches gilt für die im Forum verwendeten Tags.</p> <p><img src="https://blog.selfhtml.org/images/f8c83c06-5e29-11eb-98e7-b42e9947ef30.png?size=medium" alt="screenshot-fragen" width="830" height="307" class="alignnone size-full wp-image-1065" /></p> <p>Wie oben erwähnt, dauerte es in der alten Doku lange, bis neue Entwicklungen und Errata der letzten Version implementiert wurden. Obwohl nun die technischen Voraussetzungen gegeben sind, dass jeder auch ohne Anmeldung Inhalte verbessern und erweitern kann, ist aber die Hemmschwelle, selbst aktiv zu werden, oft noch zu groß.</p> <p>Ziel für die Zukunft muss sein, dass sich der Kreis der regelmäßigen Mitarbeiter erweitert. Jeder ist willkommen an unseren <a href="https://wiki.selfhtml.org/wiki/Kategorie:ToDo">Baustellen, an denen Handlungsbedarf besteht</a> oder in selbstgewählten Bereichen am Wiki weiterzuarbeiten.</p> <h2>Quellen</h2> <ol> <li><a id="f1" href="https://forum.selfhtml.org/self/1999/nov/19/zu-diesem-forum-wieviel-angst-braucht-dieses-forum/41770#m41770">Wieviel Angst braucht dieses Forum</a> vom 19.11.1999<a href="#a1">&#x21a9;</a></li> <li><a id="f2" href="https://wiki.selfhtml.org/wiki/SELFHTML:Verein/Chronik#SELFTHML_als_Wiki">SELFHTML:Verein/Chronik: SELFTHML_als_Wiki</a> <a href="#a2">&#x21a9;</a></li> <li><a id="f3" href="https://wiki.selfhtml.org/wiki/Hilfe:Wikistruktur">SELFHTML:Wiki/Umstellung auf die neue Struktur: Namensräume</a> vom 05.06.2012<a href="#a3">&#x21a9;</a></li> <li><a id="f4" href="//www.nngroup.com/articles/duplicate-links/">The Same Link Twice on the Same Page: Do Duplicates Help or Hurt?</a> by Hoa Loranger on March 13, 2016</a> <a href="#a4">&#x21a9;</a></li> </ol>