Home

Dokument_1.

image

Contents

1. dass komplette W rter S tze und Abschnitte nur halb oder gar nicht sichtbar waren Scrollte ein Benutzer mit der Maus innerhalb des Fensters waren diese teilweise wieder sichtbar Im Internet Explorer 9 kam es zu Schw chen bei der Darstellung der Schrift Diese erscheint sehr unscharf und wird teilweise kleiner wiedergegeben 7 3 3 L sung Nach langen Tests und verschiedenen L sungsans tzen wie nderung der Schriftart Schriftfarbe Schriftgr e und anderen Hintergrundfarben blieb ein Erfolg im IE6 aus Nach Recherche im Internet ist dieses Ph nomen sehr selten Der Grund f r diese fehlerhafte Darstellung ist dass der Internet Explorer 6 eine H henangabe in Prozent des Containers ben tigt in der die Schrift dargestellt wird Durch eine einfache CSS Angabe konnte dieser Fehler behoben werden Das Problem im IE9 h ngt mit der Nutzung des Grafikprozessors der die Schriftarte rendert zusammen Sobald man die GPU Beschleunigung abschaltet wird die Darstellungsqualit t der Schrift enorm verbessert Microsofts Rendering Technologie ClearType wird wahrscheinlich nicht verwendet wenn die Schrift von der GPU gerendert wird Abstellen kann man dieses Verhalten indem man den Internet Explorer 9 in die Kompatibilit tsansicht des IE8 zwingt Dies kann der Benutzer tun indem er rechts in der Adresszeile auf die Kompatibilit tsschaltfl che klickt Dies bedeutet der Benutzer muss diese Aktion ausf hren Mit einem einfachen Trick
2. 11 e eventuelle Zusatzkosten f r eine h herwertige Serverumgebung Sicherheitsaspekte e Einschr nkungen bei der Gestaltung e Abh ngigkeit von einem bestimmten Dienstleister e Administration des CMS e geringere Leistung gegen ber statischen Webseiten e Herstellerabh ngigkeit e mehr Funktionalit t als ben tigt e lizenzrechtliche Probleme e Software Politik der Hoster e Mehraufwand f r regelm ige Backups 2 4 3 Marksituation Content Management Systeme werden immer beliebter und die Auswahl ist sehr vielf litig Anhand einer aktuellen Marktanalyse k nnen folgende Aussagen getroffen werden u kein CMS E WordPress E Joomla Drupal 30 20 10 Y Abbildung 3 Verbreitung von Content Management Systemen 12 S ren Huschke Diplomarbeit 2011 Stand von Technik und Design 11 60 7 50 7 u WordPress 40 E Joomla B Drupal 30 7 E vBulletin an Y Blogger 10 Y 10 k Abbildung 4 Marktanteile der CMS 12 Die Abbildung 3 und Abbildung 4 zeigen wie verbreitet Content Management Systeme sind und welchen Marktanteil sich die einzelnen Systeme teilen In Abbildung 3 ist zu erkennen dass aller Webseiten auf den Einsatz eines CMS verzichten und der Rest sich die Vorteile eines CMS zu Nutze machen Abbildung 4 zeigt die Marktanteile der einzelnen Softwareentwickler Dabei ist WordPress der Marktf hrer mit 54 7 2 4 4 Aufbau eines Content Management Sy
3. Online http www uptrends com aspx kostenlose ladezeit html seite test aspx S ren Huschke Diplomarbeit 2011 Literaturverzeichnis XV 65 http browsershots org 2011 Apr http browsershots org Online http browsershots org 66 Prof Dr Richard Lackes http wirtschaftslexikon gabler de Online http wirtschaftslexikon gabler de Definition web 2 0 html 67 http www lexitron de 2003 Juni http www lexitron de Online http www lexitron de main php ci 1 zdetail true eintrag 902 S ren Huschke Diplomarbeit 2011 Anhang XVI Anhang Recherche zu beispielhaften Webpr senzen Internetadresse Support http www myAVR de Einsteiger Shop Einleitung Projekte Allgemeines Anwendungsbeispiele Begriffserkl rung Infos zu Projekten Funktionsweise Mini Projekte Arten von MC s Download Quellcode Was ben tigt man Kundenprojekte Entwicklungsumgebung Forum Programmieren FAQ Schnellstart Kontaktadresse Hardware Mail Software Telefon Zubeh r Komplettpaket Elabo http www elabo reine Produkthompage ts com de produkte produkt8 keine Internen Links zu dem Produkt vorhanden TrainingsSysteme Passwortgesch tztes Downloadcenter Anfrageformular Bestellung Feedback Fragebogen Kontaktadresse Telefon Email Callback Service http www fakultaet1 fh reine Informationsseite zu d
4. amp Co setzten auch auf diese Strategie und konvertieren Videos in das Flash Video Format FVL Zum Konvertieren von AVI MPEG Quicktime und WMV Dateien in das FLV Format muss ein Freeware FLV Encoder auf dem lokalen Computer installiert werden Eine FLV Datei l sst sich nicht einfach in den Quelltext der ACMC Webseite einbinden Das Video muss dazu als swf Datei eingebunden oder es muss ein FLV Players f r die ACMC Webseiten benutzt werden Die Einbindung als swf Datei wird nicht empfohlen da sie Schwierigkeiten mit sich bringt Der Autor ben tigt bei der Einbindung von swf Dateien HTML Kenntnisse Aus diesem Grund wurde ein Plugin eingesetzt welches das Einbinden von Videos als FLV Format erleichtert Es muss ein Shortcode an die gew nschte Stelle eingef gt werden an der das Video im Frontend erscheinen soll Shortcode zum Einbinden eines Videos auf der ACMC Webseite flashvideo file http www acmc ls wp content uploads ihr video file flv autostart true height 360 weight 480 Folgende Attribute stehen zu Verfiigung e flashvideo Ist ein Pflicht Attribut Diese beinhaltet die URL zur Flash Video Datei e width Optionales Attribut mit dem die Breite des Films angegeben werden kann Wenn der Wert nicht gesetzt ist wird die in den WordPress Einstellungen angegebene Standard Breite verwendet e height Legt die H he des Videos fest funktioniert wie width S ren Huschke Diploma
5. bergeordnet und kann beliebig an den Domainnamen konfiguriert werden S ren Huschke Diplomarbeit 2011 Inbetriebnahme und Tests 74 7 6 Optimierung der Ladezeit 7 6 1 Testdurchf hrung Die Ladezeit der Webseite ist mit einem kostenlosen Online Programm von www uptrends com getestet wurden Dieses online Programm analysiert die Ladezeit und Geschwindigkeit einer kompletten HTML Seite einschlie lich aller Objekte wie Bilder Frames CSS Dateien Flash Objekten RSS Feeds und JavaScript Dateien 54 7 6 2 Ergebnis Aus der Abbildung 23 ist eine Ladezeit von 1 7 Sekunden und eine Gesamtgr e der Webseite von 368 3 KB zu erkennen Dies sind durchaus positive Werte allerdings ist die Webseitengr e zu hoch Es stehen noch gen gend Ressourcen zur Verf gung um die Webseite dahingehend zu optimieren gt Gr e Ladezeit s URL KB 0 0 0 3 0 6 0 9 1 2 1 5 1 8 1 S www acmce ls de 14 9 2 ntent themes acmc Is js hoverintent js 3 1 3 t themes acmc Is style css version 1 1 10 1 4 themes acmc Is js jquery 1 2 5 min js 54 5 5 D ns contact form 7 styles css ver 2 4 4 0 9 a ugins wp slimbox2 slimbox2 css ver 1 1 0 9 7 includes js jauery jquery js ver 1 4 4 76 8 8 8 pt slimbox2_autoload js ver 1286184566 3 0 9 H imbox2 javascript slimbox2 js ver 2 04 3 7 10 content themes acmc Is js superfish js 3 6 11 CR ns contact form 7 scripts js ve
6. ckgeschickt 7 7 1 Testdurchf hrung Die http Anfragen und der Datentransfer von der neuen ACMC Webseite wurde mittels dem Firefox Plugin YSlow getestet YSlow gibt eine komplette bersicht ber die einzelnen Anfragen und deren Datenmenge von der Webseite wieder 7 7 2 Ergebnis Auf der neuen ACMC Webseite beliefen sich die http Anfragen auf 26 Requests und die Webseite hatte eine Gesamtg e von 377 1kB Abbildung 24 Empty Cache HTTP Requests 26 Total Weight 377 1K D 1 HTML Text 15 2K 10 JavaScript File 186 6K 3 Stylesheet File 12 1K a 8 C55 Image 78 2K E 3 Image 83 4K 1 Favicon 1 4K Abbildung 24 http Anfragen an den Webserver 7 7 3 Optimierung Woran viele Webdesigner nicht denken ist dass zu gro e Bilder die Leistung einer Webseite erheblich beeintr chtigen Zwar bietet Photoshop schon eine Vielzahl an M glichkeiten Bilder zu verkleinern und zu komprimieren aber darunter leitet auch die Qualit t Es existiert ein Online Programm mit dem Bilder in guter Qualit t nochmals komprimiert werden k nnen Diese Application wird von Yahoo bereitgestellt Es war m glich die Bilder auf der ACMC Webseite von 157 90 kB auf 63 57 kB zu reduzieren Dies entspricht einer Einsparung von 40 26 an Datentransfer pro Seitenaufruf Abbildung 25 S ren Huschke Diplomarbeit 2011 Inbetriebnahme und Tests 76 Smushed 40 26 or 63 57 KB from the size of your image s How did we do it Se
7. die unabh ngig von Software und Hardware optimal funktionieren Um diese Ziele einzuhalten m ssen sich die Web Entwickler an die drei Ebenen einer Web Entwicklung halten Diese sind gegliedert in Struktur HTML Aussehen CSS und Verhalten JavaScript Abbildung 1 Aussehen und Verhalten sind so miteinander Verkn pft dass internetf hige Ger te keine Informationen vorenthalten bekommen 3 The three levels of web development HTML Structure CSS Presentation JavaScript Behaviour Abbildung 1 Die drei Ebenen einer Web Entwicklung 3 S ren Huschke Diplomarbeit 2011 Stand von Technik und Design 4 2 1 2 W3C Das W3C Consortium publiziert Richtlinien f r die Standardisierung von HTML und f rdert so die Entwicklung von Web Anwendungen Unteranderem z hlen XHTML XML CSS SVG und HTML zu den entwickelten Web Standards des W3Cs Das World Wide Web Consortium ist ein internationales Team mit fest angestellten Mitarbeitern die gemeinsam mit der ffentlichkeit Web Standards entwickeln Ziel dieses Konsortium ist es Dem World Wide Web dadurch seine vollen M glichkeiten zu erschlie en dass Protokolle und Richtlinien entwickelt werden die ein langfristiges Wachstum des Web sichern 4 Die HTML Dokumente k nnen auf die definierten Standards des W3Cs gepr ft werden Die W3C Standards sollten von Webentwicklern eingehalten werden damit die Webseite schneller und besser vom Browser wiedergeg
8. erstes vermutet dass der Server keinen Konfigurationsdatei unterst tzt Nach R cksprache mit dem NCC der Hochschule Mittweida konnte jedoch dieser Fehler ausgeschlossen werden Das NCC der Hochschule wies darauf hin dass sich die Konfigurationsdatei mit den Rechten 644 im Rootverzeichnis befinden muss um vom Server interpretiert za werden Da WordPress die Konfigurationsdatei automatisch erstellt wurden die Rechte nicht berpr ft Nach einer berpr fung wurde festgestellt dass die htaccess Datei mit den Rechten 600 im Rootverzeichnis hinterlegt wurde Nach einer Anpassung der Rechtevergabe funktionierten die suchmaschinenfreundlichen URLs 7 3 Internet Explorer 6 und 9 Um die Barrierefreiheit einzuhalten musste auch die Webseite mit den verschiedensten Browsern getestet werden Bei der Programmierung der Webseite wurde auf validierten HTML Code geachtet Es konnten alle Browser in der neusten Version die ACMC Webseite problemlos darstellen Da sich die Browserhersteller an die Richtlinien des W3C halten S ren Huschke Diplomarbeit 2011 Inbetriebnahme und Tests 71 7 3 1 Testdurchf hrung Der Test im IE6 wurde mit der kostenlosen Software IETester durchgef hrt Dies ist eine Application mit der man die Webseite in den verschiedenen Browserversionen des Internet Explorers testen kann 7 3 2 Ergebnis Im Internet Explorer 6 kam es zu einem erheblichen Fehler Dieser machte sich bemerkbar
9. 2 zum Download bereit Die Systemanforderungen sind PHP gt 4 3 2 und MySQL in den Versionen 3 4 5 Stand M rz 2011 25 4 2 1 Kernfunktionen Eine Kernfunktion von Redaxo ist die einfache Installation welche in 10 Minuten abgeschlossen ist Es k nnen individuelle Themes erstellt werden die auch nachtr glich ge ndert werden k nnen ohne den Inhalt zu ver ndern Module k nnen frei definiert werden und jedem Artikel zugeordnet werden Dies spricht f r die Individualit t von Redaxo 26 4 2 2 Verwaltung von Inhalten In Redaxo ist die Verwaltung der Inhalte einfach gehalten Die Verwaltung der einzelnen Artikel erfolgt ber die Module Durch die einfache Strukturierung der Inhalte besteht eine hohe Flexibilit t bei der Erstellung der einzelnen Artikel und k nnen auch miteinander kombiniert werden Es stehen verschiedene Benutzerrechte zur Verf gung welche auf die Module vergeben werden k nnen 4 2 3 Technologie Redaxo setzt auf das MVC Model mit den Technologien MySQL und PHP Somit ist der Inhalt von dem Design getrennt und kann jederzeit ge ndert werden Diese zwei Technologien sind Open Source und gelten als Alternativen gegen ber den kostenpflichtigen Programmen S ren Huschke Diplomarbeit 2011 Auswahl eines Content Management System 22 4 2 4 Support Auf der offiziellen Redaxo Webseite steht die komplette Dokumentation zum Download bereit Es existieren Tutorials zur Installation und es wer
10. 33 A ACI AC m f 1 7 gt a pa I mem I SS S N SS N nn ACI AC po EES Donau pn AC CA Porn AC Tabelle 2 Auswahl zwischen Redaxo und WordPress SS lt S Si ES Tabelle 2 spiegelt die Auswahlkriterien f r ein geeignetes CMS des ACMC wieder Aus dieser Tabelle geht eindeutig das CMS WordPress als Sieger hervor WordPress ist zwar in erster Linie ein Blogsystem aber durch das Anlegen von statischen Seiten und verschiedenen Plugins kann es als vollwertiges Content Management System f r die Webseite des ACMC Learning System eingesetzt werden Zudem besitzt es eine einfache zu bedienende Benutzeroberfl che und es existieren sehr viele Erweiterungen S ren Huschke Diplomarbeit 2011 Konzeption der Webseite 34 5 Konzeption der Webseite Dieses Konzept beschreibt wie Inhalte aussehen und welche Funktionen und Interaktionsm glichkeiten dem Benutzer auf der neuen Webseite zur Verf gung stehen Die Bedeutung und Absicht einer Webseite muss klar definiert sein Dabei spielen Zielgruppen Informationen und Dimension der Webseite eine gro e Rolle Wie umfangreich eine Webseite ist h ngt stark von dem Vorhaben des Webseitenbetreibers ab 5 1 Recherche zu beispielhaften Webpr senzen Die Recherche zu beispielhaften Webseiten gestaltete sich anfangs sehr schwierig Die Nachforschungen wurden mit Hilfe mehrere Suchmaschinen und verschiedener Suchbegriffe realisiert Um eine
11. Diplomarbeit 2011 Stand von Technik und Design 8 Ein wichtiger Aspekt den viele Webseitenbetreiber vergessen ist die Barrierefreiheit Eine barrierefreie Webseite erlaubt es jedem Webseitenbesucher unabh ngig von seinen pers nlichen und technischen Gegebenheiten alle Inhalte zu lesen und auch alle Interaktionsm glichkeiten der Webpr senz zu nutzen Eine Webseite sollte in jedem Webbrowser m glichst gleich dargestellt werden dies nennt man Browserkompatibilit t Browserkompatibilit t zu erzielen ist mit viel Aufwand verbunden da sich die Browser in vielen Dingen unterscheiden Selbst verschiedene Versionen desselben Browsers weisen manchmal enorme Unterschiede auf Es sollte zumindest eine Kompatibilit t f r die g ngigsten Browser wie Internet Explorer Firefox Opera Google Chrome und Safari in den aktuellen sowie jeweils den zwei vorhergehenden Versionen angestrebt werden Um die Ladegeschwindigkeit einer Webseite zu verbessern sollten keine gro en Bilder hinterlegt werden und der Webseitenbetreiber sollte sich von berm ig viel JavaScript trennen Bilder k nnen mit einfachen und benutzerfreundlichen Applikationen auf ein Minimum reduziert werden Ist die Webseite sehr umfangreich und hat viele Inhalte spielt die Suchfunktion eine wichtige Rolle Diese sollte an die Bed rfnisse der Webseite angepasst werden und exakte Treffer der Suchanfrage erm glichen Handelt es sich bei dem Internetauftritt um eine Fi
12. EE 73 7 6 Optimierung der Ladera il lista 74 LOL Testdurchf hrune ra 74 1 02 TELE E E a a a aa a E 74 7 1 Reduzierung von http Anfragen und Datentransfer ooonccnonccnocononnnonnnnnnconncnoncnnnos 75 Ze Zi De Kee rl 75 E Ergebnis ses srkesknlmeiskankahlkeblsn lei 75 7 13 Optimierung essen nalen 75 TA A Busse een di 11 7 8 Darstellung in den verschiedenen Browsern esssesesessessrsereeressessresresseesrerreeseese 77 7 8 1 Testdurchf hruns sseukeinnae gell T11 O TEE E 77 7 9 Ke EE E EAE E e da 78 CN We Ee O 78 O A E ET 78 7 10 ic AA EE 78 WLO Testi ans eins 79 7 102 oe een ee 79 8 UN VUE E E e E 80 8 1 e 80 8 2 Umsetzung der Websetenopttmierung 80 8 2 1 Individuelle und einzigartige Seitentitel ooonnnccnnnncccnoncccnoncnononcnonanacinnnannnns 80 8 2 2 Seitenbeschreibung Meta Descppon nennen 80 8 23 Klare Str kt r det Ur Lied dl bahnen 81 8 2 4 Webseite leichter navigierbar gestalten oonnnococnnncccnoncccnoncnonnnnnonnncnonancnnnns 81 8 2 5 Hohe Wertigkeit der Inhalte kp 81 8 2 6 Optimierung von Bildern it A a 81 8 2 7 Richtiger Einsatz von berschriften sss ssssssssseresssrirssirssirssrrssresrrrssresn 82 8 2 9 Robots tkt Datei sn ee 82 SAM UCA IR ISI 82 9 Zusammenfassung und Ausblick ooooooocconoccoonoccconoccnonnccnonocconnnccnnoncconocccnnoccconoccono 83 Liter turverzeichnis A sesso us eeose sosiaa sses saa soos siio sioe aso beads iseset oai
13. IBU 58 Abbildung 20 Aufbau eines WordPress Templates oooonocccnnococonncnconncnconnncconnncnnnncconancnonnnccnnns 59 Abbildung 21 Prosrammablauf Startseite un een 60 Abbildung 22 Programmablauf Inhaltsseiten ner snnennnennnnennnen nennen nn 62 Abbildung 23 Ladezeit der www acmc Is de Webseite oooooononococnnoccconcccnoncconnncconancnonnncnnnns 74 Abbildung 24 http Anfragen an den Webserver oooooocccnoncccnonccconnnncnnncnononononnnnncnoncnononcnonnncnnns 75 Abbildung 25 Reduzierung von Bilddateien nennen 76 Abbildung 26 Vergleich vor und nach der Oppmierung nono nonancnnnnnos Abbildung 27 Erfolgreiche Validierung durch das WA XII Tabellenverzeichnis Tabelle 1 Zusammenfassung und Vorauswahl eines CMS 31 Tabelle 2 Auswahl zwischen Redaxo und WordPress A 33 Tabelle 3 Auswahl eines geeigneten Domainname sssesssessesssessseeessetesstessresseesseeeesseessrese 38 Tabelle 4 Verwendung von Inhalten icons nun Rein 42 Tabelle 5 Verfeinerung der Webseitenstruktur usa 50 Tabelle 6 Farben der Institutes Webs eek 54 Tabelle 7 Zusammenfassen und Komprimieren von CSS und JavaScript Dateien 76 XIV Abkiirzungsverzeichnis ACMC CMS CSS FAQ FTP GPU GUI hD2 HTTP MCLS MVC MySQL NCC PHP RSS SEO SVG URL W3C WWW WYSIWYG XHTML XML YAML Application Center Microcontroller Content Management System Cascading Style Sheets Frequently Asked Questions File Transfe
14. ein Benutzerdefiniertes Feld ausf llen um die Seite mit einem Hochschul Login zu versehen Diese page php Datei verf gt ber folgenden Programmablauf Abbildung 22 S ren Huschke Diplomarbeit 2011 Realisierung der Webseite 62 Ist eine Session vorhanden V Nein Ja i i Ist es eine gesicherte Seite mit Hochschul Login y V Ja Nein Ausgabe des Inhalts l l Weiterleitung zum Hochschul Login Ausgabe des Inhalts i Erfolgreiche Anmeldung Erfolglose Anmeldung Session Zuweisung Ausgabe des Inhalts Zugriff verwehrt Abbildung 22 Programmablauf Inhaltsseiten 6 3 Auswahl von geeigneten WordPress Plugins 6 3 1 Allgemeines Die WordPress Plugins spielen bei der Anpassung des Content Management Systems eine wichtige Rolle Durch Plugins l sst sich der Funktionsumfang von WordPress beliebig erweitern Auf der WordPress Plugin Webseite stehen rund 14 000 Plugins zum Download bereit Von diesen zahlreichen Plugins sind viele doppelt vorhanden und stellen unterschiedliche Funktionen bereit wobei Aufwand und Nutzen nicht immer verh ltnism ig sind Ziel dieser Auswahlverfahrens war es geeignete Plugins herauszufiltern welche die gestellten Auswahlkriterien erf llen und keine zus tzlichen JavaScripte CSS Dateien oder Grafiken beinhalten Zudem wurde darauf geachtet wie viele zus tzliche Datenbankanfragen und http Anfragen das Plugin verursacht Die http Anfragen und der Datentransfer wu
15. einem Link versehen sind 8 2 5 Hohe Wertigkeit der Inhalte F r Suchmaschinen sind verwertbare Informationen auf der Seite viel wichtiger als die Seitenbeschreibung Keyw rter oder lesbare URLs Deshalb ist der Autor der Seite f r den Inhalt verantwortlich Dieser sollte den Text leserlich schreiben und sich auf das Kernthema konzentrieren 8 2 6 Optimierung von Bildern F r Bilder wird immer ein Alt Attribut verwendet da die Suchmaschinen diesen Text lesen und besser bewerten k nnen Dieses Attribut wird beim Hochladen der Bilder automatisch oder von dem Autor vergeben S ren Huschke Diplomarbeit 2011 Suchmaschinenoptimierung 82 8 2 7 Richtiger Einsatz von berschriften Wenn ein Autor im Backend eine Seite erstellt muss er die berschrift selbst w hlen Diese wird dann mit der gew hlten berschrift des Autors im Frontend ausgegeben Der Autor kann die Gr e der berschrift im WYSIWYG Editor selbst bestimmen 8 2 8 Robots txt Datei In einer robots txt Datei k nnen Anweisungen festgelegt werden welche Verzeichnisse von den Suchmaschinen ausgelesen werden d rfen und welche nicht Im Rootverzeichnis der ACMC Webseite befindet sich eine robots txt Diese wurde wie folgt konfiguriert User agent Allow Sitemap http www acmc ls de sitemap xml Laut dieser Einstellung darf die Suchmaschine alles durchsuchen Der Grund dafiir ist dass der Backendbereich mit einem Passwort versehen ist Di
16. http w3techs com technologies overview content_management all 13 Wilhelm Janssen 2004 May www at mix de Online http www at S ren Huschke Diplomarbeit 2011 Literaturverzeichnis XI mix de smalltalk htm 14 Simon Acker 2004 Dezember http www medien ifi lmu de Online http www medien ifi Imu de fileadmin mimuc mmi_ws0405 uebung essays simon ack er v2 MVC htm 15 Kim Rose Mark Guzdial Squeak Open Personal Computing And Multimedia Mark Guzdial Ed University of Michigan Prentice Hall 2002 16 http de wikipedia org 2011 Mai http de wikipedia org Online http de wikipedia org wiki Model_View_ Controller 17 http www selfhtml5 org 2010 Juli http www selfhtml5 org Online http www selfhtml5 org 2010 html5 features 95 18 Panagiotis Kolokythas 2010 June http www pcwelt de Online http www pcwelt de news Google Chrome Frame Google spendiert IE 6 8 die HTML 5 Unterstuetzung 370455 html 19 Thomas Pichler 2010 Jan http www pressetext de Online http www pressetext de news 100114014 html zukunft browser greift auf webcam zu 20 http webtronics bplaced net 2010 Dezember http webtronics bplaced net Online http webtronics bplaced net pages css3 intro php 21 Achim Raj http www joomla tutorials de Online http www joomla tutorials de allgmeines ueber joomla mindestanforderung um joomla zu v
17. jeweils die neusten Webstandards enth lt S ren Huschke Diplomarbeit 2011 IV Inhaltsverzeichnis AMA XI Tabellenverzeichnis ii ARAS e XIII Abk rzungsverzeichnis a kai XIV 1 Elte 1 2 Stand von Technik und Design cooooccooocccoonccconocccnnccnnocccnrnccncnoccconoccnonoccncnoccnonoccnanoos 3 2 1 Web Standards und RCM 3 2 1 1 EE 3 E E EE 4 A CN RE 4 2 14 CSS ns 4 2 13 Javasenp ar A e a E 5 2 2 Webdesien ns RR O E ase 6 22 17 Grohe Typosraphien sen reise 6 2 2 2 Illustrationen und Zechnungen 6 2 2 3 Magazin Layout sea ein 6 2 24 Non der Natur Inspiriert die 6 2 3 Anforderung an eine zeitgem e Webseite oooooononccnnconoccconnccononannnonn nono nonononancnnnnno 7 2 4 Content Management Systeme essen DEENEN Ee 9 2 4 1 Vorteile eines Content Management Svstems 9 2 4 2 Nachteile eines Content Management Systems cocoocccconcccnoncnononnnonnncncnananinns 10 2 43 A A aaia i EE 10 2 4 4 Aufbau eines Content Management System oooooccnnncccnoncncnoncnonnnnncnnncncnnnacinns 11 20 Zukunft von Technik und Design mision ii kn 13 28 A O 13 2 924 HIME A ee 13 e ER EK EE 14 Definition von Zielfunktionen sessessesoosossossossesossossesossoesossossesossossesoosoesossossssossossee 15 Auswahl eines Content Management System cssssssssssenssssenssssennssnennsssennssssnsnnee 18 4 1 A u areas ler el 19 ALL Kerntunktone iuris lid lea 19 41 2 Verwaltung von Ibal man eier 19 4 1 3 NS
18. kann man dem Benutzer diese Arbeit abnehmen Durch einf gen der Zeile lt meta http equiv X UA Compatible content IE EmulatelE8 gt in den Kopfbereich der ACMC Webseite wird der Internet Explorer 9 gezwungen die Webseite im Kompatibilit tsansicht des Internet Explorer 8 zu rendern Somit entstehen dem Benutzer der Webseite keine unangenehmen Darstellungsprobleme bei der Schriftart 57 S ren Huschke Diplomarbeit 2011 Inbetriebnahme und Tests 72 7 4 Mediathek Die Mediathek erm glicht die Verwaltung von Bildern Dateien und Videos WordPress erkennt beim Hochladen den Dateityp automatisch und sammelt alle Mediendateien in einer Bibliothek In dieser Bibliothek k nnen diese Dateien direkt verwaltet werden 7 4 1 Testdurchf hrung Nach der Installation von WordPress musste getestet werden ob sich Dateien in die Mediathek hinzuf gen lassen Dabei wurde die Mediathek aufgerufen und versucht ein Bild und ein Video hinzuzuf gen 7 4 2 Ergebnis Bei dem Versuch ein Bild in die Mediathek hinzuzuf gen trat in WordPress folgender Fehlercode auf Missing a temporary folder Invalid upload Error Code 6 7 4 3 L sung Als erstes wurde vermutet dass der Fehler in WordPress liegt Alle Mediadateien werden von WordPress in einem upload Ordner zusammengefasst und abgespeichert Dieser Ordner muss mit den Rechten 666 versehen sein Nach Umstellen der Rechte dieses Ordners trat der Fehler weiterhin
19. mehr auf der Startseite anzuzeigen So kann ein Datum beim Erstellen einer Neuigkeit einstellet werde damit die News auf der Startseite zu einem gewissen Datum auslaufen Really Simple CAPTCHA Dieses Plugin ist eine Erweiterung von Contact Form 7 um den Sicherheitscode unter einem Kontaktformular anzeigen Search Meter search Meter berwacht die komplette Suchfunktion Es speichert alle relevanten Suchbegriffe und die Trefferanzahl der einzelnen Suchanfragen in einer Datenbank Mit dem Plugin kann das ACMC nachvollziehen wonach die Benutzer auf der Webseite gesucht haben und ob Sie f ndig geworden sind S ren Huschke Diplomarbeit 2011 Anhang XXII Search Suggest Search Suggest wird bei der internen Webseitensuche aufgerufen und tritt nur in Kraft wenn sich ein Benutzer in dem Suchfeld verschreibt und keine Treffer vorhanden sind Als Beispiel Ein Benutzer tippt in das Suchfeld microcontroler ein Es werden keine Inhalte ausgegeben da das Wort nicht in der DB zu finden ist Allerdings wird diese Anfrage abgefangen und ihm wird ein Text mit Meinten Sie vielleicht microcontroller angezeigt Dem Benutzer wird die richtige Schreibweise vermittelt und er kann mit einem Klick weitersuchen Secure WordPress WordPress ist eines der sichersten Content Management Systemen auf der Welt aber trotzdem kann es zu Problemen in den einzelnen Versionen kommen Dieses Plugin schlie t diese Sicherhei
20. sind und ber eine ausreichend schnelle Internetanbindung verf gen e Sch ler und Studenten welche sich mit dem Thema Mikrocontroller auskennen und weitere Erkenntnisse mit dem Programmieren von Mikrocontrollern sammeln m chten e Sch ler und Studenten welche sich nicht mit dem Thema Mikrocontroller auskennen und Anleitungen f r das Programmieren von Mikrocontrollern ben tigen e M gliche Interessenten welche zu den Lehrsystemen Information ben tigen S ren Huschke Diplomarbeit 2011 Konzeption der Webseite 41 Nebenzielgruppe Benutzer welche die deutsche Sprache beherrschen Benutzer die mit dem Internet und Computer gut vertraut sind und ber eine ausreichend schnelle Internetanbindung verf gen Unternehmen die an den Lehrsystemen interessiert sind und Kontakt mit dem ACMC aufnehmen m chten Internetbenutzer welche an einem Mikrocontroller Lehrsystem interessiert sind und auf diesem Bereich weiter Erfahrungen sammeln m chten Erwartungen der Zielgruppen Erl uterungen der einzelnen Systeme erforderliche Entwicklungswerkzeuge Schritt f r Schritt Anleitungen Download von Beispielprogrammen Benutzerhandb cher Technische Daten Datenbl tter Schaltpl ne umfassende Hilfe Tipps und Tricks FAQ Glossar S ren Huschke Diplomarbeit 2011 Konzeption der Webseite 42 5 3 3 Erforderliche Inhalte Definition Medien Medien ist ein Sammelbegriff f r alle audiovisue
21. wdrblog de joergschieb archives 2010 11 1stwebseite html 2 Stefan Walter 2004 http www pseliger de Online http www pseliger de presentations localThirdPartyContent stefanW alter benefitsOfW ebStandards index02 htm 3 Christian Heilmann http www friendsofed com Online http www friendsofed com web accessibility chapter10 html 4 Ian Jacobs 2007 Nov W3C Online http www w3c de about overview html 5 Stefan Bucher 2004 Dec G ltiger Hypertext Webseiten validieren Online http www stefanbucher net tutorial validieren 6 http de html net http de html net Online http de html net tutorials css lessonl php 7 2003 Juni http www lexitron de Online http www lexitron de main php ci 1 amp detail true amp eintrag 902 8 Jacqueline Thomas 2009 November http webdesignledger com Online http webdesignledger com tips web design trends for 2010 9 SeoRama 2010 Aug SeoRama Online http www seo rama com suchmaschinenoptimierung allgemein seo off page 30 tipps fur die erstellung einer neuen zeitgemasen und auffindbaren website 10 Melanie M ller 2011 Feb http www arsito de Online http www arsito de Vorteile eines CMS html 11 Alexander Winkler 2011 Feb http www typo34u de Online http www typo34u de index php id nachteile_cms 12 w3techs 2011 Feb w3techs com Online
22. 2 4 und eine MySQL Datenbank der Version 5 1 41 installiert S ren Huschke Diplomarbeit 2011 Auswahl eines Content Management System 31 Vorauswahl aller 5 ausgew hlten Content Management System 5 0 15 Suchmaschinenfreundlichkeit ESESESE nicht Okay d Tabelle 1 Zusammenfassung und Vorauswahl eines CMS Liferay und Drupal 7 k nnen nicht auf dem Hochschulserver installiert werden Liferay arbeitet nur in einer JEE Umgebung und bei Drupal sind die Anforderungen an den Hochschulserver nicht gegeben Die Entscheidung liegt bei Joomla Redaxo oder WordPress Joomla scheitert bei der Schnelligkeit im Seitenaufbau und dem anpassbaren Design da es sehr umst ndlich zu erstellen und zu optimieren ist S ren Huschke Diplomarbeit 2011 Auswahl eines Content Management System 32 4 7 Auswahl zwischen Redaxo und WordPress Joomla Lifray und Drupal fallen durch die Vorauswahl Es bleiben zwei Content Management Systeme brig Von diesen beiden m ssen weiter Kriterien erf llt werden schnell und einfach anpassbar einfaches Update des CMS Benutzerrollenverwaltung umfangreicher WYSIWYG Editor Kontaktformular mit Sicherheitscode interne Suchfunktion Design wie vom ACMC gew nscht umsetzbar interne Statistikerfassung Erstellung eines W rterbuchs passwortgesch tzter Bereich umfangreiche Suchmaschinenoptimierung S ren Huschke Diplomarbeit 2011 Auswahl eines Content Management System
23. 2011
24. A iee a a e ae a a aa a a aS 19 ALA SUP o R 19 4 1 5 Flexibilit t nun abe 20 4ko VErwellerbarkee nn Ele 20 4 1 7 Suchmaschinenfreundlichkeit u 2 2 hinein u 20 41 8 KE 20 41 1 9 ASI tina 20 ALO Pi olsnneiieken tet 20 42 Rede nn rare 21 4 2 1 RECIO teo age 21 422 Verwaltung von Mhalten ii 21 4 2 3 Technologie et ann i aaa ens len 21 ADA SUPPO nan e A A 22 ALS Pa i n 22 42 0 OS 22 42 7 Suchmaschinenfreundlichkeit Wicca aii EEN AEESEEEEEEEEENNENENGe 22 42 85 DEIN Eee 22 2 9 sSieherhe EE 23 AAN Fass Nee Te ers 23 4 3 WordPress ota lis 23 43 1 Korntinkion Miri bi 23 4 3 2 Verwaltunge von IE a 23 A A EE 24 en A este 24 A ee 24 4 3 6 Erweiterbarkeit ana aci 24 4 3 7 Suchmaschinenfreundlichk it iia tii 24 43 8 1 RE 24 O Ee 25 SI E 25 4 4 Liferay e E E EE E ke a E T E E N RTE Ea 26 4 21 O 26 44 2 Verwaltung von Inhalten een 26 E e Kee EE 26 4 4 4 e GE 27 4 4 5 OT ee ET 21 4 4 6 Erweilerbarkeit zn 22 ee 27 4 4 7 Suchmaschinenfreundlichkeit viii id 27 EB De wel 27 44 9 Sicherheit EE 28 4410 Daseins 28 4 5 Dr pal an eat Seet EE nisse 28 Sek Let DEE ada caos 28 4 5 2 Verwaltung von Inhalten unssassesteiignieunsluniskie 29 4532 e A EE E E E E a a Ee 29 434 SUPPO SEE 29 O A Tee 29 e SE ee E dd ties 29 4 5 7 Suchmaschinenfreundlichkeit oonoccnnnnninnononcnoncnoncncnnncnonocnnn nono cono ncnoncnnncnnnno 30 A ee ee 30 4 5 9 Ee ien ee
25. Auf den Webseiten der gefundenen Microcontroller Lehrsysteme wurde die Webseitenstruktur die Navigation und der Support analysiert und in einer Tabelle gegen bergestellt siehe Anhang 5 1 3 Zusammenfassung e viele Systeme sind f r Einsteiger geeignet e die Webseiten bieten viel Information rund um das System e viele Codebeispiele e wenige Seiten mit gro er Community e viele benutzen ein Kontaktformular oder eine Kontaktadresse e FAQ Center e teileweise Passwortgesch tzter Downloadbereich f r internen Support e ausreichende technische Daten zu den einzelnen Systemen vorhanden e Tipps und Tricks rund um die Lernsysteme e Newsletter e Links zu den Mikrokontrollern Herstellern e Schritt f r Schrittanleitung e Datenbl tter S ren Huschke Diplomarbeit 2011 Konzeption der Webseite 36 5 2 Recherche und Auswahl eines geeigneten Domainnamen Ziel ist es einen passenden Domainnamen f r den neuen Internetauftritt der ACMC Webseite zu finden Der Domainname sollte verschiedene Kriterien erf llen Er sollte einpr gsam sein und eine Aussage zum Inhalt der Webseite beinhalten Wichtig ist bei der Auswahl des Domainnamens dass dieser verst ndlich und nicht zu lang ist Auch eine hohe Anzahl von Bindestrichen und die Gefahr von Verwechslungen z B beim Buchstabieren am Telefon sollte minimiert werden Je k rzer und pr gnanter der Domainname desto einpr gsamer ist er f r den Benutzer Der Besucher der ACMC Webseite sollt
26. Daf r ben tigt man eine PHP Laufzeitumgebung und eine Datenbank mit den entsprechenden Zugangsdaten Da aus Kapitel 4 die Systemvoraussetzungen schon ermittelt und gepr ft wurden kann WordPress auf dem Webserver installiert werden WordPress kann von der Webseite WordPress Deutschland kostenlos heruntergeladen werden Dabei hat man die Auswahl zwischen der englischen und der deutschen Version Bei der neuen Webseite kommt die deutsche Version zum Einsatz Die Downloaddatei ist etwa 3MB gro und wurde in einem lokalen Ordner entpackt Der Inhalt dieses Ordners muss mittels eines FTP Clienten auf den Hochschulserver transferiert werden Nachdem alle Dateien und Ordner erfolgreich auch den Webserver hochgeladen sind wird die Domain im S ren Huschke Diplomarbeit 2011 Realisierung der Webseite 57 Browser aufrufen Ein Installationsprogramm weist darauf hin dass die Konfigurationsdatei nicht existiert und erst erstellt werden muss Danach werden die Datenbank Zugangsdaten ben tigt Aus Sicherheitsgr nden wurde der Tabellenpr fix der Datenbanktabellen von wp_ auf mc_ ge ndert Im n chsten Fenster muss ein Webseitenname ein Benutzername ein Passwort und eine E Mail Adresse angeben werden Anschlie end ist die Installation abgeschlossen und der Benutzer kann sich ins Backend einloggen Im Backend sind weiter Einstellungen vorzunehmen um die Benutzerfreundlichkeit zu erh hen Dazu geh ren das Datums und Zei
27. Einsatz kommen e Es soll ein geeigneter Banner f r die Webseite der Lehrsysteme gestaltetet werden indem der Schriftzug Application Center Microcontroller Learning Systems und der Slogan embedded systems for a better future deutlich hervorgehen e Die horizontale Navigationsleiste soll immer sichtbar bleiben und ber ein Drop Ausbildung Lehre Studium Abschlussarbeiten Berufsorientierung und Praktika e E Learning Startseite Impressum Kontakt 11 Workshop Mikrocontroller Applikation Eingebettete Systeme Anwender und Entwickler von Mikrocontrollern und Eingebetteten Systemen aus Mitteldeutschland finden sich am 26 Mai zum Erfahrungsaustausch und zur Diskussion der zahlreichen fachlichen Neuigkeiten in Mittweida ein mehr Referenten gesucht Sie haben interessante Themen zu innovativen Bauelementen Applikationsbeispielen oder L sungsans tzen Referieren Sie zu unserem Workshop am 26 Mai 2011 mehr Down Men verf gen welches bis zu drei Ebenen dargestellt e Die Startseite soll alle drei Mikrocontroller Lehrsystemen pr sentieren Zudem sollen rechts in einer Sidebar Neuigkeiten des ACMC ausgegeben werden e Unterseiten sollen ber ein linkes Untermen verf gen und nicht ben tige Men punkte sollen ausgeblendet werden S ren Huschke Diplomarbeit 2011 Konzeption der Webseite 54 Farben der neuen Webseite Aus der Dokumentation der Instituts Web
28. Es verf gt zudem ber einem Anti Spam CATCHA Flash Video Player Dieses Plugin wurde gew hlt um die Einbindung von Videos auf der acmc Is Webseite zu erleichtern Es k nnen verschiedene Einstellungen wie Vorschaubild Autostart Farbe H he oder Breite vorgenommen werden Dieses Plugin basiert auf einen Open Source Player namens JWPLAYER Flexi Pages Widget Flexi Pages Widget ist ein konfigurierbares Sidebar Widget um die Seiten und Unterseiten bersichtlich auszugeben Diese Plugin wurde benutzt um das linke Seitenmen zu erzeugen S ren Huschke Diplomarbeit 2011 Anhang XXI Google XML Sitemaps Dieses Plugin generiert eine spezielle XML Sitemap und informiert automatisch die Suchmaschinen dass sich die Webseite ver ndert hat Link to Post Mit dem Plugin Link to Post k nnen ganz einfach Links auf interne Seiten gesetzt werden Optimize DB Optimize DB ist ein sehr n tzliches Plugin um die Datenbank zu optimieren Datenbanken erzeugen im Laufe ihres Lebens viel Overhead Dieser berhang wird aus der Datenbank gel scht PJW Mime Config PJW Mime Config ist ein Plugin um die Uploadfunktion von WordPress zu erweitern In WordPress d rfen standardm ig z B keine RAR Dateien hochgeladen werden Mit diesem Plugin kann die Uploadfunktion bearbeitet und eigene Dateiendungen hinzuf gen werden Post Expirator Dieses Plugin wurde gew hlt um die News zu einem gewissen Datum nicht
29. Februar 2011 4 JavaScript JavaScript1 5 EK JavaScnpti1 3 0 2 JavaScriptt 4 0 1 JavaScripti 2 0 0 JavaScript 0 0 aktiviert EI nicht aktiviert 4 1 E Abbildung 12 Aktivierung von JavaScript der Internetbenutzer 50 Aus dieser Statistik von WebHits geht hervor dass 99 7 die aktuelle JavaScript Engine 1 5 benutzen und rund 96 JavaScript in ihrem Browser aktiviert haben Fazit F r die Erarbeitung erster Design Entw rfe m ssen die Statistiken miteinflie en da sie Aufschluss dar ber geben mit welchen technischen Voraussetzungen die Internetbenutzer im World Wide Web navigieren Daraus ergeben sich folgende Parameter f r die zu erstellende Webseite des ACMC Browser Die Webseite muss f r alle neuen Version der Browser Internet Explorer Chrome Firefox Safari und Opera optimiert werden zudem sollte die Webseite auch in den ersten und zweiten Vorg ngerversionen der Browser betrachtet werden k nnen S ren Huschke Diplomarbeit 2011 Konzeption der Webseite 47 Bildschirmaufl sung Optimal ist eine Bildschirmaufl sung gr er gleich 1024x768 Pixel Die Webseite kann aber auch bei kleineren Bildschirmaufl sungen als 1024x768 Pixel im Browser ge ffnet werden JavaScript JavaScript kann benutzt werden allerdings sollte die Webseite auch ohne JavaScript funktionieren 5 3 7 Erarbeitung des Layouts Aus Kapitel 5 3 6 gehen die technischen Voraussetzungen f r die Designvorschl ge he
30. HOCHSCHULE gla MITTWEIDA UNIVERSITY OF DU APPLIED SCIENCES Diplomarbeit S ren Huschke Konzeption und Realisierung einer innovativen Webpr senz fiir die Mikrocontroller Lehrsysteme des Application Center Microcontroller 2011 Fakult t Elektro und Informationstechnik Diplomarbeit Konzeption und Realisierung einer innovativen Webpr senz fiir die Mikrocontroller Lehrsysteme des Application Center Microcontroller Autor S ren Huschke Studiengang Multimediatechnik Seminargruppe MK06 w1 Erstpr fer Prof Dr Ing Olaf Hagenbruch Zweitpr fer Dipl Ing FH Bernd Bader Mittweida Mai 2011 S ren Huschke Diplomarbeit 2011 Bibliographische Beschreibung Huschke S ren Konzeption und Realisierung einer innovativen Webpr senz f r die Mikrocontroller Lehrsysteme des Application Center Microcontroller 84 Seiten Mittweida Hochschule Mittweida Fakult t und Elektro und Informationstechnik Diplomarbeit 2011 Referat Heutzutage ist es wichtig dass ein Unternehmen oder Institut sich angemessen im World Wide Web pr sentiert um neue Kunden und Auftr ge zu akquirieren Ziel der Diplomarbeit ist es eine neue Webseite zu konzipieren und zu realisieren welche die drei Lehrsysteme des Application Center Microcontroller vereinigt und dem Benutzer ein hohes Ma an Support bietet Die neue Webpr senz soll auf einem interaktiven Content Management System aufbauen welches
31. L Code zu extrahieren um diesen sauber und semantisch korrekt zu erhalten S ren Huschke Diplomarbeit 2011 Stand von Technik und Design 5 Durch eine CSS Datei k nnen schnell und leicht nderungen an einer Webseite in ihrem Erscheinungsbild vorgenommen werden Es ist sehr viel weniger Code notwendig um ein HTML Dokument zu formatieren Dies spart Ressourcen und der Benutzer kommt so schneller zu seiner gesuchten Information Zudem bieten CSS Dateien die M glichkeit bestimmte grafische Ausgaben zu steuern Abbildung 2 6 Abbildung 2 Separate CSS Dateien f r aktuelle Browser Drucker oder ltere Browser 2 1 5 JavaScript JavaScript ist eine eigenst ndige Skriptsprache die von der Firma Netscape in Zusammenarbeit mit Sun entwickelt worden ist Sie wird verwendet um Webseiten mit dynamischen Elementen zu versehen JavaScript wird zum Beispiel zur berpr fung von Formulareingaben verwendet und es k nnen interaktive Men leisten erstellt werden Dar ber hinaus k nnen mit Hilfe von JavaScript Anweisungen erzeugt werden welche technische Daten des Computers ermittelt sowie interaktive Funktionen ausgel st werden Die JavaScript Dateien werden in den HTML Code der Webseite eingebunden und erst im Browser ausgef hrt Dazu ist jedoch ein JavaScript f higer Browser erforderlich JavaScript ist Open Source und frei verf gbar und darf ohne Lizenz in Browsern implementiert werden Diese Scriptsprache hat mit der Programm
32. Online http www pr ranking tipps de ranking tutorial struktur aufbau inhalte html 45 http de wikipedia org 2011 April http de wikipedia org Online http de wikipedia org wiki PHP 46 http de wikipedia org wiki Mysq l Online http de wikipedia org wiki Mysql 47 http www netmarketshare com 2011 Februar http www netmarketshare com Online http www netmarketshare com operating system market share aspx gprid 8 48 http www netmarketshare com 2011 Februar http www netmarketshare com Online http www netmarketshare com browser market share aspx qprid 0 49 http www netmarketshare com 2011 Februar http www netmarketshare com Online http www netmarketshare com report aspx gprid 17 50 http www webhits de 2011 Februar http www webhits de Online http www webhits de 51 http wordpress deutschland org 2011 Apr http wordpress deutschland org Online http wordpress deutschland org 52 Dirk Jesse 2011 M rz http www yaml de Online http www yaml de S ren Huschke Diplomarbeit 2011 Literaturverzeichnis XIV 53 Pengbos com 2010 Nov http pengbos com Online http pengbos com blog tutorial code a wordpress theme from scratch part 2 54 Joel Birch http users tpg com au Online http users tpg com au j_birch plugins superfish 55 Marcus 2008 Juni http faq wordpress de
33. Passwort versehen lassen um Unbefugte daran zu hindern den Inhalt zu sehen Vom Auftraggeber sollen diese Seiten mit einem Hochschul Login gesichert werden sodass sich nur Benutzer der Hochschule Mittweida anmelden k nnen Ist eine Inhaltsseite mit einem Hochschul Login gesichert wird der Benutzer automatisch zum Login der Hochschule weitergeleitet Dieser muss sich dort als Student oder Mitarbeiter anmelden Mit erfolgreicher Authentifizierung gelangt dieser wieder auf die Webseite Das NCC der Hochschule Mittweida stellt zur Benutzer Authentifizierung einen spezifischen Ordner im Rootverzeichnis des Webspaces zur Verf gung Dort ist eine selbst entwickelte login php hinterlegt Diese PHP Datei nimmt die Anfrage des Benutzers entgegen wertet sie aus und leitet den Nutzer weiter Hat sich der Benutzer mit seinem Hochschul Login erfolgreich angemeldet bekommt dieser von der ACMC Webseite eine Session zugewiesen Dem Besucher auf der ACMC Webseite wird eine einzigartige Session zugeordnet Somit kann der Besucher genau identifiziert werden Diese Session wird als Cookie gespeichert Mit dieser Session kann der Benutzer alle passwortgesch tzten Seiten einsehen ohne sich ein zweites Mal an der Hochschule anzumelden Es werden keine pers nlichen Daten des Benutzers gespeichert Die Inhaltsseiten werden in der page php Datei zusammengesetzt und abgearbeitet Beim Erstellen passwortgesch tzter Seiten im Backend muss der Autor
34. WordPress keine Grenzen Durch die innovative Verwendung des Loops k nnen Beitr ge individuell gestaltet werden Der Loop wird in WordPress benutzt um Inhalte auszugeben 29 S ren Huschke Diplomarbeit 2011 Auswahl eines Content Management System 25 4 3 9 Sicherheit Laut einer Studie der Black Head Sicherheitskonferenz 2010 in Las Vegas ist WordPress das sicherste CMS auf dem Weltmarkt Es wurde eine Software namens Blind Elephant eingesetzt welche rund eine Million Webseiten nach Sicherheitsrisiken untersuchte Dabei stellte sich heraus dass nur 4 aller WordPress Installationen mit Risiken behaftet sind Abbildung 6 Dies liegt daran dass diese Applikationen nicht auf dem aktuellen Stand sind 30 Version Distribution Wordpress June 18 2010 3 0 RC2 11S 3 0 RC1 11S 3 0 beta2 11S 3 0 beta1 115 2 9 2 29 2 8 5 2 8 3 281 N 2 6 5 2 6 2 26 2 5 2 3 2 2 3 2 2 2 2 2 2 1 2 2 1 2 0 10 2 0 8 2 0 6 2 0 4 20 15 2 15 12 151 lo 1000 2000 3000 4000 5000 6000 Hosts Abbildung 6 WordPress Versionen mit Sicherheitsrisiken 31 4 3 10 Fazit WordPress l sst einem Webdesigner und Webprogrammierer keine W nsche offen Durch seine zahlreichen kostenlosen Plugins bietet WordPress eine moderne webgerechte und kostenlose Software an Der Benutzer kann ohne viele Einstellungen sofort mit dem publizieren seiner Inhalte beginnen Durch die Flexibilit t kann es individuell a
35. a iiaS X AMM nia in XVI XI Abbildungsverzeichnis Abbildung 1 Die drei Ebenen einer Web Entwicklung D 3 Abbildung 2 Separate CSS Dateien f r aktuelle Browser Drucker oder ltere Browser 5 Abbildung 3 Verbreitung von Content Management Systemen 12 0 10 Abbildung 4 Marktanteile der CMS IZ 11 Abbildung 5 vereinfachte Darstellung des MNC Modelle 12 Abbildung 6 WordPress Versionen mit Sicherheitsrisiken 31 25 Abbildung 7 Marktanteile der Suchmaschinen IA01 34 Abbildung 8 Webseitenstruktur in Pyramidenform 2u022240022000022000nnnnnennenennnnnnnen 43 Abbildung 9 Betriebssysteme der Internetbenutzer 45 u 2222400400 ennennnen 45 Abbildung 10 Browserversionen der Internetbenutzer T 45 Abbildung 11 Bildschirmaufl sungen der Internetbenutzer AT 46 Abbildung 12 Aktivierung von JavaScript der Internetbenutzer 48 46 Abbildung 13 Grundger st der ACMC Learning Systems Webseite sseeeeeeeeeeeeeerereee 47 Abbildung 14 Template f r die Startseite oooooconncccnnnocinoncccnonancnnncnnnnnnnonononcnnnnncnonanononcncnnncnnns 51 Abbildung 15 Template f r Seiteninhalte sonal it 52 Abbildung 16 ACMC Instituts Webseite venal 53 Abbildung 17 Layout Entwurf f r die Startseite 55 Abbildung 18 Layout Entwurf f r Setennbalte AAA 55 Abbildung 19 Template Hierarchie von WordPress
36. ails Details Details Details Ebene 3 De De De De De De De Details Details Details Ebene 4 CH Drei De Abbildung 8 Webseitenstruktur in Pyramidenform S ren Huschke Diplomarbeit 2011 Konzeption der Webseite 44 In Abbildung 8 ist eine pyramidenf rmige Webseitenstruktur abgebildet welche sich in dieser Form f r die neue ACMC Webseite eignet Abgebildet sind vier Ebenen Es k nnen weitere Ebenen hinzugef gt werden allerdings wird davon abgeraten Von der Startseite aus werden alle drei Mikrocontroller Lernsysteme vorgestellt Der Benutzer hat nun die Wahl und kann sich f r ein geeignetes System entscheiden Nach der Auswahl erh lt er weitere Details zu dem Lehrsystem Alle anderen Lehrsysteme werden ausgeblendet so dass der Benutzer nicht verwirrt wird 5 3 5 Verwendung von innovativer Technik Aus der Aufgabenstellung geht hervor dass bei der Realisierung der Webseite und deren Verwaltung ein Content Management System eingesetzt werden soll Die meisten Content Management Systeme setzen auf PHP und MySQL Derzeitiger Stand dieser Techniken ist e PHP 5 3 6 17 M rz 2011 e MySQL 5 5 12 5 Mai 2011 Das CMS muss allerdings den Systemanforderungen der Hochschule entsprechen und folgende Technologien unterst tzen e PHP lt 5 2 4 e MySQL lt 5 1 41 Folgende Technologien muss das CMS zus tzlich unterst tzen e X HTML e CSS2 1 e JavaScript PHP ist eine Open Source Skriptsprache die zur Erstellung d
37. alte sollten schnell erreichbar sein egal wo sich der Nutzer gerade befindet Eine gute verst ndliche Linkstruktur hilft auch den Suchmaschinen die Webseite zu verstehen Diese folgen den Links und indizieren auf diese Weise die Webseite Es gilt Tabellen und Frames innerhalb einer Webseite zu vermeiden denn diese Web Technologien sind veraltet Flash sollte auf einer Webseite nur reduziert einsetzen da viele Browser und mobile Endger te wie iPhone und iPad diese Inhalte nicht darstellen k nnen Flash ist eine Entwicklungsumgebung zur Darstellung multimedialer und interaktiver Inhalte Mit JavaScript lassen sich genauso gute Ergebnisse wie mit Flash erzielen Dem Webseitenbesucher sollte es m glich sein die Webseite ohne gro en Aufwand bei einem Bookmarking Service zu speichern Ein Bookmarking Service ist ein Internet Lesezeichen welches von Benutzer im Internet abgelegt wird um sp ter eventuell noch einmal darauf zur ck zu greifen hnlich den Favoriten beim Internet Explorer oder dem Lesezeichen beim Mozilla Firefox Eine Webseite sollte zudem nicht mehr als zehn HTML Fehler beinhalten Um HTML Fehler zu vermeiden kann die Webseite mit dem Markup Validation Service des W3C Konsortiums auf Korrektheit gepr ft werden Liegt die Zielgruppe der Webseite auch im Ausland ist es von Vorteil wenn eine Mehrsprachigkeit auf der Webseite angeboten wird So erreicht die Webseite eine noch gr ere Zielgruppe S ren Huschke
38. altet werden 9 2 4 Content Management Systeme 2 4 1 Vorteile eines Content Management Systems Ein Content Management System ist eine Applikation um Webseiten zu erstellen und diese bersichtlich zu verwalten Ein CMS erm glicht eine professionelle effiziente und zeitgem e Gestaltung einer Webpr senz Es gibt eine Reihe von Merkmalen und Vorteilen 10 e keine Wartungskosten e automatisierte Prozesse m glich e kurze Einarbeitungszeit e keine Programmier oder HTML Kenntnisse erforderlich e keine extra Software auf dem Computer notwendig e einfache bernahme von Texten z B Word oder PDF e komfortable Bildverwaltung und Dateiverwaltung e Erweiterungsm glichkeiten G stebuch Formulare Fotoalbum etc e Trennung von Inhalt Struktur und Design e hohe Zeit und Kosteneinsparungen e geringe Kosten der Inhaltspflege e einfache Neugestaltung m glich e einfache Bearbeitung der Webpr senz ohne Hintergrundwissen e Benutzerrollen k nnen vergeben werden e kontrollierte Ver ffentlichung durch Benutzerrechte und Vorschaum glichkeiten e einheitliches Erscheinungsbild einer Website e Inhalte k nnen zeitgesteuert ausgegeben werden S ren Huschke Diplomarbeit 2011 Stand von Technik und Design 10 2 4 2 Nachteile eines Content Management Systems Neben zahlreichen Vorteilen gibt es auch einige Nachteile die bei einem Einsatz entstehen k nnen In wenigen F llen ist man ohne ein CMS besser beraten Nachteile eines CMS
39. antwortlich und leitet die Interaktionen des Benutzers an das Model weiter Der Controller ist f r die korrekte Umsetzung von Interaktionen zum Model zust ndig und gibt das Ergebnis an die Pr sentationsschicht weiter Mit dem Controller l sst sich das innere Verhalten der Software ver ndern 14 Model In einem CMS ist die Datenbank das Model sie kapselt die Anwendungsdaten und ihre Verarbeitung Das Model besitzt weitere Funktionen zum Abfragen und ndern der darzustellenden Daten Der Controller oder die View kann die Daten abfragen ndern und ausgeben 14 View Die View in einem CMS ist das Theme oder Template Die View ist f r die Darstellung der Anwendungsdaten aus dem Model zust ndig Die View fragt die Anwendungsdaten ab und stellt sie dem Benutzer als Pr sentationsschicht zur Verf gung Zudem werden Interaktionen des Benutzers mit der View an den Controller weitergeleitet der dann gegebenenfalls nderungen an der View durchf hrt Mit der View k nnen auch einzelne Darstellungselemente zum Beispiel Schaltfl chen oder Textfelder gezielt mit dem Controller angesprochen werden 14 Controller a Abbildung 5 vereinfachte Darstellung des MVC Models S ren Huschke Diplomarbeit 2011 Stand von Technik und Design 13 2 5 Zukunft von Technik und Design Die Zukunft von Technik und Design sind HTML5 HTML6 und CSS3 Zwei dieser drei Techniken HTML5 und CSS3 werden schon vereinzelt im World Wide Web einge
40. auf Auch eine Recherche im Internet nach dieser Fehlermeldung ergab keine konkreten Anhaltspunkte Der Error Code 6 besagt dass kein tempor res Verzeichnis auf dem Webserver existiert Daraufhin wurden zwei Bilder Upload Scripts ausprobiert die eine exakte Fehleranalyse bei einen Upload ausgeben 1 Upload Script Die Datei konnte nicht hochgeladen werden Fehlercode url http de php net manual de features file upload errors php 6 url list 6 kein Tempor res Verzeichnis vorhanden 2 Upload Script 09 Sep 2010 12 09 03 2 file_exists lt a href function file exists gt function file exists lt a gt open_basedir restriction in effect File var www acmc ls upload home www pgx 3 acmc ls public_html upload img is not within the allowed path s home 48 home www pgx 3 acmc Is public_html upload upload php S ren Huschke Diplomarbeit 2011 Inbetriebnahme und Tests 73 Das erste Upload Script gibt den gleichen Fehlercode aus wie WordPress in der Mediathek Die zweite Upload Script beschreibt den Fehler genauer Es ist der Upload innerhalb des Pfades home nicht zul ssig Entweder existiert der Ordner home nicht oder es liegen in dem Ordner keine Schreibrechte vor Da ein Zugang zu dem Webserver nicht m glich ist wurde das NCC der Hochschule Mittweida ber diesen Fehler in Kenntnis gesetzt Zu diesem Zeitpunkt wurden alle Webserver der Hochschule Mittweida aktualisiert Das NCC best ti
41. che Einstellungen um die Bilder in der Webseite zu positionieren WordPress generiert aus dem hochgeladenen Bild zwei Vorschaubilder mit definierten Breitenma en Diese Vorschaubilder k nnen in den Text eingebunden werden Ein Vorteil ist dass ein Autor der ACMC Webseite sich keine Gedanken ber die Bildgr e machen muss Jedes Vorschaubild wird auf ein Ma von 160 Pixel 110 Pixel reduziert Dies ist ein Klassisches Bildformat in der Gr e von 4 3 Das Format ist optisch ansprechend und S ren Huschke Diplomarbeit 2011 Realisierung der Webseite 67 hat sich im Web sehr gut bew hrt Bei der Einbindung der Vorschaubilder wird ein grauer Rahmen um das Bild erzeugt und unterhalb die Beschreibung mit ausgegeben 6 5 1 Verwendung von Bildergalerien WordPress bietet die M glichkeit eines Multiupload an Das hei t es k nnen mehrere Bilder oder Dateien auf einmal hochladen werden Die Bilder k nnen in einer Bildergalerie zusammengefasst werden Diese Bildergalerie wird als Lighbox in der Webseite ver ffentlicht Die Lightbox ist eine Bildergalerie mit Slideffekt und gibt dem Benutzer die M glichkeit ohne auf der Seite zu scrollen die komplette Bildergalerie in Originalgr e anzuschauen 6 5 2 Verwendung von Videos Zum Einbinden und Anzeigen eines Videos auf der ACMC Webseite eignen sich Videos im Flash Format besonders gut da die meisten Internetnutzer das Flash Plugin bereits installiert haben YouTube
42. che notwendig sind um mit dem CMS Seiten und Artikel zu publizieren oder zu bearbeiten Es sind alle technischen Rahmbedingungen Systemanforderungen und Hochschulspezifischen Einstellungen in Bild und Schrift erl utert Diese Dokumentation umfasst 77 Seiten und dient dem ACMC als Hilfsmittel zur Pflege der Webpr senz Auch der Aspekt der Suchmaschinentauglichkeit wurde ber cksichtigt Durch verschiedene Optimierungsma nahmen Konnte die ACMC Webseite suchmaschinenfreundlich gestaltet werden Es werden lesbare URLs generiert Die Metaangaben sind mit den einschl gigsten W rtern versehen und es existiert eine XML Sitemap Datei welche nach jedem Ver ffentlichen eines Beitrages neu generiert wird Die Webseite ist so konzipiert dass bis zu drei Rezessionen eines Artikels in der Datenbank gespeichert werden Ein Autor hat so die M glichkeit auf vergangene Inhalte zur ckzugreifen Die Webseite kann weiter ausgebaut und an die Bed rfnisse des ACMC angepasst werden Sollte ein neues Medium in das Zeitalter der Medien Einzug halten wird es mit WordPress keine Probleme geben dieses einzusetzen und in die Webseite des ACMC zu integrieren In Zukunft wird HTMLS5 und CSS3 zum Standard des Internets geh ren Diese technischen Neuerungen k nnen von den Mitarbeitern des ACMC eingebunden werden S ren Huschke Diplomarbeit 2011 Literaturverzeichnis 1 J rg Schieb 2010 Nov 20 Jahre Web Die erste Webseite Online http
43. cht ein neues Template hinzuzuf gen Das Design ist von dem Inhalt getrennt somit kann ein Benutzer ein neues Theme erstellen und nach seinen W nschen anpassen 4 5 9 Sicherheit Ab der Version sechs von Drupal k nnen die Benutzer eine Update Benachrichtigung einschalten Diese Informiert den Webseitenbetreiber ber neue Funktionen und neue Sicherheitsupdates Zus tzlich ist es m glich in verschiedene Verzeichnisse eine konfigurierte htacces Datei zu hinterlegen welche noch gr eren Schutz vor Fremdeinwirkung bietet 4 5 10 Fazit Drupal ist ein ausgereiftes Content Management System Dem Entwickler werden bei Drupal keine Grenzen gesetzt egal ob Onlineshop Nachrichtenportal kleine Firmenseite oder Community Plattform Die Anwendungsm glichkeiten f r Drupal sind sehr vielf ltig Drupal z hlt zu den leistungsst rksten Frameworks und bleibt immer noch berschaubar wenn es komplexer wird Auch die Erfinder des World Wide Web setzten auf das erfolgreiche CMS Drupal 4 6 Zusammenfassung und Vorauswahl In der Tabelle 1 sind alle f nf Content Management System bersichtlich zusammengefasst welche f r eine Installation der neuen ACMC Seite in Frage kommen Es m ssen allerdings zwei Kriterien der Hochschule erf llt werden um ein Content Management auf dem Webserver der Hochschule Mittweida zu installieren Die Hochschule Mittweida betreibt einen Linux Server mit einer Apache Laufzeitumgebung Es ist PHP in der Version 5
44. crumb Navigation oder Klickpfad sind immer dann sinnvoll wenn es sich um eine komplexe Seitenstruktur mit vielen Men ebenen handelt Die Brotkr mel Navigation befindet sich unterhalb der Hauptnavigation Ein Brotkr melpfad hilft dem Besucher sich auf der Seite zurechtzufinden und bei Bedarf bequem auf vorher besuchte Seiten zur ckzuspringen Die Syntax der Breadcrumb Navigation Home gt Men Ebene 1 gt Men Ebene 2 gt Aktuelle Seite S ren Huschke Diplomarbeit 2011 Konzeption der Webseite 49 Interne Suchfunktion Die Webseite soll ber eine interne Suchfunktion verf gen in welcher der Benutzer nach einem Wort oder Wortgruppen in der Webseite suchen kann Zudem ist gefordert alle Suchbegriffe der internen Suche zu erfassen und im Backend auszugeben Somit l sst sich nachvollziehen nach welchen Begriffen die Benutzer gesucht haben und ob sie f ndig geworden sind Dies kann sehr hilfreich sein um eventuell fehlende Inhalte mit in die Webseite aufzunehmen Untermen Sidebar Men Das Sidebar Men wird nur auf den Unterseiten der Webseite im linken Rand sichtbar Es gibt dem Benutzer Aufschluss wo er sich gerade befindet und welche Unterseiten noch zu diesem Thema zur Verf gung stehen In dem Sidebar Men sollen die zweite dritte und vierte Ebene der Seitenhierarchie dargestellt werden Nicht ben tige Men punkte werden ausgeblendet Teaser auf der Startseite Eine Webseite ist auf den ersten Blick
45. ct Form 7 da es alle Eigenschaften ausweist welche gefordert waren Contact Form 7 unterst tzt mehrere Formulare Zudem werden zwei zus tzlichen Datenbankanfragen an den MySQL Server gestellt Es werden keine zus tzliche http Anfragen generiert Das Kontaktformular wird nur geladen wenn sich der Benutzer auf der Kontaktseite befindet 6 4 Umsetzung von Struktur und Navigation 6 4 1 Horizontale Navigation Die horizontale Navigation befindet sich direkt unter dem gro en Banner der Webseite Auf den ersten Blick wird nur die erste Ebene der Seite dargestellt Wenn mit der Maus ber die erste Ebene gescrollt wird geht eine Men bar auf und die zweite Ebene wird sichtbar Der Benutzer kann sich so einen berblick ber die Seitenstruktur verschaffen und durch die ausgew hlten berschriften den Inhalt zuordnen Es wird durch ein sogenanntes amp raquo gt gt hinter einem Link angezeigt ob sich dahinter eine weitere Ebene befindet Die horizontale Navigationsleiste besteht aus dem Superfish Men von Joel Birch Dieser stellt auf seiner Webseite eine Quelle zur Verf gung die es erm glicht ein individuelles Dropdown Men zu erstellen S ren Huschke Diplomarbeit 2011 Realisierung der Webseite 66 Die Navigationsleiste besteht aus JavaScript und CSS Anweisungen Durch zahlreiche Parameter kann das Dropdown Men in Aussehen Funktion und Anforderungen angepasst werden Im Kopfbereich der Webs
46. den derzeitigen aktuellen Browsern von Opera Safari Google Chrome Firefox und Internet Explorer getestet 7 8 1 Testdurchf hrung Die Darstellung in den verschiedensten Browsern wurde mit www browsershorts org realisiert Browsershots org macht Screenshots einer Webseite mit verschiedenen Betriebssystemen und Browsern Browsershots org ist eine kostenlose Webanwendung welche die Browser Kompatibilit t einer Webseite berpr ft 54 7 8 2 Ergebnis Es wurden insgesamt 69 verschiedene Browsertypen getestet Das Ergebnis ist sehr positiv ausgefallen In 99 der F lle konnte die ACMC Webseite ohne Fehler angezeigt werden S ren Huschke Diplomarbeit 2011 Inbetriebnahme und Tests 78 7 9 W3C Standards Wie in Kapitel 2 1 2 beschrieben existieren HTML Web Standards welche vom W3C entwickelt wurden sind Ziel dieser Entwicklung ist ein einheitliches World Wide Web zu schaffen und der Barrierefreiheit gerecht zu werden 7 9 1 Testdurchf hrung Um die neue ACMC Webseite auf die W3C Standards zu testen muss der Domainname www acmc Is de unter folgender Adresse auf diese Richtlinien gepr ft werden http validator w3 org 7 9 2 Ergebnis Jedes der einzelnen Templates wurde mit dem Validator gepr ft und hat den Test erfolgreich bestanden Abbildung 27 This document was successfully checked as XHTML 1 0 Transitional Result Passed Address http www acmc 13 de Encoding utf 8
47. den die ersten Schritte ausf hrlich erkl rt Diese Dokumentation beschreibt auch die internenn PHP Funktionen des Object Oriented Framework Zudem existiert auf der Redaxo Webseite ein Forum und ein Wiki 4 2 5 Flexibilit t Auch in Redaxo sind Inhalt und Design vollst ndig voneinander getrennt Daher gestaltet sich ein neues Design sehr einfach Die einmal ver ffentlichen Texte bleiben erhalten Es k nnen jederzeit neue Module installiert werden um die Funktionen von Redaxo zu erweitern 4 2 6 Erweiterbarkeit Redaxo ist im Vergleich zu anderen Content Management Systemen relativ neu Es existieren eine Vielzahl an Erweiterungen welche man sich auf der Redaxo Webseite herunterladen kann Diese sogenannten AddOns und Module erweitern den Funktionsumfang des Systems 4 2 7 Suchmaschinenfreundlichkeit Die eingebaute mod_rewrite Funktion erleichtert es dem Webmaster Suchmaschinenfreundliche URL zu generieren Mod_rewrite ist ein Apache Modul um benutzerfreundliche URLs zu generieren Jedoch muss der Anwender bevor er einen Artikel ver ffentlicht einige Suchmaschinen relevante Daten mit angeben Dies ist sehr umst ndlich da nicht jeder Autor wei was damit gemeint ist Der Autor muss Titel Beschreibung und Schl sselw rter manuell hinzuf gen 4 2 8 Design Das Design in Redaxo ist in Module zusammengefasst Jede einzelne Webseite kann individuell an die Bed rfnisse des ACMC angepasst werden Es exi
48. detect automatically E Doctype XHTML 1 0 Transitional detect automatically EN Root Element html Root Namespace http www w3 orq 1999 xhtml Abbildung 27 Erfolgreiche Validierung durch das W3C 7 10 Barrierefreiheit Barrierefreies Webdesign wird oft mit Webdesign f r Blinde gleichgesetzt Tats chlich kann es auch sein dass ein Benutzer einen veralteten Browser benutzt einen Textbrowser wie Lynx keine Plugins wie Flash installiert hat oder sein JavaScript nicht aktiviert ist So unterschiedlich die Bedingungen auch sind so verschieden sind auch die Bed rfnisse Eine barrierefreie Webseite erlaubt jedem Seitenbesucher unabh ngig von seinen pers nlichen und technischen Umst nden alle Inhalte zu lesen und alle Interaktionsm glichkeiten mit der Webseite zu nutzen S ren Huschke Diplomarbeit 2011 Inbetriebnahme und Tests 79 7 10 1 Testdurchf hrung Folgende Tests wurden durchgef hrt e Simulation von Textbrowsern e berpr fung der Farbkombinationen und Kontrasten 710 2 Ergebnis In Kapitel 7 8 wurde die Webseite mit 69 verschiedenen Browsern und Betriebssystemen getestet Unter anderem mit verschiedenen Textbrowsern Auch mit Letzteren wurde die ACMC Webseite optimal dargestellt Um die Farbkombination und die Kontraste zu analysieren ist wurde auf ein Online Programm zur ckgegriffen 58 Es wurden verschiedene Sehschw chen mit der ACMC Webseite getestet Die Simulation zeigt dass alle Mensc
49. dynamische Anpassung der Beschreibung e dynamische Anpassung der Schl sselw rter e kostenlos und Open Source e benutzerfreundlich und ressourcenschonend S ren Huschke Diplomarbeit 2011 Realisierung der Webseite 64 Drei Plugins besitzen die oben genannten Eigenschaften e Al In One SEO Pack e WpSEO und e Platinum SEO Pack Nach einiger Recherche hat sich herausgestellt dass WpSEO kostenpflichtig ist und nur 10 Tage getestet werden kann Aus diesem Grund fiel es durch den Kriterienfilter Nach weiteren Analysen zwischen All in One SEO Pack und Platinum SEO Pack kamen folgende Ergebnisse zu stande Beide Plugins kommen mit den oben genannten Auswahlkriterien zurecht und unterscheiden sich nur in geringen Details Platinum SEO Pack ist etwas umfangreicher und es k nnen weitere Einstellungen wie automatische 301 Weiterleitung oder weitere Metatags hinzugef gt werden Zum Einsatz gekommen ist All in One SEO Pack weil es ressourcenschonender arbeitet und zwei Datenbankanfragen einspart Ein weiterer Pluspunkt ist die Benutzerfreundlichkeit und die einfache Handhabung Sind alle Einstellung im Backend f r das Plugin hinterlegt bernimmt All In One SEO Pack alle wichtigen Suchmaschinenoptimierungen vollautomatisch Dies ist von Vorteil da sich ein Autor eines Artikels keine Gedanken ber Suchmaschinenoptimierung machen muss 6 3 4 Kontaktformular Plugin Ein Kontaktformular geh rt zum Standard einer Webseite WordPress biet
50. e Datenbankanfragen auf durchschnittlich 30 und das Rendering einer W rterbuchseite auf 0 5 bis 0 7 Sekunden reduziert werden Dies sind ideale Werte um dem Besucher der Webseite ein optimales Surfen zu gew hrleisten Zudem schont es die Ressourcen des Webservers der Hochschule Mittweida S ren Huschke Diplomarbeit 2011 Inbetriebnahme und Tests 70 7 2 Suchmaschinenfreundliche URLs Um Suchmaschinenfreundliche URLs in WordPress zu generieren musste in den Einstellungen die Permalinkstruktur angepasst werden Diese Permalinkstruktur kann mit verschiedenen Optionen realisiert werden 55 Nach der Generierung der Linkstruktur wird im Rootverzeichnis des Webservers eine htaccess Datei hinterlegt Die htaccess Datei ist eine Konfigurationsdatei in der serverspezifische Einstellungen auf Webservern z B Apache vorgenommen werden k nnen um z B Suchmaschinenfreundliche URLs zu erstellen 56 7 2 1 Testdurchf hrung Die Testdurchf hrung bestand darin die Permalinkstruktur im Backend anzupassen und im Frontend auf korrekte Funktion zu pr fen Dabei wurden verschiedene Seiten erstellt und berpr ft ob diese erreichbar sind 7 2 2 Ergebnis Die ACMC LS Webseite meldete einen 404 Error Der 404 Error bedeutet dass die angeforderte Datei nicht auf dem Webserver zu finden ist 7 2 3 L sung Der Fehler konnte nur mit dem Erstellen der htaccess Datei zu tun haben Es wurde als
51. e Zusatzanweisung Sitemap enth lt die URL wo sich die Sitemap xml befindet 8 2 9 XML Sitemap Mithilfe einer XML Sitemap k nnen Suchmaschinen alle Seiten auf der ACMC Webseite finden welche sonst unter Umst nden bersehen werden Die XML Sitemap enth lt eine komplette Liste aller Webseiten der ACMC Webseite Die sitemap xml wird automatisch generiert Dies gilt auch wenn sich der Inhalt ndert oder eine neue Seite bzw ein Artikel erstellt wird Die Suchmaschinen Google Bing und Ask werden automatisch dar ber informiert dass sich der Inhalt der Webseite ge ndert hat Die Sitemap wird als XML Datei und als komprimierte zip Datei im Rootverzeichnis hinterlegt S ren Huschke Diplomarbeit 2011 Zusammenfassung und Ausblick 83 9 Zusammenfassung und Ausblick Ziel dieser Diplomarbeit war die Realisierung und Konzeption eine innovative Webpr senz f r die Mikrokontroller Lehrsysteme des Applikation Center Microcontroller Dazu sollte ein geeignetes Content Management System eingesetzt werden Unter vielen Gesichtspunkten konnte ein geeignetes CMS ausgew hlt werden Zum Einsatz gekommen ist WordPress WordPress z hlt zu den sichersten Content Management Systeme auf der Welt WordPress ist benutzerfreundlich und ein einfach zu pflegendes CMS Es besitzt eine integrierte Update Funktion und kann somit leicht auf die neuste Version upgedatet werden WordPress ist zudem sehr flexibel und konnte an die Bed rfnisse de
52. e das W rterbuch durch ein Plugin dynamisch gestaltet Das hei t der Autor eines Beitrags muss nur den W rterbuchartikel in die Kategorie W rterbuch zuordnen Das W rterbuch hat diesen Artikel dann automatisch dem Anfangsbuchstaben des Inhaltsverzeichnisses zugeordnet 7 1 1 Testdurchf hrung Die Testdurchf hrung bestand darin viele Eintr ge in dem W rterbuch zu publizieren Da das W rterbuch auf einem Plugin aufsetzt sollte mit vielen Artikeln garantiert werden dass es zu keiner Verschlechterung der Auslieferzeiten kommt 7 1 2 Ergebnis Mit zunehmenden Eintr gen in dem W rterbuch wurde die Webseite immer langsamer Nachdem sich ca 400 Eintr ge in dem W rterbuch befanden belief sich die Auslieferungszeit auf ungef hr drei bis vier Sekunden mit durchschnittlich 100 Datenbankanfragen Diese Verschlechterung ist auf die sehr hohe Anzahl der Datenbankanfragen zur ckzuf hren Bei der Ausgabe eines x beliebigen Buchstaben muss die Datenbank den auszugebenden Inhalt suchen und diese nochmal chronologisch sortieren 7 1 3 L sung Da in WordPress Artikel einer Kategorie zugeordnet werden m ssen und das W rterbuch aus Artikeln besteht mussten 26 Unterkategorien des W rterbuchs angelegt werden mit den Anfangsbuchstaben A bis Z Der Autor eines W rterbuchartikels muss nun den Artikel dem Anfangsbuchstaben in der W rterbuchkategorie zuordnen Dies bedeutet aber einen Mehrauswand f r den Autor Somit konnten aber di
53. e sich den Namen der Domain leicht merken k nnen Damit ist gew hrleistet dass er den Namen der Domain direkt in die Adresszeile seines Browsers eingeben kann und nicht den Umweg ber eine Suchmaschine gehen muss Zu beachten ist dass der Domainname keine Markenrechte eines Unternehmens verletzt In der heutigen Zeit ist es von Vorteil wenn in dem Domainname wichtige Schl sselw rter vorkommen Die Keyw rter in dem Domainnamen sind sehr relevant f r Suchmaschinen und die Webseite erzielt ein besseres Ranking Auch der Benutzer erahnt anhand des Domainnamens was ihn auf der Webseite erwartet Google besitzt ein Keyword Tool und generiert auf Basis von Suchanfragen wichtige Schl sselw rter Es soll Webseitenbetreiber dabei unterst tzen zus tzliche Schl sselw rter zu erkennen und die Relevanz der Keyw rter einzuordnen Es k nnen auch Sprach und L ndereinstellungen mit ber cksichtigt werden Au erdem lassen sich ber verschiedene Kategorien oder einzelne Schl sselw rter weitere relevante Suchanfragen generieren Dies ist ein sehr n tzliches Programm welches bei der Domainsuche mit eingesetzt wird Es wurde anhand der Suchbegriffe aus Kapitel 5 1 1 im Google Keyword Tool analysiert wie viele Internetbenutzer bestimmte Suchbegriffe die im Kontext mit Mikrocontroller Lernsystemen stehen suchen und wie viele globale monatliche Suchanfragen f r diese Schl sselw rter existieren Aus diesen Suchbegriffen sind verschiedene Domai
54. e the table below for more details Abbildung 25 Reduzierung von Bilddateien Um die Datenmenge noch weiter zu reduzieren kann die HTML Datei welche von dem Webserver an den Browser geschickt wird komprimiert werden Dies macht der Webserver automatisch beim Erstellen der dynamischen Webseite Die komprimierte HTML Datei muss vom Browser wieder extrahiert werden Nicht jeder Browser unterst tzt diese Option deswegen muss dies immer erst gepr ft Mit HTTP_ACCEPT_ENCODING Header wird der Browser auf diese Funktion hin berpr ft werden Mittels einer PHP Anweisung konnte der HTML Code von 15 67kB auf 4 23kB reduziert werden Dies entspricht einer Einsparung von 26 99 an Datentransfer Eine weitere M glichkeit ist den HTML Code so zu schreiben dass sich keine unn tigen Zeilenumbr che Leerzeichen oder Kommentare in dem HTML Code befinden Um dies zu realisieren wurde ein Plugin verwendet Nach Aktivierung des Plugins konnte die Webseite nochmals von 4 23kB auf 3 86kB reduziert werden Um die http Anfragen und den Datentransfer zus tzlich zu reduzieren k nnen CSS und JavaScript Dateien zusammengefasst und komprimiert werden Dazu entwickelte Thaya Kareeson ein WordPress Plugin welches alle CSS und JavaScript Dateien zusammenfasst und komprimiert Dadurch werden http Anfragen eingespart und der Datentransfer verringert Die Tabelle 7 gibt eine bersicht wie viel Datentransfer und http Anfragen eingespart werden wen
55. eben wird Auch die Browserhersteller Microsoft Mozilla oder Opera orientieren sich an diesen Standard 5 2 1 3 HTML HTML ist das Standardformat f r Dokumente im Internet Dieses Format kann gleichzeitig auf verschiedenen Computern visuell dargestellt werden Dazu kommt die M glichkeit Verweise innerhalb eines Dokumentes anzulegen welche direkt mit Dokumenten auf anderen Computern verbunden sind Die sogenannten Hyperlinks Diese Hyperlinks machten erst das Internet zu dem was es heute ist ein virtuelles Netzwerk Von den Labors am Genfer See ist das World Wide Web schnell um die Welt gegangen seine Nutzung ist f r jedermann frei und ffentlich zug nglich 1 HTML Dokumente sind reine ASCH American Standart Code for Information Interchange Zeichen die mit jeden Textprogramm erstellt werden k nnen Die Programmierung gestaltet sich recht einfach allerdings wird es empfohlen sich an die Richtlinien des W3Cs zu halten 2 1 4 CSS CSS Cascading Style Sheet ist eine definierte Scriptsprache die das Aussehen von HTML Dokumenten festlegt In einer CSS Datei werden Schriftarten Schriftfarbe R nder berschriften Hintergrundbilder oder Positionierung bestimmter Inhalte einer HTML Datei festgelegt CSS Angaben bieten mehr M glichkeiten eine HTML Datei zu formatieren als HTML selber Zudem wird CSS von jedem Browser unterst tzt Das Ziel f r jeden Web Entwickler sollte sein alle Pr sentations Informationen aus dem HTM
56. eite ist ein JavaScript eingebunden welches die Funktionen des Dropdown Men s beinhaltet Die Funktionen werden mittels eines JavaScripts aufgerufen Es k nnen die Parameter animation speed und delay ver ndert werden 54 6 4 2 Brotkr melpfad Der Brotkr melpfad f r die ACMC Webseite wird mittels eines Plugin realisiert Dieses Plugin ist sehr leistungsf hig Es lie sich einfach und schnell einrichten Nach der Installation und der Aktivierung des Plugins mussten im Backend einige Einstellungen vorgenommen werden e Festlegung des Trennzeichen auf amp raquo gt gt e Trennzeichen zwischen den Ebenen e Maximale L nge wurde auf 20 Zeichen begrenzt e Seitenzahl hinter der Ebene wurde ausgeblendet 6 4 3 Untermen in der linken Spalte Das Untermen in der linken Spalte wurde mit dem WordPress Plugin Flexi Pages realisiert Flexi Pages ist ein konfigurierbares Seitenmen Plugin um die Seiten und Unterseiten bersichtlich auszugeben Ziel war es Men punkte erst sichtbar zu machen wenn ein Benutzer eine Hauptebene ffnet In WordPress ist es nicht m glich durch die Ausgabe eines Men s nicht ben tigte Men punkte auszublenden Durch die Zuhilfenahme des Plugins konnten nicht ben tigte Men elemente ausgeblendet werden 6 5 Verwendung multimedialer Elemente Bilder sind ein Blickfang f r den Benutzer und r cken den Text in das richtige Licht WordPress bietet viele und umfangrei
57. ellsten Stand zu halten S ren Huschke Diplomarbeit 2011 Auswahl eines Content Management System 20 4 1 5 Flexibilit t Der Inhalt und das Layout sind vollst ndig voneinander getrennt Daher gestaltet sich ein neues Design sehr einfach Die einmal ver ffentlichen Texte bleiben erhalten 4 1 6 Erweiterbarkeit Joomla l sst sich durch eine gro e Anzahl an Erweiterungen Komponenten Module und Plugins ausbauen und somit die Funktionalit t steigern Es kann individuell an jede Bed rfnisse angepasst werden und steigert somit den Mehrwert eines Internet Auftritts 22 4 1 7 Suchmaschinenfreundlichkeit Die Optimierung f r Suchmaschinen Google Yahoo und Bing erledigt ein leistungsstarkes Zusatzmodul welches nach Aktivierung selbst ndig im Hintergrund seine Aufgabe erledigt Zentrales Element ist dabei die Darstellung der lesbaren URLs welche einen gro en Einfluss auf die Suchmaschinen hat 4 1 8 Design Es gibt zahlreiche Templates Themes im Internet welche kostenlos heruntergeladen werden k nnen Es k nnen an den Themes weiter Anpassungen vorgenommen werden Da Joomla auf dem MVC Konzept basiert kann das Design ge ndert werden ohne den Kern oder die darzustellenden Daten bearbeiten zu m ssen Ein eigenes Template zu generieren ist mit viel Aufwand verbunden zudem ist die Geschwindigkeit der Seitendarstellung sehr langsam Das Template m sste selbst ndig optimiert werden 4 1 9 Sicherheit A
58. em Banner der horizontalen dem Brotkr melpfad und dem Suchfeld Navigation Das Seiten Template ist das Hauptelement von acmc Is wird in der page php behandelt und unterscheidet ob eine Seite mit einem HSWM Login versehen ist oder nicht Ein Seitentemplate ohne ein linkes Navigationsmen Dieses Template funktioniert nur wenn kein Hochschullogin darauf angewendet wird Es ist f r Bildergalerien mit vielen Bildern gedacht Die page content php gibt den kompletten Inhalt der Seiten aus Erzeugt die Ausgabe des linken Men s Erzeugt die Ausgabe wenn ein Benutzer die Suchfunktion benutzt In WordPress k nnen PHP Funktionen in der functions php ausgelagert werden Die beim Laden einer Seite mit aufgerufen werden k nnen Erzeugt die Ausgabe der Startseite mit oder ohne Neuigkeiten S ren Huschke Diplomarbeit 2011 XXVII News Template news php Stylesheet style css Print CSS print css Erzeugt die Ausgabe der Neuigkeiten auf der Startseite Erzeugt die Formatierung der einzelnen Kategorien Seiten und Artikel Erzeugt eine Formatierung wenn der Benutzer eine Seite ausdrucken m chte S ren Huschke Diplomarbeit 2011 Erkl rung XXVII Erkl rung Ich erkl re dass ich die vorliegende Arbeit selbst ndig und unter Verwendung der angegebenen Literatur und Hilfsmittel angefertigt habe Ort Datum Unterschrift S ren Huschke Diplomarbeit
59. em Produkt hannover de fachgebiete indu ronik und digitaltechnik forsc und entwicklung mexs Bedienungsanleitung mikrocontroller experimentiersystem index ht interner Link zum Nachbau Schaltplan Demoprogramm Kontakt m glich Adresse Telefonnummer E Mail S ren Huschke Diplomarbeit 2011 Anhang XVII Flite s Microprocesso http www flite co uk micropi Systembeschreibung trainers microprocessor traini systems overview htm Trainers Hardware Dokumentation Link zu Zusatzmodulen Email Kontaktformular HC S System http www systech reine Produktwebseite gmbh ch indexUMDL d html Systembeschreibung Downloads Software Links Email Telefon Adresse Lernpaket http www franzis de elektror Produktwebseite zum Verkauf akete elektronik lernpaket _ Produkt Info mikrocontroller von Franzis Verlag Screenshots Inhalt Mikrocontroller Software update Tipps zu Fehlersuche Beispielanwendung FAQ Center bei Problemen mit Software mehrere Hotlines Email Aksen Board http ots fh Informationswebseite brandenburg de index php mo HTI Brandenburg gemaster amp PAGE _user_op vid amp PAGE id 20 Aktuelle CD Version Download des Benutzerhandbuch Bugfixes Kontakt m glich Adresse Telefonnummer E Mail Z8 Trainingsboard http www futurlec com Z8_T Informationswebse
60. eme mikrocontroller lehrsysteme controllerboard Microcontroller board Microcontroller boards Embedded Boards Microcontroller kits Microcontroller systems Microcontroller system Microcontroller training Microcontroller Trainingssysteme Microcontroller Trainingboards Globale montaliche Suchanfragen 2 10 10 0 2 lt lt 6 2 Domain status S ren Huschke Diplomarbeit 2011 Konzeption der Webseite 38 ww O T CCE a Pe ES o T CHE a Pen ES o T CE ee In I ee IES FE E mem E ena En BE CH A LOSE ES EE CE ame en o Y ES o T CCE Dr ECR Tabelle 3 Auswahl eines geeigneten Domainname S ren Huschke Diplomarbeit 2011 Konzeption der Webseite 39 Die Auswahl eines geeigneten Domainname wurde mit dem Auftraggeber ACMC besprochen In die engere Auswahl sind die Domainnamen mit Abk rzungen gekommen da diese leicht zu merken sind und von den Benutzern der Webseite direkt in die Adresszeile des Browsers eingeben werden k nnen Zur Auswahl standen www acmcls de www mc Is de www mcls de www mclu de www mctu de www acmc Je de Entschieden hat sich der Auftraggeber f r den Domainname www acmc ls de Diese Abk rzung steht f r Application Center Microcontroller Learning Systems Dieser Domainname wurde dem NCC der Hochschule mitgeteilt und beantragt Die Beantragung dauerte ungef hr 2 Wochen Anschlie end wurde vom dem NCC der Hochschule ein virtueller Benutzer e
61. en Webdesigner auf dieser Methode auf da dort viele Bilder mit auffallenden berschriften verwendet werden k nnen 8 2 2 4 Von der Natur inspiriert Viele Web Designer lassen sich auch von der Natur inspirieren und diese Elemente in ihre Designs mit einflie en Durch das Verwenden von Elementen aus der Natur wie z B Wasser Pflanzen Himmel Gebirge oder Sonne wirkt die Seite sehr realistisch Zudem strahlt sie eine gewisse Umweltfreundlichkeit und Seriosit t aus 8 S ren Huschke Diplomarbeit 2011 Stand von Technik und Design 7 2 3 Anforderung an eine zeitgem e Webseite Um die Webseite im Internet hervorzuheben muss sich ein Webmaster an einige grundlegende Richtlinien halten Die Konkurrenz schl ft nicht und verfolgt die Geschehnisse im Internet sehr genau Deshalb ist es wichtig immer eine Schritt voraus zu sein um so neue Kunden oder Besucher f r seine Webseite zu akquirieren Jede Internetadresse Kann es nur einmal im WWW geben was somit die Webseite einzigartig macht F r Suchmaschinen und Webseitenbesucher sind lesbare URLs sehr n tzlich Lesbare URLs sind eindeutige Webadressen einer Webseite in denen m glichst eindeutige Begriffe auftauchen Die Begriffe geben dem Benutzer und der Suchmaschine Hinweise darauf was sich auf dieser Seite befindet Ein wichtiger Punkt ist die Linkstruktur Diese sollte bersichtlich aufgebaut sein sodass sie von den Besuchern verstanden wird Wichtige Inh
62. en nicht mehr mit gzip ausgeliefert wpCompressor komprimiert automatisch die Webseite welche an den Benutzer geschickt werden Dies f hrt zu einer enormen Performancesteigerung WP DB Backup WP DB Backup ist ein Datenbank Backup Plugin welches dem ACMC erlaubt ein Datenback Backup zu erstellen WP Mail SMTP Da an der Hochschule kein Sendmail Sendmail ist ein Mail Agent erlaubt bzw auf dem Server installiert ist muss auf WP Mail SMTP zur ckgreifen Dieses Plugin erlaubt das Senden von Emails ber einen definierten SMTP Server WP Minify Dieses Plugin integriert die Minify engine von Google in die acmc Is Webseite und f gt alle JavaScript und CSS Dateien zusammen und komprimiert diese zus tzlich Dies verbessert die Ladezeit der Webseite Das Plugin s ubert zus tzlich den XHTML Code indem alle Leerzeichen und nicht verwendete Tags gel scht werden WP No Category Base WP No Category Base entfernt den Standard Kategorie Tag categorie welcher sich in den Permalinks befindet Beispiel http www acmc Is categorie aktuelles wird zu http www acmc Is aktuelles S ren Huschke Diplomarbeit 2011 XXIV WP PermaLauts Selbst in der aktuellen Fassung von WordPress werden die Umlaute in der URL ganz simpel auf den erlaubten ASCII Zeichensatz heruntergebrochen Aus wird a aus wird o aus wird u und aus wird s Korrekterweise werden Umlaute und das D aber im Deutschen ander
63. erklicken angeregt wird Application Center Microcontroller Learning Systems Navigation Brotkr melnavigation Suchfunktion y H yi Uberschrift in H1 Ausgabe der Neuigkeiten Lorem ipsum dolor sit amet consetetur sadipscing elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat sed diam voluptua At vero eos et accusam et justo duo dolores et ea rebum Stet Bild Bild Bild Stichpunkte Stichpunkte Stichpunkte Stichpunkte Stichpunkte Stichpunkte Stichpunkte Stichpunkte Stichpunkte Stichpunkte Stichpunkte Stichpunkte Stichpunkte Stichpunkte Stichpunkte Fu zeile Abbildung 14 Template f r die Startseite Das entwickelte Template Abbildung 14 ist ein Entwurf f r die Startseite Im oberen Drittel befindet sich die Kopfzeile mit einem Banner und dem Schriftzug Application Center Microcontroller Learning Systems Unterhalb ist die Hauptnavigation Brotkr melnavigation mit dem Suchfeld zu sehen Auf der Startseite wird der Benutzer mit einer gro en berschrift H1 begr t anschlie end befindet sich ein Text welcher den Benutzer dar ber informiert wof r die Lehrsysteme des ACMC geeignet sind Darunter befinden sich drei Platzhalter die jeweils ein Bild des Lehrsystems beinhalten und ihre Funktionalit ten in Stichpunkten wiedergeben Auf der rechten Seite befindet sich die Ausgabe der Neuigkeiten welche einen Einblick in die letzten Entwicklungen de
64. erwenden html 22 www schulte vennbur de 2006 Oktober http www schulte vennbur de Online http www schulte vennbur de subpages index php option com_content amp view section amp layout blog amp id A amp Itemid 61 23 Christian Schmidt http www joomla security de Online http www joomla security de 24 http www redaxo org 2011 Februar http www redaxo org Online http www redaxo org S ren Huschke Diplomarbeit 2011 Literaturverzeichnis XII 25 Yakamara Media GmbH amp Co KG http www redaxo org Online http www redaxo org 26 Yakamara Media GmbH amp Co KG http www redaxo org Online http www redaxo org de redaxo ueberblick screenshots 27 Inpsyde GmbH http doku wordpress deutschland org Online http doku wordpress deutschland org Seiten 28 http wordpress org http wordpress org Online http wordpress org about requirements 29 http doku wordpress deutschland org http doku wordpress deutschland org Online http doku wordpress deutschland org Themes_benutzen Was_ist_ein_Theme 3F 30 Olaf Baumann 2010 August http blog wordpress deutschland org Online http blog wordpress deutschland org 2010 08 03 wordpress vergleichsweise sicher html 31 http www qualys com 2010 Juli https community qualys com Online https community qualys com docs DOC 1401 32 Liferay Inc ht
65. estehen aus HTML und Javacode und k nnen miteinander kommunizieren Diese dienen sowohl zur Erweiterung der Funktionalit t als auch zur Ver nderung des Designs 4 4 6 Erweiterbarkeit Eine gro e Anzahl der Bausteine bringt das Liferay Portal bei der Installation mit Es k nnen weiter Portlets auf der offiziellen Webseite von Liferay bezogen werden Die Community entwickelt st ndig neue Bausteine zur Verbesserung der Funktionalit t Durch eine umfangreiche Dokumentation k nnen Portlets selbst entwickelt und eingebunden werden 4 4 7 Suchmaschinenfreundlichkeit Ab der Version 5 2 sind wesentliche Erweiterungen in Sachen Suchmaschinenfreundlichkeit integriert worden Liferay bringt in der Downloadversion schon alle wichtigen Eigenschaften zur Suchmaschinenfreundlichkeit mit Dazu z hlen ein XML Sitemap lesbare URLs und die Einstellung des Titel der Keyw rter und der Beschreibung Es m ssen keine zus tzlichen Bausteine installiert werden 36 4 4 8 Design Das Design ist strikt von dem Inhalt und dem Controller getrennt Es ist m glich ein komplett neues Design zu entwickeln und dabei die darzustellenden Daten au en vor zu lassen Allerdings sind sehr gute Programmierkenntnisse in CSS XML HTML und Java Voraussetzung Daher gestaltet sich das Programmieren einen neuen Themes sehr schwierig S ren Huschke Diplomarbeit 2011 Auswahl eines Content Management System 28 4 4 9 Sicherheit Da Liferay eine Open So
66. et consetetur sadipscing elitr sed diam nonumy eirmod tempor invidunt ut labore et MC Module dolore magna aliquyam erat sed diam voluptua At vero eos et accusam et justo duo dolores et ea rebum Stet clita kasd gubergren no sea takimata sanctus est Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet consetetur sadipscing elitr sed diam nonumy Experimentiermodule Programmieren Lerninhalte Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet consetetur sadipscing elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat sed diam voluptua At vero eos et accusam et justo duo dolores et ea rebum Stet clita kasd gubergren no sea takimata sanctus est Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet consetetur sadipscing elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat sed diam voluptua Seite Bearbeiten page content php Startseite Impressum XHTML Valid CSS Valid Aktuelles ACMC Abbildung 18 Layout Entwurf f r Seiteninhalte S ren Huschke Diplomarbeit 2011 Realisierung der Webseite 56 6 Realisierung der Webseite 6 1 Das CMS WordPress WordPress ist ein zei
67. et von Haus aus leider kein Kontaktformular an Dagegen bietet die WordPress Plugin Webseite eine Vielzahl von Kontaktformularen Folgende Auswahlkriterien wurden f r das Plugin definiert e Unterst tzung mehrere Formulare e Einbindung eines Sicherheits Code e unkompliziert und schnelles gestalten des Kontaktformular e benutzerfreundlich und ressourcenschonend e kostenlos und Open Source S ren Huschke Diplomarbeit 2011 Realisierung der Webseite 65 Drei Plugins besitzen die oben genannten Eigenschaften e cForms2 e Fast and Secure Contact Form und e Contact Form 7 cForms2 ist ein sehr umfangreiches Kontaktformular Plugin In der Konfiguration findet man sich aber ohne Hilfestellung nur schwer zurecht Es gibt sehr viele Einstellungen und unglaublich viele Besonderheiten zu beachten cForms2 generiert zus tzlich drei Datenbankanfragen zwei http Anfragen und 51 KByte an Datentransfer an den Server Fast and Secure Contact Form ist ein relativ neues Plugin und wird st ndig erweitert Es bietet alle m glichen Eingabefelder zum Generieren eines Kontaktformulars inklusive einen Sicherheitscode Es ist m glich ohne Hilfestellung ein Kontaktformular zu erstellen Der Nachteil ist dass nur vier Kontaktformulare erstellt werden k nnen Fast and Secure Contact Form generiert zwei zus tzliche Datenbankanfragen zwei http Anfragen und 36KByte Datentransfer an den Server Zum Einsatz gekommen ist Conta
68. ework zur Erstellung moderner flexibler Layouts auf Grundlage von float Umgebungen Dabei stehen ein H chstma an Flexibilit t f r den Webdesigner und Zug nglichkeit f r die Nutzer im Vordergrund 52 WordPress Templates basieren auf XHTML CSS und PHP Funktionen Die PHP Funktionen dienen zur Ausgabe des Inhalts f r Seiten oder Artikel S ren Huschke Diplomarbeit 2011 Realisierung der Webseite 58 6 2 Entwicklung des Templates der ACMC LS Webseite 6 2 1 Allgemeines WordPress benutzt Templates um die Webseite entsprechend zu formatieren Seit der Einf hrung von Templates in WordPress ist es m glich das Design mehr und mehr an die W nsche der Kunden anzupassen Es existieren unz hlige M glichkeiten f r die Entwicklung eines neuen Designs Um in WordPress Templates zu bearbeiten oder zu entwickeln muss man verstehen wie WordPress die einzelnen Template Dateien verarbeitet Die Abbildung 19 verschafft einen berblick ber die Template Hierarchie und gibt Aufschluss dar ber an welche Stelle die PHP Dateien im Template aufgerufen werden s_homel if not exist is_404 if not exist rt is_category category gent if not exist if not exist category np if nat exist Abbildung 19 Template Hierarchie von WordPress 53 Beispiel Der Benutzer gelangt mit einem Browser auf die Startseite der ACMC Webseite Befindet sich eine home pbnp Datei welche zu Anzeige der Startseite verwendet wird in dem Te
69. faden Es besteht die M glichkeit ber einen Live Chat per IRC direkt mit einem fortgeschrittenen Benutzer zu kommunizieren 40 4 5 5 Flexibilit t Das CMS Drupal ist sehr flexibel aufgebaut Inhalte lassen sich ber Rollensysteme verwalten Drupal kann als kleinere Webseite f r Unternehmen oder als gro e Community Plattform genutzt werden Dabei stehen dem Entwickler viele Module zur individuellen Gestaltung zur Verf gung 4 5 6 Erweiterbarkeit Besonders Erweiterbar wird Drupal durch die zahlreichen fertigen Module Jedes Modul kann nach den W nschen und Bed rfnissen des Anwenders konfiguriert werden Auf der offiziellen Drupal Webseite stehen ber 8000 Module zum Download bereit Diese k nnen kostenfrei in das CMS integriert werden 41 S ren Huschke Diplomarbeit 2011 Auswahl eines Content Management System 30 4 5 7 Suchmaschinenfreundlichkeit Drupal bietet schon in der Standardausf hrung viele Einstellung um eine Webseite Suchmaschinenfreundlich zu gestalten Dazu geh ren lesbare URLs globale Beschreibung der Webseite Schl sselw rter und eine 404 Error Seite Drupal l sst durch weitere Module noch Suchmaschinenfreundlicher gestalten Dabei k nnen Titel Beschreibung und Schl sselw rter beliebig dem Inhalt einer Seite angepasst werden 4 5 8 Design Drupal bietet auf seiner offiziellen Webseite eine Vielzahl an vorgefertigten Templates an Eine eingebaute Template Verwaltung macht es sehr lei
70. gte den Fehler und er wurde umgehend behoben Anschlie end lie en sich in WordPress alle Dateien zur Mediathek hinzuf gen 7 5 Domainname www acmc Is de In Kapitel 5 2 ist ein geeigneter Domainname f r die neue innovative Webseite erarbeitet worden Dieser Domainname musste bei dem NCC der Hochschule Mittweida beantragt werden Nach erfolgreicher R ckmeldung des NCC dass die Domain nun zur Verf gung steht ist eine Weiterleitung des Domainname auf den acmc Is Webspace erfolgt 7 5 1 Testdurchf hrung Um den Domainnamen zu pr fen musste dieser in die Browser Adresszeile eingegeben werden 7 5 2 Ergebnis Nach der Eingabe des Domainnamens in die Browser Adresszeile lie sich die neue Domain zwar aufrufen aber es fehlten aller hinterlegten Grafiken Es wurde nur der reine Inhalt ausgegeben 7 5 3 L sung Das NCC setzte einen Proxy Server ein um die Domain http www global hs mittweida de acmc Is auf diese Domain www acmc Is de aufzul sen Es stellte sich schnell heraus dass es bei der Aufl sung durch den Proxy Server zu Fehlern kommt Durch den Proxy Server gibt es kein Rootverzeichnis und ein virtueller Ordner namens acmc Is wird an den Pfad angehangen Dadurch ist kein mod_rewrite m glich und WordPress kann nicht auf den Rootpfad des Servers zur ckgreifen Die L sung des Problems ist mit einem virtuellen Server durch das NCC realisiert wurden Dieser virtuelle Server ist dem Webserver
71. h 30 A o ts alo 30 4 6 Zusammenfassung und Vorauswahl seesseeeesseesseesseesseesseeesseesseessereseeessseesseese 30 4 7 Auswahl zwischen Redaxo und WordPress A 32 Konzeption der Webseite c sssocesssoossssoocessooecesooecesssoossssoosessoccessosecesssecssssoossssoossee 34 5 1 Recherche zu beispielhaften Webpr senzen iniciada 34 3 1 1 Verwendete Suchbegriffe aia ls 35 5 1 2 Gefundene Mikrocontroller Lebrsvstem 35 SA AA e E ER EE E e is 35 3 2 Recherche und Auswahl eines geeigneten Domainnamen eseseseseerererrerrrrresee 36 5 3 Grobkonzept Risen 40 93 1 Abit c es eoa Ai 40 3 32 AC DN iS 40 3 33 Erforderliche Inhalte u 22 2 2 2 ee 42 5 3 4 Erarbeitung einer Webserlenstrukuun asien Men 43 5 3 5 Verwendung von innovativer Technik 44 336 Technische ee EEN 45 3 3 7 Erarbeitung des Layos rindas Kalk 47 5 4 Beinkonzept der Webseite esse Die ee 48 SAL Webseillen Narigalion nennt nee 48 5 4 2 Verfeinerung der Webseitenstruktur ooooonncccnnnocinoncccnoncnonnncnnnnnacononanonnaninns 50 5 4 3 Erstellung der Templates f r die Webseite oooooononcccnnncccnoncccnoncnononnncnnnannnns 51 5 4 4 Konzept des Webseiten Layouts seed ran 53 Realisierung der Webseite ssooesssoossssooesesosecesosccesssocesssooeessoocsesosecessscossssoossssoosese 56 6 1 Das CMS WordPress e e Aiai 56 CLI e TE rias 56 6 1 2 Installation ana fm ale en 56 6 1 3 Plugins Z r Brweillerung ee ns 37 A A A ebeker 57 6 2 E
72. hen mit einer Sehschw che die Webseite betrachten k nnen und ausreichend Kontrast vorhanden ist S ren Huschke Diplomarbeit 2011 Suchmaschinenoptimierung 80 8 Suchmaschinenoptimierung Eine Suchmaschinenoptimierung oder Search Engine Optimization SEO ist eine Ma nahme um Webseiten im Suchmaschinenranking auf h heren Pl tzen erscheinen zu lassen 8 1 Richtlinien Es existieren Richtlinien welche dem Webseitenbetreiber helfen sollen die Suchmaschinenoptimierung besser zu verstehen und seine Seite dahingehend zu optimieren Diese Richtlinien wurden von Google erstellt und enthalten folgende Regeln 59 e individuelle und passende Seitentitel e Seitenbeschreibung Meta Description e klare Struktur der URL e Webseite leichter navigierbar gestalten e hohe Wertigkeit der Inhalte e Optimierung von Bildern e richtiger Einsatz von berschriften e Robots txt Datei e XML Sitemap Alle diese Regeln wurden bei der Entwicklung der Webseite beachtet und umgesetzt N here Erl uterungen befinden sich im Kapitel 8 2 8 2 Umsetzung der Webseitenoptimierung 8 2 1 Individuelle und einzigartige Seitentitel Der individuelle und einzigartige Seitentitel wird mit der berschrift im Backend festgelegt wenn eine neue Seite oder ein neuer Artikel erstellt wird 8 2 2 Seitenbeschreibung Meta Description Die Seitenbeschreibung der Webseite befindet im Kopfbereich und ist f r den Benutzer unsichtbar Sie wird nur von den Such
73. iersprache Java nur wenige Gemeinsamkeiten 7 S ren Huschke Diplomarbeit 2011 Stand von Technik und Design 6 2 2 Webdesign Viele Webdesigner machen sich gro e Gedanken wie Sie ihrer Webseite optisch versch nern k nnen Der Trend geht von gro en Typographien ber Zeichnungen und Illustrationen bis hin zu Magazine Layouts Viele von Ihnen lassen sich auch von der Natur inspirieren 2 2 1 Gro e Typographien In den vergangenen Jahren waren immer dieselben Schriftarten im Internet zu finden Meist handelte es sich um Ariel Helvetica oder Sans Serif Diese 3 Schriftarten sind standartm ig auf jedem Computer installiert und damit kommt es zu keinen Komplikationen bei der Darstellung Der Trend geht immer mehr zu ausgefallenen Schriftarten Diese werden als wichtiger Bestandteil der Webseite gesehen und dienen gleichzeitig als Blickfang Viele interessante Schriftarten werden von Designern mittlerweile frei zur Verf gung gestellt 8 2 2 2 Illustrationen und Zeichnungen Auch Illustrationen und Zeichnungen dienen dem Webdesigner als Blickfang f r ihre Webseite Dadurch hat der Webdesigner die M glichkeit der Webseite ein pers nliches Merkmal zu verleihen und den statischen Aufbau aufzulockern 8 2 2 3 Magazin Layouts Printdesign und Webdesign verschmelzen heutzutage immer mehr miteinander Deshalb findet man im Internet Webseiten welche dem Aussehen von Magazinen hneln Vor allem bei Blogs und Onlineshops bau
74. iert Es k nnten Video Konferenzen ohne Plugins im Browser stattfinden Es ist abzuwarten ob es die Version berhaupt geben wird Es m ssten sich alle gro en Browser Hersteller an einen Tisch setzten und gemeinsam ein Entwicklungsmodell konzipieren 19 S ren Huschke Diplomarbeit 2011 Stand von Technik und Design 14 2 5 3 Webstandard CSS3 Wie in Kapitel 2 1 4 beschrieben ist CSS eine definierte Scriptsprache die das Aussehen von HTML Dokumenten festlegt Derzeit wird von allen aktuellen Browsern die Version 2 1 unterst tzt In der dritten Version k nnen visuelle Effekte mit noch weniger Quellcode dargestellt werden Es kommen neue Elemente hinzu die es einem Webdesigner erlauben ohne Hintergrundbilder zu arbeiten 20 Neuerungen von CSS3 e abgerundete Ecken e beliebig definierter Schatten um Objekte e mehrere Hintergrundbilder e beliebige Schriften einsetzbar e einfacherer Farbangaben e Farbangaben mit Transparenz S ren Huschke Diplomarbeit 2011 Definition von Zielfunktionen 15 3 Definition von Zielfunktionen Im Applikation Center Microcontroller ACMC wurden die Lehrsysteme MCLS modular halvedDisc und hD2 entwickelt Zu diesen drei Mikrocontroller Lernsystemen soll eine gemeinsame Webpr senz konzipiert und realisiert werden Im Kapitel 2 3 sind Funktionen fiir eine zeitgem e Webseite vorgestellt In diesem Zusammenhang ist mit dem Auftraggeber ACMC eine Auswahl getroffen wurden welche Zielfun
75. insatz von Multimediaelementen zu pr fen und gegebenenfalls einzusetzen Es k nnen in die ACMC Webseite multimediale Funktionselemente in Form von Videos und Bildern hinzugef gt werden Diese Mediendateien k nnen mit wenig Aufwand verwaltet und dem Benutzer im Frontend zur Verf gung gestellt werden S ren Huschke Diplomarbeit 2011 Zusammenfassung und Ausblick 84 So entstand auch ein Video von der hD2 welche ein 360 Ansicht des Lernsystems erm glicht Es existiert ein passwortgesch tzter Studentenbereich in dem sich die Studenten der Hochschule Mittweida authentifizieren m ssen um die passwortgesch tzten Inhalte der Webseite zu sehen Die ACMC Webseite verf gt ber ein Kontaktformular welches mit einem Sicherheitscode versehen ist um Spam vorzubeugen Au erdem wird jedes Eingabefeld vor dem Versenden auf Korrektheit berpr ft Der Benutzer des Kontaktformulars bekommt nach erfolgreicher Versandbest tigung eine Kopie an seine E Mail Adresse zugesendet Es wurde optional der Einsatz eines W rterbuchs gepr ft und umsetzt Der Benutzer hat die M glichkeit Abk rzungen und erkl rende Informationen in dem W rterbuch nachzuschlagen und auszudrucken Dazu steht eine Druckfunktion in dem W rterbucheintrag zur Verf gung Zu der Aufgabenstellung dieser Diplomarbeit geh rte als Teilaufgabe die Erstellung einer ausf hrlichen Dokumentation Diese Dokumentation beinhaltet alle relevanten Arbeitsschritte wel
76. ite shtml Tipps und Tricks technische Daten Zubeh r Nur Mail keine Adresse S ren Huschke Diplomarbeit 2011 Anhang XVII MTS 8052 http www sunequipco com M Informationswebseite cessor MTS 8052 HTM EE Software Hardware Zubeh r E Mail Telefon Fax tfh system one Aktuelles http www palmtec de PalmT Produkte Newsletter Seminare Datenbl tter N tzliches Adresse Mail Telefon FAX HCS12 T Board http elmicro com de hcs12tb News Produkte Suche Links Verweise auf die H ndler rn control 1 4 mega32 Vertrieb Vertriebswebseite http www shop robotikhard Community Support N http www roboternetz de wiki SPS Ctrl 12V http www microsps com Einf hrung Grundkurs Forum Beispiele Installation Hardware Download Shop MDA 8086 http www testequipmentdepg Vertriebswebseite nisource microprocessortraine 86 htm Hardwareinformation Datenblatt S ren Huschke Diplomarbeit 2011 Anhang XIX Kontaktformular Telefonnummer Fax ES9 Series http in scientech bz web emb verschiedene Kategorien Software Download Tutorials Pr sentation Anfrage Email Verkauf D072 http www display3000 de hti berblick controllerl html A Vergleiche Screenshots Software Doku FAQ Download RP6 Robotsystem http
77. ktionalit ten die neue Webseite des ACMC Learning Systems beinhalten soll und welche Funktionen noch hinzukommen Dies schlie t die Recherche zu beispielhaften Webpr senzen die Auswahl eines geeigneten CMS sowie die Auswahl eines geeigneten Domainname ein Einsatz eines Content Management System Ziel soll es sein ein einfach zu bedienendes und benutzerfreundliches Content Management Systeme einzusetzen Ein wichtiges Kriterium ist dass das CMS kostenlos ist und als Open Source zur Verf gung steht Design passend zur ACMC Instituts Webseite Das Design der neuen Webpr senz sollte passend zur Instituts Webseite gestaltet werden Die neue Webseite soll neutral und strukturiert auf den Besucher wirken Es sollen mehrere Designentw rfe entwickelt und ein geeignetes ausgew hlt werden Entwurf einer optimalen Struktur Die Webpr senz soll eine optimale Struktur und Navigation aufweisen die dem Benutzer ein hohes Ma an Bedienbarkeit und Benutzerfreundlichkeit zur Verf gung stellt Optionaler Einsatz multimedialer Funktionselemente Es soll m glich sein ohne gro en Aufwand multimediale Funktionselemente mit in die Webseite einzubinden Darunter z hlen Bilder Bildergalerien und Videos Passwortgesch tzter Studentenbereich Vorgesehen ist dass es einen passwortgesch tzten Studentenbereich geben soll an dem sich die Studenten der Hochschule Mittweida anmelden und nach erfolgreicher Authentifizierung zu dem gesch tzten Inhal
78. llen Mittel und Verfahren zur Verbreitung von Informationen Bildern Nachrichten etc Zu den Massen Medien z hlen insbesondere die Presse Zeitungen Zeitschriften der Rundfunk H rfunk Fernsehen und in zunehmendem Ma e auch das Internet 43 F r die Darstellung der Inhalte sind erste Vorschl ge entwickelt worden Inhalt Beschreibung Text Der Textinhalt kann verschieden in Szene gesetzt werden Dabei spielen Ausrichtung Schriftart Schriftgr e und Schriftfarbe keine Rolle Bilder Bilder k nnen beliebig in den Text integriert werden und verf gen ber eine Beschreibung Videos Es k nnen Videos im flv Format eingebunden werden diese werden dem Benutzer in einem Open Source Flashplayer angeboten Bildergalerie Es sollte m glich sein Bildergalerien zu erstellen Kontaktformular Der Benutzer soll die M glichkeit haben mit dem ACMC per Kontaktformular in Verbindung zu treten Gesch tzte Seiten mit Das ACMC beh lt sich die Verwendung von Texten Bildern Hochschul Login und Videos nur f r autorisierte Studenten und Mitarbeiter der Hochschule Mittweida vor Tabelle 4 Verwendung von Inhalten Bilder und Videos sind Informationsmittel und k nnen gezielt eingesetzt werden um die Aufmerksamkeit auf den Text zu lenken Dabei kann das ACMC zwischen zwei Arten der Text Bild Beziehung frei w hlen Zum einen beschreibt der Text was auf dem Bild zu sehen ist zum anderen kann das Bild eingesetzt werden
79. lt zum Wiedererkennungswert der Firma Auch die Konkurrenz schl ft nicht und betreibt wom glich eine professionelle Webseite M gliche Kunden werden sich wahrscheinlich f r eine Firma entscheiden die einen seri seren Eindruck hinterl sst Im Gegensatz zu den fr heren statischen Webseiten werden heutzutage die Webseiten dynamisch generiert Das bedeutet sie werden in dem Moment der Anforderung erzeugt Dies ist dann sinnvoll wenn eine Webseite aktuelle Informationen enthalten Aber auch Firmen Gemeinden Vereine oder Privatanwender bevorzugen immer mehr den Einsatz solcher dynamisch generierten Webseiten Ab einer gewissen Gr e und nderungsfrequenz einer Webseite wird der Einsatz eines Content Management Systems CMS immer sinnvoller Ein wesentlicher Vorteil ist die Bearbeitung der Inhalte ohne jede Programmierkenntnisse Eine Internetpr sentation ohne CMS kann immer nur von einem einzelnen Anwender bearbeitet werden Eine CMS basierte Webseite dagegen kann von beliebig vielen Anwendern gleichzeitig bearbeitet werden Zudem sind Content Management Systeme in der Regel modular aufgebaut Das bedeutet dass sie je nach Anforderung gezielt mit passenden Funktionen erweitert werden k nnen Ziel dieser Arbeit ist es eine innovative Webpr senz f r die Mikrocontroller Lehrsysteme des ACMC der Hochschule Mittweida zu entwickeln Das ACMC besch ftigt sich mit L sungen in der Mikrocontrollertechnik Im Application Center Microcontr
80. maschinen ausgelesen und spiegelt den Inhalt der S ren Huschke Diplomarbeit 2011 Suchmaschinenoptimierung 81 Webseite in Kurzfassung wieder Dieser Text wurde mit den schlagkr ftigsten W rtern versehen um ein optimales Suchergebnis zu erzielen Dynamische Meta Description mit den schlagkr ftigsten W rtern W I lt php wp title sep gt Application Center Microcontroller Learning Systems ACMC LS sind Lernsysteme Controllerboards und Trainingskits f r die Ausbildung und Lehre mit Embedded Systems und Mikroelektronik Der PHP Code wp_title sep generiert automatisch immer eine neue Seitenbeschreibung aus der berschrift Somit ist jede Seite einzigartig und es tauchen stets die st rksten Schlagw rter in der Beschreibung auf Microcontroller Lernsysteme Controllerboards Trainingskits Ausbildung Lehre Embedded Systems und Mikroelektronik 8 2 3 Klare Struktur der URL WordPress verf gt ber eine Permalinkstruktur welche benutzerfreundliche URLs generiert Diese wurde benutzerdefiniert gestaltet Wcategory postname und gibt die Hierarchie der Seiten in der URL wieder 8 2 4 Webseite leichter navigierbar gestalten Damit sich Besucher auf der ACMC Webseite zurechtfinden wurde eine Breadcrumb Navigation eingef gt Diese gibt dem Benutzer eine bersicht wo er sich gerade befindet Er kann jederzeit zu der vorhergehenden Seite zur ckspringen da alle obersten Ebenen mit
81. mit der Auswahl eines geeigneten Content Management System f r die neue Webseite des ACMC Es sind alle einzelnen Funktionen der ausgew hlten Content Management System analysiert wurden Ein wichtiges Kriterium ist dass die Software Open Source und kostenfrei zum Download angeboten wird damit dem ACMC keine unn tigen und unvorhersehbaren Kosten entstehen Ausgew hlte Content Management Systeme e Joomla e Redaxo e WordPress e Liferay und e Drupal Analyse auf folgende Funktionen e Verwaltung von Inhalten e eingesetzte Technologie e Support e Flexibilit t e Erweiterbarkeit e Suchmaschinenfreundlichkeit e Templategestaltung und e Sicherheit S ren Huschke Diplomarbeit 2011 Auswahl eines Content Management System 19 4 1 Joomla Joomla ist eines der beliebtesten CMS im deutschsprachigen Raum es kostenlos und jeder Benutzer des CMS kann durch den Open Source Code mitprogrammieren Es besticht durch seine einfache Erweiterbarkeit Flexibilit t und Leistungsf higkeit Es basiert auf PHP und MySQL und kann daher auf den verschiedenen Serverumgebungen installiert werden Um die Software zu installieren m ssen 2 Systemvoraussetzungen gegeben sein Die Minimum Anforderungen sind PHP 4 3 und MySQL ab Version 3 23 x bei Unicode Zeichens tzen MySQL ab 4 1 x 21 Die aktuelle Joomla Version ist 1 5 22 bzw 1 6 0 Stand M rz 2011 4 1 1 Kernfunktionen Die gesamte Bedienung von Joomla erfolgt direkt ber den I
82. mplate Verzeichnis wird diese ausgef hrt und interpretiert Existiert keine home php Datei in dem Template Verzeichnis leitet WordPress die Anfrage an die index php Datei weiter M chte der Benutzer nun von der Startseite aus eine andere Seite der ACMC Webseite besuchen z B die MCLS modular Webseite wird die page php Datei aufgerufen und abgearbeitet Existiert keine page php Datei im Template Verzeichnis leitet WordPress die Anfrage wieder an die index php Datei weiter S ren Huschke Diplomarbeit 2011 Realisierung der Webseite 59 6 2 2 Grundaufbau der ACMC LS Webseite Damit der Benutzer den Inhalt der Webseite sehen kann muss WordPress die Webseite erst zusammensetzten Dies geschieht mittels sogenannten DIV Elementen auch Container genannt Diese beinhalten PHP Funktionen um die verschiedene Bereiche der Webseite mit Inhalten und Verweisen zu fiillen In Abbildung 20 sind die einzelnen Templates aufgelistet und den entsprechenden Containern zugeordnet Container lt header gt Kopfzeile header php Container lt menu gt Container lt content gt index php single php page php frontpage php Inhalt Ausgabe archive php author php category php search php 404 php Seitenmen sidebar php Container lt footer gt Fu zeile footer php Abbildung 20 Aufbau eines WordPress Templates Der Bereich Kopfzeile umfasst den gesamten Kopfbereich inklusive Banner Navigatio
83. n das Plugin von Thaya Kareeson benutzt wird Datentransfer 301 80 kB 160 50kB Tabelle 7 Zusammenfassen und Komprimieren von CSS und JavaScript Dateien S ren Huschke Diplomarbeit 2011 Inbetriebnahme und Tests 77 7 7 4 Fazit Es existieren f r einen Webseitenbetreiber sehr viele M glichkeiten eine Webseite zu optimieren und Datentransfer einzusparen In der Abbildung 26 ist ein Vergleich der die gesamte Webseite vor und nach der Optimierung zeigt Durch die Optimierung ist es gelungen 11 http Anfragen und 217 4kB an Datentransfer einzusparen Alleine der Datentransfer spart bei 5 Zugriffen auf die Webseite ca IMB an Transfer ein Bei 5000 Nutzern der Webseite pro Tag kann durch die Optimierung eine Einsparung von 1GB erzielt werden Vor der Optimierung Nach der Optimierung Empty Cache HTTP Requests 26 Einpiy Cache HTTP Requests 15 Total Weight 377 9K Total Weight 160 5K 1 HTML Text 16 0K D 1 HTML Text 4 7K 10 JavaScript File 186 6K 1 JavaScript File 54 8K 3 Stylesheet File 12 1K 1 Stylesheet File 2 8K a 8 CSS Image 78 2K A 8 CSS Image 55 3K Lei 3 Image 83 4K a 3 Image 41 2K u 1 Favicon 1 4K u 1 Favicon 1 4K Abbildung 26 Vergleich vor und nach der Optimierung 7 8 Darstellung in den verschiedenen Browsern Bei der Entwicklung der Webseite wurde darauf geachtet dass die Darstellungen in den verschiedenen Browsern nicht voneinander abweichen Dazu wurde lokal mit
84. n die Bed rfnisse der neuen ACMC Learning Systems Webpr senz angepasst und stetig erweitert werden S ren Huschke Diplomarbeit 2011 Auswahl eines Content Management System 26 4 4 Liferay Liferay ist ein sehr umfangreiches CMS Es wurde mehrfach mit Preisen ausgezeichnet und besticht durch seine Benutzerfreundlichkeit Funktionalit t und den technischen Innovationen Liferay ist eine Unternehmens Plattform zur Erstellung von Businessl sungen welche langfristig gepflegt werden kann Liferay gibt es in zwei Versionen eine kostenpflichtige Enterprise Edition und eine kostenlose Community Edition Beide stehen mit der aktuellsten Version 6 0 zum Download bereit Liferay arbeitet mit einer JEE Umgebung Java Enterprise Edition und kann mit verschiedenen Applikationsservern Tomcat Glassfish JBoss betrieben werden Zudem bietet Liferay Connectoren f r viele Datenbank Server Stand Februar 2011 32 4 4 1 Kernfunktionen Die Kernfunktionen von Liferay sind einheitlichen Technologie und ein einheitlichen Look an Feel Der Begriff Look and Feel bezeichnet standardisierte Designaspekte Liferay bietet viele Webportalstandards wie eMails News Feeds Wikis Chats und Foren Es besitzt eine umfangreiche Rollen und Rechteverwaltung f r die verschiedenen internen Bereiche 33 4 4 2 Verwaltung von Inhalten Liferay bietet eine Vielzahl an Funktionen die zu der Verwaltung von Inhalten dienen Im diesem CMS k nnen leich
85. n und Suchfeld Im Kopfbereich werden auch die Pfadangaben zu den JavaScript und CSS Dateien hinterlegt Zudem beinhaltet die Kopfzeile noch alle wichtigen Metaangaben wie Titel Beschreibung und Schl sselw rter f r die Suchmaschinen Im Bereich Inhalt wird die gesamte Ausgabe der Webseite publiziert Dort werden die Inhalte Bilder und Videos ausgegeben Dies ist das wichtigste Element der ACMC Webseite In dem Seitenmen wird die Navigation der Unterseiten dargestellt Zudem wird das Seitenmen auch f r die Anfangsbuchstaben des W rterbuches benutzt um diese alphabetisch auszugeben Der Bereich Footer ist ein statisches Element und auf jeder Seite zu sehen Dort werden n tzliche Verweise wie Impressum rechtliche Hinweise und Kontakt als Link ausgegeben S ren Huschke Diplomarbeit 2011 Realisierung der Webseite 60 6 2 3 Template der ACMC LS Startseite Auf der Startseite der ACMC LS Webseite sollen die drei Mikrocontroller Lehrsysteme mit ihren jeweiligen Vorz gen pr sentiert werden Zudem sollen in der rechten Spalte Neuigkeiten des ACMC auf der Startseite ausgegeben werden Da in WordPress Seiten und Artikel ver ffentlicht werden k nnen muss die Startseite als Seite und die Neuigkeiten als Artikel fungieren Artikel haben die Eigenschaft dass sie chronologisch erscheinen und in Kategorien zuordnen lassen Diese Eigenschaften eignen sich hervorragend um aktuelle Neuigkeiten auf der Startseite zu pr sen
86. nnamen generiert worden In der Tabelle 3 sind alle Domainnamen aufgelistet welche f r die neue Webpr senz in Frage kommen Die Auswahl beruht auf den Suchbegriffen aus Kapitel 5 1 die durch verschiedene Kombinationen untereinander verkn pft wurden und den vorgeschlagenen Suchbegriffen aus dem Google Keyword Tool Seitens des Auftraggebers durften auch Abk rzungen mit in die Auswahl eines Domainname einflie en Alle Domainnamen wurden bei united domains auf ihre Verf gbarkeit hin berpr ft S ren Huschke Diplomarbeit 2011 Konzeption der Webseite 37 Domainname lernpaket mikrocontroller de Mikrocontroller lernpaket de Mikrokontrollersysteme de Mikrocontroller lernsysteme de Mikrocontroller lehrsysteme de Controllerboard de Microcontroller board de Microcontroller board com Microcontroller boards de Microcontroller boards com Embedded Boards de Embedded Boards com Microcontroller kits de Microcontroller kits com Microcontroller systems de Microcontroller systems com Microcontroller system de Microcontroller system com Microcontroller training de Microcontroller training com Microcontroller trainingssysteme de Microcontroller trainingssysteme com Microcontroller trainingboards de Microcontroller trainingboards com Trainingboards de Trainingboards com Suchbegriff in Google Keyword Tool Lernpaket Mikrocontroller Mikrocontroller Lernpaket Mikrocontroller systeme mikrocontroller lernsyst
87. nternet Browser und ist unabh ngig von Ort Zeit und Betriebssystem des Benutzers Zu den Kernfunktionen geh ren Newsseiten Formulare Umfragen und Massenmails Joomla ist eine komplett datenbankbasierte Software Der Browser Upload von Bildern kann im gesamten System benutzen werden Es gibt ein dynamisches Foren Umfrage und Bewertungssystem 22 4 1 2 Verwaltung von Inhalten Jede Webseite kann inhaltlich direkt angepasst und ver ndert werden Neue Webseiten k nnen fortlaufend erstellt werden und Ver ffentlichungen k nnen auf ein bestimmtes Datum erfolgen und automatisch ablaufen Jede Publikation kann direkt im Browser mittels eines Editors erstellt und ver ndert werden Dabei k nnen Dateien Links Fotos und Videos ohne gro artige Probleme mit eingef gt werden 22 4 1 3 Technologie Joomla setzte auf die LAMP Technologie Linux Apache MySQL und PHP alle diese Technologien sind Open Source und gelten als sehr effiziente Alternativen gegen ber den kostenpflichtigen Programmen Diese Technologien sind bevorzugte Plattformen f r dynamisch generierte Internet L sungen 22 4 1 4 Support Joomla hat eine sehr gro e stetig wachsende weltweite Community welche das Joomla Team bei der Entwicklung und in Sachen Support unterst tzt Es gibt im Internet mehrere Foren die einem helfen wenn ein Problem auftaucht Zudem bringt Joomla regelm ige Updates um Neuerungen in die Software unterzubringen und auf den aktu
88. ntwicklung des Templates der ACMC LS Webseite oooooooccnocococccoocnoncncnoncnoncnnnos 58 BE O O 58 6 2 2 Grundaufbau der ACMC LS Webseite 59 6 2 3 Template der ACMC LS Startseite au snuannnannasna 60 6 2 4 Template der ACME LS Inhalisseite na ee 61 6 3 Auswahl von geeigneten Wordbress Plugns 62 63 1 A skin 62 6 3 2 Galerie Pl ir 63 6 3 3 Suchmaschinen Pl gin ee es la 63 6 3 4 Kontaktformular Plugin esse alas 64 6 4 Umsetzung von Struktur und Navigation ooococonoccnoncconononcnnnononnnnnnonnncnonnncnnnnncnonnnno 65 6 4 1 Horizontale Navigation iii 65 64 2 Brotkr melpfal ida ra 66 6 4 3 Untermen in der linken Spalten es 66 6 5 Verwendung multimedialer Elemente oooonocccnnococonocanonaccnonancnnnnnonnnanononcncnnnnnnnnnnno 66 DL Verwendung von Bildergalerien iia 67 6 5 2 Verwendung von Videos beine lea 67 6 6 Erstellung d s W rterb cher Re 68 Inbetriebnahme und Test nie elek nasnkeehsenpenhsnhesh hhekeh 69 7 1 Ee E EE 69 7 11 KE Keen iii 69 RUZ CES A o a 69 Tal A EN 69 12 Suchmaschinenfreundliche URLs 2 2 222 A Aa 70 72 1 Testdurchruhruns dies 70 122 E EE 70 123 A need 70 7 3 reegelen dee kee e 70 TIL ESC steel 71 T32 y A DER 71 O Ee EE 71 7 4 Me diathe rl aras 12 741 Testgurchf hrung dios 72 TAZ EK EE 12 TA S WEE 12 7 5 Domainname WwWw acme ls de oooooocnnccconcnnocnnonnconnnconnnononono nono ncnonnnnnnnrnn essen sen 13 lA A O 73 132 A E E Ea R ANa 13 1 33 E
89. ogrammierung Passwortgesch tze Lern inhalte als Download epdf s Sourcedateien Sonstiges Benutzerhandbuch Datenbl tter Download Verweise auf die Vertreiber Schaltplan Einstieg Einleitung Allgemeines Funktionsweise Bedienungsanleitung Zubeh r Was wird ben tigt Hardware Software Programmieren Inbetriebnahme Anwendungsbeispiele Quellcode Entwicklungsumgebung Hilfe Erstinstallation usw Didaktische Unterst tzung Programmiermodell BASCOM AVR Assemblerprogrammierung C Programme Passwortgesch tze Lerninhalte als Download pdf s Sourcedateien Sonstiges Benutzerhandbuch Datenbl tter Download Verweise auf die Vertreiber Schaltplan Einstieg Einleitung Allgemeines Funktionsweise Bedienungsanleitung Zubeh r Was wird ben tigt Hardware Software Programmieren Inbetriebnahme Anwendungsbeispiele Quellcode Entwicklungsumgebung Hilfe Erstinstallation usw Didaktische Unterst tzung AVR Studio Assemblerprogrammierung C Programmierung Passwortgesch tze Lerninhalte als Download pdf e Sourcedateien Sonstiges Benutzerhandbuch Datenbl tter Download Verweise auf die Vertreiber Schaltplan Tabelle 5 Verfeinerung der Webseitenstruktur Kontaktformular Wegbeschreibung Impressum Aus Tabelle 5 geht eine Webseitenstruktur f r die neue ACMC Webseite hervor Diese Struktur orientiert
90. oller wurden die Lehrsysteme MCLS modular halvedDisc und hD2 entwickelt S ren Huschke Diplomarbeit 2011 Einleitung 2 Diese 3 Mikrocontroller Lernsysteme sollen in einer Webpr senz zusammengefasst werden und dem Benutzer ein hohes Ma an Support bieten Die Entwicklung diese Webseite basiert auf einem Content Management System um die Wartung der Inhalte zu vereinfachen Diese Diplomarbeit beschreibt die Vorgehensweise zum Erstellen einer innovativen Webpr senz mit einem CMS Ausgehend vom Stand der Technik ber die Konzeption und Realisierung bis hin zur Webseitenoptimierung S ren Huschke Diplomarbeit 2011 Stand von Technik und Design 3 2 Stand von Technik und Design 2 1 Web Standards und Richtlinien 2 1 1 Allgemeines Bei der Einf hrung des Internets gab es noch keine Standards diese mussten erst geschaffen werden Seit der Einf hrung solcher Standards ist es dem Webdesigner und Entwickler m glich optimale Anwendung f r den Benutzer zu entwickeln so dass diese unabh ngig von Ihrer Hardware jedem Internetbenutzer zug nglich sind Webstandards sind Technologien die zur Erzeugung von Webbasierten Inhalten ben tigt werden Ziele des Standards sind 2 e Der gr tm glichen Anzahl von Internetnutzern den gr tm glichen Nutzen zu bringen e Eine hohe Lebensdauer eines Web Dokuments sicherzustellen e Programmiercode zu vereinfachen Produktionskosten zu senken e Webseiten zu erstellen
91. r 2 4 4 5 7 12 BB contact form 7 jquery form js ver 2 52 22 1 13 a de wp includes js l10n js ver 20101110 0 3 14 D d lugins flash video player swfobject js 9 5 15 de wp content uploads mceis modular jpg 23 1 16 C ls de wp content uploads hd2_cam jpg 20 9 17 E content themes acmc Is imagss bgi gif 0 0 18 w S de wp content uploads halvedDisc jpg 27 5 19 D tent themes acmc Is images body_ba gif 2 2 20 CH ent themes acmc Is images bg bread gif 15 5 21 m content themes acmc Is images nav2 gif 0 3 22 a content themes acmc Is images nav2 gif 0 4 23 N tent themes acmc Is images header2 jpg 55 5 24 KL veww acmc Is de favicon ico 1 4 25 CR limbox2 images de_DE closelabel de gif 0 9 26 ntent themes acmc Is images shadow png 1 7 Total time 1 78 Html 1 Resolve time Total size 368 3 KB Images 12 Connection time Largest object ncludes js jquery jauery js ver 1 4 4 Stylesheets 3 Download time Slowest object www acme ls def Scripts 10 File not found Objects o Other 0 Abbildung 23 Ladezeit der www acmc Is de Webseite S ren Huschke Diplomarbeit 2011 Inbetriebnahme und Tests 75 7 7 Reduzierung von http Anfragen und Datentransfer Jedes Objekt einer Webseite wie Bilder Videos CSS Dateien Flash Objekte und JavaScript Dateien erzeugt von dem Browser eine http Anfrage Diese Anfragen werden von dem Webserver bearbeitet und an den Browser zur
92. r Lehrsysteme geben soll S ren Huschke Diplomarbeit 2011 Konzeption der Webseite 52 Template f r Seiteninhalte Das Seitentemplate ist eines der Hauptelemente der Webseite Nachdem sich der Benutzer von der Startseite aus f r ein Lernsystem entschieden hat wird er zu dem Template in Abbildung 15 weitergeleitet Im obersten Drittel befindet sich die Kopfzeile mit einem Banner und dem Schriftzug Application Center Microcontroller Learning Systems Unterhalb ist die Hauptnavigation Brotkr melnavigation mit dem Suchfeld zu sehen Das Template beinhaltet alle Informationen zu den einzelnen Mikrocontroller Lehrsystemen Es k nnen Bilder und Videos zur besseren Veranschaulichung mit dem Text kombiniert werden Das linke Seitenmen gibt dem Benutzer Aufschluss dar ber wo er sich gerade befindet und welche Unterseiten noch zu dem Thema zur Verf gung stehen In diesem Men werden die zweite dritte und vierte Ebene der Seitenhierarchie dargestellt Nicht ben tige Men punkte werden ausgeblendet Application Center Microcontroller Learning Systems Navigation Brotkr melnavigation Suchfunktion 9 3 Linkes Submen Uberschrift H1 i 3 Keen E Bild Untermeniipunkt Lorem ipsum dolor sit amet consetetur sadipscing elitr sed diam nonumy eirmod Es tempor invidunt ut labore et dolore magna aliquyam erat sed diam voluptua At Untermen punkt vero eos et accusam et justo duo dolores et ea rebum Stet clita kasd gube
93. r Protokoll Graphics Processing Unit Graphical User Interface halved Disc 2 Hypertext Transfer Protocol Microcontroller Lehrsystem Model View Controller My Structured Query Language Network Communication Center Hypertext Preprocessor Really Simple Syndication Search Engine Optimization Scalable Vector Graphics Uniform Resource Locator World Wide Web Consortium World Wide Web What You See Is What You Get Extensible HyperText Markup Language Extensible Markup Language Yet Another Multicolumn Layout 1 Einleitung 1 1 Einleitung Vor ca 20 Jahren erfand der Informatiker Tim Berners Lee das nicht mehr wegzudenkende Internet Auf einem St ck Papier entwarf er seine weltumfassende Vision das Informationsnetz Tim Berners Lee wollte eigentlich den verschiedenen Forschern in seinem Institut den Zugriff auf Informationen erleichtern Er erfand daraufhin das Hypertext Transfer Protocol http und stellte es in seinen selbst entwickelten Webserver Gleichzeitig entwickelte er den ersten Internetbrowser um die Information sichtbar zu machen 1 Das Internet ist in der heutigen Zeit nicht mehr wegzudenken Viele Menschen nutzen f r sich die Vorteile des Word Wide Webs Im Internet k nnen sich die Nutzer informieren pr sentieren Kontakte kn pfen oder einkaufen Auch Firmen haben die Vorz ge des Internets f r sich entdeckt und stellt f r viele einen wichtigen Baustein des Erfolgs dar Eine Webseite ist eine Visitenkarte und z h
94. rbeit 2011 Realisierung der Webseite 68 e autostart Werte false oder true Mit diesem Attribut kann festlegt werden ob das Video automatisch startet oder nicht Diese Variante zum Einbinden von Videos ist durchaus sehr komfortabel da der Autor nur vier Attribute beim Ver ffentlichen eines Videos auf der ACMC Webseite eintragen muss 6 6 Erstellung des W rterbuchs Das W rterbuch ist ein ausgezeichneter Mehrwert f r die Webseite Ein Benutzer der Webseite muss sich nicht mehr die M he machen diverse Abk rzungen im Internet zu suchen Das W rterbuch der neuen Webseite wird als Abk rzungsverzeichnis und als Lexikon benutzt Zu jedem Eintrag wird eine erkl rende Informationen oder sprachliche quivalente vergeben Alle themenrelevanten W rter sind auf einer Seite bersichtlich geordnet und k nnen jederzeit in dem W rterbuch nachgeschlagen werden Auch ber die Suchfunktion der Webseite werden alle Inhalte des W rterbuchs ausgegeben Die Navigation des W rterbuchs ist einfach gehalten Auf der Startseite des W rterbuchs werden die letzten zehn Eintr ge angezeigt In dem linken Seitenmen Kann der Benutzer auf einen Anfangsbuchstaben klicken und bekommt so alle Eintr ge des jeweiligen Buchstaben zu sehen Zudem steht jedem Benutzer eine Druckfunktion f r den Eintrag zur Verf gung S ren Huschke Diplomarbeit 2011 Inbetriebnahme und Tests 69 7 Inbetriebnahme und Tests 7 1 W rterbuch Zuerst wurd
95. rden mit dem Firefox Plugin YSlow getestet YSlow ist ein Open Source Plugin von Yahoo Die Datenbankanfragen wurden mit einem PHP Code in der Webseite mit ausgegeben S ren Huschke Diplomarbeit 2011 Realisierung der Webseite 63 6 3 2 Galerie Plugin F r die ACMC LS Webseite soll ein Galerie Plugin zum Einsatz kommen Folgende Auswahlkriterien sind definiert e automatische Erkennung von verlinkten Bilder e automatische Erkennung von Bildern auf gleicher Seite e das title Attribut soll gleichzeitig auch die Bild Unterschrift sein e Navigation innerhalb der Galerie mit Hilfe der Keyboardtasten e Benutzerfreundlichkeit und ressourcenschonend e kostenlos und Open Source Zwei Galerie Plugins besitzen die oben genannten Eigenschaften e WP Slimbox2 und e FancyBox Getestet wurden beide Plugins auf http Anfragen Datenbankanfragen und Datentransfer Nach einigen Tests hat sich herausgestellt dass WP Slimbox2 ressourcenschonender arbeitet Im Gegensatz zu FancyBox spart es 13 http Anfragen f nf Datenbankanfragen und ca 20KByte an Datentransfer ein Zudem verf gt WP SlimBox2 ber eine deutsche Sprachdatei und kann im Backend bequem an die W nsche des ACMC angepasst werden 6 3 3 Suchmaschinen Plugin Um die neue Webseite bestm glich in den Suchmaschinen zu platzieren muss ein Suchmaschinen Plugin eingesetzt werden Folgende Kriterien muss das Plugin in der Praxis umsetzen e dynamische Anpassung des Titels e
96. repr sentative Analyse zu erstellen sind die Marktanteile der Suchmaschinen von besonderer Bedeutung In Abbildung 7 sind die einzelnen Marktanteile der Suchmaschienen in einem Balkendiagramm darstellt Aus dieser Abbildung geht hervor dass 90 57 der Internetbenutzer die Suchmaschine Google benutzen weit abgeschlagen ist Yahoo mit 3 97 gefolgt von der Microsoft Suchmaschine Bing mit 3 73 StatCounter Global Stats Top 5 Search Engines from Mar 10 to Mar 11 a ee 40 60 80 100 Abbildung 7 Marktanteile der Suchmaschinen 42 Weil der Marktanteil von Google Yahoo und Bing bei ca 98 liegt wurden diese drei Suchmaschinen f r die Recherche verwendet S ren Huschke Diplomarbeit 2011 Konzeption der Webseite 35 5 1 1 Verwendete Suchbegriffe Controllerboard Mikroprozessor Mikrocontroller Mikrocontrollerboard Lehrsysteme Mikrocontroller Lernsysteme Mikrocontroller Experimentiersysteme Mikrocontroller Trainingssysteme Mikrocontroller Mikrokontroller Experimente Mikrocontroller Lernger te Mikrokontroller Lernboards Mikrokontroller Lernmodule programmierbare Mikrocontroller 5 1 2 Gefundene Mikrocontroller Lehrsystem myAVR Elabo Trainings Systeme MExS Flite s Microprozessor Trainers HV S System Lernpakete Microcontroller von Franzis Verlag Aksen Board Z8 Trainingsboard MTS 8052 tfh system one HCS12 Board m control 1 4 SPS Ctrl 12V UMT 1 MDA 8086 E89 Series D072 RP6 Robotsystem EDB
97. rgren gt no sea takimata sanctus est Lorem ipsum dolor sit amet Lorem ipsum dolor sit Untermen punkt amet consetetur sadipscing elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat sed diam voluptua At vero eos et accusam et justo duo dolores et ea rebum Stet clita kasd gubergren no sea takimata sanctus mi est Lorem ipsum dolor sit amet Video y Fu zeile Layout based on Abbildung 15 Template f r Seiteninhalte S ren Huschke Diplomarbeit 2011 Konzeption der Webseite 5 4 4 Konzept des Webseiten Layouts Das Designkonzept der neuen ACMC Webseite soll sich an die Instituts Webseite orientieren Abbildung 16 Daher wurde das Layout und die gew hlten Farben Schriftarten und Schriftgr en der Instituts Webseite entnommen und in das neue Webseiten Layout berf hrt Home Uber uns Forschung Entwicklung Workshops Kurse Ausbildung Lehre Kontakt sich hier Startseite Application Center Microcontroller lt O Home L sungen durch intelligente Elektronik Forschung Entwicklung Beratungsleistungen Prototypenentwicklungen Kundenspezifische L sungen Sm Workshops Kurse Vermittlung von Trends Technologieberatung Entwicklungssupport Schulungen Lehrsysteme Abbildung 16 ACMC Instituts Webseite Folgende Merkmale werden f r das neue Layout festgelegt e Es sollen haupts chlich Grau und T rkis als Hauptfarben zum
98. rma sollte diese Ihren Standort bei Google Maps eintragen und best tigen lassen Dies bringt f r die Firma einen erheblichen Mehrwert Es steigert das Auffinden und eine Landkarte mit dem Standort wird bei den Suchmaschinen mit ausgegeben M chte ein Kunde oder ein Benutzer mit dem Webseitenbetreiber in Kontakt treten sollte dies m glichst einfach gehalten und mit einem Kontaktformular realisiert werden Ist die Webseite immer auf dem aktuellsten Stand was ihre Inhalte angeht wird ein Newsletter empfohlen So haben Benutzer die M glichkeit sich dort anzumelden und regelm ig die neusten Informationen per E Mail zu empfangen Dies k nnte auch mit RSS Feeds realisiert werden RSS Feeds sind eine Art Nachrichtenticker mit kurzen Informationsbl cken und einem Link zur Originalseite der Information Feed bedeutet f ttern einspeisen und zuf hren Wenn ein Benutzer einen RSS Feed abonniert so sucht eine Applikation z B Outlook in regelm igen Abst nden nach Aktualisierungen im RSS Feed S ren Huschke Diplomarbeit 2011 Stand von Technik und Design 9 Da heutzutage sehr viele Anforderungen an eine Webseite gestellt werden ist ein Einsatz eines CMS Content Management Systems unausweichlich Ein CMS ist ein System zur Erstellung und Bearbeitung von Inhalten einer Webseite Ein gutes CMS unterst tzt viele dieser vorgestellten Anforderungen Mit einem CMS kann die Verwaltung einer Webseite flexibler und einfacher gest
99. rstellt Der Benutzername ist acmc Is Dem Benutzernamen wurden ein Webspace mit PHP 5 2 4 und einer MySQL Datenbank zugeteilt S ren Huschke Diplomarbeit 2011 Konzeption der Webseite 40 5 3 Grobkonzept In den folgenden Kapiteln wird auf die Konzeption der Webseite eingegangen Dabei wird zwischen einer Grob und Feinkonzeption unterschieden Die Grobkonzeption der Webseite beinhaltet Angaben zur Absicht der Webseite eine Zielgruppenanalyse die Verwendung von Inhalten die Erarbeitung einer geeigneten Webseitenstruktur die Verwendung von innovativer Technik und erste Designvorschl ge f r die neue Webseite 5 3 1 Absicht Das ACMC hat insgesamt drei Microcontroller Lehrsysteme entwickelt Den Studenten soll es m glich sein ihr vermitteltes theoretisches Wissen an den Lehrsystemen anzuwenden ausprobieren oder zu experimentieren Um eine geeignete Unterst tzung f r die Systeme anzubieten hat sich das ACMC entschieden eine innovative Webseite zu entwickeln F r jedes der Mikrocontroller Lernsysteme existiert derzeit eine andere Webseite Die neue Webseite soll alle drei Lehrsysteme zusammenfassen und ein hohes Ma an Service und Support anbieten 5 3 2 Zielgruppen Zun chst m ssen die Zielgruppen analysiert werden In diesem Schritt werden die Nutzer in zwei Gruppen eingeteilt Hauptzielgruppe e Benutzer welche die deutsche Sprache beherrschen e Benutzer die mit dem Internet und Computer gut vertraut
100. rupal bietet ein vollwertiges Diskussionsforum an Es beinhaltet ein Umfragen Modul Webseiten k nnen in RSS Format exportiert werden Zudem verf gt es ber ein Versionskontrollsystem und einem umfangreichen Analyse und Statistikprogramm S ren Huschke Diplomarbeit 2011 Auswahl eines Content Management System 29 4 5 2 Verwaltung von Inhalten In der Inhaltsverwaltung k nnen alle Inhalte konfiguriert und bearbeitet werden In Drupal gibt es zwei Arten der Inhaltsverwaltung Diese bestehen aus page und story Sie k nnen bei Bedarf in ihre deutsche Bedeutung Seite und Artikel umbenannt werden Eine Seite ist statisch und k nnen hierarchisch angeordnet werden Die Artikel sind dynamisch angelegt und dienen zur Ausgabe von Neuigkeiten Jedem Inhaltstyp muss ein Name ein Typ und eine Beschreibung zugeordnet werden Diese drei Inhaltstypen helfen sp ter den genauen Arbeitsablauf festzulegen 39 4 5 3 Technologie Drupal kann nur auf einem Apache oder IIS Webserver mit PHP 5 3 oder h her betrieben werden Dazu ben tigt man eine MySQL 5 0 oder PostgreSQL 7 4 Datenbank Aktuell wird der Microsoft SQL Server und Oracle noch nicht unterst tzt Es laufen bereits Ma nahmen dies zu verwirklichen 4 5 4 Support Auf der offiziellen Webseite von Drupal wird eine umfangreiche Supportseite zur Verf gung gestellt Diese beinhaltet eine komplette Dokumentation ein Hilfe Forum eine Einf hrung und einen Leit
101. rvor Dabei soll die Webseite in allen g ngigen Webbrowsern mit einer Aufl sung von mindestens 1024x768 Pixel optimal dargestellt werden Auch Benutzern die in ihrem Browser JavaScript deaktiviert haben sollen keine Nachteile in der Betrachtung der neuen Webpr senz des ACMCs entstehen Die vom Auftraggeber gestellte Aufgabenstellung beinhaltet das Kriterium dass sich die Webseite an dem Design der Instituts Webseite orientieren soll In der Abbildung 13 ist der Entwurf des Grundger sts der ACMC Learning Systems Webseite dargestellt welches sich an dem Seitenaufbau der Instituts Webseite des ACMC orientiert Application Center Microcontroller Learning Systems Navigation Brotkr melnavigation Suchfunktion y y DI y Linkes Submen Ausgabe der Neuigkeiten Inhalt Text Bilder Videos O Fu zeile Abbildung 13 Grundger st der ACMC Learning Systems Webseite Im oberen Drittel wird die Kopfzeile mit einem Banner und dem Schriftzug Application Center Microcontroller Learning Systems dargestellt Unterhalb befindet sich die Hauptnavigation darunter die Brotkr melnavigation mit einem Suchfeld In dem gr nen Bereich ist das Untermen zu sehen welches auf der Startseite nicht mit ausgegeben wird In dem blauen Areal werden die Inhalte Bilder und Videos wiedergegeben Rechts in dem roten S ren Huschke Diplomarbeit 2011 Konzeption der Webseite 48 Abschnitt k nnen die Neuigkeiten auf der Start
102. s umgeschrieben Dieses Plugin macht aus ae oe ue und ss Dies ist f r die Suchmaschinenoptimierung von sehr gro em Vorteil WP Print Dieses Plugin f gt eine Druckfunktion auf den W rterbuchseiten hinzu damit k nnen sich die Benutzer des W rterbuchs die Seite ausdrucken WP Slimbox2 WP Slimbox2 tritt nur in Kraft wenn eine Bildergalerie erstellet wird Es implementiert ein Lightboxscript um Bilder in einer Slideshow darzustellen WP System Health Dieses Plugin gibt eine bersicht ber die WordPress und Server Parameter aus e System zeigt die Server Information und den WordPress PHP Speicher an e PHP zeigt aktuelle PHP Konfigurationswerte an e WordPress zeigt die WordPress Konfigurationswerte an e Translation zeigt alle bersetzungsdateien an welche installiert sind e Database zeigt den aktuellen Datenbankstatus an S ren Huschke Diplomarbeit 2011 XXV Liste aller erstellten Templates f r die ACMC Webseite Template Name Beschreibung 404 Template 404 php Archive archive php Einzelner Artikel single php Fu zeile footer php Hauptindex Template index php Kategorie Template category php Aktuelles Template category 1 php Error 404 Seiten sind Fehlerseiten die dazu dienen Besuchern und Suchmaschinen mitzuteilen dass die aufgerufene Seite nicht geladen werden kann weil sie vermutlich nicht mehr existiert oder vers umt
103. s ACMC angepasst werden Durch die Auswahl geeigneter Plugins lie sich der Funktionsumfang erweitern und an die Zielfunktionen anpassen Die Mitarbeiter des ACMC k nnen ohne HTML Kenntnisse die Webpr senz pflegen und aktualisieren Dazu stellt dieses CMS einfache Funktionen und Methoden zur Verf gung um neue Inhalte webgerecht einzubinden Es konnte eine optimale Webseitenstruktur angelegt werden die dem Benutzer ein hohes Ma an berschaubarkeit der Webseite zur Verf gung stellt In dem linken Navigationsmen werden nicht ben tigte Men punkte ausgeblendet und dem Benutzer wird durch eine Breadcrumb Navigation die Hierarchie der Webseite vermittelt Das Design ist optisch an die Instituts Webseite des ACMC angepasst Auf der Startseite werden die Vorz ge der drei Lehrsysteme pr sentiert In der rechten Spalte auf der Startseite k nnen Neuigkeiten zeitgesteuert ausgegeben werden F r die ACMC Webseite wurde eine Seitenstruktur entworfen wurden die jederzeit von einem Mitarbeitern ge ndert werden kann Auch wenn ein neues Experimentiersystem vom ACMC entwickelt wird kann es ohne gro en Aufwand auf der Webseite integriert werden Die Webseite entspricht den derzeitigen Webstandards des W3C Zudem konnte eine Barrierefreiheit der Webseite nachgewiesen werden Die ACMC Webseite wurde mit den g ngigsten Webbrowsern getestet und funktioniert auch wenn ein Benutzer JavaScript deaktiviert hat Ein Ziel war es den optionalen E
104. schwer zu berschauen Um einen Schnelleinstieg zu gew hrleisten benutzen viele Webseiten im Internet einen Teaser Teaser sollen den Besucher neugierig machen und zum Weiterlesen und Klicken anregen Der Teaser auf der Webseite soll in drei Spalten eingeteilt werden Dieser soll dem Benutzer den Schnelleinstieg zu den drei Lernsystemen erleichtern und ein groben berblick ber die Vorz ge der Systeme verschaffen Die Lernsysteme sollen mit einem Direktlink zu dem eigentlichen Inhalt verbunden sein Links in der Fu zeile Die Linkverweise in der Fu zeile sollen dynamisch generiert werden sodass ein Administrator im Backend sie bearbeiten kann Da die Fu zeile auf allen Seiten der Webseite sichtbar ist sollen dort die wichtigsten Links wie Kontakt Impressum und Hinweise dargestellt werden S ren Huschke Diplomarbeit 2011 Konzeption der Webseite 50 5 4 2 Verfeinerung der Webseitenstruktur Wie aus Kapitel 5 3 4 hervorgeht ist es wichtig dass die Webseitenstruktur auf ein Pyramidensystem aufsetzt Home mcls Modular halvedDisc Kontakt Einstieg Einleitung Allgemeines Funktionsweise Bedienungsanleitung Zubeh r Was wird ben tigt Hardware Software Microcontrollermodule Experimentiermodule Programmieren Inbetriebnahme Anwendungsbeispiele Quellcode Entwicklungsumgebung Hilfe Erstinstallation usw Didaktische Unterst tzung Programmiermodell Assemblerprogrammierung C Pr
105. seite ausgegeben werden In der Fu zeile k nnen Links platziert werden welche das ACMC f r sinnvoll erachtet z B Startseite Impressum Kontakt oder Aktuelles 5 4 Feinkonzept der Webseite Das Feinkonzept der Webseite basiert auf dem Grobkonzept Das Feinkonzept beinhaltet alle wichtigen Aspekte die f r eine fertige Webseite relevant sind Es definiert gezielt die Webseiten Navigation die Webseitenstruktur das Webseitenlayout und die verschiedenen Templates 5 4 1 Webseiten Navigation Die Webseiten Navigation ist eines der wichtigsten Kriterien f r eine Webseite Diese sollte optimal auf die Webseite zugeschnitten werden um so den Benutzer gezielt zu seinen gesuchten Informationen zu geleiten Mit folgenden Funktionen soll die Webseiten Navigation verwirklicht werden Hauptnavigation Die Hauptnavigation befindet sich unterhalb des ACMC Banners und wird horizontal dargestellt Sie soll alle Men punkte der Webseite enthalten Auf den ersten Blick soll nur die erste Webseiten Ebene der Seite dargestellt werden Das Men soll mit einem dynamischen Dropdown Men versehen werden Das bedeutet weitere Untermen s sollen nur durch Benutzeraktionen auf der Hauptnavigation sichtbar werden Der Vorteil ist dass der Benutzer sich einen berblick ber die Seitenstruktur verschaffen und durch die gew hlten berschriften den Inhalt der gesuchten Webseite einordnen kann Brotkr mel Navigation Die Brotkr mel Navigation Bread
106. seite sind die Farben bei dem Layout Entwurf f r die neue Webseite der ACMC Lehrsysteme unver ndert bernommen wurden Tabelle 6 Folgende Farbwerte sind f r die neue Webseite definiert CO p EI TT Ins ame mm Pneu Tome Joar mm poeeme Tomas mm mm ACMC Logo Dunkelblau 365B82 Pfeile Orange D9621E T rkis 1D98A3 Dunkelblau 365B82 Farbton Hauptmenu Fu zeile Hellblau C8E9FA Hintergrundwebseite Hellgrau Wei EDEDED Tabelle 6 Farben der Instituts Webseite Layout Entwurf f r die Startseite Aus Abbildung 16 und Tabelle 6 gehen die Strukturierung und die Farben f r die Entwicklung der neuen Webseite hervor Anhand dieser definierten Eigenschaften wurde ein Template entwickelt welches sich an die Richtlinien der Instituts Webseite orientiert In Abbildung 17 ist das fertige Layout f r die Startseite der ACMC Lehrsysteme abgebildet S ren Huschke Diplomarbeit 2011 Konzeption der Webseite 55 Learning Systems Applicationi enter Microcontroller Home MCLS modular halvedDisc hD2 Support Kontakt W rterbuch Sie befinden sich hier Startseite Willkommen bei den Lehrsystemen des ACMC Mahsein F rderprojekt bewilligt Cc Hier finden Sie alles was sie bildung gekennzei bau mit der Lehrerfshrung der Hochs fangreiche Leh e E Verf gung um reese gr tm gliche Erfolge zu MCLS modular halvedDisc hD2 erzielen Neiterlesen Seite Bearbei
107. setzt Es kommen viele Neuerungen mit den Techniken auf den Webdesigner zu Beide Technologien haben mit der Darstellung einer Webseite zu tun sie befinden sich noch in der Entwicklungsphase und sind vom W3C noch nicht standardisiert 2 5 1 HTML5 HTMLS wird als Meilenstein in der Geschichte des World Wide Web gesehen HTMLS5 kann jetzt schon von einigen Webbrowsern interpretiert werden HTMLS ist f r kommerzielle Projekte noch ungeeignet und es existieren Browser welche die neue Technologie noch nicht unterst tzen 17 Neuerungen von HTMES e weniger Sicherheitsl cken e Videos k nnen ohne Flash Plugin angespielt werden e Musik Spiele und 3D Anwendungen ohne Flash Plugin e Elemente wie Header Navigation Sidebar und Footer k nnen direkt angesprochen werden e einheitliche Darstellung im Browser Firefox 3 6 Opera 11 Google Chrome 11 und Safari 5 haben schon HTMLS in ihre Browser intrigiert Der Internet Explorer wird erst in der Version 9 HTMLS5 unterst tzen Die Ingenieure von Google haben ein kostenloses Plugin f r den Internet Explorer 6 7 und 8 entwickelt um den Benutzern die Vorteile von HTMLS5 anbieten zu k nnen 18 Stand M rz 2011 2 5 2 HTML6 Die Web Hypertext Application Technology Working Group kurz WHATWG hat bereits Ideen f r den Nachfolger von HTMLS In HTML6 soll es zum Beispiel m glich sein dass Webseiten mit diversen Ger ten wie beispielsweise eine Webcam oder einem Mobilfunkger t kommuniz
108. sich an den bisher existierenden Webseiten zu den Mikrocontroller Lehrsystemen Angenommen ein Benutzer interessiert sich f r die hD2 und folgt dem Link von der Startseite aus Der Benutzer landet auf einer bersichtsseite zur hD2 Dort werden ihm die Links Einstieg Was wird ben tigt Didaktische Unterst tzung und Sonstiges angezeigt Klickt der Benutzer auf Was wird ben tigt werden ihm Hardware und Software f r das System n her erl utert Diese Webseitenstruktur ist nur eine Richtlinie und kann jederzeit von einem ACMC Mitarbeiter ge ndert und angepasst werden S ren Huschke Diplomarbeit 2011 Konzeption der Webseite 51 5 4 3 Erstellung der Templates f r die Webseite Ein Template ist eine Vorlage f r eine Webseite Bei der Anpassung der Templates an die Webseite geht es in erster Linie um die optische Darstellung und nicht um die Funktionalit t Es gilt dabei das Institut ACMC widerzuspiegeln zu repr sentieren und den Wiedererkennungswert der Instituts Webseite zu behalten Des Weiteren sollen die Merkmale der Instituts Webseite wiedererkennbar sein Dazu muss ein Template entwickelt werden welches strukturiert bersichtlich und benutzerfreundlich ist Template f r die Startseite Die Startseite spielt eine wesentliche Rolle denn sie ist f r die meisten Benutzer die Einstiegsseite Hier entscheidet sich ob der Benutzer die Seite wieder verl sst oder zum Weit
109. stem Der Aufbau eines CMS orientiert sich an den Richtlinien des MVC Models Die Idee des MVC Modells entsprang bei der Entwicklung von Benutzeroberfl chen mit Smalltalk 80 Smalltalk 80 ist eine dynamische objektorientierte Programmiersprache und zugleich eine vollst ndige Entwicklungsumgebung 13 Ziel dieser Entwicklung war die Trennung von Aussehen Steuerung und Verwaltung Diese Softwareentwicklung war keine Neuigkeit Dieses Architekturmuster gab es bisher nicht f r die auf GUI Graphic User Interface basierte Systeme 14 Folgende Definition findet man im Buch Squeak Open Personal Computing And Multimedia von Kim Rose und Mark Guzdial Definition Das MVC Modell beschreibt im Grunde genommen eine Benutzerschnittstelle in Form von einem Model der realen Welt welches durch eine View pr sentiert wird wobei Benutzereingaben durch ein oder mehrere Controller gehandhabt werden 15 Mit diesem Konzept ist es m glich einfache nderungen oder Erweiterungen einer Software zu einem sp teren Zeitpunkt zu gew hrleisten Die Wiederverwendbarkeit der einzelnen Komponenten erleichtert im fortgeschrittenen Status einer Software die Handhabung 16 S ren Huschke Diplomarbeit 2011 Stand von Technik und Design 12 Die Komponenten des MVC Modells Controller Die ganze Software mit ihren Methoden und Funktionen in einem CMS ist der Controller Der Controller ist f r das Verhalten der Anwendung ver
110. stieren sehr wenige Themes auf der Redaxo Webseite In der Dokumentation von Redaxo existiert ein Artikel Vorgehensweise zur Erstellung eines eigenen Templates allerdings ben tigt man Programmierkenntnisse S ren Huschke Diplomarbeit 2011 Auswahl eines Content Management System 23 4 2 9 Sicherheit Auch in Redaxo wird Sicherheit gro geschrieben Es gibt einige Erweiterungen die einen Internetauftritt noch sicher machen sollen Gerade bei der Verwendung fremdprogrammierter Software ist der Unsicherheitsfaktor sehr gro Sobald ein Sicherheitsrisiko bekannt ist versucht das Redaxo Team diesen Fehler mit einem Update zu beheben Ein Update auf eine neue Version gestaltet sich sehr schwierig 4 2 10 Fazit Redaxo ist einfach gehalten und sehr gut skalierbar Das CMS w chst stetig mit den Anforderungen des Anwenders Mit zunehmender Anforderung an die Webseite kann das CMS st ndig erweitert werden bis hin zu einem umfangreichen Internetportal Voraussetzung f r das CMS sind Programmierkenntnisse 4 3 WordPress WordPress ist ein Webblogsystem und die Entwickler legen viel Wert auf Benutzerfreundlichkeit sthetik und Webstandards WordPress ist eine Open Source Software und kann nach Belieben ge ndert werden Seit der Version 1 5 k nnen mit WordPress auch statische Seiten verwaltet werden was bedeutet dass es sich nicht mehr um ein reines Blogsystem handelt sondern um ein vollst ndiges Content Management Sys
111. t Inhalte erstellen und verwalten werden Dar ber hinaus existiert eine umfangreiche Verwaltung von vorhandenen Inhalten Es besitzt eine Dokumentenbibliothek und eine vorinstallierte Bildergalerie Microsoft Office ist in das CMS sehr leicht integrierbar Liferay bietet eine Mehrfachsuche eine dynamische Schlagwortsuche einfache RTF Editoren Rich Text Editor eine Zeitplansteuerung von Inhalten und vieles mehr 34 4 4 3 Technologie Liferay kann auf den g ngigsten Betriebssystemen aufgesetzt werden Linux Unix und Windows Dazu braucht es einen Webapplikationsserver Geronimo GlassFish JBoss JOnAS OracleAS SUN JSAS WebLogic WebSphere einen Servlet Container Jetty Resin Tomcat und eine Datenbank IBM DB2 MySQL Oracle PostgreSQL SQL Server Sybase 35 S ren Huschke Diplomarbeit 2011 Auswahl eines Content Management System 27 4 4 4 Support Liferay bietet auf der offiziellen Seite eine Installationsanleitung an Es gibt einen Administrations Guide und eine sehr gro e Community Dort steht dem Anwender ein Wiki ein Blog und die Java Dokumentation zur Verf gung Es k nnen auch verschiedene Dokumente welche zur Unterst tzung der Software dienen heruntergeladen werden 4 4 5 Flexibilit t Die Flexibilit t von Liferay wird mit sogenannten Bausteine Portlets erreicht Diese Portlets sind Komponenten mit einem einheitlichen Interface und k nnen beliebig miteinander kombiniert werden Die Portlets b
112. tem Die Basis eines WordPress Systems bilden PHP gt 5 2 und MySQL gt 5 0 1 5 Derzeit gibt es die Version 3 1 Stand Februar 2011 27 28 4 3 1 Kernfunktionen Die Entwickler haben viel Wert auf die Bearbeitung Verwaltung und Erstellen von Inhalten gelegt Durch ein sinnvolles Plugin System l sst sich WordPress an viele Bed rfnisse anpassen und erweitern Es bietet somit eine sehr gute Grundlage f r einen gelungen Internetauftritt 4 3 2 Verwaltung von Inhalten Er existieren zwei Arten zur Verwaltung von Inhalten Zum einen sind das die Artikel diese m ssen einer Kategorie zugeordnet werden Sie lass sich mit Schlagw rtern versehen und k nnen chronologisch ausgegeben Zum anderen sind das die Seiten diese sind f r einen statischen Inhalt gedacht Seiten k nnen im Gegensatz zu den Artikeln hierarchisch gegliedert werden S ren Huschke Diplomarbeit 2011 Auswahl eines Content Management System 24 4 3 3 Technologie WordPress setzt auch auf die kostenlosen Open Source Programme MySQL und PHP Die Entwickler sind darauf bedacht immer die neusten Webstandards mit in die neuen WordPress Versionen einflie en zu lassen Das MVC Model spielt bei der Entwicklung eine gro e Rolle daher sind Inhalt Design und Verwaltung strikt voneinander getrennt 4 3 4 Support Auf der deutschsprachigen Webseite kann die umfangreiche Dokumentation online nachgelesen werden Diese Dokumentation hilft WordPress zu installieren
113. teme der Internetbenutzer 47 Aus dieser Statistik geht hervor dass ca 90 der Internetbenutzer mit Windows arbeiten Prinzipiell ist eine Webseite unabh ngig vom Betriebssystem Das Betriebssystem muss lediglich einen Browser installiert haben welcher http und https unterst tzt Browserversionen der Internetbenutzer Stand Februar 2011 E 34 95 Microsoft Internet Explorer 8 0 E 17 82 Firefox 3 6 M 11 33 Microsoft Internet Explorer 6 0 DI 8 05 Microsoft Internet Explorer 7 0 E 7 56 Chrome 9 0 M 3 89 Safari 5 0 Mi 15 55 Other Abbildung 10 Browserversionen der Internetbenutzer 48 S ren Huschke Diplomarbeit 2011 Konzeption der Webseite 46 Anhand dieser Grafik erkennt man dass ca 65 der Internetbenutzer einen aktuellen Browser und 20 eine veraltete Version benutzen Ca 15 verwenden einen noch lteren oder andere Browser Bildschirmaufl sungen der Internetbenutzer Stand Februar 2011 Ml 20 37 1024 x 768 15 71 1280 x 800 M 10 22 1366 x 768 M 10 17 1280 x 1024 11 7 53 1440 x 900 5 00 1680 x 1050 27 99 Other Abbildung 11 Bildschirmaufl sungen der Internetbenutzer 49 Aus dieser Statistik geht hervor dass ca aller Internetbenutzer eine h here Aufl sung als 1024x768 Pixel benutzen Rund 2 der Internetbenutzer haben eine Aufl sung 800x600 Pixel welche sich bei Other mit einordnet Aktivierung von JavaScript der Internetbenutzet Stand
114. ten Referenten gesucht llen Ihnen auf dieser Seite ausreichend Trainingssystem inforna Verf gung um Einfach und Aktuell gr tm gliche Erf Microcomputermodule C Programmierung e mieru C Programmierung Weiterlesen Seite Bearbeiten Seite Bearbeiten frontpage php Startseite Impressum XHTML Valid CSS Valid Aktuelles ACMC Seite Backend Logout Abbildung 17 Layout Entwurf f r die Startseite Layout Entwurf f r die Seiteninhalte In Abbildung 18 ist das fertige Layout f r die Seiteninhalte abgebildet Das Template f r die Seiteninhalte orientiert sich an der ACMC Instituts Webseite Dem Benutzer wird durch eine Brotkr mel Navigation die Seitenhierarchie vermittelt In dem linken Seitenmen werden nur Verweise angezeigt welche sich mit dem aktuellen Inhalt besch ftigen Im Inhaltselement k nnen Bilder und Videos ver ffentlicht werden Die Bilder k nnen rechts links oder mittig in den Text eingebunden werden Es besteht auch die M glichkeit eine Bildergalerie in die Inhaltsausgabe zu integrieren Einstieg Experimentiermodule Was wird ben tigt Lorem ipsum dolor sit amet consetetur sadipscing elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat sed diam voluptua At vero Hardware eos et accusam et justo duo dolores et ea rebum Stet clita kasd gubergren no sea gt DI takimata sanctus est Lorem ipsum dolor sit amet Lorem ipsum dolor sit am
115. ten weitergeleitet werden Neuigkeiten zeitgesteuert ausgeben Auf der Instituts Webseite des ACMC werden auf der Startseite Neuigkeiten ausgegeben Diese Funktion soll in die neue Webpr senz mit integriert werden Es soll m glich sein die Neuogkeiten zeitgesteuert auszugeben S ren Huschke Diplomarbeit 2011 Definition von Zielfunktionen 16 Dateien zum Download anbieten Ein Autor muss die M glichkeit haben Dateien zum Download anzubieten Diese Dateien k nnen in ffentlichen oder passwortgesch tzten Inhalten hinterlegt werden Kontaktformular mit Sicherheitscode Dem Besucher der Internetseite sollte es m glich sein mit dem ACMC in Kontakt zu treten Daf r ist ein Kontaktformular mit Sicherheitscode vorgesehen Dies erm glicht einen schnellen und einfachen Weg zu Kontaktaufnahme Umfassende interne Besucherstatistik In die neue Webpr senz soll eine Besucherstatistik mit integriert werden Dabei sollen Drittanbieter vermieden werden Diese Statistik muss sich in dem CMS einbinden lassen und wichtige Statistiken ausgeben Interne Suchfunktion Es wird angestrebt eine interne Suchfunktion mit Speicherung der Suchanfragen zu programmieren Dies erm glicht es dem ACMC die Suchfunktion zu berwachen und gegebenenfalls die Webseite zu optimieren W rterbuch mit Druckfunktion Das ACMC w nscht sich f r die neue Webpr senz ein W rterbuch Dieses soll unabh ngig von dem Inhalt und mit einer Druckfunktion a
116. tformat die Zeitzone die Gr e der Bildformate den Uploadordner f r die Mediadateien und die Anpassung der Permalinkstruktur um benutzerfreundliche URLs zu generieren 6 1 3 Plugins zur Erweiterung Durch Plugins k nnen die Funktionen von WordPress erweitert und flexibler gestaltet werden Diese lassen sich bequem ber den Browser installieren und konfigurieren Eine umfangreiche Sammlung von Plugins findet sich auf der englischsprachigen WordPress Webseite Es stehen mehr als 14000 Plugins zur Verf gung um das CMS zu verbessern und es an seine Bed rfnisse anzupassen Erst mit diesen Plugins entfaltet WordPress seine komplette Funktionalit t und vereinfacht die Interaktionen zwischen Benutzer und dem CMS Viele Plugins unterst tzen leider nicht die deutsche Sprachdatei was den Einsatz erschwert Bei den meisten Plugins k nnen verschiedene Einstellungen vorgenommen werden Um Plugins zu installieren zu bearbeiten zu deaktivieren oder zu l schen muss sich als Administrator im Backend angemeldet sein 6 1 4 Templates Das Layout in WordPress wird durch ein Template bestimmt Es definiert die Struktur der einzelnen Seiten und Artikel Dort wird festgelegt wo sich die Kopfzeile der Inhalt das Men und die Fu zeile befinden F r die acmc ls Webseite wurde das Theme selbst entwickelt welches auf der Grundlage von YMAL Layout Entwurf 3col_ advanced basiert YAML Yet Another Multicolumn Layout ist ein X HTML CSS Fram
117. tgem es Weblog System zum Ver ffentlichen pers nlicher Beitr ge Den Schwerpunkt bilden sthetik Webstandards und Benutzerfreundlichkeit WordPress basiert auf PHP und MySOL ist kostenlos einfach zu installieren beliebig erweiterbar und wird allen Anspr chen an einen professionellen Webauftritt gerecht 51 6 1 1 berblick WordPress unterteilt sich in Frontend und Backend Das Backend ist der eigentliche Administrationsbereich Hier werden Seiten Artikel Kategorien und Plugins verwaltet Es gibt grunds tzlich zwei Arten von Texten die ver ffentlicht werden k nnen Artikel und Seiten In der neuen Webseite sind Artikel f r die Neuigkeiten und das W rterbuch gedacht Diese Artikel lassen sich in bestimmten Kategorien zuordnen und mit Schlagw rtern Tags versehen Seiten sind bei der acmc Is Webseite f r den eigentlichen Inhalt vorhanden Seiten haben einen Titel Inhalt und enthalten eventuell verschiedene Medien Sie erscheinen jedoch nicht im chronologischen Ablauf und k nnen auch nicht mit Kategorien und Schlagw rtern verkn pft werden Seiten k nnen hierarchisch gegliedert und Elternseiten zugeordnet werden Artikel werden im Gegensatz zu Seiten nicht hierarchisch angeordnet m ssen einer Kategorie zugeordnet sein und k nnen chronologisch ausgegeben werden 6 1 2 Installation Um mit dem Content Management System WordPress zu arbeiten muss dieses auf dem Hochschulserver der FH Mittweida installiert werden
118. tieren Da sich die Startseite von den Inhaltsseiten unterscheidet musste ein separates Template erstellt werden In der Template Hierarchie von WordPress kann dazu eine front page php Datei in dem Template Verzeichnis hinterlegt werden Diese Datei wird nur interpretiert wenn ein Benutzer die Startseite betritt Dies hat den Vorteil dass eine individuelle Startseite kreiert und diese flexibel an das Layout angepasst werden kann Da Neuigkeiten auf der Startseite ausgegeben werden sollen musste in der front page php Datei ein Programmablauf Abbildung 21 geschrieben werden Die Startseite berpr ft in der Kategorie Neuigkeiten ob sich dort Artikel befinden um sie auf der Startseite mit auszugegeben Sind Neuigkeiten vorhanden Ja Nein l Sind diese vom Type Artikel und ist der Status ver ffentlicht pa l Ja Ausgabe ohne Neuigkeiten Ausgabe mit Neuigkeiten Abbildung 21 Programmablauf Startseite Die Abbildung 21 zeigt den Programablauf der Startseite Diese pr ft ob Neuigkeiten in der Kategorie News ver ffentlicht wurden Der statische Inhalt der Startseite wird immer ausgegeben Existieren keine Neuigkeiten passt sich die Startseite automatisch an die gesamte Breite an S ren Huschke Diplomarbeit 2011 Realisierung der Webseite 61 6 2 4 Template der ACMC ES Inhaltsseite Bei der Entwicklung der Inhaltsseiten musste darauf geachtet werden dass sich bestimmte Seiten mit einem
119. tp www liferay com Online http www liferay com de products liferay portal overview 33 Liferay Inc http www liferay com Online http www liferay com de products liferay portal features portal 34 Liferay Inc http www liferay com Online http www liferay com de products liferay portal features cms 35 Liferay Inc http www liferay com Online http www liferay com de products liferay portal tech specs 36 Liferay Inc http www liferay com Online http www liferay com community wiki wiki Main Search Engine Optimization section Search Engine Optimization SEOlnLiferay S ren Huschke Diplomarbeit 2011 Literaturverzeichnis SI 37 2011 Mai http www liferay com Online http www liferay com 38 Bj rn Voss Juli 2005 http www drupalcenter de Online http www drupalcenter de handbuch infos 39 Ralf Kniep http www lektionl de Online http www lektion1 de cms drupal inhaltsverwaltung 40 drupal org http drupal org Online http drupal org support 41 2011 Mai http drupal org Online http drupal org project Modules 42 statcounter com 2011 Mar http www statcounter com Online http gs statcounter com 43 http www bpb de 2006 http www bpb de Online http www bpb de popup popup_lemmata html guid R009C6 44 Frank Sch pler http www pr ranking tipps de
120. tsl cken zwar nicht macht WordPress aber sicherer vor b sartigen Angriffen e deaktiviert die Hinweis und Fehlermeldung beim Login e hinterlegt eine index php in plugins und themes um das Auslesen des Verzeichnisse zu vermeiden e entfernt der Version von WordPress in allen Bereichen e entfernt den Link f r Really Simple Discovery und Windows Live Writer e deaktiviert das Core Update f r Nicht Admins e deaktiviert die Plugin Update Information f r Nicht Admins e deaktiviert das Theme Update f r Nicht Admins e versteckt die WordPress Version f r Nicht Admins im Backend e entfernt die WordPress Version an den URLs von Scripten und Stylesheets e sch tzt WordPress gegen b sartige URL Anfragen StatPress StatPress ist ein realtime Statistikplugin welches es dem ACMC erm glicht in Echtzeit die Besucher und Ihre interaktiven Ereignisse auf der acmc Is Webseite nachzuvollziehen Es werden folgende Informationen in einer Datenbank gesammelt IP Besucher Seitenaufrufe Bots Suchanfragen Browser Betriebssysteme u s w Diese Informationen werden bersichtlich in Kreisdiagrammen dargestellt S ren Huschke Diplomarbeit 2011 Anhang XXIII TinyMCE Advanced Dieses Plugin f gt dem WYSIWYG Editor 15 n tzliche Erweiterungen hinzu Mit dieser Erweiterung lassen sich bequem Tabellen erstellen Datum und Uhrzeit einf gen und Rechtschreibung pr fen wpCompressor Seit der Version 2 5 von WordPress werden die Webseit
121. uf der Internetseite joomla security dreht sich alles rund um die Sicherheit von Joomla Das Joomla Team beschreibt die Sicherheit so Es gibt keine 100 tige Sicherheit man kann sie nur anstreben 23 Dort stehen Hinweise wie man seine Internetseite vor b sartigen Angriffen sch tzen Kann und was man tun sollte wenn es zu sp t ist Das Joomla Team ist bestrebt jedes Sicherheitsleck in der Software sofort zu schlie en und ein Update zur Verf gung zu stellen 4 1 10 Fazit Joomla ist eine m chtige Software und l sst keine W nsche offen Es ist sehr flexibel und kann einfach erweitert werden Der Support von Joomla ist sehr gut Es gibt auf der offiziellen Webseite von Joomla viele Informationen zu dem CMS S ren Huschke Diplomarbeit 2011 Auswahl eines Content Management System 21 4 2 Redaxo Das Redaxo Team beschreibt das CMS als Einfach flexibel sinnvoll 24 Das CMS ist sehr schlank aufgebaut das bedeutet der Benutzer wird nicht mit viel Information berflutet Es eignet sich sowohl f r kleinere Internetauftritte als auch f r gro e Internetseiten Das Redaxo Team strebt eine einfache Handhabung mit hoher Flexibilit t an Es ist Modular aufgebaut mit strikter Trennung von Inhalt und Aussehen Es gibt einige Erweiterungen die alle erforderlichen Funktionalit ten einer modernen Webseite abdecken Redaxo ein Open Source System und kann kostenlos verwendet werden Derzeit steht die Version 4 3
122. um den Text besser zu verdeutlichen Videos k nnen als Mehrwert unter dem Text mit integriert werden So k nnen dem Benutzer zum Beispiel Installationsanleitungen oder Programmierbeispiele n her gebracht werden S ren Huschke Diplomarbeit 2011 Konzeption der Webseite 43 5 3 4 Erarbeitung einer Webseitenstruktur Die Webseitenstruktur ist eine der wichtigsten Faktoren einer Internetseite Sie muss klar und verst ndlich f r den Benutzer sein Au erdem hat die Struktur einer Website gro en Einfluss auf das Ranking in den Suchmaschinen Wichtige Seiten sollten nicht mehr als zwei Mausklicks von der Startseite entfernt sein Somit wird gew hrleistet dass diese Unterseiten ein hohes Ansehen in den Suchmaschinen bekommen Bei kleineren Projekten wird auf eine flache Webseitenstruktur zur ckgegriffen Grunds tzlich sollte die Webseitenstruktur einer Internetseite in Form einer Pyramide aufgebaut sein Auf der Startseite sollten alle wichtigen Unterseiten verlinkt werden Diesen Unterseiten sind wiederum den Detailseiten zugeordnet Eine Pyramidenstruktur sollte nicht mehr als vier Ebenen aufweisen da ansonsten der Benutzer in die Irre gef hrt wird Da es sich bei der ACMC Learning Systems Webseite um eine gr eren Internetauftritt handelt ist eine pyramidenf rmige Dateistruktur optimal 44 Startseite Ebene 1 De MCLS halvedDisc hD2 modular Ebene 2 p po ec e Details Details Details Det
123. urce Software ist und ber eine gro e und starke Community verf gt sind Sicherheitsl cken nicht ausgeschlossen Durch verschiedenen Benutzerrollen kann das Sicherheitsrisiko sehr klein gehalten werden Liferay wird von vielen Firmen eingesetzt unter anderem von CISCO T Mobile BARCLEYS und vielen Universit ten Diese vertrauen auf die Kompetenz der Mitarbeiter in Sachen Sicherheit Liferay ist in Java geschrieben Java l uft in einer Sandbox auf dem Webapplikationsserver was somit das Sicherheitsrisiko vermindert 37 4 4 10 Fazit Liferay besticht durch seinen Support und der gro en Anzahl von Applikationen welche die Software mit sich bringt Es kann nach den W nschen des ACMC angepasst und erweitert werden Es verf gt ber die aktuellen Industriestandards und Webstandards 4 5 Drupal Drupal ist ein flexibles Content Management System welche alle Anforderungen an einen modernen und webgerechten Webauftritt erf llt Es spielt keine Rolle ob es sich um ein Portal Community Firmen Webseite oder um einen Blog handelt Drupal ist Open Source und frei erh ltlich Drupal kann nur mit einer PHP Entwicklungsumgebung und einem MySQL oder PostgreSQL Datenbank betrieben werden Die Systemvoraussetzung der aktuelle Version 7 von Drupal sind PHP 5 3 und MySQL 5 0 15 Stand Februar 2011 38 4 5 1 Kernfunktionen Die Kernfunktionen von Drupal sind sehr vielseitig Es stehen viele Module zum Download bereit um das CMS zu erweitern D
124. usgestattet sein Erstellung eines Benutzerhandbuchs In der Aufgabenstellung geh rt die Erstellung eines Benutzerhandbuches zu den Teilarbeiten dieser Diplomarbeit Das Benutzerhandbuch soll den Mitarbeitern des ACMC den Umgang mit dem CMS erleichtern Barrierefreiheit Barrierefreiheit bedeutet allen Benutzern der Webseite des ACMC Learning Systems unabh ngig von Ihren technischen M glichkeiten uneingeschr nkt zug nglich zu machen Suchmaschinenoptimiert Ziel ist es die Webpr senz suchmaschinenfreundlich zu gestalten und zu optimieren Damit die Informationen auch von anderen Benutzern in einer Suchmaschine gefunden werden S ren Huschke Diplomarbeit 2011 Definition von Zielfunktionen 17 Einhaltung der W3C Richtlinien Um der Barrierefreiheit einen Schritt n her zu kommen ist es von Vorteil wenn die Webseite des ACMC den W3C Standards entspricht Da sich namenhafte Browserhersteller wie Mozilla Opera Google Chrome oder Safari an diese definierten Standards halten und es somit zu einer optimalen Seitendarstellung in den verschiedenen Browsertypen kommt Schonung technischer Ressourcen Durch Webseitenoptimierung k nnen die kostbaren Ressourcen geschont werden Dies hat zum Vorteil dass die Webseite schneller an den Benutzer ausgeliefert wird S ren Huschke Diplomarbeit 2011 Auswahl eines Content Management System 18 4 Auswahl eines Content Management System Das folgende Kapitel befasst sich
125. utschland org Online http fag wordpress deutschland org kategoriebasierte permalinks und category aus post url entfernen 56 selfhtml org http de selfhtml org Online http de selfhtml org servercgi server htaccess htm 57 Sebastian 2010 Nov http www data travelers de Online http www data travelers de 2010 11 11 firefox 4 internet explorer 9 unscharfe schrift html 58 http colorfilter wickline org http colorfilter wickline org Online http colorfilter wickline org 59 static googleusercontent com http static googleusercontent com Online http static googleusercontent com external_content untrusted_dlcp www google com de webmasters docs search engine optimization starter guide pdf 60 Prof Wolfgang Prinz 2007 M rz Web 2 0 Bedeutung Chancen und Risiken Online http www competence site de e business ElInterview Prof Wolfgang Prinz zum Virtual Roundtable Web Competence and Responsibility Teill Web 2 0 Bedeutung Chancen Risiken 61 Markus Angermeier 2005 Nov Mindmap Web 2 0 Online http kosmar de archives 2005 11 11 the huge cloud lens bubble map web20 62 Peter Paul Koch 2004 Jan The Behavior Layer Online http www digital web com articles the_behavior_layer 63 Simon Lewis The art and science of smalltalk Simon Lewis Ed University of Michigan Prentice Hall 1995 64 uptrends com http www uptrends com
126. wurde sie richtig umzuleiten Der Error 404 kann aber auch durch unbeabsichtigte fehlerhafte Verlinkung auftreten Die archive php greift nur wenn keine categorie php im Template vorhanden ist und gibt eine chronologische bersicht aller Artikel mit einem Auszug des Artikeltextes aus Hier wird der Artikel im Volltext mit Bildern oder Videos ausgegeben Erzeugt die Fu zeile und die Ausgabe der Links in der Fu zeile Dieses Template ist f r die Startseite gedacht Allerdings kommt es nicht bei der acmc Is Webseite zum Einsatz da eine front page php erstellt wurde Die category php greift wenn eine neue Kategorie erstellt worden ist und Artikel in ihr ver ffentlicht werden Sie gibt im Frontend eine chronologische bersicht aller erstellten Artikel in der Kategorie aus Ausgabe der Neuigkeiten in chronologischer Reihenfolge mit Bild und Textauszug S ren Huschke Diplomarbeit 2011 XXVI W rterbuch Template category 4 php Kopfzeile header php Seiten Template page php Seite ohne linke Navigation Page Template page content ohne sidebar php Page Content page content php Sidebar sidebar php Suchergebnisse search php Theme Funktionen functions php Startseite Template front page php Chronologische Ausgabe der Artikel welche im W rterbuch ver ffentlicht wurden Ausgabe des head Bereiches der XHTML Seite inklusive d
127. www arexx com rp6 htn Informationswebseite ex htm Zubeh r Software Dokumentation Links Anschrift Telefonnummer Email Ansprechpartner http www mcselec com inde News tion com_content amp task view amp Itemid 41 ll Links Support Center Downloads Forum Online Hilfe S ren Huschke Diplomarbeit 2011 Anhang XX Liste aller verwendeten Plugins und ihre Eigenschaften fiir die ACMC Webseite Hinweis Alle Plugins wurden mit u erster Sorgfalt ausgew hlt und auf ihre Funktionen ausgiebig getestet All In One SEO Dieses Plugin optimiert mit verschiedenen Einstellungen den Titel die Beschreibung und die Keyw rter f r die acmc Is Webseite um bei den Suchmaschinen optimale Ergebnisse zu erzielen Breadcrumb NavXT Dieses Plugin erzeugt einen Brotkr melpfad oder auch Klickpfad genannt Ein Brotkr melpfad hilft dem Besucher sich auf der Webseite zurechtzufinden und bei Bedarf bequem auf vorher besuchte Seiten zur ckzuspringen CMS Tree View CMS Tree View ist speziell f r den Einsatz in einem CMS entwickelt worden Dieses Plugin erstellt eine bersicht als Baumstruktur von allen angelegten Seiten Mit einem Mausklick k nnen neue Seiten erstellt bearbeitet gel scht oder verschoben werden Contact Form 7 Mit Contakt Form 7 k nnen bequem mehrere Kontaktformulare verwalten Das Plugin funktioniert mit Ajax und gibt bei falscher Eingabe eine Fehlermeldung aus
128. ynamisch generierten Webseiten verwendet wird PHP zeichnet sich durch die breite Datenbankunterst tzung und gut Protokolleinbindung sowie durch zahlreiche interne Funktionsbibliotheken aus PHP wird auf ca 3 aller Webseiten eingesetzt und ist damit die am h ufigsten verwendete Scriptsprache zum Erstellen von dynamischen Webseiten 45 S ren Huschke Diplomarbeit 2011 Konzeption der Webseite 45 MySQL ist ein Datenbankverwaltungssystem Es ist als Open Source Software sowie als kommerzielle Enterprise Version fiir verschiedene Betriebssysteme verfiigbar und bildet die Grundlage f r viele dynamische Webauftritte 46 5 3 6 Technische Vorbereitung F r die Erarbeitung erster Design Entw rfe muss vorher gepr ft werden f r welche Betriebssysteme Browser und Bildschirmaufl sungen die Webseite konzipiert werden soll Auswahl der Zielplattformen Anhand der folgenden Grafiken kann eine Aussage zu den Zielplattformen getroffen werden Die Statistiken stammen von dem Marktforschungsinstitut NetMarketShare und dem Statistikanbieter WebHits Das Institut NetMarketShare ver ffentlicht einmal im Monat Statistiken ber die verwendeten Betriebssysteme Browser und Bildschirmaufl sungen der Internetbenutzer auf der ganzen Welt Betriebssysteme der Internetbenutzer Stand Februar 2011 U 89 59 Windows 519 Mac Wio ios 1 04 Java ME 12 0 92 Linux M 0 52 Android I 0 55 Other Abbildung 9 Betriebssys
129. zu bedienen und anzupassen Da WordPress ein sehr weit verbreitetes CMS ist existieren es im Internet sehr viele Anlaufstellen welche bei Problemen weiterhelfen 4 3 5 Flexibilit t Flexibilit t wird bei WordPress gro geschrieben Es ist m glich die Webseite komplett an die Bed rfnisse des ACMC anzupassen Diese Flexibilit t erreicht man mit sogenannten Plugins Durch diese Plugins kann ein umfangreicher und individueller Webauftritt gestalten werden Es sind nur sehr wenige Programmierkenntnisse erforderlich 4 3 6 Erweiterbarkeit Durch Plugins l sst sich der Funktionsumfang von WordPress beliebig erweitern Auf der offiziellen Internetseite von WordPress stehen mehr als 14000 Erweiterungen zur Verf gung Diese lassen sich bequem ber den Browser installieren und konfigurieren 4 3 7 Suchmaschinenfreundlichkeit WordPress ist eines der suchmaschinenfreundlichsten Content Management Systeme Lesbare URLs eine gute interne Verlinkung und die Konfigurationen der htacces Datei bringt WordPress standardm ig mit Durch weitere Suchmaschinen Plugins kann man die Internetpr senz weiter optimieren Mit den sogenannten Permalinks von WordPress k nnen automatisch suchmaschinenfreundliche URLs erzeugen werden 4 3 8 Design Das Design von WordPress besteht aus Templates welches auch Theme genannt wird Es gibt eine Vielzahl an kostenlosen Themes auf der offiziellen WordPress Webseite In der Gestaltung der Themes gibt es bei

Download Pdf Manuals

image

Related Search

Dokument_1. dokument 1 word dokument 1 microsoft word

Related Contents

HERMA Address labels Premium sheetsize A6 105x148 mm white paper matt 800 pcs.    Samsung GALAXY MINI User Manual  Silva Schneider 37310-2 flashlight  30” Freestanding Gas Range SERVICE MANUAL  dreamGEAR GoSonic  TechniSat HD S2X User's Manual  UTStarcom PN-820 Headphones User Manual  仕様書 - 日立GEニュークリア・エナジー  owners maual.indd - Dumoulin Bicyclettes  

Copyright © All rights reserved.
Failed to retrieve file