Thema Web »
Websites hinter Gittern
"Gitter" von rudolf_schuba auf flickr.com
„Immer schauen, wie’s die Profis machen“ ist eines meiner medienpädagogischen Mottos, und das hat mich jüngst zu einer neuen Erkenntnis gebracht: Wireframes sind eine geniale Methode, um mit mehreren Menschen an einem Website-Entwurf zu arbeiten. Die Gittermodelle (manchmal auch „Mock-up“ genannt) stammen aus der professionellen Webentwicklung, sind meiner Meinung nach auch ein guter Ansatz, um während eines medienpädagogischen Website-Projektes mit einer Gruppe gemeinsam die Grundstrukturen einer Website festzulegen.
Wie das aussieht, was die Vor- und Nachteile sind, das erklären zwei Artikel der Webkrauts und von Dr.Web. Stellt sich nur noch die Frage, wie mensch solch einen Wireframe denn konkret erstellt. Dafür gibt es verschiedene Herangehensweisen mit herkömmlichen Programmen wie bspw. Photoshop. Ein Tutorial im InteractionDesign Blog erklärt das genauer. Sehr schön, praktisch und funktionell finde ich aber auch eine webbasierte Lösung wie Mockingbird. Viel Spaß beim Entwerfen!
Rechtlich gut im Bilde sein
„Hf30He63Dg12²Ob276“ von just.Luc (just.Censored) auf flickr.com
Die Sensibilität für UrheberInnen- und Persönlichkeitsrechte wird ständig größer und über jedem Veranstaltungsflyer oder auch Jahresbericht mit Fotos schwebt das Damoklesschwert von Einzelpersonen, die das Recht am eigenen Bild verletzt sehen. Die erhöhte Sensibilität ist grundsätzlich eine gute Entwicklung, führt aber bei PädagogInnen zu großer Unsicherheit oder auch Angst.
Eine hilfreiche Publikation ist daher der „Ratgeber Bild- und Urheberrecht“ beim jugendnetz-berlin.de. Eine Expertin beschreibt dort sehr praxisnah die rechtlichen Implikationen bei der Verwendung von Fotos von (jugendlichen) TeilnehmerInnen in eigenen Veröffentlichungen.
Bei den zahlreichen Nachfragen zum Thema kann mensch als MedienpädagogIn ab sofort noch mit zwei weiteren Materialien glänzen: mekonet beschreibt im PDF „Rechtsfragen in der digitalen Welt„, was bei der Publikation von Inhalten im Netz rechtlich beachtet werden muss. Ähnliches bietet lehrer-online mit einem Online-Kurs zum Thema.
YouTube Direct
Screenshot von der YouTube Direct-Website
Brechts Radiotheorie, Bürgerfernsehen, Blogosphäre: Mit technischen Innovationen entstehen immer neue Möglichkeiten der Demokratisierung der Medienlandschaft und der Veränderung der Kommunikationsstrukturen, die gerade bei MedienpädagogInnen für leuchtende Augen sorgen. Und bei allen Enttäuschungen: Die Utopie rückt mit jeder Innovation näher.
Dazu könnte auch das neueste Angebot von YouTube zählen: „Direct„. Mit dieser Technologie kann das eigene YouTube-Videoangebot um user generated content ergänzt werden; UserInnen können ihre eigenen Videos hochladen. Das ist in der Medienpädagogik nicht nur für Partizipationsprojekte interessant; auch bei Wettbewerben oder dezentralen Videoprojekten könnten Jugendliche so ihre Beiträge leicht auf einer zentralen Website hochladen. Die Einbindung in die eigene Website ist nicht trivial, aber bewältigbar; bei google code findet sich ein Tutorial.
Zum Thema Utopie: Es bleibt die Frage, wer denn hier letztlich die Produktionsmittel in Händen hält. In diesem Sinne empfiehlt sich bei größeren Projekten dann doch ein eigenes Videoportal.
Digitaler Selbstmord
Screenshot der "Web 2.0 Suicide Machine"
Nein, das ist kein unmoralischer Aufruf an MedienpädagogInnen, ihren Schützlingen die Verlockungen des Jenseits nahe zu bringen. Hier geht es vielmehr um Datenschutz, Jugendschutz, die Selbstbestimmung über die eigene (Daten)Identität, die Auseinandersetzung mit dem eigenen Medienkonsum und auch um Datensicherheit.
Auch wenn Jugendlichen nicht unbedingt nahegelegt werden kann, sämtliche Web2.0-Aktivitäten ad acta zu legen, gibt es sicher Gründe, sich gegen den eigenen Account bei Facebook oder Twitter zu entscheiden. Und dann bietet die neue „Web 2.0 Suicide Machine“ sowohl einen effektiven wie ästhetischen Weg, die eigenen Daten samt des Accounts zu löschen: Der/die NutzerIn kann den Löschvorgang beobachten und sieht so ’sein/ihr digitales Leben an sich vorbeiziehen‘. Das kann sicher auch ein guter Einstieg in einen Workshop zum Thema Web 2.0 sein.
Bisher werden Facebook, Twitter und MySpace ‚unterstützt‘, weitere Communities sollen folgen.
EtherPad goes PiratePad
"Pirate vs. Ninja: Fight!" von Dunechaser auf flickr.com
Das fängt ja gut an: Nachdem EtherPad, das Tool schlechthin für das kollaborative Schreiben im Web, zunächst im Schlund von Google zu verschwinden drohte, hat sich die Lage nun komplett gewandelt. Die MacherInnen und die Software wechseln zwar zum Webgiganten, der damit GoogleWave weiterbringen dürfte, die eigentliche Software ist seit neuem aber OpenSource und kann damit auf eigenen Servern installiert werden!
Die schwedischen Piraten haben sich da nicht lumpen lassen und bieten direkt auf dieser Basis einen eigenen Dienst an: PiratePad. Da steht der freien Online-Kollaboration nichts mehr im Weg.
Und wer den eigenen Webserver mit EtherPad ausstatten möchte, der findet bei Google den Sourcecode und eine Installationsanleitung. Auf den ersten Blick sieht das aber nicht trivial aus… [via @ertelt]
Nützliche Firefox Erweiterungen
Firefox.png von http://aboutonlinetips.com/
In diesem Jahr surfen zum ersten Mal in Deutschland mehr Menschen mit dem Mozilla Firefox Browser als mit dem Internet-Explorer. Die Vorteile des Browsers liegen auf der Hand: Er ist kostenlos, plattformunabhängig und vor allem: Mit einer Vielzahl von Addons erweiterbar.
Grund genug, ein paar nützliche Firefox Addons zu empfehlen, die auch ausserhalb medienpädagogischer Projekte eine echte Hilfe sein können.
Der Webserver in der Hosentasche
"Die Butze" von rockygranada auf photocase.com
Der Internet-Zugang wird (per Handy&Co.) zwar immer leichter und allgegenwärtiger, dennoch ist es nach wie vor angesagt, eine Website auf mal offline laufen zu lassen. Die Serversoftware „XAMPP“ ist dafür ein geniales Werkzeug, bietet sie doch alles in einem Paket, was eine dynamische Website braucht (also insbesondere PHP und mySQL). So kann bspw. ein Weblog auf einem beliebigen Computer für Test- und Präsentationszwecke installiert werden.
Das ganze geht noch einfacher und abgefahrener: Nun gibt es die Software auch (für Windows) in einer portablen Version! Das bedeutet, ein medienpädagogisches Website-Projekt oder die eigene Website kann ab sofort auch rechnerunabhängig per USB-Stick laufen. Wir zeigen hier, wie Sie XAMPP portable installieren und einrichten.
[Gerne würde ich auch ein HowTo für Mac OS X veröffentlichen, leider scheint es hier keine einfache Möglichkeit zu geben einen Server auf einem externen Medium zu installieren. Haben Sie hier Erfahrung und eine Lösung? Ich bin für Tipps dankbar.]
Der richtige Rahmen für youtube-Videos
Screenshot aus dem dazugehörigen Video
Darauf hat die (youtube-)Welt gewartet: So unästhetisch es ist, wenn youtube 4:3-Videos im 16:9-Fenster mit Letterbox anzeigt, so ärgerlich ist es, wenn mensch 16:9-Videos bereitstellt und sie gedehnt in 4:3 auf der Website erscheinen oder gar mit einem schwarzen Kasten rundherum.
Für die letztgenannten Format-, Seitenverhältnis- und Anzeigeprobleme bei youtube-Videos gibt es nun eine Lösung: Das Videoportal beschreibt auf einer Support-Seite (englisch, auch mit HowTo-Video), wie Seitenverhältnis und andere Eigenschaften von Videos auch nachträglich geändert werden können. Mögen die medienpädagogischen Ergebnisse fortan auf youtube den richtigen Rahmen finden. [via @videofilmen]
…CSS bleibt!
"css-miami-desktop" von geirarne auf flickr.com
Auch wenn der Gestaltungsrahmen von Websites in Zukunft vermehrt mit HTML5 realisiert wird, bleibt CSS der Standard zur konkreten Gestaltung.
Deshalb aus dem aktuellen Anlass ein kleines Update zu Hilfsmitteln, Nachschlagewerken und Ressourcen zum Thema CSS – zur eigenen Weiterbildung und/oder als Grundlage für das nächste medienpädagogische Projekt.
HTML5 kommt…
"5 %" von klosko auf photocase.com
Das Internet ist wohl mit Abstand der dynamischste Bereich der Medienpädagogik und damit auch der aufwändigste, wenn es darum geht, als MedienpädagogIn auf dem aktuellen Stand zu sein.
Gerade rollt wieder eine Innovationswelle durchs Netz: Mit HTML5 kommt demnächst eine neue „Version“ des Webstandards schlechthin. Ein guter Zeitpunkt um zu schauen, was denn so neues kommt und was mensch wissen muss, wenn es um medienpädagogische Websiteprojekte geht. Ich habe in den letzten Wochen Links zu Grundlagen, Beispielen, HowTos und praktischen Hilfsmitteln gesammelt.
Den ganzen Beitrag lesen