{"id":2961,"date":"2021-06-12T01:27:30","date_gmt":"2021-06-11T23:27:30","guid":{"rendered":"https:\/\/www.funkspiel-maistadt.de\/blog\/?p=2961"},"modified":"2021-06-12T01:27:30","modified_gmt":"2021-06-11T23:27:30","slug":"die-homepage-im-wandel-der-zeit-teil-1","status":"publish","type":"post","link":"https:\/\/www.funkspiel-maistadt.de\/blog\/2021\/06\/die-homepage-im-wandel-der-zeit-teil-1\/","title":{"rendered":"Die Homepage im Wandel der Zeit (Teil 1)"},"content":{"rendered":"<p>Im Rahmen des neuen Projektes <a href=\"https:\/\/www.funkspiel-maistadt.de\/blog\/2021\/06\/p0x-2570-die-neue\/\">P0X-2570<\/a>, auch \u201cOperation Yin und Yang\u201d genannt, m\u00f6chten wir etwas in Erinnerungen schwelgen. Und das gleich in drei Teilen.<\/p>\n<p>Wer noch nicht wei\u00df, wobei es bei dem Projekt P0X-2570 handelt, es geht um unsere neue Homepage.<\/p>\n<p>Der erste Teil dreht sich um unsere erste Homepage. Die Homepage, der wir unter anderem den Erfolg des Funkspiels Maistadt zu verdanken haben und daher nachtr\u00e4glich den Eisbrecher getauft haben. \u00c4hnlich wie in einem guten Restaurant, m\u00f6chten wir etwas \u00fcber das Kalb erz\u00e4hlen, dessen zartes Medallion nun vor uns auf dem Teller liegt.<\/p>\n<h2>Wie alles begann<\/h2>\n<p>Als im April 2014 der Entschluss getroffen wurde, ein Funkspiel zu er\u00f6ffnen, stand definitiv fest, dass das Funkspiel Maistadt in vielerlei Hinsicht etwas besonderes werden muss. Immerhin war zu dieser Zeit der Funkspielmarkt hei\u00df umk\u00e4mpft.<\/p>\n<p>Zu diesem Zeitpunkt beherrschten alleine sieben gr\u00f6\u00dfere Funkspiele etwa 90% des Marktes. Von den zahllosen Eintagsfliegen und Trittbrettfahrern wollen wir gar nicht erst anfangen.<\/p>\n<p>F\u00fcr die Macher des Funkspiels Maistadt war also klar, dass sich ihr Projekt unbedingt hervorheben muss, um auch nur die geringste Chance zu haben, zu \u00fcberleben.<\/p>\n<p>Unter diesem Aspekt besch\u00e4ftigte sich ein Teil des Projektteams mit dem Thema Webpr\u00e4senz.<\/p>\n<p>Relativ schnell stellte man fest, dass bei dem Thema Webpr\u00e4senz eine Menge Verbesserungspotential bestand. Weitestgehend bestanden die Webauftritte anderer Funkspiele aus Forensystemen, Joomla!, Php-Fusion oder einer Kombination verschiedener.<\/p>\n<h2>NoForum &#8211; der erste Ansatz anders zu sein<\/h2>\n<p>Fast alle Funkspiele nutzten Forensysteme wie WoltLab Burning Board (WoltLab Suite Forum), um Einsatzberichte oder Fahrtenb\u00fccher zu dokumentieren. Das war seinerzeit schon ein <strong>NoGo<\/strong>. Papierkram ja, daf\u00fcr ein Forensystem zu missbrauchen: Nein!<\/p>\n<p>Die Anforderung an die Homepage des Funkspiels Maistadt war es also, dies \u00fcber andere, professionelle Wege zu l\u00f6sen. Ein reines Forensystem musste somit ausgeschlossen werden. Die Kombination herk\u00f6mmlicher Systeme erwies sich gleichfalls schwierig. Wollte man seinen Mitgliedern diverse Mehrfachaccounts in verschiedenen System ersparen.<\/p>\n<p>Ein \u201cAll-in-one\u201d-System schien die beste und benutzterfreundlichste Alternative zu sein.<\/p>\n<p>Aber genau so ein gew\u00fcnschtes \u201cAll-in-one\u201d-System gab es nicht. Also mussten sich die Sch\u00f6pfer des Funkspiels Maistadt etwas \u00fcberlegen. Die guten Erfahrungen mit PhpKit WCMS, einem der sichersten Systeme seiner Zeit, kamen da gerade recht. Alles was man brauchte (Fahrtenb\u00fccher, Einsatzberichte, Patientenprotokolle u.\u00c4.), wurde selbst programmiert und in das PhpKit WCMS integriert.<\/p>\n<p>Die neue Webpr\u00e4senz sollte aber nicht nur den registrierten Mitgliedern eine neue Heimat bieten. Ihre Aufgabe sollte es auch sein, die Au\u00dfenwelt auf dem Laufenden zu halten. Eine weitere Herausforderung f\u00fcr das Entwicklerteam. War der Begriff Suchmaschinenoptimierung f\u00fcr andere Funkspiele ein Fremdwort.<\/p>\n<p>Tja, und dann war da auch noch die Verwaltung. Teamkoordination, Mitgliederbetreuung und andere interne Aufgaben sollten ebenfalls \u00fcber die eine Homepage laufen.<\/p>\n<p>In vielerlei Hinsicht war die \u201cAll-in-one-Homepage\u201d das erste Allein- und Unterscheidungsmerkmal des Funkspiels Maistadt.<\/p>\n<h2>Das Auge spielt mit<\/h2>\n<p>Designtechnisch war die Funkspiellandschaft das reinste \u00d6dland. Wenige Standardthemes wurden immer wieder genutzt. Alleine optisch gab es so gut wie keine Unterschiede. Der zweite Ansatz anders zu sein.<\/p>\n<p>Es galt ein eigenes Design zu entwickeln. Ein Theme im <strong>Responsive Design<\/strong>. Ein Design, welches sich den verschiedenen Ger\u00e4ten optimal anpasste.<\/p>\n<p>Das Framework Bootstrap gab es zwar schon, aber \u00e4hnlich dem damals jungen Digitalfunk galt das Matt\u2019sche Motto \u201cBraucht man das?\u201d.\u00a0Daher griffen die hauseigenen Coder tief in die CSS-Kiste und realisierten alles selbst. Ein bisschen <em>Flexbox<\/em> hier, ein wenig <em>Material-Look<\/em> dort, und das erste eigene Design war geboren.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"720\" class=\"img-responsive wp-image-2954\" src=\"https:\/\/www.funkspiel-maistadt.de\/blog\/wp-content\/uploads\/2021\/06\/funkspiel-p0x2570-c.png\" alt=\"Funkspiel Maistadt - Projektverwaltung\" srcset=\"https:\/\/www.funkspiel-maistadt.de\/blog\/wp-content\/uploads\/2021\/06\/funkspiel-p0x2570-c.png 1280w, https:\/\/www.funkspiel-maistadt.de\/blog\/wp-content\/uploads\/2021\/06\/funkspiel-p0x2570-c-1200x675.png 1200w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/p>\n<h2>Fazit<\/h2>\n<blockquote><p>Ich liebe es, wenn ein Plan funktioniert. (Colonel John \u201eHannibal\u201c Smith)<\/p><\/blockquote>\n<p>Die Rechnung ging auf. Unmittelbar nach seiner Er\u00f6ffnung, erhielt das Funkspiel Maistadt sehr positives Feedback, welches sich insbesondere auf seinen Webauftritt bezog. Das Eis war gebrochen, das Funkspiel Maistadt erregte Aufsehen!<\/p>\n<p>Die Webpr\u00e4senz des Funkspiel Maistadt trotzte dem Einheitsbrei. Sie war jung, sie war frisch, sie war anders! Insider erkannten sofort, dass man sich bei der Planung und Umsetzung nicht nur M\u00fche machte, sondern auch viel Wert auf Professionalit\u00e4t legte. Spiel, Satz und Sieg!<\/p>\n<p>Die erste Homepage war nur ein Jahr im Dienst. Sie wurde zum ersten Geburtstag durch ihre Nachfolgerin, die zweite Version, abgel\u00f6st.<\/p>\n<p>Warum und unter welchen Vorgaben dies geschah, dar\u00fcber sinnieren wir im zweiten Teil unseres Dreiteilers \u201c<a href=\"https:\/\/www.funkspiel-maistadt.de\/blog\/2021\/06\/es-war-einmal-die-homepage\/\">Es war einmal &#8230; die Homepage<\/a>\u201d.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kaum einer erinnert sich an die erste Homepage des Funkspiels Maistadt. Dabei war sie ma\u00dfgeblich am Erfolg des Funkspiels beteiligt. Wir erinnern uns.<\/p>\n","protected":false},"author":4,"featured_media":2937,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[391],"tags":[392,383],"class_list":["post-2961","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-throwback","tag-homepage","tag-p0x-2570"],"_links":{"self":[{"href":"https:\/\/www.funkspiel-maistadt.de\/blog\/wp-json\/wp\/v2\/posts\/2961","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.funkspiel-maistadt.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.funkspiel-maistadt.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.funkspiel-maistadt.de\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.funkspiel-maistadt.de\/blog\/wp-json\/wp\/v2\/comments?post=2961"}],"version-history":[{"count":3,"href":"https:\/\/www.funkspiel-maistadt.de\/blog\/wp-json\/wp\/v2\/posts\/2961\/revisions"}],"predecessor-version":[{"id":2963,"href":"https:\/\/www.funkspiel-maistadt.de\/blog\/wp-json\/wp\/v2\/posts\/2961\/revisions\/2963"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.funkspiel-maistadt.de\/blog\/wp-json\/wp\/v2\/media\/2937"}],"wp:attachment":[{"href":"https:\/\/www.funkspiel-maistadt.de\/blog\/wp-json\/wp\/v2\/media?parent=2961"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.funkspiel-maistadt.de\/blog\/wp-json\/wp\/v2\/categories?post=2961"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.funkspiel-maistadt.de\/blog\/wp-json\/wp\/v2\/tags?post=2961"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}