Schüler als Produzenten komplexer, interaktiver Medien (mit Hilfe von Web 2.0 nested embeds )

1. Schüler als Produzenten komplexer, interaktiver Medien (mit Hilfe von Web 2.0 nestedembeds) Mag. Andreas Hofer

2. Links zu den Projekten • Sprachwochen-Projekte • http://www.hlw-dl.at/content/londonen/ • http://london4dhwim.pbworks.com/ • http://www.hlw-dl.asn-graz.ac.at/malta • Multimedia Kreativ-Projekte • http://www.hlw-dl.at/content/fairy/ • http://de.calameo.com • http://artofcreativecooking.blogspot.com/ • English podcasts • http://www.hlw-dl.at/content/kelly/ • http://nessapod.podbean.com/

3. Einfache Web 2.0 Inhalte

4. Workflow Web 2.0 komplexe Inhalte • Content (Fotos > flickr; Video > youtube, audio >podbean, etc.) • + • Embedable service (google maps, camaleo) • + • Basis-Webseite: Wiki, Blog, CMS, Moodle, etc.

5. Embed/Einbetten • Embed code: <object> <embed> <iframe> <script> (copy & paste) (oft auch copy button) • Achtung! html tags nicht überall erlaubt (z.B.wordpress.com)

6. London Experience • Präsentation einer Sprachreise (innovativ) • Referate und Bestimmung der Ziele in Englisch • Aufnahme der Fotos in London • Erstellen der London Map im Freigegenstand Medieninformatik (Adobe Flash) • Übungen (Flash quiz, Web 2.0. Hot potatoes)

7. London Experience

8. Quiz

9. Malta Guide – Web 2.0

10. Web 2.0 links • http://jigsawplanet.com/ puzzles • http://www.ispeech.org text to speech • http://www.wordsearchmaker.net/ wordsearch • http://www.dipity.com/ timelines • http://www.mystudiyo.com/ quizzes • http://maps.google.com maps • http://picasaweb.google.com photos

11. A BookofFairy Tales • Online Märchenbuch mit Podcasts • Schreiben der Stories • Korrektur • Aufnahme im Tonstudio • Erstellen der Webseiten mit Hot Potatoes • Testen und Online stellen

12. A BookofFairy Tales

13. Making of …

14. A BookofFairy Tales

15. A BookofFairy Tales Web 2.0

17. The artofcreativecookingelc Medienprojekt 2010 • Interaktives online Kochbuch • Multimedial (Video, Audio, Fotos, Text) • Zweisprachig de-en • Verwendung Web 2.0 (einfach & gratis) • Ziele: • Multimediale Kompetenzen (Video/Web/etc.) • Englisch im Fachbereich (HLW) • Kreativität (Mediendesign – Titel, Videos, Webseite, Making of)

18. Workflow • Thema entscheiden • Aufnehmen der Videos & Fotos • Übersetzung (& Korrektur) der Rezepte • Voiceover (Audio) erstellen • Upload videos auf youtube • Erstellen der doc/pdf Dateien (Texte & Fotos) • Upload auf calameo • Gestalten der Webseite (blogger) & Making of

19. Web 2.0 multibleembed youtubecalameoblogger

20. The Art of CreativeCooking

21. Web 2.0 links • http://podbean.com/ audio/podcasts • http://de.calameo.com online docs&media • http://www.youtube.com video

22. English podcasting • Projektlinks • http://www.hlw-dl.at/content/kelly/ • http://nessapod.podbean.com/ • Weblinks: • http://www.podbean.com/ • http://www.mystudiyo.com/

23. Vorteile von Web 2.0 • Simpel (html/flash Kenntnisse nicht notwendig) • Kollaborativ (ideal für Klassenprojekte) • Reduktion von Projektmanagement • Gratis (Basisservice)

24. Nachteile von Web 2.0 • Wenig Kontrolle über Design • Eingeschränkte Funktionalität • Mehrfache Registrierungen • Risko, dass Service eingestellt wird (z.B. NING)

25. Web 2.0 Elemente • RSS Feeds (xml) • Tagging (folksonomy, geo-, photo tagging) • Embed code (iframe, object, script) (copy/paste web) • Kollaboration (via e-mail, user accounts) • Link Share/Post (bookmark, email, facebook, etc.) • Kommunikation (IM, chat, email) • Kommentare & Rating • Suche (Inhalte, Medien – Creative Commons) • Präsentationsmöglichkeit (Vollbildmodus)

26. Open source (selfhosted) und cloudcomputing

27. Open source – selbst hosten • LAMP (Linux, Apache, MySQL, PHP) • Applikationen: Moodle, Wordpress, Mediawiki • Konfiguration (+/- Javascript, Userverwaltung) • Plugins: Audioplayer (Podcasting), Webshop