Titel des Buchs

Treffer und versenkt! Mehr muss mensch nicht sagen bei der Projektarbeit “Das ist der Tag, von dem ihr noch euern Enkelkindern erzählen werdet”: Zwei Studenten der HTW Berlin haben ein Transkript von “Germany’s next Topmodel 2011 – das Finale” im Reclam-Stil in Dramenvers gesetzt.

Das Ergebnis sind 120 Seiten pure Medienkritik, die dem Gegenstand eine solch beeindruckende Reflexionsebene aufsetzen, dass sie ein pures Geschenk für die Medienpädagogik sind. Sei es als Vorlage für das nächste Videoprojekt oder eine andere szenische Produktion, sei es als Grundlage für ein anderes medienkritisches Mashup – bei mir sprudeln beim Betrachten schon die Ideen.

Das Produkt ist kostenlos im Netz verfügbar. Da bleibt doch noch eins zu sagen: Danke!

Verwandte Artikel

• Websiteentwürfe leicht gemacht (0)
• fake reality – “So echt, dass wir selbst darauf reinfallen würden” (0)
• Besseres Webvideo (1)
• As time goes by… (0)
• Zusammen schneiden (1)

"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.

• Bei “FreeCSSTemplates” gibt es freie, einfache und sauber programmierte CSS-Templates mit CreativeCommons-Lizenz.
• Das SmashingMagazine bietet eine Liste von freien text-/schriftorientierten XHTML/CSS-Templates (englisch).
• “CSS Tricks” bietet Tutorials, ein Forum, Codeschnipsel sowie Grundlagenartikel (englisch).
• Hinweise, wie eine CSS-gestaltete Seite schlanker, schneller, stabiler wird, sowie weitere praktische Tipps gibt es beim SmashingMagazine (englisch).
• Dort gibt es auch eine Liste von 50 Tools für die Arbeit mit CSS (englisch).
• “DrWeb” und “CSS-Resets” verlinken auf vier so genannte CSS-Reset-Stylesheets, die  die Layout-Standardeinstellungen der verschiedenen Browser auf einen gemeinsamen Nenner bringen.

Verwandte Artikel

• HTML5 kommt… (1)
• Was das GestalterInnenherz begehrt… (0)
• Schicke Outfits für eigene Websites (0)
• Web-Layoutmodelle im Überblick (0)
• Tutorials zu HTML, CSS & Co. (0)

LAPP-Pro: Man stuck in Flipper

Über Langzeitbelichtung haben wir ja schon des öfteren geschrieben, das Prinzip sollte bekannt sein (wenn nicht, die Tag-Cloud und die Suchleiste helfen weiter). Die medienpädagogische Durchführbarkeit kann bei einem solchen Projekt sicherlich in Frage gestellt werden, aber Ideen liefern die Bilder von LAPP-Pro (Light Art Performance Photography) durchaus. Die unterschiedlichen Orte bieten immer wieder ein anderes Ambiente, vor allem aber die unterschiedlichen Lichtquellen machen den Reiz der Fotos aus. Mal sind verschiedene LED-Leuchten, mal Feuerwerkskörper und Laser zum Einsatz gekommen. Was dann noch fehlt sind Ideen diese Lichtquellen ähnlich meisterhaft zu inszenieren.

Verwandte Artikel

• Langzeitbelichtungsbilder reloaded (0)
• Langzeitbelichtung reloaded (1)
• Was Sie schon immer mal im Dunkeln schreiben wollten… (0)
• Was das GestalterInnenherz begehrt… (0)
• StoppTrick-Animationen malen mit Licht (1)

"Post IT Shooter" von Petri Purho

“Monatlich ein Spiel entwickeln, das haben sich die freien Spieleentwickler Alan Blomquist, Kyle Gabler, Kyle Gray, Petri Purho und Shalin Shodhan von “Experimental Gameplay Project” vorgenommen. Sie sind nicht gänzlich unbekannt, zumindest Petri Purho sollten durch Crayon Physics Deluxe und Kyle Gabler durch World of Goo und 2D Boy nicht nur in der Szene ein Begriff sein. Die Regeln nach denen der kleine Wettstreit ausgetragen wird: das Spiel muss innerhalb von sieben Tagen entstanden sein, es darf nur eine Person beteiligt gewesen sein und es muss mit dem Monatsmotto zu tun haben.

Alle Spiele konnte ich aus zeitorganisatorischen Gründen leider noch nicht testen, ein kurzer Blick jedoch genügt und medienpädagogisch Interessierte folgen dem einen oder anderen Link. Und natürlich sind wir immer dankbar für Rezesionen treuer LeserInnen.

Verwandte Artikel

• Super Mario im Klassenzimmer (3)
• Animierende Post-it-Animation (1)
• Wissenswertes über Farben (1)
• Wie meinen? (0)
• Websiteentwürfe leicht gemacht (0)

"Hannover: colorful chair-parade 25.605.15" von Juergen Kurlvink auf flickr.com

Spätestens wenn es um Webdesign oder um die Gestaltung von Broschüren und Plakaten geht, steht auch der/die letzte MedienpädagogIn vor der Wahl “Welche Farbe hättns denn gern?”. Meist wird dann aus der Hüfte geschossen mit einigermaßen zufriedenstellenden Ergebnissen, aber jeder Blick auf Produkte von Profis provoziert die nächste Frage: “Wo haben die nur die passenden Farben her?”

Grund genug, um sich in einer ruhigen Minute mal mit Farbenlehre, Farbräumen, dem Farbkreis, Komplementärfarben, Farbpaletten oder auch Farbsymbolik – und Bedeutung auseinander zu setzen. Der Gestalter Klaus-Dieter Knoll hat das in seinem Blog getan und sein Wissen in vier anschaulichen und praxisorientierten Artikeln [1,2,3,4] zusammengefasst. Auf dass die TeilnehmerInnen beim nächsten Webprojekt davon profitieren. Sehr praktisch in diesem Zusammenhang ist übrigens auch das Tool colorsuckr.com, das aus hochgeladenen Bildern die passenden Farben extrahiert.

Verwandte Artikel

• Farbverliebte unter sich (0)
• Websiteentwürfe leicht gemacht (0)
• Schicke Outfits für eigene Websites (0)
• Inspirationen für Webgestaltung (0)
• Bilder nach Farben suchen (0)

Screenshot aus "Neurosonics Audiomedical Labs Inc."

Der Zufall ist und bleibt ein Künstler: Da überlege ich mir für unseren Workshop bei den video/film tagen 2009 den Titel “Videopunk” und stoße damit auf eine interessante Website eines “Videopunks”, die mir flugs einige neue Erkenntnisse beschert.

Markus Hündgen schreibt in seinem  Blog immer wieder erkenntnisreiche Beiträge über seine Profession Webvideo. Auf zwei möchte ich hier direkt hinweisen, weil ich denke, dass sie auch für medienpädagogische Projekte mit Web und Video relevant sind: Zum Einen geht es um ‘Talking Heads‘ in Videobeiträgen und deren mangelnde Eignung für Internetseiten. Eine wichtige Erkenntnis, haben doch gerade medienpädagogische Dokus oft einen hohen TalkingHeads-Anteil. Ein anderer (Video)Beitrag beschäftigt sich mit Webvideos und Authentizität. Die ZuschauerInnen bekommen darin sehr praktische Tipps zu schönem und interessanten Webvideo – Markus Hündgen grenzt dabei insbesondere Webvideo von Fernsehen ab. Sehr empfehlenswert.

Zum Thema “Talking Heads” ist mir die Tage auch noch ein eher humoristischer (Musik)Videobeitrag über den Mauszeiger gelaufen – gut gemacht und höchst unterhaltsam.

Verwandte Artikel

• Webvideo wie die Profis (0)
• Websiteentwürfe leicht gemacht (0)
• Videos im Liegen updated (1)
• Perspektivwechsel im Liegen (0)
• Hintergründe und Trends zu Webvideo (0)

Screenshot aus "The Longest Way"

Portraits dokumentieren schön die Stimmung und Verfassung eines Menschen und so kann gut die persönliche Entwicklung auch über einen längeren Zeitraum gezeigt werden. Im Film ist das nicht ganz so einfach (alleine schon wegen des immer gleichen Bildausschnitts), kann aber sehr schön werden, wie schon die Simpsons gezeigt haben.

Christoph Rehage beweist mit seinem Film “The Longest Way“, dass so eine Langezeitdokumentation auch im realen Leben funktioniert. Seine schönen Selbstportraits bieten darüber hinaus viele Beispiele für Gestaltungsmöglichkeiten. Und noch aus einem zweiten Grund ist das Video zum medienpädagogischen Inspirationsfilm zum Wochenende geworden: Die Splitscreensequenz am Anfang ist eine sehr gelungene Methode, um einen Überblick über das Geschehene zu geben.

Verwandte Artikel

• Splitscreen all you can eat (1)
• JumpCut mal anders (0)
• Filming apart together (0)
• Ein Tag, der die Welt bedeutet (0)
• Das Auge zur Welt (0)

"Moodboard Schnipsel" von dbloete auf flickr.com

Nicht immer müssen bei medienpädagogischen Website-Projekten Gestaltungsentwürfe gemacht werden – aber wenn, dann ist das kein leichtes Unterfangen, denn wer diskutiert schon gerne über kreative Entwürfe und damit über Geschmäcker?

Nun bin ich auf Moodboards aufmerksam geworden, eine Methode aus dem gestalterischen Bereich, mit dem erste Attribute einer Website, eines Videos oder auch eines Wohnzimmers visualisiert werden können. Und ich finde, dass Moodboards auch eine Methode für die medienpädagogische Arbeit sein können: Wenn alle TeilnehmerInnen einer Projektgruppe ein solches Produkt zu einer Website (oder einem Video) erstellen, ist das eine gute Basis, um über einen gemeinsamen Look zu diskutieren. Das Dr. Web Magazin führt ins Thema ein und nennt gute Links; hier und hier gibt es erste Anleitungen.

Verwandte Artikel

• Wissenswertes über Farben (1)
• Was Sie sich schon immer zu Photoshop gewünscht haben… (1)
• Schicke Outfits für eigene Websites (0)
• Inspirationen für Webgestaltung (0)
• Geschichten finden mit Comic-Strips (0)

Wer dieses Ziel erreichen möchte, kommt irgendwann an den Punkt, sich mit Typografie auseinanderzusetzen – die “Lehre” der Schriften bzw. die Gestaltung durch Schrift und Schriftbild. Für MedienpädagogInnen, die sich zur Selbstbildung damit auseinandersetzen möchten oder beim nächsten Zeitungs-/Webprojekt einen Input dazu gestalten möchten, sei hier Gerrit van Aakens Quellen-Zusammenstellung empfohlen: Dort finden sich Grundlagenliteratur, Links zu aktuellen (freien) Schriften und weitere Tipps.

Und für den humoristischen bzw. spielerischen Einstieg empfehle ich ban comic sans (yeah!) und den Arial vs. Helvetica-Battle.

Verwandte Artikel

• Schöne Gestaltungserfolge mit Rastern (0)
• Eine gute Einführung in Typografie (0)
• “Die guten ins Töpfchen…” (0)
• Schicke Outfits für eigene Websites (0)
• Kostenlos schöne Druckerzeugnisse entwerfen (0)

Und wenn doch mehr Zeit für eigene Entwürfe da ist, dann sind diese Seiten gut zur eigenen Inspiration: Das Portfolio des polnischen Studio K und in einer weiteren Zusammenstellung des SmashingMagazines zu kreativen Webseitengestaltungen. So bekommt das nächste Webseitenprojekt auf jeden Fall ein schickes Outfit.

Verwandte Artikel

• …CSS bleibt! (2)
• Web-Layoutmodelle im Überblick (0)
• Was das GestalterInnenherz begehrt… (0)
• Professionelles Webdesign im Web2.0 (0)
• Inspirationen für Webgestaltung (0)

Gerrit van Aaken hat sich in meinen Augen einen Orden verdient, in dem er für Diskussions-EinsteigerInnen die verschiedenen Ansätze des Weblayouts einführend beschreibt und das gleich mit anschaulichen Beispielen. Die aufmerksamen LeserInnen erfahren so Eigenschaften, Vorteile und Nachteile des flexiblen und des fixen Layouts sowie von normalen und flexiblen Zoomlayouts. Danke! Jetzt kann auch ich mitdiskutieren – und mein neues Wissen im nächsten medienpädagischen Internetworkshop weitergeben.

Verwandte Artikel

• Was das GestalterInnenherz begehrt… (0)
• Schicke Outfits für eigene Websites (0)
• …CSS bleibt! (2)
• Tutorials zu HTML, CSS & Co. (0)
• Professionelles Webdesign im Web2.0 (0)

Verwandte Artikel

• HTML5 kommt… (1)
• HTML verstehen und nachlesen (0)
• …CSS bleibt! (2)
• Web-Layoutmodelle im Überblick (0)
• Tutorials zu HTML, CSS & Co. (0)

Verwandte Artikel

• Was das GestalterInnenherz begehrt… (0)
• Schicke Outfits für eigene Websites (0)
• Gut zu wissen: CSS-Sprites (0)
• Best of CSS Design 2007 (0)
• Beispiele für CSS- und Flashdesign im Web (0)

Setting und Konzept

Innerhalb von fünf Tagen sollte eine internationale Gruppe innerhalb einer medienpädagogischen Veranstaltung mit mehreren Workshops die Erkenntnisse aus diversen Interviews und Ausflügen auf einer mehrsprachigen Internetseite dokumentieren. Grundlage war eine Installation des WordPress-Basispakets auf einem eigenen Webserver. Davon ausgehend sollten die jugendlichen TeilnehmerInnen sämtliche Aspekte der Webseitenentwicklung (inkl. Plugininstallation und Themegestaltung) selbst übernehmen. Dem lag der Gedanke zu Grunde, dass die Jugendlichen so am Ende nicht nur Wissen über die inhaltliche Arbeit an einer Webseite und der Nutzung eines einfachen CMS haben, sondern auch die Pflege und Installation selbst übernehmen können.

Artikelredaktion im Backend

Das Backend/der Adminbereich von WordPress ist sehr übersichtlich gestaltet, die Möglichkeiten sehr klar angeordnet und bezeichnet. Entsprechend einfach und schnell war die Einführung für die Jugendlichen, die sich alle weiteren Funktionen intuitiv erschlossen haben. Eine wichtige Kleinigkeit die die souveräne Autospeichern-Funktion von WordPress – als WorkshopleiterIn kann mensch sich so immer zurücklehnen und ist vor unangenehmen Datenverlusten bei der Artikelredaktion gefeit.

Bis zum Schluss teilweise (insbesondere für die EinsteigerInnen) schwer zu vermitteln war allerdings der Unterschied zwischen Artikeln und Seiten. Erst während des Projekts hat sich auch herausgestellt, dass das einsprachige Backend für manche eine Hürde darstellt, die die entsprechende Sprache nicht hinreichend beherrschen.

Insgesamt sehe ich bei der Redaktion im Adminbereich aber einen klaren Vorteil für WordPress gegenüber komplexeren Systemen wie Typo3.

Webseitengestaltung

Für Jugendliche ist es wichtig, die eigenen Webseiten nach den eigenen Vorstellungen gestalten und schließlich auch mit allen Gimmicks “pimpen” zu können. Bei aller Flexibilität von schwereren “Geschützen” wie Typo3 ist das deren Archillesferse. Hier ist es nämlich nur aufwändig und mit hohen Anforderungen an das technische Vorwissen der Beteiligten möglich, ein Template zu verändern. Das kann Frust und Unzufriedenheit mit dem eigenen Produkt hervorrufen. Anders mit WordPress: Mit dem Themebrowser können die TeilnehmerInnen frei einen neuen Look für die eigene Seiten aussuchen, der schnell installiert ist und relativ unaufwändig veränderbar ist. Womit wir bei der

Technik

wären: Die (technische) Installation von neuen Funktionen (Plugins) und neuer Gestaltung (Themes) ist mit WordPress fast intuitiv zu erledigen, vom Ablauf ähnlich, auch für EinsteigerInnen schnell verständlich und mit wenigen Klicks zu erledigen. Entsprechend gut hat die technische Pflege unserer WordPress-Installation durch die Jugendlichen funktioniert. Ich bin mir sicher, dass auch die Grundinstallation von den Jugendlichen hätte übernommen werden können – das hätte nur eine zusätzliche Unsicherheit für den Workshop-Auftakt bedeutet (mensch weiß schließlich nie, wie sich Server verhalten). Sehr schön gerade für die medienpädagogische Arbeit mit Jugendlichen ist die fast unerschöpfliche Auswahl an Erweiterungen für WordPress. Damit sind fast alle Vorstellungen der TeilnehmerInnen zu realisieren.

Meiner Meinung nach macht es die Einfachheit auch sehr wahrscheinlich, dass die Jugendlichen – sollten sie das wollen – nach einem solchen Workshop auch eine eigene Website umsetzen können. Bei Geschossen wie Typo3 ist das relativ unwahrscheinlich, hier lernen sie meist nur das redaktionelle Arbeiten.

Mehrsprachigkeit

Der heikelste Punkt der Woche: Würde es zufriedenstellend funktionieren, unsere Seite mehrsprachig zu machen? Ja, es gelang, aber hier macht Typo3 im direkten Vergleich einen klaren Punkt.

Mit dem Plugin Gengo wird WordPress sehr (!) leicht mehrsprachig, allerdings ist das Verhalten im Frontend nicht immer komfortabel (je nach Klick erscheinen beispielsweise alle Sprachen auf einmal), auch im Backend werden die Artikel und Seiten (wordpress-typisch) nicht nach Sprachen getrennt, sondern erscheinen in der Liste. In beiden Situationen verliert mensch bei vier Sprachen schnell mal den Überblick. Trotzdem war die Arbeit mit Gengo auch für die Jugendlichen intuitiv und hat recht reibungslos funktioniert, auch wenn es inkompatibel zu manchen Plugins zu sein scheint.

Dennoch ist die konkrete Arbeit an einer mehrsprachigen Seite mit Typo3 weitaus souveräner zu meistern. Gleichzeitig ist hier wiederum die Vorarbeit ungleich aufwändiger.

Fazit

Die Gesamteinschätzung ist natürlich von dem medienpädagogischen Ziel abhängig: Geht es darum, dass die Jugendlichen weitgehend selbst die Technik meistern, einen ausführlichen Blick hinter die Kulissen werfen können und Aussehen und Funktionalität selbst bestimmen? Oder geht es darum, das redaktionelle Arbeiten mit einem (fast) professionellen CMS zu erlernen und sich eher auf die Inhalte zu konzentrieren? Im ersten Fall lautet die Antwort (derzeit) ganz klar WordPress, im zweiten Fall natürlich Typo3.

Darüber hinaus hat sich während meines Projektes für mich gezeigt, dass WordPress ganz große Vorteile bei der Übersichtlichkeit und BenutzerInnenfreundlichkeit hat sowie sehr hilfreiche Funktionalitäten wie das automatische Speichern von Datensätzen bietet. WordPress bleibt also auf jeden Fall zumindest im Rennen wenn es um die Konzeption von zukünftigen Internetprojekten mit Jugendlichen geht.

Verwandte Artikel

• Weitere einfache CMSysteme (0)
• Mit WordPress Menschen zusammenbringen (3)
• Der Webserver in der Hosentasche (1)
• Social Media im Unterricht (7)
• Showdown der Weblog-Systeme (0)

Verwandte Artikel

• Typografie für EinsteigerInnen (2)
• Webprojekte mit WordPress (5)
• Was Sie schon immer über Videoprojekte wissen wollten… (0)
• Von farbig zu schwarzweiß (0)
• Tipps zum Freistellen mit Photoshop (0)

Die ideale Basis für den Einstieg bietet macnews.de mit seinem Sonderthema “Typografie” vom Mai. Hier geht es um Historie, Schriftwirkung, Schriftmischung – aber auch um praktische Tipps zu Finetuning mit InDesign oder QuarkXpress usw. Lesenswert.

Verwandte Artikel

• Typografie für EinsteigerInnen (2)
• Tricks zu Photoshop&Co. (0)
• HowTo-Videos rund um Adobe (0)
• Webprojekte mit WordPress (5)
• Von farbig zu schwarzweiß (0)