Der Author und Web Designer Ethan Marcotte  beschreibt in seinem Artikel Responsive Web Design bei A List Apart die Idee der Gestaltung von Webseiten, unabhängig von den darstellenden Endgeräten. Er hat bei vielen Web Designer und Developer ein Umdenken für die Zukunft des Web entfacht.

Die Zukunft des Web ist Mobile

Liebe Leser!

Die Intention dieses Blogs war es, einen Überblick über meine Arbeiten während meines Studiums an der University of Applied Science, Campus Hagenberg (Austria) zu zeigen. Zusätzlich wollte ich meine Referenzen – die ich als Freelancer erarbeitete – präsentieren. Dieser Blog wurde seit einer Weile nicht mehr gepflegt. Dies hat nun ein Ende und ein neues Kapitel beginnt.

Ich bin nun am Ende meines Master Studiums für Interactive Media angelangt und werde daher meinen Blog nun dazu verwenden mein Diplomprojekt sowie meine Diplomarbeit öffentlich zu Dokumentieren. Mein Thema ist im Bereich Web Design angesiedelt und lautet “Responsive Web Design“. Dieses Thema wird meiner Meinung nach im Jahr 2012 für ein Umdenken im Web Development führen. Daher hoffe ich einige Interessierte zu erreichen und manchen den Ein- bzw. Umstieg zu erleichtern.

Ich werde…

1. … die Recherche meiner Diplomarbeit öffentlich zur Verfügung stellen
2. … mein Diplomprojekt in den verschiedenen Versionen zum Testen anbieten
3. … Literaturhinweise und Linklisten zum Thema bereitstellen

Ich bitte um Kommentare und Kritiken zu den Artikeln, die ich im Laufe der Zeit ansammeln werde und hoffe das mein Projekt Zustimmung findet und für manche von euch eine Hilfe ist. Mehr dazu in einem meiner nächsten Artikel.

Die Einrichtung dieser Funktion ist aber leider nicht so einfach wie ich am Anfang angenommen habe. Daher möchte ich euch ein bisschen Zeit ersparen und meine Vorgehensweise die zum gewünschten Ergebnis geführt hat erläutern.

Vorbedingungen

• Netzteil für iOS5 Gerät
• USB-Kabel für iOS5 Gerät
• iTunes am Computer mit dem ihr das Gerät ansonsten auch Synchronisiert
• iOS5 Gerät und iTunes Computer müssen sich im selben Wlan befinden

Vorgehensweise

1. iOS5 Gerät mit dem USB-Kabel am iTunes Computer anschließen
2. im iTunes unter Geräte auf das iOS5 Gerät klicken
3. den Haken bei “Mit diesem iOS5 Gerät über Wlan synchronisieren” aktivieren
4. ein letztes Mal das iOS5 Gerät über Kabel mit iTunes synchronisieren
5. Das Gerät kann nun vom Computer entfernt werden
6. iOS5 Gerät mit dem Netzteil mit Strom versorgen
7. iTunes neu starten
8. jetzt müsste das iOS5 Gerät in iTunes unter Geräte erscheinen (genau als ob es mit Kabel angeschlossen wäre)

Folgender Code muss im Terminal ausgeführt werden:

defaults write com.apple.finder AppleShowAllFiles TRUE

killall Finder

Nun werden alle Dateien im Finder angezeigt. Um den Standard wiederherzustellen, müssen folgende Befehle im Terminal ausgeführt werden.

defaults write com.apple.finder AppleShowAllFiles FALSE

killall Finder

Link zur Seite.

Technologien

• WordPress als CMS
• PHP
• Flash
• XML
• Illustrator, Photoshop

link zur Microsite

Technologien

• Flash AS3

Der Werbespot ist als Kritik an den gängigen Werbelinien gedacht, die durch schockierende Bilder versuchen die Aufmerksamkeit des Kunden zu gewinnen.

Diese Arbeit ist im Zuge des 5. Semesterprojekts an der FH entstanden. Gemeinsam im Team erarbeiteten wir das Konzept und setzten dieses dann auch um.

Team:

• Florian Pheböck (Projektleiter, Idee, Preproduktion, Schauspieler, Postproduktion)
• Christoph Zeller (Preproduktion, Konzept, Regie, Postproduktion)
• Alexander Lentner (Preproduktion, Konzept, Licht, Vertonung (Musik, Aufnahme des Sprechers))
• René Trauner (Preproduktion, Konzept, Kamera, Postproduktion)
• Phillip Gould (Preproduktion, Konzept, Kameraassistent, Zeichnungen, Postproduktion)

Dieses Projekt setzten wir (Bauer Florian und ich) im Sommer 2009 als Freelancer für eine Werbeagentur in Linz um.

Als Backend fungiert WordPress als Content Management System das wir erweiterten um die Anforderungen zu erfüllen. Der Kern dieser Arbeit liegt in der Grafischen Navigation die automatisch aus den Adressen den Standort des Golfclubs bzw. Hotel, … in die Karte einzeichnet und als Link auf den Beitrag zeigt. Zweites Highlight sind die Tourismus Tipps die man im Beitrag als Werbung hinzufügen kann.

Link zur Seite

Technologien

• XHTML / CSS
• WordPress als Backend
• WordPress Erweiterung zum CMS
• PHP
• JavaScript

Der karrierebewusste Banker Robert (Stefan Irndorfer) und die draufgängerische Alex (Sandra Elisabeth Meinschad) sind bald ein Jahr ein Paar. Kennengelernt auf einer Party von der gemeinsamen Freundin Tanja (Fiorina Doré). Der Alltag hat sich eingeschlichen und nur ein Abend lässt die Zukunftspläne von Robert ins wanken kommen. Zusammen mit ihrer Freundin Carmen (Amila Sijamija) verbringet sie den Abend der alles verändert…

Alex und Robert sind ein junges Pärchen. Alex die Draufgängerin liebt ihr Leben in Freiheit. Robert der ein paar Jahre älter ist als Alex ist ein erfolgreicher Banker der sich Gedanken über die Zukunft macht. Als er diese Gedanken mit seiner Freundin Alex teilt, beginnt für beide eine komische Wendung in Ihrem Leben. Alex fürchtet um Ihre Freiheit und Robert versteht ihre Haltung als Zurückweisung.

“One Second Life” Ist ein Kurzfilmdrama das ich geschrieben habe und wir als Filmprojekt umsetzten. Ich möchte an dieser stelle nochmals alle für Ihren Einsatz danken und ich hoffe das jeder für sich etwas aus dem Projekt gelernt hat. Danke an die Schauspieler für Ihren Wohltätigen Einsatz in unserem Film. Danke an die Statisten für Ihre Zeit und gute Laune und danke an die Locations!

Schauspieler

• Sandra Elisabeth Meinschad (Alex)
• Stefan Irndorfer (Robert)
• Fiorina Doré (Tanja)
• Amilia Sijamija (Carmen)
• Christoph Bergsmann (Stuntman)
• und viele weitere wichtige Statisten

Team

• Florian Bauer (Kamera, DVD Production)
• Konstantin Kletzander (Audio, Post)
• Matthias Kogler (Lichtdesign, Audio-Post)
• Alexander Lentner (Audio, Audio-Post)
• Florian Pehböck (Regie, Grafik)
• Rene Trauner (Drehbuch, Kamera, Post)
• Christoph Zeller (Idee, Regie, Kamera, Post)
• Christian Zöbl (Lichtdesign, Promotion, Animation)

“The World of Shibboleth” ist eine in Flash entwickelte 3D Welt. Mit einem Web-Crawler werden die Schlagzeilen einiger Österreichischer Zeitungen durchforstet und ein eigener Algorithmus analysiert diese. Das Ergebnis wird verschiednen Keywords zugeordnet. Durch diese Keywords werden verschiedene Character erzeugt und in einer 3D Welt Dartgestellt.

Dieses Projekt realisierten wir (Benno Verschüren, Alexander Lentner und ich) als Semesterprojekt an der FH Hagenberg.

Dieses Projekt ist leider noch nicht Online… kann aber nicht mehr lange dauern!

Technologien

• Adobe Flash
• ActionScript 3
• Papervision3D
• PHP / MySQL / XML
• Adobe Photoshop

Diese Arbeit ist im Zuge einer Übungsaufgabe in 3D-Animation entstanden. Ich persönlich mache Lieber Sachen die auch eingesetzt werden. Bei dem Motion-Design für Obscura OG durfte ich meiner Kreativität freien lauf lassen. Danke an dieser Stelle an Obscura das Sie mein Motion-Design 1:1 verwenden!

Technologien

• Autodesk Maya (3d Modellierung, Animation)
• Adobe After Effects (2d Effekte)
• Logic Pro (Audiodesign)