Projektanleitung zum

WEBDESIGN & MULTIMEDIA Projektanleitung zum Diploma-Abschlussprojekt......................................................... Offizielles Curriculum des Europäischen Webmasterverbandes

WEBDESIGN & MULTIMEDIA Projektanleitung zum Diploma-Abschlussprojekt......................................................... Art.-Nr. 011599560 Version 1.3.1 vom 11.06.2013 Webmasters Europe e.v., Nürnberg, Germany Das vorliegende Dokument ist urheberrechtlich geschützt. Alle Rechte vorbehalten. Die Verwendung der Texte und Abbildungen, auch auszugsweise, ist ohne schriftliche Genehmigung des Webmasters Europe e.v. urheberrechtswidrig und daher strafbar. Dies gilt insbesondere für die Vervielfältigung, Übersetzung oder Verwendung in elektronischen Systemen sowie für die Verwendung in Schulungsveranstaltungen. Die Informationen in diesem Dokument wurden mit größter Sorgfalt erarbeitet. Trotzdem können Fehler nicht vollständig ausgeschlossen werden. Autoren und Herausgeber übernehmen keine juristische Verantwortung oder irgendeine Haftung für eventuell verbliebene fehlerhafte Angaben und deren Folgen.

Inhaltsverzeichnis Einleitung......................................................................... 6 Projektbeschreibung............................................................... 7 1 Anforderungen zum Themenbereich Online Marketing Grade 1................................................. 9 1.1 Wettbewerber-Analyse.......................................................... 9 1.1.1 Vorgehensweise................................................................ 9 1.1.2 Hinweise zur Umsetzung........................................................ 9 1.2 Online-Strategie............................................................... 10 1.2.1 Hintergrund................................................................... 10 1.2.2 Vorgehensweise............................................................... 10 1.2.3 Hinweise zur Umsetzung....................................................... 11 2 Anforderungen zum Themenbereich Web Design.......................... 12 2.1 Anforderungen................................................................ 12 2.2 Vorgehensweise............................................................... 13 2.2.1 Seitenaufteilung & Layout...................................................... 13 2.2.2 Designentwürfe............................................................... 13 2.2.3 Umsetzung.................................................................... 13 2.2.4 Tipps für die Herangehensweise................................................ 14 3 Anforderungen zum Themenbereich Web Development.................... 15 3.1 Teaserbox/Slider............................................................... 15 3.1.1 Anforderungen................................................................ 15 3.1.2 Tipps zur Vorgehensweise...................................................... 15 3.2 Live-Suche..................................................................... 15 3.2.1 Anforderungen................................................................ 15 3.2.2 Tipps zur Vorgehensweise...................................................... 17 4 Anforderungen zum Themenbereich Web Design Grade 2.................. 18 4.1 Flash-Animation............................................................... 18 4.2 Werbespot..................................................................... 18 4.2.1 Anforderungen................................................................ 18 4.2.2 Rohmaterial................................................................... 18 4.2.3 Vorgehensweise............................................................... 19

6 Einleitung Dieses Dokument enthält die Projektanforderungen für die Diploma-Abschlussarbeit. Die Projektanforderungen gliedern sich in vier Module, die den Abschnitten des Studienganges entsprechen. Jedes Modul enthält spezifische Anforderungen, die in der Projektarbeit umzusetzen sind. Halten Sie sich bitte möglichst genau an die Vorgaben dieser Anleitung, da bei der Bewertung Ihrer Projektarbeit die exakte Umsetzung der Anforderungen überprüft und bewertet wird. Dabei werden sowohl quantitative (wie viele der Anforderungen haben Sie umgesetzt?) als auch qualitative Aspekte (z. B. Qualität des HTML-, CSS- oder JavaScript-Quellcodes) berücksichtigt. Die Bewertung der Abschlussarbeit erfolgt auf der Basis sehr vieler, vorgegebener Bewertungskriterien und ist dadurch so weit wie möglich objektivierbar. Bitte beachten Sie: Features und Funktionen, die in dieser Projektspezifikation nicht gefordert werden, können auch nicht bewertet werden! Dort wo die Anforderungen nicht exakt vorgegeben sind, haben Sie einen eigenen Spielraum, d. h. Sie entscheiden selbst die Details der Umsetzung. Die Projektarbeit ist eigenständig zu erstellen. Mitarbeiter/innen (Tutoren, Trainer, Lernbetreuer etc.) der Authorized Training Centers dürfen Sie bei der Durchführung der Abschlussarbeit beratend unterstützen, an der Umsetzung selbst aber nicht aktiv mitwirken. Bei der Einreichung Ihrer Abschlussarbeit müssen Sie eine Erklärung abgeben, dass Sie die Projektarbeit selbstständig umgesetzt und alle Hilfsmittel und Quellen benannt haben. Bei allen eingereichten Arbeiten nehmen wir eine Plagiatsprüfung vor. Plagiate werden als Täuschungsversuch gewertet und mit 0 Punkten bewertet. Prüfungskandidaten, die nachweislich getäuscht haben, werden nicht nochmals zur Prüfung zugelassen. Detaillierte Informationen zur Einreichung Ihrer Arbeit finden Sie in den Einsendeaufgaben. Wir wünschen Ihnen für Ihre Abschlussarbeit viel Erfolg!

7 Projektbeschreibung Projektziel ist die Erstellung einer Website für ein fiktives Museum: Ein Museum möchte sich und seine Exponate im Web präsentieren, u. a. um das Museum bekannter zu machen die Besucherzahlen zu erhöhen Interesse zu wecken zusätzliche und ergänzende Hintergrundinformationen zu den einzelnen Exponaten zu bieten die Ausstellungsstücke aus dem»musealen Scheintod«zu erwecken und einer breiteren Öffentlichkeit zugänglich zu machen Menschen den Zugang zu Kunst und Kultur zu erleichtern weitere Online-Mehrwerte zu bieten Sie können für dieses Projekt ein beliebiges Museum (an einem beliebigen Ort der Welt)»erfinden«, z. B. ein Kunstmuseum oder eine Galerie (Gemälde, Skulpturen, Installationen, klassische und/oder moderne Kunst) ein archäologisches oder historisches Museum (Kunst- und Alltagsgegenstände aus verschiedenen Epochen: prähistorische Werkzeuge, antike Vasen und Tontafeln, mittelalterliche Waffen und Rüstungen ) ein naturhistorisches Museum (Zoologie, Botanik, Geologie, Mineralogie, Paläontologie: Dinosaurierknochen, Modelle ausgestorbener oder exotischer Tierarten etc.) ein naturwissenschaftlich-technisches Museum (Erfindungen, technische Errungenschaften, Kuriositäten, wie etwa im Deutschen Museum in München, sehr gut geeignet für JavaScript- und Flash- Spielereien) die Ausstellung alter Bücher, Handschriften oder Pergamente (wie etwa in der Bibliothèque nationale de France, der Bayerischen Staats- oder der Österreichischen Nationalbibliothek) ein Architekturmuseum u.v.m. Sie können jedoch auch ein Museum wählen, das auf ganz bestimmte oder extravagante Exponate spezialisiert ist: Münzen, Briefmarken, Möbel, mesopotamische Keilschrifttafeln, Figuren aus Überraschungseiern, Schlümpfe, Bierdeckel aus aller Welt Wenn Sie selbst Sammler/in bestimmter Objekte sind, können Sie natürlich auch Ihre eigene Sammlung in Ihrem Museum»ausstellen«. Eine solche Website können Sie später vielleicht sogar tatsächlich produktiv nutzen! Sie können sich natürlich auf den Websites realer Museen Anregungen holen, aber bitte kopieren Sie keine Ideen oder Designs! Nützlich für das Verständnis verschiedener Museumsarten können auch folgende Wkipedia-Artikel sein: Museum Moderne Kunst Pinakothek, Alte Pinakothek, Neue Pinakothek, Pinakothek der Moderne MoMA Guggenheim-Museum Deutsches Museum Bildquellen Ihr Museum lebt vor allem auch von den Fotos. Achten Sie jedoch darauf, dass Sie keine urheberrechtlich geschützten Bilder oder Illustrationen verwenden bzw. dass das Material unter einer freien Lizenz steht 1. Die beste Lösung hierfür sind natürlich selbstgemachte Fotos. 1. vgl. de.wikipedia.org/wiki/freie_lizenz

8 Ansonsten können Sie auch Bilder benutzen, die der Creative-Commons-Lizenz unterliegen. Eine gute Anlaufstelle hierfür ist Flickr.com: Suchen Sie dort nach Bildern mit der Creative-Commons-Lizenz und der Freigabe zur Nachbearbeitung. Auch viele (aber nicht alle!) Bilder auf Wikipedia stehen unter einer freien Lizenz. Eine weitere Möglichkeit sind die kostenlosen Vorschaubilder kommerzieller Bildagenturen. Der Nachteil dabei: Diese Vorschaubilder haben ein Wasserzeichen (was aber natürlich keinen Einfluss auf die Bewertung Ihres Projekts hat). Solche Bildagenturen sind z. B.: www.istockphoto.com www.gettyimages.com de.fotolia.com www.dreamstime.com www.photocase.com Tipps zur Herangehensweise 1. Besuchen Sie die Websites verschiedener Museen. 2. Entwickeln Sie ein Szenario für ein fiktives Museum, für das Sie gerne eine Website erstellen würden. Legen Sie dabei fest: Um welche Art von Museum handelt es sich? Welche Exponate werden gezeigt? Wer ist der Betreiber des Museums? Wer ist der Auftraggeber für das Projekt? Wer sind die Wettbewerber des Museums? Wer sind die projektbeteiligten Personen? Welche Aufgaben und Befugnisse haben diese? Es reicht, jede Frage mit ein paar Stichworten zu beantworten. Als Ergebnis haben Sie ein»projektszenario«für Ihre virtuelle Museums-Website erarbeitet. Sie benötigen dieses Szenario im weiteren Projektverlauf.