Dokumentation PROJEKT 2001 hws
re-design der Seite proclima.de
von Bertold Roth
Projekt der Heinrich-Wieland-Schule
Pforzheim - Schuljahr 2000 / 2001.Erklärung 2
Erklärung:
Ich versichere,die beiliegende Projektarbeit selb-
ständig verfasst,keine anderen als die angegebenen
Quellen und Hilfsmittel benützt sowie alle wörtlichen
oder sinngemäß übernommenen Stellen in der Arbeit
gekennzeichnet zu haben.
Bad Wildbad -Calmbach,den 10.Juni 2001
Bertold Roth.Dokumentation Projekt 2001 hws
Verfasser:
Bertold Roth
Hauffstraße 14
75323 Bad Wildbad
Thema:
re-Design der Homepage der Firma Moll bauökologische
Produkte GmbH -Schwetzingen
Betreuende Lehrer der Heinrich -Wieland -Schule
Herr Winterhalder und Herr Jäger
Dank
Ein Dank an die Mitarbeiter der Firma bauökologische Pro-
dukte GmbH für Ihre Geduld,die vielen und wichtigen
Besprechungen und Diskusionen.
Ein besonderer Dank an meine Mutter Carla Roth meinen
Vater Uwe Bartholomäi und meiner Freundin Sabrina Meier
für das Korrekturlesen und die Anregungen zu dieser Doku-
mentation und meinem Projekt.
Bad Wildbad -Calmbach,den 11.Juni 2001.Inhaltsverzeichnis 4
Vorwot Seite 5
A Thema
A.1 Themenbeschreibung Seite 6
Aufgabe Seite 6
Hintergrund und Motivation Seite 6
Zeitlicher Ablauf Seite 7
A.2 Firmenbeschreibung Seite 8
B Konzept
B.1 IInhaltlich Konzeption Seite 10
B.2 Grundkonzept Gestaltung und Technik Seite 17
B.3 Technische Konzeption Seite 20
B.3.1 Warum Frames Seite 20
B.3.2 CGI Commen Gatway Interface Seite 21
B.3.3 Server Seite 21
B.4 Gestalterische Konzeption Seite 22
B.4.1 Warum dei Farbe blau als Hintergrund Seite 22
B.4.2 Andere Farben Seite 22
B.4.3 Warum eine qudratische Gestaltung Seite 23
C Technische Umsetzung
C.1 verwendete Tools Seite 26
C.2 Die Portalseite Seite 26
C.3 Die deutsche Startseite Seite 27
C.3.a Die Navigations Seite 28
C.3.b Die Frames „LOGO und „PATHFRAME “Seite 29
C.3.c CONTROL Seite 29
C.3.d Main (Startseite)Seite 30
C.4 Übersichtseiten Seite 30
C.4.a Übersichtseite in_main Frame Seite 31
C.4.b Navigation TOP-Frame Seite 32
C.4.c Übersichseiten Zubehör Seite 33
C.5 pro clima das System Seite 33
C.6 Kontakt und Service Seite 34
C.7 Seminare Seite 35
C.8 News Seite 35
C.9 Produktdatenblatt bzw.Detailseiten Seite 35
C.10 FAQ „Oft gestellte Fragen und Antworten “Seite 36
C.11 Bereitstellen Seite 37
D.1 Glossar Seite 38
D.2 Lieraturverzeichnis Seite 39
D.3 Bildverzeichnis Seite 39
D.4 Über diese Dokumentation Seite 39.Vorwort 5
Vorwort
Das Berufskolleg für Technik und Kommunikation
ist ein Ausbildungszug an der Heinrich-Wieland-Schule
Pforzheim.Aufbauend auf das Berufskolleg Technik und
Medien führt es zum Berufsabschluss des „Technischen
Kommunikations-Assistenten “.Das Berufsbild ermög-
licht für die Schüler sich in verschiedene Richtungen zu
entwickeln.So kann man sich für die gestalterische
Richtung,z.B.als Webdesigner oder für die technische
Richtung,z.B.als Netzwerkbetreuer,entscheiden.
Um das Gelernte in die Praxis umzusetzen,muss
jeder Schüler über das Schuljahr ein Projekt ausarbei-
ten,umsetzen und am Ende präsentieren.Von der
Schule wurde kein Thema vorgegeben,um den Schü-
lern die Möglichkeit zu geben näher die Realität der
Wirtschaft “draußen ” kennenzulernen..
Die Aufgabe:
1.Ein Thema suchen bzw.kreieren
2.Das Thema ausarbeiten und umsetzen
3.Das Projekt dokumentieren
4.Das Projekt präsentieren
Das Projekt und die Dokumentation werden bewer-
tet.
Ziel der Aufgabenstellung ist,dass der Schüler
selbständiges Arbeiten erlernt.Er soll durch die Projekt-
arbeit einen kleinen Einblick in den späteren beruflichen
Alltag in einem Unternehmen bekommen.Es wird
da on ausgegangen,dass selbständiges,
erantwortungsbewusstes Arbeiten gefordert wird.
Besonders in den Firmen des neuen Marktes werden
Mitarbeiter gesucht,die motiviert arbeiten..Themenbeschreibung 6
Themenbeschreibung
Mein Thema:re-Design der Homepage der Firma
Moll bauökologische Produkte GmbH,Schwetzingen
(www.proclima.de).
Die vorhandene Internet-Präsentation soll komplett
neu konzipiert und ersetzt werden.
Aufgaben
1.Inhalte bestimmen
2.Konzept erstellen
3.Technische Umsetzung
4.Bereitstellung der Seite im Internet
Hintergrund und Motivation
Dass ich die Gelegenheit bekommen habe,dieses
Projekt zu realisieren ist der persönlichen Verbindung
durch meinen Vater (Geschäftsführer der Firma Moll)zu
erdanken.Es passte genau,es war der richtige Mo-
ment,dass die Firma ihren Auftritt neu gestalten wollte
und ich ein Schulprojekt suchte.
Meine Motivation für dieses umfangreiche Projekt
war,dass ich mich einer Aufgabe stellte,bei der es
schon vor Beginn sicher war,dass ich an meine Gren-
zen gelangen würde und deshalb während des Projek-
tes viele technische Herausforderungen lösen musste.
Ein weiterer Effekt ist,dass ich mit dieser Arbeit über
ein Referenzprojekt verfüge,welches ich als Arbeitspro-
be vorstellen kann.Nicht unwichtig dabei ist,dass ich
mit diesem Projekt mein schmales Schülertaschengeld
aufbessern konnte.
Während der Durchführung wurde mir bewusst,
dass es ein vollkommen anderes Arbeiten ist,wenn
man ständig mit dem Auftraggeber Rücksprache halten
oder die Zwischenergebnisse präsentieren muss.Ände-
rungen müssen umgesetzt werden und immer wieder
mußte ich mein Vorgehen und meine Lösungen erklä-
ren.Für mich ist es schön,dass ich dieses Projekt auch
weiterhin betreuen kann und die Homepage weiter
ausbauen werde.
Alte Präsenz (Bild A.1-1)
Neue Präsenz (Bild A.1-2).Zeitlicher Ablauf 7
Zeitlicher Ablauf:
Dezember 2000 ->Inhaltliche Konzeption
Im Dezember habe ich die inhaltliche Struktur und Hierar-
chie festgelegt.Nach vielen Absprachen mit pro clima wurde
die Struktur festgelegt und abgesegnet.
Januar 2001 ->Konzeption und Grund-Layout der
Startseite
Erste Buttons und Navigationsleisten wurden erstellt.Nach
Umsetzung der angebrachten Kritik der Firma wurden die Lei-
sten so weit umgestaltet,bis diese in der jetzigen Form fertig
waren.Die Entscheidung für Frames wurde in dieser Zeit ge-
fällt.Ich habe ein kleines Demo erstellt um weitere Schritte
abklären zu können.
Februar 2001 ->Grund-Layout der Produkt-und
Infoseiten
Im Februar wurde das Layout diskutiert und festgelegt.
März 2001 ->Überarbeitung des Layouts
Im März wurde das gesamte Demo-Layout nochmals über-
arbeitet und nach Absprache mit pro clima fest geschrieben.
März/April 2001 ->Realisierung des gesamten Inhaltes
Im April habe ich die gesamten Seiten aufgebaut.Nach
nochmaliger Überarbeitung von einzelnen Layout-Punkten
wurde die Seite nochmals eine Woche von Mitarbeitern von pro
clima getestet.Gefundene Fehler habe ich in dieser Zeit korri-
giert.
April 2001 ->Freischaltung der Präsenz
Am Sonntag den 29.04.2001 habe ich die Seite dann auf
den pro clima Server gespielt und frei geschaltet.Im Mai habe
ich dann die letzten Fehler die an der ein oder anderen Seite
auftauchten korrigiert.
Mai/Juni 2001 ->Dokumentation und Präsentation
In dieser Zeit habe ich diese Dokumentation angefertigt.
Am 29.06.2001 findet die Präsentation dieser Dokumentation
statt.