4
AG-Webmaker im #mlab14 Sammlungsdoc mit Toolbeschreibungen, Einschätzungen und Einsatzmöglichkeiten Einführendes zum MozillaWebmaker Toolbeschreibungen Einschätzungen zu Tools des Webmakers Allgemeine Einschätzungen XRay Goggles Popcorn Thimble Einsatzmöglichkeiten der Tools XRay Goggles Einführendes zum Mozilla-Webmaker Was ist der Webmaker? Zunächst eine Webcommunity, die Menschen zum gemeinsamen Programmieren zusammenbringen will bietet auch MakerEvent: weltweite Veranstaltungen und Treffen zum gemeinsamen Coden stellt vor allem Tools zur Verfügung, die das einfache Programmieren ermöglichen sollen Grundgedanke: aus passiven Internetnutzern werden aktive Coder, die verstehen, wie sich das Netz aufbaut und es selbst (mittels einfacher Instrumente) mitgestalten und verändern können. Links: Allgemein: http://t3n.de/news/mozillawebmakerdreitools461860/ Einführung in die Webmaker Tools: https://www.youtube.com/watch?v=dOYzJmqbL3c Hackasaurus: http://vimeo.com/58169620 Popcorn: http://coursearbeitsraummedienbildungskonzept.blogs.rpivirtuell.net/ple/multimediaun dwebtechnologien4/mozillapopcornmaker/ 1

Ag webmakerimmlab14-sammlungsdoc

Embed Size (px)

Citation preview

Page 1: Ag webmakerimmlab14-sammlungsdoc

AG-Webmaker im #mlab14

Sammlungsdoc mit Toolbeschreibungen, Einschätzungen und Einsatzmöglichkeiten

Einführendes zum Mozilla­WebmakerToolbeschreibungenEinschätzungen zu Tools des Webmakers

Allgemeine EinschätzungenX­Ray GogglesPopcornThimble

Einsatzmöglichkeiten der ToolsX­Ray Goggles

Einführendes zum Mozilla-Webmaker

Was ist der Webmaker?● Zunächst eine Webcommunity, die Menschen zum gemeinsamen Programmieren

zusammenbringen will● bietet auch Maker­Event: weltweite Veranstaltungen und Treffen zum gemeinsamen

Coden● stellt vor allem Tools zur Verfügung, die das einfache Programmieren ermöglichen sollen● Grundgedanke: aus passiven Internetnutzern werden aktive Coder, die verstehen, wie

sich das Netz aufbaut und es selbst (mittels einfacher Instrumente) mitgestalten undverändern können.

Links:● Allgemein:  http://t3n.de/news/mozilla­webmaker­drei­tools­461860/

●  Einführung in die Webmaker Tools: https://www.youtube.com/watch?v=dOYzJmqbL3c

● Hackasaurus: http://vimeo.com/58169620● Popcorn:

http://course­arbeitsraum­medienbildungskonzept.blogs.rpi­virtuell.net/ple/multimedia­und­webtechnologien­4/mozilla­popcorn­maker/

1

Page 2: Ag webmakerimmlab14-sammlungsdoc

Toolbeschreibungenweitere Quellen dazu: http://pad.medialiteracylab.de/p/webmaker, AG­Community

Welche Tools werden genannt? Wie kann man sie beschreiben?1. Thimble: macht das Bearbeiten des Codes im Browser mit direktem Veröffentlichen

möglich. Man kann selbst etwas erstellen oder vorhandene Seiten verändern. Thimblesetzt die Grundkenntnisse in HTML voraus ­ sofern man mehr als Text publizieren will.

2. X­Ray Goggles: wird als Lesezeichen im Browser integriert, dann kann man jedesElement einer Website durchsuchen und schauen, welcher Code dahinter steht. DieCodes lassen sich durch das Tool verändert. Die veränderte Website kann veröffentlichtwerden. X­Ray Goggles ermöglicht die Edition einer Webseite ­ aber nur bis zumnächsten Refresh. Einzelne Elemente einer Website werden durchsucht und der“dahinter liegende” Code sichtbar gemacht. Die Codes lassen sich durch das Toolverändern.

3. Popcorn Maker: ist ein Tool zum Erstellen von Videos und Audios. Vorhandene Videoskönnen verändern und mit Texten, Sounds etc. erweitert werden. Auch das Erstelleneigener Videos ist möglich.  In Echtzeit kollaboratives, ziemlich vielfältiges Bearbeiteneiner Datei. Das ermöglicht die nachträgliche Aenderung eines bestehenden Films mitTexten und Sounds ­ aber nur sehr sehr eingeschränkt.

Einschätzungen zu Tools des Webmakers

Allgemeine Einschätzungen● Mehrwert insgesamt: Man sieht sofort die Veränderung und kann “dahinter” schauen● Tool muss einfach sein → Anleitung für Schüler erstellen zum eigenen Erstellen von

Website● das Lernen dieser Anwendungen mag spassig, aber kaum nachhaltig sein und

heranführen. Besser wäre, html und css als einfache Sprachen von Grund auf zu lernen.● große technische Probleme bei Popcorn ­ stützt ständig & wird nicht gespeichert →

Vorhaben der AG, mit Popcorn zu arbeiten, ist gescheitert○ Wenn man in Webmaker etwas bastelt, dann in Chrome ist, läuft es nicht so gut,

wie in Mozilla... Warum zum Beispiel laufen die anderen Tools nicht, wieAudioboo.fm oder wie kann ich meine Bilder stellen?

 

X-Ray Goggles● mit x­ray goggles können wir das sehen, was browser interpretieren: den script einer

webseite, geschrieben in den auszeichnungssprachen html und css und derscriptsprache javascript.

2

Page 3: Ag webmakerimmlab14-sammlungsdoc

● php können wir nicht sehen, weil php nicht vom browser, sondern vom serverinterpretiert wird.

PopcornMit Popcorn lässt uns bestehende Filme editieren, die Möglichkeiten sind ob der verschiedenenrechte begrenzt.

Thimble● nach dem wir das verstanden haben, können wir mit Thimble eine erste Webseite und

bald eine Website schreiben ­ wobei wir gleich wysiwyg sehen, wie die Seite vomBrowser interpretiert wird.

● Nicht lernen können wir mit Thimble, wie wir die Seiten ins Web bringen.● Thimble ist ein gutes Tool, wenn du Text im Web publizieren willst ­ den du allerdings

nicht beeinflussen kannst, weil er sich in einer Domain von Mozilla befindet.● Darüber hinaus können geschicktere SchülerInnen zum Beispiel den von YT gegebenen

Code einsetzen ­ und noch geschicktere, irgendwelche Elemente aus irgendwelchenWebseiten kopieren und verwenden.

● Es kann sein, dass dieses Copy­Pasten als Kompetenz bezeichnet werden kann ­ mitden Sprachen des Web und deren Verständnis hat’s aber wenig bis nichts zu tun.

● HTML und CSS können ab der 7. Klassen von allen SchülerInnen erlernt werden.

Einsatzmöglichkeiten der Tools

X-Ray Goggles● Tagesworkshop für Jugendliche im Alter von 10­14 Jahren in der politischen

Bildungsarbeit● “bewusste Irreführung” durch Veränderung vorhandener Websites > Paul Watzlawick

sagt in einem Vortrag "wie wirklich ist die Wirklichkeit", dass nach einer glaubwürdigenInformationen es viele weitere brauchen, um das erste "Urteil" zu ändern...Somit könntenman einen guten Einstieg in die Diskussion zur Informationskompetenz haben, Wasglaube, warum glaube ich es und wie sicher ist die Quelle?

● Themen: Informationskompetenz, Urheberrecht. Quellcode als Machtinstrument

Grobkonzept zu X­Ray Goggles­Workshop von Markus Gerstmann

Zielgruppe: 10 ­14 JahreOrt: Schule, alternativ: außerschulischInfrastuktur: 10 ­20 PCs oder Laptops. Laptop­Klassen, SchülerInnen bringen ihre eigenenLaptops mitZiele: Wahr / unwahr im Netz, Was sind gefakte Informationen, InformationskompetenzWie kann ich Informantionen überprüfen, Impressum (Impressumsinformationen googlen)

3

Page 4: Ag webmakerimmlab14-sammlungsdoc

Projekttag1./2. Stunde

● Begrüßung● Evtl. aktuellen Fall zeigen, Ins Gespräch kommen● Habt ihr auch schon einmal gedacht, dass ist bestimmt gefakt?● Wie werden Informationen gefakt?● Wer macht das warum?● Was ist erlaubt?● Darf man gefälschte Inhalte ins Netzt stellen?● Begriffsklärung

○ Fake○ Gefälscht○ Manipuliert○ Lügen○ Welche Begriffe gibt es noch?○ Fake Meldungen○ Kettenbriefe○ Verweis auf mimikama.at

● Regeln definieren3. Stunde

● X­Ray Goggles erklären4./5. Stunde

● Eine eigene Seite "hacken"6. Stunde

● Präsentation in der Klasse● Diskussion● Exkurs: Evtl. auf politische Sachen eingehen

http://de.wikipedia.org/wiki/X_f%C3%BCr_U_%E2%80%93_Bilder,_die_l%C3%BCgen● Optisch

○ Bilder – Photoshop ­ Filme bei YouTube darüber○ Filme – Bluescreen Verfahren http://imgur.com/a/akUQc, für ältere jugendliche

http://vimeo.com/18275127○ Russischen gefakten Dokufilm ­­> für ältere Jugendliche ist nicht via youtube und

vimeo im Netz zu finden... Spiel mit dem Tod – DokumentationNächsten TagGreift die Lehrerin das Thema noch mal aufDeutlicher Verweis auf die Regeln

4