Projekthandbuch. Fachbezogene Themenstellung. Apotheke Göss

Transkript

1 Projekthandbuch Fachbezogene Themenstellung Apotheke Göss aus dem Ausbildungsschwerpunkt Medieninformatik an der HBLA-Leoben Eingereicht von: Kerstin, Schellauf Jahrgang VB Prüfer: Hansjörg Lauermann Leoben, Juni (2009)

2 Inhalt Ehrenwörtliche Erklärung Einleitung: Homepage Konzept Film Bildgalerie Handbuch Flash Die Vorlagenseite Die Vorlagenseite Das Frameset Der Header Die Navigationsleiste Der Footer: Die Hauptseite Das Fertige Frameset: Link Rundgang: Link Mitarbeiter: Link Über mich: Link Formular: Link Milestone: Link Gästebuch: Link Videos: Link Bilder Link Weg: Link Impressum: Die Programme: Dreamweaver: Adobe Photoshop Flash Adobe Premiere Pro Schlussteil Abbildungsverzeichnis Organigramm Drehbuch Film Glossar/Fußnoten Projektarbeit MINF Seite 2 von 40

3 4.5 Zusammenfassung Resümee Ehrenwörtliche Erklärung Hiermit erkläre ich ehrenwörtlich, die vorliegende Fachbezogene Themenstellung: Apotheke Göss ohne Hilfe Dritter und nur mit den angegebenen Quellen und Hilfsmitteln angefertigt zu haben. Alle Stellen, die aus den Quellen und Hilfsmitteln entnommen wurden, sind auch als solche gekennzeichnet. Diese Arbeit hat in gleicher oder ähnlicher Form noch keiner Prüfungsbehörde vorgelegen. Die auf dem beigelegten Datenträger vorliegende Datei der Fachbezogene Themenstellung: Apotheke Göss stimmt mit der gedruckten Ausgabe überein. Projektarbeit MINF Seite 3 von 40

4 1. Einleitung: Als wir uns alle für ein Maturaprojekt entscheiden mussten, habe ich angefangen im Internet nach Betrieben zu suchen, welche noch keine eigene Homepage haben. Zuerst wollte ich einen Frisörbetrieb in meiner näheren Umgebung wählen, habe mich aber dann für die Apotheke Göss entschieden. Ich kann meine Ideen gut umsetzen und meiner Kreativität freien Lauf lassen. Die Apotheke ist 15min mit dem Auto entfernt, daher kann ich oft vorbei schauen um genügend Informationen für die Homepage zu sammeln. Es ist ein sehr umfangreiches Thema, welches man sehr gut ausbauen kann. Angefangen bei den Mitarbeitern, bis zu den Sonderleistungen. Mein Ziel ist es auf jeden Fall die Apotheke noch bekannter zu machen und das meine Homepage übernommen wird. Ich möchte dass die Apotheke auch im Internet präsent ist und man einfach und bequem von zu Hause aus die gewünschten Informationen erhält. Es ist kein einfaches Projekt und erfordert viel Zeit und Energie, doch werde ich mein Bestes geben. Viele Probleme werden zu bewältigen sein und auch viele Herausforderungen. 1.1 Homepage Konzept Welches Thema nehme ich? Die schwierigste Entscheidung war für mich die Wahl des geeigneten Themas. Ich hatte viele sehr interessante Ideen, mit denen ich viel anfangen konnte, bis ich mich schließlich dazu entschied die Apotheke Göss zu nehmen. Projektarbeit MINF Seite 4 von 40

5 Als nächstes überlegte ich mir ein Konzept bzw. den Aufbau der Homepage, was will ich damit präsentieren, wenn will ich ansprechen. Ich entschloss mich für folgendes Framedesign: Portalseite Abbildung 1 Das wichtigste einer Homepage ist es, die Interessen der Benutzer zu wecken. Ich wollte die Homepage ansprechend und interessant gestalten. Die Homepage sollte genügend Informationen liefern und den Bekanntheitsgrad der Apotheke steigern. Ich habe meine Homepage öfters überarbeitet, da das Layout nie meinen Vorstellungen entsprach. Bei meinem ersten Layout hatte ich Probleme mit der Hintergrundfarbe und den Buttons. Die Erstellung der Buttons im Photoshop war sehr schwierig für mich da sie zur Homepage passen mussten und nicht zu künstlich aussehen durften. Projektarbeit MINF Seite 5 von 40

6 Ich musste mich nun endgültig für die Farben meiner Homepage entscheiden. Ich entschied mich bei der Überschriftenfarbe für rot, da es die Farbe des Apothekenlogos ist. Für den Hintergrund und die Buttons entschied ich mich für Rot- und Orangetöne weil diese Farben am besten zu der roten Überschrift passten. Auf der Portalseite fügte ich ein Bild und die wichtigsten Informationen der Apotheke (Öffnungszeiten, Adresse, etc ) ein. 1.2 Film In meiner Homepage werden 4 Kurzfilme der Apotheke zu sehen sein, welche ich im Premiere Pro bearbeiten werde. An einem mir und der Apotheke günstigen Tag drehte ich einen 8 Minuten Film. Diesen werde ich dann bearbeiten und in 2-4 Kurzfilme teilen. Mein größtes Problem war, das die Filmqualität sehr zu wünschen übrig lies. Ich versuchte alles um das zu ändern hatte aber kaum Erfolg. Ich werde weiterhin daran arbeiten und hoffen, dass ich es bis zur Projektvorstellung schaffe. 1.3 Bildgalerie Es war sehr schwierig 15 Bilder unterschiedlich zu gestalten, weil mir irgendwann die Ideen ausgingen. Ein weiteres Problem war die Zusammenstellung der unterschiedlichen Fotos zu einem Foto. Dank meiner Kenntnisse im Photoshop hatte ich gute Ideen und konnte sie auch für mich zufriedenstellend umsetzen. Ein großes Problem für mich war, die Fotos in der passenden Größe dann in die Homepage einzubauen. Ich versuchte viele unterschiedliche Projektarbeit MINF Seite 6 von 40

7 Einstellungen bis ich die für mich ansprechendste Größe gefunden habe. 1.4 Handbuch Es stellte eine besondere Schwierigkeit für mich dar, meine Arbeit in Worte zu fassen. Die genauen Arbeitsschritte schriftlich festzuhalten war sehr viel Arbeit und ich hatte nur sehr wenig Zeit. Die vielen Informationen verständlich auf Papier zu bringen war sehr kompliziert und anstrengend. 1.5 Flash Für meine Indexseite habe ich eine Flashanimation erstellt. Die Idee für die Animation hatte ich bald umgesetzt und war mit meiner Arbeit sehr zufrieden. Mein größtes Problem ist, dass die Flashanimation zwar im Internetexplorer und Mozilla Firefox angezeigt wird, allerdings nicht wenn ich sie hochgeladen habe. Projektarbeit MINF Seite 7 von 40

8 2. Die Vorlagenseite Zuerst habe ich eine Vorlagenseite 1 erstellt um auf allen Seiten das gleiche Layout, Schrift, etc zu haben. Abbildung 2 Hier die Vorlagenseite Ich habe hier für die Überschrift folgendes festgelegt: Schriftart: Geneva, Arial, Helvetica, sans-serif + FETT Größe: 18 Punkt Schriftfarbe: #FF0000 Für die übrige Schrift habe ich folgendes festgelegt: Schriftart: Arial, Helvetica, sans-serif Größe: 14 Pixel Schriftfarbe: schwarz 1 Dreamweaver-Hilfe Projektarbeit MINF Seite 8 von 40

9 Für das Gesamte Dokument, sowie alle Seiten welche mit den Links zu erreichen sind wurde Background1 verwendet. Insgesamt habe ich 2 verschiedene Hintergründe entworfen: Abbildung 3 Hintergrund1 (für alle Seite die per Link erreichbar sind, Hauptseite, Index) Abbildung 4 Hintergrund2 (für Navigation, Footer) Projektarbeit MINF Seite 9 von 40

10 2.1 Die Vorlagenseite Abbildung 5 Die Formatierungseinstellungen blieben die gleichen da ich von der Vorlage ausgegangen bin. Ganz oben habe ich ein Last Update Fett eingefügt. Danach schrieb ich den Begrüßungstext. Nun war der Button an der Reihe. Ich habe den Button mit Adobe Photoshop CS formatiert. Dazu habe ich ein Oval aufgezogen und es mit einem Verlauf gefüllt. Später habe ich dann die Schrift eingefügt. Um ein Roll-over zu erhalten habe ich das gleiche nochmal gemacht allerdings habe ich die Hintergrund- und Vordergrundfarbe geswitched d.h. Vordergrund- war Hintergrundfarbe und Hintergrund- war Vordergrundfarbe. Projektarbeit MINF Seite 10 von 40

11 Abbildung 6 Zum Schluss habe ich im Flash eine Fotogalerie erstellt. Dazu habe ich einen Movieclip mit 4 verschiedenen Fotos gemacht, welche nacheinander erscheinen und wieder verblassen. Danach habe ich noch einen Rahmen um den Clip gelegt und ihn animiert. Dann habe ich noch einen Willkommenstext am Anfang der Flashdatei eingefügt und ihm einen Zeitleisteneffekt hinzugefügt (Explodieren). Zum Schluss habe ich noch eine Maske über den Rahmen (Kontur) gelegt um den Movieclip sichtbar zu machen. Abbildung 7 Hier ein Auszug aus der Flashdatei Ich befinde mich gerade im Movieclip. Um in Szene 1 zurück zu wechseln muss ich auf das Symbol Szene1 klicken. (Szene 1 ist meine Anfangsbühne) In der Bibliothek kann ich meine importierten Bilder, erstellten Movieclips, Grafiken und Symbole sehen/auswählen. Im Eigenschafteninspektor kann ich bestimmte Einstellungen für meinen Movieclip treffen. Z.B. Tween, Sound, Effekte Projektarbeit MINF Seite 11 von 40

12 Projektarbeit MINF Seite 12 von 40

13 ERROR: ioerror OFFENDING COMMAND: image STACK: