Christian Derix Auszubildender zum IT-Systemkaufmann Prüflingsnummer 64001 Mein Abschlussprojekt hat den Titel „Erstellung einer CMS basierten Webseite“. Zu Beginn möchte ich Ihnen einen kurzen Überblick über den Verlauf meiner Präsentation geben.

Agenda Projektumfeld Projektvorbereitung Realisierung Übergabe Fazit Zunächst erzähle ich Ihnen etwas über das Projektumfeld. Übergabe Fazit

Agenda Komme dann zur Projektvorbereitung Projektumfeld Realisierung Komme dann zur Projektvorbereitung Übergabe Fazit

Agenda Projektumfeld Projektvorbereitung Realisierung gehe über zur Realisierung Übergabe Fazit

Agenda zur Übergabe Projektumfeld Projektvorbereitung Realisierung Fazit

Agenda Projektumfeld Projektvorbereitung Realisierung und zum Schluss gebe ich noch ein kurzes persönliches Fazit zum Verlauf meines Projekts. Übergabe Fazit

Ausbildungsbetrieb Auftraggeber Entwicklung und Vermarktung von Enterprise Softwaresolutions Initiator des Projektes Installation und Administration komplexer Netzwerksysteme Aus- und Fortbildungseinrichtung der deutschen Binnenschifffahrt e.V. Mein Ausbildungsbetrieb ist die Envers AG, die spezialisiert ist im Bereich der Entwicklung und Vermarktung von Enterprise Software Lösungen, der Installation und Administration von Netzwerksystemen und dem Consulting im Bereich des eCommerce und Internet-Marketings. Der Auftraggeber, das Schulschiff Rhein, war auch Initiator des Projektes. Es ist die Aus- und Fortbildungseinrichtung der deutschen Binnenschifffahrt, mit Firmensitz in Duisburg Homberg. Consulting im Bereich eCommerce und Internet-Marketing Anlegestelle in Duisburg-Homberg Projektumfeld Projektvorbereitung Realisierung Übergabe Fazit

Schnittstellen Christian Derix Projektdurchführender Lothar Barth Auftraggeber Projektplanung Sollkonzept Angebotserstellung Kaufmännische Abwicklung Kapitän des Schulschiff Rhein Verantwortlich für über 30 Besatzungsmitglieder Thomas Heppner Als Projektdurchführender standen mir für die Programmiertechnische Realisierung der Webseite Herr Heppner zur Verfügung. Projektbetreuer war Herr Schuppert, der mir bei kaufmännischen Fragen zur Seite stand. Erster Ansprechpartner des Schulschiff Rheins war der Kapitän des Schulschiff Rheins, Herrn Barth. Dieser ist für die über 60 Besatzungsmitglieder verantwortlich. In Vertretung von Herrn Barth stand mir dessen Sekretärin Fr. Konieczny zur Verfügung, die auch die Betreuung der Webseite übernehmen sollte. Jutta Konieczny Programmierung Sekretärin Betreuung der Webseite Klaus Schuppert Projektbetreuer Projektumfeld Projektvorbereitung Realisierung Übergabe Fazit

Gegebene Situation unprofessionelles Design unübersichtliche Navigationsstruktur veraltete Informationen nicht genutztes Gästebuch nicht funktionsfähige Verlinkungen keine Besucherauswertung Impressum fehlt Hier sehen Sie einen Screenshot der Alten Internet-Präsenz des Schulschiff Rheins. Schnell fällt das unprofessionelle Design der Webseite auf, die von einem Ehemaligen Mitarbeiter des Schulschiff Rheins erstellt wurde. Die Navigation wies viele Fehler auf, zb. fand man unter dem Navigationspunkt Ausbildung, eine Wegbeschreibung zu SSR. Die meisten Seiten baten nur veraltete Information und das vorhandene Gästebuch wurde so gut wie nie benutzt. Ein weitaus wichtigerer Punkt der negativ auffiel war, das wichtige Verlinkungen zu Dokumenten für Aus und Fortbildungsinteressenten, funktionsunfähig waren. Es gab also keine Möglichkeit auf dieser Webseite sich über Kurse zu informieren, die das SSR regelmäßig bietet. Eine Besucherauswertung gab es nicht, genauso wenig wie ein Impressum, was die Seite stark Abmahngefährdet machte. Projektumfeld Projektvorbereitung Realisierung Übergabe Fazit

Durchführung Projektumfeld Projektvorbereitung Realisierung Übergabe = Herr Derix = Herr Schuppert = Herr Heppner Ist-Analyse & Soll-Konzept Erstellen des Angebots Kontrolle des Angebots / Abgabe Anfrage Kunde Auftrag Kunde Umsetzung des Designs Sicherung der alten Webseite Abnahme der Entwürfe Kontrolle der Entwürfe Webdesign und Logo Erstellung KK-Antrag Programmierung und Implementierung des Kontakt -formulars Zur besseren Koordination des Projektes habe ich zusammen mit Herrn Schuppert und Herrn Heppner die einzelnen Arbeitsschritte und deren Zeitaufwand festgehalten und diese in einem Netzplan erfasst. Eine Vereinfachte Version des Projektablaufs sehen Sie hier. Nach Anfrage des Auftraggebers müsste zunächst eine Ist-Analyse & ein Sollkonzept mit Herrn Barth festgehalten werden. Aufgrund dieser Analyse kann ich dann ein Angebot erstellen, dass von Herrn Schuppert überprüft werden soll und zur Abgabe freigegeben wird. Nach Eingang des Auftrages, soll Herr Heppner mit der Sicherung der Alten Webseite beginnen. Parallel hierzu muss ich den KK-Antrag stellen und das Webdesign des Logos und der Webseite entwerfen, die dann ebenfalls von Herrn Schuppert zur Qualitätssicherung geprüft werden soll. Nach Abnahme des Logos und der Webseite von Herrn Barth, kann Herr Heppner beginnen, das Design umzusetzen und das Kontaktformular in die Präsenz einzubauen. Sobald dies Abgeschlossen ist kann ich mit dem befüllen des Contents beginnen und die Navigationsstruktur sowie die Benutzerprofile im Control-Center des CMS anlegen. Die ausgeführten Arbeiten sollen dann nochmals von Herrn Heppner und mit getestet werden, bevor ich dann Frau Konieczyny ins CMS einweise. Die Abnahme der Webseite soll dann von Herrn Barth genehmigt werden, worauf dann die Migration des Testservers auf den Produktivserver durch Herrn Heppner ausgeführt werden kann. Zu guter letzt muss von mir eine Rechnung erstellt werden. Erstbefüllung des Contents Anlegen der Navigations-struktur Erstellung der Benutzerprofile Rechnung Migration von Testserver auf Produktivserver Abnahme der Webseite Einweisung des Mitarbeiters Test Projektumfeld Projektvorbereitung Realisierung Übergabe Fazit

Projektkosten Lohn- und Lohnnebenkosten Derix: Stundensatz (bei 40 Stunden/Woche) Bruttolohn 3,18 € Lohnkosten Schuppert/Heppner: Stundensatz (bei 40 Stunden/Woche) Bruttolohn 20,20 € Lohnnebenkosten 0,64 € Verwaltungskostenzuschlag 2,02 € Verwaltungskostenzuschlag 0,32 € Gemeinkosten 2,69 € Gemeinkosten 2,69 € Gesamtkosten 24,91 € 24,91 € Gesamtkosten 6,83 € 6,83 € Um das Angebot zu erstellen, musste ich zunächst die Projektkosten ermitteln. Hierzu habe ich zunächst meinen Bruttolohn auf einen Stundensatz herunter gerechnet. Neben dem Bruttolohn kamen noch Lohnnebenkosten, ein Verwaltungskostenzuschlag von 0,32€ und Gemeinkosten von 2,69 hinzu. Dies ergaben Gesamtkosten von 6,83€ pro Stunden für meinen Arbeitsanteil. Die Gesamtkosten musste ich dann noch mal den Zeitaufwand von 26 Std. rechnen. Somit kam mein Kostenanteil in diesem Projekt auf 177,58€. Das gleiche musste ich dann auch für die Personalkosten für Herrn Schuppert und Herrn Heppner vornehmen. Sowohl Herr Schuppert als auch Herrn Heppner kamen nach Absprache bei einem Stundensatz auf einen Bruttolohn von 20,20€, ein Verwaltungskostenzuschlag von 2,02€ und Gemeinkosten von 2,69. Die Gesamtkosten ergaben 24,69€. Diese ebenfalls mit den jeweiligen Zeitaufwand multipliziert, ergaben Kosten in Höhe von 24,91€ für Herrn Schuppert und 348,74€ anteilig für Herrn Heppner. Die Gesamtpersonalkosten beliefen sich auch 551,23€ Mitarbeiter Zeitaufwand Gesamtkosten/Std. = Derix 26 Std. x 177,58 € 177,58 € = Schuppert 1 Std. x 24,91 € 24,91 € 24,91 € Heppner 14 Std. x 348,74 € 348,74 € Gesamtpersonalkosten = 551,23 € Projektumfeld Projektvorbereitung Realisierung Übergabe Fazit

Projektkosten Zu den Gesamtpersonalkosten kamen noch Kosten für den KK-Antrag von 12,50€ den unser Provider veranschlagt und dem Hosting der Webseite, jährlich berechnet von 60,00€ hinzu. Somit hatte das Projekt gesamtkosten in Höhe von 623,73€ Gesamtpersonalkosten = 551,23 € Projektumfeld Projektvorbereitung Realisierung Übergabe Fazit

Projektkosten Projektgesamtkosten 12,50 € 60,00 € 623,73 € 551,23 € Gesamtpersonalkosten = 551,23 € = 12,50 € KK-Antrag = 60,00 € Hosting Projektgesamtkosten = 623,73 € Projektumfeld Projektvorbereitung Realisierung Übergabe Fazit

Angebot Artikel G-Preis Erstellung einer CMS basierten Webseite Internetpräsenz 2.500,00 € .de/-Domain KK-Antrag 100,00 € Webhosting Jährliche Gebühr 300,00 € Gesamtbetrag 2.900,00 € zzgl. MwSt. Mit den ermittelten Daten habe ich im Warenwirtschaftssystem der Firma Envers ein Angebot mit folgenden Positionen geschrieben. Die Erstellung der Webseite wurde mit 2.500,00€ berechnet, der Domainumzug mit 100,00€, sowie das Hosting für ein Jahr mit 300,00€. Abzüglich der Projektkosten, machte die Firma einen Gewinn von 2.276,27€. Dieses Angebot habe ich dann an Herrn Barth gefaxt. Projektkosten - 623,73 € Gewinn 2.276,27 € Projektumfeld Projektvorbereitung Realisierung Übergabe Fazit

Ausarbeitung des neuen Designs Wappen als Vorlage des Logos Fireworks MX Vektor Grafik verschiedene Dateiformate Nachbildung des Ankers Nach Eingang des Auftrags habe ich mit der Erstellung des Logos des Schulschiff Rheins begonnen. Hierzu war es mit Herrn Barth besprochen, die Flagge des SSR in wehender Position darzustellen. Das Logo als auch die Webseite habe ich mit dem Grafikprogramm Fireworks erstellt. Damit Herr Barth das Logo auch zum Drucken benutzen kann, habe ich das Logo als Vektorgrafik erstellt und in verschiedenen Dateiformaten zur Verfügung gestellt. Die Schwierigkeit beim erstellen der Flagge war der detailreiche Anker. Projektumfeld Projektvorbereitung Realisierung Übergabe Fazit

Ausarbeitung des neuen Designs Header Schnellsuche Navigationsbereich Content Bereich Bildergalerie Content Seite Nachrichten Hier sehen Sie einen Screenshot des Webdesignentwurfes, bei dem ich versucht habe, viele Ideen von Herrn Barth einzubauen, wie z.B. Die Horizontale Navigation. Um dem Thema Schiff möglichst nahe zu kommen, habe ich verschiedene Objekte eingesetzt die die Form eines Bugs haben. Im Header der Webseite habe ich neben dem Logo, eine Schnellsuche und den Navigationsbereich eingebaut. Die Darstellung der Unternavigation… Im Content-Bereich der linken Seite habe ich eine Bildergallerie integriert, die je nach aufgerufener Seite unterschiedliche Bilder bieten soll. Im mittleren Bereich liegt die bearbeitbare Content Seite und im rechten Bereich soll eine Newsfunktion die Besucher über aktuelle Themen auf den laufenden halten. Die im Content Bereich befindlichen Funktionen und Teile der Navigation können über das CMS der Firma Envers bearbeitet werden, hierdrauf komme ich gleich noch zu sprechen. Im unteren Bereich der Webseite fand sich dann noch Platz für das Impressum und dem Copyright. Dieser Entwurf wurde dann Herrn Barth von mir Präsentiert, worauf hin Herr Barth noch einige Korrekturwünsche kamen. Footer Impressum Copyright Projektumfeld Projektvorbereitung Realisierung Übergabe Fazit

Webdesignentwurf nach Korrektur Überarbeitung der Unternavigationsebene Änderung des Schriftzuges nachgereichte Änderungswünsche Dies ist die Webseite nach der Korrektur. Die wichtigste Änderung hierbei war die Hervorhebung der Unternavigation, die im vorherigen Entwurf mehr oder weniger Unter ging. Ansonsten habe ich noch den Schriftzug SSR abgeändert und den Hintergrund heller gestaltet, wodurch die Webseite gleich weitaus freundlicher wirkt. Diese Version wurde dann auch von Herrn Barth abgenommen. Jedoch hatte Herr Barth während der Realisierung der Webseite immer wieder kleinere Änderungswünsche. Diese habe ich dann zunächst auch zugesagt, musste Herrn Barth dann aber darauf hinweisen das weitere Änderungen an der Webseite durch uns, den finanziellen Rahmen dieses Projektes übersteigen würden und wir alle weiteren Änderungen berechnen müssen. Zu diesem Thema gehe ich aber gleich noch in meinem Fazit näher ein. Projektumfeld Projektvorbereitung Realisierung Übergabe Fazit

Einpflegen des Contents Neue Seite erstellen Seitenname Aktiviert (Startseite) Editor Inhalte der Seite bearbeiten Als Herr Heppner dann das Design fertig hatte, konnte ich anfangen die einzelnen Seiten anzulegen. Dies habe ich im Control Center des CMS gemacht, hier ein Screenshot. Die eigentlichen Inhalte habe ich im Seiteneditor angelegt. Dies ist auch derselbe Editor mit dem Frau Konieczny in Zukunft arbeiten soll. Projektumfeld Projektvorbereitung Realisierung Übergabe Fazit

Benutzerverwaltung Neue Benutzer Benutzername Passwort Eingeschränkte Rechte Verändern der Navigation Neue Seiten anlegen Seiteninhalte ändern News schreiben Damit Frau Konieczny bzw. Herr Barth Zugriff auf das Control-Center haben, musste ich entsprechende Benutzer mit eingeschränkten Rechten anlegen. Projektumfeld Projektvorbereitung Realisierung Übergabe Fazit

Abnahme durch Kunden Einweisung des Mitarbeiters ins CMS Übergabe des Benutzerhandbuchs Zum Schluss habe ich dann Frau Konienczny in das CMS eingewiesen und Ihr die Benutzerdaten und ein Benutzerhandbuch übergeben. Das Projekt wurde mit der Unterschrift des Lieferscheins durch Herrn Barth und der Ausstellung der Rechnung von mir, erfolgreich beendet. Unterschrift des Lieferscheins Projektvorfeld Projektvorbereitung Realisierung Übergabe Fazit

Kommunikation mit Kunden Klare Absprachen Fazit Projektkoordination Kommunikation mit Kunden Klare Absprachen Da dies mein erstes Größeres Projekt war das ich selbstständig geplant und durchgeführt habe, empfand ich als große Herausforderung. Ich habe viel aus diesem Projekt an Erfahrung mitnehmen können. Gerade im Bezug auf die Kommunikation mit dem Kunden habe ich gelernt dinge immer bis ins kleinste Detail zu besprechen, so das es weder ein links noch ein rechts gibt und dieses dann am besten auch noch Schriftlich geben lassen. Ich habe vor kurzem noch mit Frau Konieczny telefoniert, die mit der Resonanz auf die neue Webseite sehr zufrieden ist, da viele Besucher das Kontaktformular verwenden und die Besucherzahl die mittlerweile auf 100 pro Woche gestiegen ist, zeigt das sich Projektvorfeld Projektvorbereitung Realisierung Übergabe Fazit

…noch Fragen?! Projektvorfeld Projektvorbereitung Realisierung Übergabe Fazit

Christian Derix Auszubildender zum IT-Systemkaufmann Prüflingsnummer 64001

Inhaltsverzeichnis Betrieb Schnittstellen Geg. Situation Durchführung Personalkosten Projektkosten Angebot Logo Design-Enwurf I Design-Enwurf II CMS-Seiten CMS-Editor Benutzerverwaltung Abnahme Fazit

Ausbildungsbetrieb Auftraggeber Projektumfeld Projektvorbereitung Entwicklung und Vermarktung von Enterprise Softwaresolutions Initiator des Projektes Installation und Administration komplexer Netzwerksysteme Aus- und Fortbildungseinrichtung der deutschen Binnenschifffahrt e.V. Consulting im Bereich eCommerce und Internet-Marketing Anlegestelle in Duisburg-Homberg Projektumfeld Projektvorbereitung Realisierung Übergabe Fazit

Schnittstellen Christian Derix Projektdurchführender Lothar Barth Auftraggeber Projektplanung Sollkonzept Angebotserstellung Kaufmännische Abwicklung Kapitän des Schulschiff Rhein Verantwortlich für über 30 Besatzungsmitglieder Thomas Heppner Jutta Konieczny Programmierung Sekretärin Betreuung der Webseite Klaus Schuppert Projektbetreuer Projektumfeld Projektvorbereitung Realisierung Übergabe Fazit

Gegebene Situation unprofessionelles Design unübersichtliche Navigationsstruktur veraltete Informationen nicht genutztes Gästebuch nicht funktionsfähige Verlinkungen keine Besucherauswertung Impressum fehlt Projektumfeld Projektvorbereitung Realisierung Übergabe Fazit

Durchführung Projektumfeld Projektvorbereitung Realisierung Übergabe = Herr Derix = Herr Schuppert = Herr Heppner Ist-Analyse & Soll-Konzept Erstellen des Angebots Kontrolle des Angebots / Abgabe Anfrage Kunde Auftrag Kunde Umsetzung des Designs Sicherung der alten Webseite Abnahme der Entwürfe Kontrolle der Entwürfe Webdesign und Logo Erstellung KK-Antrag Programmierung und Implementierung des Kontakt -formulars Erstbefüllung des Contents Anlegen der Navigations-struktur Erstellung der Benutzerprofile Rechnung Migration von Testserver auf Produktivserver Abnahme der Webseite Einweisung des Mitarbeiters Test Projektumfeld Projektvorbereitung Realisierung Übergabe Fazit

Projektkosten 551,23 € Projektumfeld Projektvorbereitung Realisierung Lohn- und Lohnnebenkosten Derix: Stundensatz (bei 40 Stunden/Woche) Bruttolohn 3,18 € Lohnkosten Schuppert/Heppner: Stundensatz (bei 40 Stunden/Woche) Bruttolohn 20,20 € Lohnnebenkosten 0,64 € Verwaltungskostenzuschlag 2,02 € Verwaltungskostenzuschlag 0,32 € Gemeinkosten 2,69 € Gemeinkosten 2,69 € Gesamtkosten 24,91 € 24,91 € Gesamtkosten 6,83 € 6,83 € Mitarbeiter Zeitaufwand Gesamtkosten/Std. = Derix 26 Std. x 177,58 € 177,58 € = Schuppert 1 Std. x 24,91 € 24,91 € 24,91 € Heppner 14 Std. x 348,74 € 348,74 € = Gesamtpersonalkosten 551,23 € Projektumfeld Projektvorbereitung Realisierung Übergabe Fazit

Projektkosten Projektgesamtkosten 12,50 € 60,00 € 623,73 € 551,23 € Gesamtpersonalkosten = 551,23 € = 12,50 € KK-Antrag = 60,00 € Hosting Projektgesamtkosten = 623,73 € Projektumfeld Projektvorbereitung Realisierung Übergabe Fazit

Angebot Gewinn 2.276,27 € Projektumfeld Projektvorbereitung Artikel G-Preis Erstellung einer CMS basierten Webseite Internetpräsenz 2.500,00 € .de/-Domain KK-Antrag 100,00 € Webhosting Jährliche Gebühr 300,00 € Gesamtbetrag 2.900,00 € zzgl. MwSt. Projektkosten - 623,73 € Gewinn 2.276,27 € Projektumfeld Projektvorbereitung Realisierung Übergabe Fazit

Ausarbeitung des neuen Designs Wappen als Vorlage des Logos Fireworks MX Vektor Grafik verschiedene Dateiformate Nachbildung des Ankers Projektumfeld Projektvorbereitung Realisierung Übergabe Fazit

Ausarbeitung des neuen Designs Header Schnellsuche Navigationsbereich Content Bereich Bildergalerie Content Seite Nachrichten Footer Impressum Copyright Projektumfeld Projektvorbereitung Realisierung Übergabe Fazit

Webdesignentwurf nach Korrektur Überarbeitung der Unternavigationsebene Änderung des Schriftzuges nachgereichte Änderungswünsche Projektumfeld Projektvorbereitung Realisierung Übergabe Fazit

Einpflegen des Contents Neue Seite erstellen Seitenname Aktiviert (Startseite) Editor Inhalte der Seite bearbeiten Projektumfeld Projektvorbereitung Realisierung Übergabe Fazit

Einpflegen des Contents Neue Seite erstellen Seitenname Aktiviert (Startseite) Editor Inhalte der Seite bearbeiten Projektumfeld Projektvorbereitung Realisierung Übergabe Fazit

Benutzerverwaltung Neue Benutzer Eingeschränkte Rechte Benutzername Passwort Eingeschränkte Rechte Verändern der Navigation Neue Seiten anlegen Seiteninhalte ändern News schreiben Projektumfeld Projektvorbereitung Realisierung Übergabe Fazit

Abnahme durch Kunden Einweisung des Mitarbeiters ins CMS Übergabe des Benutzerhandbuchs Unterschrift des Lieferscheins Projektvorfeld Projektvorbereitung Realisierung Übergabe Fazit

Kommunikation mit Kunden Klare Absprachen Fazit Projektkoordination Kommunikation mit Kunden Klare Absprachen Projektvorfeld Projektvorbereitung Realisierung Übergabe Fazit