Multimedia-Inhalte in Webauftritt integrieren

Transkript

1 Multimedia-Inhalte in Webauftritt integrieren 1/6 Semesterplan FS 2016 Leitfaden Modul 152 Multimedia-Inhalte in Webauftritt integrieren Autor: Co-Autor: Beat Frei Expertenteam Release: FS 2015 Inhalt INHALT...1 ZIELSETZUNG...2 VORAUSSETZUNGEN...2 HANDLUNGSZIELE NACH ICT-BERUFSBILDUNG...2 INHALT:...2 SACHSTRUKTUR DES MODULS...3 ORGANISATION UNTERRICHT...4 UNTERRICHTSMATERIAL...4 ORDNERSTRUKTUR...4 DOKUMENTE...4 HINWEISE ZUM SELBSTSTUDIUM...4 SEMESTERPLAN...5 SEMESTERPLAN FS

2 Multimedia-Inhalte in Webauftritt integrieren 2/6 Semesterplan FS 2016 Zielsetzung Ausgehend von der Modulidentifikation von ICT-Berufsbildung sollen die Auszubildenden in der Lage sein, Multimedia-Elemente für Webauftritte nach Vorgabe erstellen und integrieren oder bestehende Multimedia-Inhalte aufbereiten, optimieren und in einen bestehenden Webauftritt integrieren Der Umgang mit verschiedenen Multimedia-Inhalten ist Hauptbestandteil des Moduls 152. /sh-modules/iet-152/01_modulidentifikation/ Voraussetzungen Gute Kenntnisse im Thema Codierungs- und Kompressionsverfahren. Grundfähigkeiten im Webauftritt erstellen und veröffentlichen. Grundkenntnisse im Thema Rechtliche Bestimmungen des Copyrights und im Einsatz eines Grafikprogramms (Pixel- und Vektorgrafik). Handlungsziele nach ICT-Berufsbildung Handlungsziel 1 Auftrag/Vorgabe für ein zu erstellendes Multimedia-Element analysieren, Voraussetzungen der Einbindung in einen Webauftritt untersuchen (Browser, Plattformen, Scriptsprachen, Sicherheitsvorschriften) und geeignetes Tool für die Realisierung auswählen. Handlungsziel 2 Webspezifische Multimedia-Inhalte mit geeigneten Werkzeugen erstellen. Handlungsziel 3 Prozeduren zur Aufbereitung, Optimierung und Integration von Bildern, Grafiken, Animationen, Tondokumenten oder Video-Inhalten erstellen und testen. Handlungsziel 4 Integrierte Multimedia-Inhalte auf unterschiedlichen stationären und mobilen Plattformen und mit verschiedenen Browsern testen, allenfalls adaptieren und freigeben. Inhalt: 1. Einführung - Rahmenbedingungen - Material - Gesamtprojekt - Organisation 2. Layout - Gestaltung - Auftrag - Konzeptentwurf - Farbharmonie, Layout - Schriftaufbereitung - Bildmaterialaufbereitung 3. Film - Ton - Auftrag - Konzepterweiterung 1 - Drehbuch -- Storyboard - Textsequenzen - Material und Standorte - Film- und Tonmaterial - Gesamtwerk

3 Multimedia-Inhalte in Webauftritt integrieren 3/6 Semesterplan FS WEB-Auftritt - Auftrag - Konzepterweiterung 2 - Grundanforderungen Zielgruppe (Corporate Design basierend auf dem Corporate Identity) - Content-Inventory, Wireframes - Code, Syntax und interaktive Elemente - Responsive Webdesign - Realisierung 5. Gesamtauftritt - Umsetzung Konzept - Endprodukt - Kreativität, Effort, Ideenvielfalt - Copyrightangaben Sachstruktur des Moduls Einführung Layout - Gestaltung Umfang & Rahmen Organisation Konzeptentwurf Farb und Schrift Layout, Bildmaterial Projekt: Einführung LayoutGestaltung Modul 152: Multimedia-Inhalte in Webauftritt integrieren Film-Ton Gesamtheit WEB-Auftritt Projektname Corporate ID Publikum Kreativität Konzepterweiterung 2 Gesamtauftritt WEB-Auftritt Konzept-erweiterung 1 Code, Syntax Realisierung Content Inventory Wireframes Drehbuch -- Storyboard Film- Tonsequenz Film - Ton

4 Multimedia-Inhalte in Webauftritt integrieren 4/6 Semesterplan FS 2016 Organisation Unterricht Der Unterrichtsablauf ist durch den Semesterplan vorgegeben. Während der zur Verfügung stehenden Zeit wird in einer Zweiergruppe die Projektarbeit realisiert. Das Projekt gliedert sich in drei Hauptblöcke auf. Während einer Blockzeit unterstützen bestimmte Theorieinputs die Realisierung. Bis zu den Meilensteinen müssen vorgegebene Arbeiten erstellt und abgegeben werden. Unterrichtsmaterial Die jeweiligen Dokumente werden den Auszubildenden entweder elektronisch oder als Papierkopie zur Verfügung gestellt. Die Geräte zur Erfassung der verschiedenen Multimedia-Inhalte werden grössten Teils bereitgestellt. Eigens Material / Geräte kann eingesetzt werden. Die Beschaffung von zusätzlicher Literatur ist nicht vorgesehen. Ordnerstruktur Die Ordnerstruktur zum Modul 152 unter dem Link: sh-modules/iet-152/ ist wie folgt aufgebaut: Dokumente 01_Modulidentifikation 02_Modulleitfaden 03_Aufträge 04_Arbeitsblätter 05_Beilagen 06_Tools 99_Diverses Hinweise zum Selbststudium Es ist zwingend erforderlich, den Inhalt (Aufträge) in der im Modulplan (letzte Seiten dieses Dokuments) angegebenen Reihenfolge abzuarbeiten. Die referenzierten Dokumente sind dabei unbedingt zu konsultieren, da dort die benötigten Vorgaben und Rahmenbedingungen aufgeführt sind.

5 Multimedia-Inhalte in Webauftritt integrieren 5/6 Semesterplan FS 2016 Semesterplan Semesterplan FS 2016 Woche Block Inhalt Dokumente HZ 05/06 Einführung Umfang - Rahmenbedingungen - Material - Meilensteine - Gesamtprojekt Organisation - Zweiergruppen - Thema Layout - Gestaltung Konzeptentwurf: Theorie: Realisierung: - Gestaltungsgrundlagen erstellen - Schriftbild erstellen - Farbschema passend zur Website - Bildbearbeitung einführen - Vektorgrafik vorstellen - Bilderwahl treffen und sauber aufbereiten 1, 2, 3 Meilenstein: - Fertigstellung, Abgabe - Konzeptentwurf (PDF) - Screenshots (PDF) - Originaldaten (Bilder, Logo ) Konzepterweiterung 1: - Drehbuch erstellen Theorie: - Kameraführung - Video erstellen Film - Ton Realisierung: - Storyboard erstellen - Video schneiden und vertonen - Länge des Videos zwischen 1 und 2 Min. 1, 2, 3 Meilenstein: - Fertigstellung, Abgabe - Konzepterweiterung 1 (PDF) - Storyboard (PDF) - Geschnittene Videodatei Frühlingsferien

6 Multimedia-Inhalte in Webauftritt integrieren 6/6 Semesterplan FS 2016 Konzepterweiterung 2: - Content Inventory - Wireframes für verschiedene Seitentypen WEB-Auftritt Theorie: Realisierung: - HTML5 strukturierende Elemente - Responsive Webdesign - Corporate Design - Umsetzung der Website 1, 2, 4 Meilenstein: - Fertigstellung, Abgabe - Konzepterweiterung 2 (PDF) - Website publiziert 25 Abschluss 26 MAP-Woche