AS3, Flex, Flash, PureMVC, Games » web

GK-Center Vertriebstool

madflanderz — Sat, 13 Mar 2010 18:02:14 +0000

Das GK-Center der Telekom ging vor einigen Wochen online. Dort kann man sich zu vielen Produkten und Themen der Telekom informieren. Es gibt mittlerweile ziemlich viele Inhalte und es kommen monatlich neue hinzu. Um den Vertriebsmitarbeitern die Vorstellung von Produkten und Lösungen beim Kunden zu erleichtern, haben wir das Vertriebstool erstellt. Der Vertriebsmitarbeiter kann sich aus allen Inhalten des GK-Centers eine einzigartige Präsentation für seinen Kunden zusammenstellen. Die Präsentation kann er dann entweder als Link verschicken oder sich das ganze Packet als ZIP-File herunter laden.
Falls sich Inhalte im GK-Center geändert haben oder Filme bzw. Downloads gelöscht wurden, kann man die Änderungen im Vertriebstool einsehen, damit man ggfl. seine Präsentation ändern kann.

Jahr: 2010
Kunde: Telekom (zweimaleins)
Grafik: zweimaleins
Konzeption: zweimaleins
Programmierung: Ich
Features:

Übersichtsseite mit allen Präsentationen
Konfigurator, per Drag & Drop eigene Playlist mit Filmen und Downloads erstellen
Präsentations-Player Online und Offline, Dynamic Bandwidth Switching über FMS
Update-Mechanismus

Technik:

Frontend: AS3, Flex, PureMVC, XML
Backend: PHP
Tools: FlashDevelop

Screenshots:

[Mit PicLens anzeigen]

Geschäftkunden-Center

madflanderz — Fri, 12 Mar 2010 18:05:35 +0000

Das Geschäftkunden-Center der Deutschen Telekom ist kürzlich online gegangen. Das war mein größtes Projekt bisher. Super viel dazugelernt und ne Menge Spaß am programmieren gehabt. Das ganze basiert auf PureMVC (multicore) und ich weiß nicht was ich noch sagen soll: PureMVC rockZ !!!! Soviel Code und trotzdem alles schön ordentlich an seinem Platz. Und das Beste – es funktioniert – fast wie von allein. PureMVC, I Love You!

Jahr: 2009/2010
Grafik und Konzeption: zweimaleins
Programmierung: ich, zweimaleins
Features:

alle Inhalte (Filme, Download, Texte, Menü) kommen aus XML-Files
Inhalte können per XML beliebig strukturiert werden, verschiedene Seitentypen, Untermenüs möglich
h.264 Videos vom FMS Streamingserver
Dynamic Bandwidth Switching – 4 verschiedene Video-Qualitätsstufen, switching während des Abspielens zum optimalen Video
rotierende Teaser auf den Hauptseiten
Deeplinks über SWFAddress, über die Browser vor- und zurück-Buttons kann auch navigiert werden
eTracker Einbindung

Technik:

AS3, FlexSDK
Wowza Media Server, Dynamic Bandwidth Switching
XML
FlashDevelop

ankucken: “http://www.geschaeftskunden-center.telekom.de

Screenshots

Ekundayo

madflanderz — Fri, 12 Mar 2010 18:00:33 +0000

Offizielle Webseite des Künstlers Ekundayo. Zusammen mit intoxicated demons habe ich dieses schöne Ding gezaubert. Die Gallerie zu machen hat voll Spaß gemacht und nun sind auch noch disee vielen tollen Arbeiten von Ekundayo zu sehen. Ein Augenschmaus.

Official website of artist ekundayo

Jahr: 2008
Grafik und Konzeption: intoxicated demons
Programmierung: intoxicated demons, Ich
Features:

Inhalte aus XML
beliebig viele Bilder und Kategorien
Mp3Player

Technik:

AS2
XML
FlashDevelop

hellastyle.com

madflanderz — Fri, 12 Mar 2010 17:00:39 +0000

Online portfolio of stylist Paloma. Kleine Fotogallerie mit Arbeiten der NewYorker Fotografin Paloma.

Jahr: 2008
Grafik und Konzeption: intoxicated demons
Programmierung: Ich
Features:

Inhalte kommen aus einer XML und können einfach geändert werden
Akkordeon zum Blättern in einer Kategorie
Bilder werden vorgeladen, Ladeforschritt Teil des Akkordeons

Technik:

AS2
XML
FlashDevelop

Zur Webseite hier lang: http://www.hellastyle.com/

Telegate 11880

madflanderz — Fri, 12 Mar 2010 16:13:33 +0000

Diese LandingPage für Telegate 11880 ist mal wieder zusammen mit intoxicated demons entstanden. Endlich konnte ich mal PaperVision3D in einem echten Projekt einsetzen. Die Inhalte der Karten kommen alle aus einem XML-File, sogar Videos können auf den Rückseiten der Karten eingebunden werden ( bei TV-Spots & Specials).

Jahr: 2009
Grafik: intoxicated demons
Konzeption: intoxicated demons, Ich
Programmierung: Ich
Features:

alle Inhalte dynamisch über XML geladen
die Karten können Bild, Text, Link, Videos enthalten
3D-Parameter (Zoom, Tween, Transitions) per XML konfigurierbar

Technik:

Frontend: AS3, Papervision3D, XML
Tools: FlashDevelop

Zur Webseite hier lang ( mit Demo-Inhalten gefüllt, Seite leider nicht mehr onlinie): http://www.madflanderz.de/sites/telegate/pv3d/

Screenshots:

[Mit PicLens anzeigen]

2BE Club

madflanderz — Fri, 12 Mar 2010 14:52:06 +0000

Homepage vom Berliner 2BE-Club. Ich muß gestehen, daß ich selbst da noch nie zu Besuch war . Alle Inhalte sind dynamisch und können jederzeit bequem über mein eigenes CMS geändert werden.

Jahr: 2007
Grafik: intoxicated demons
Konzeption: intoxicated demons, Ich
Programmierung: Ich
Features:

alle Inhalte dynamisch über XML geladen
CMS – User hinzufügen, löschen, editieren der Inhalte und Bilder, man kann Inhalte in verschiedenen Kategorien hinzufügen, ändern, löschen

Technik:

Frontend: AS2, XML
Backend: PHP, Smarty, XML
Tools: FlashDevelop

Zur Webseite hier lang (nur mit paar Demo-Inhalten gefüllt, Seite leider nicht mehr onlinie): http://www.madflanderz.de/sites/2BE/

Screenshots:

[Mit PicLens anzeigen]

zweimaleins.de

madflanderz — Thu, 11 Mar 2010 22:13:10 +0000

Zur Zeit bin ich hautpsächlich für zweimaleins tätig. Unter anderem entstand auch die Firmen-Homepage unter meiner Hand.

Jahr: 2008
Grafik und Konzeption: zweimaleins
Programmierung: ich
Features:

alle Inhalte kommen aus XML-Files
Inhalte können per XML beliebig strukturiert werden, Untermenüs in den Inhalten möglich
Mitarbeiter und Kunden können direkt in der Webseite eine Videokonferenz starten. Per Video und Headset verbunden kann der Mitarbeiter dem Kunden den für die Öffentlichkeit nicht zugänglichen Teil der Webseite vorführen, alle Aktionen werden geshared und die Kapitel spielen synchron ab.
Bei Wechsel zu Inhalten, die noch nicht vorgeladen werden konnten, geht es erst weiter wenn bei allen Konferenzteilnehmern der Ladevorgang beendet wurde.
direkt im Browser während der Konferenz kann in den Inhalten live wie auf einem Flipchart gezeichnet werden
Beispiele für interaktive multiuser Szenarien, wie z.b. ein Demo-Netzwerk-Konfigurator. Alle Teilnehmer der Konferenz können simultan an an einem Netzplan arbeiten. Man kann Computer, Router und Leitungen setzen, verschieben oder löschen.

Technik:

AS2, PHP
Wowza Media Server
FlashDevelop

Screenshot

NoiseRace

madflanderz — Thu, 11 Mar 2010 18:58:37 +0000

Mal ein Spiel das ganz anderen Art. Anstatt mit Maus und Tastatur muß man bei diesem Spiel ein sein Telefon reinschreien um schneller zu fahren. Man loggt sich ein, ruft eine kostenlose Telefonnummer an und schon gehts los. Wir haben dazu den WowzaMediaServer in Verbindung mit einer Asterisk-Telefonanlage eingesetzt. Bis zu 30 Spieler können gleichzeitig gegeneinander in verschiedenen Levels antreten. Falls sich keine Gegner finden springen Computer-Gegner ein. Am schwierigsten war es, die Anrufer und Lautstärkepegel den entsprechenden Usern zuzuordnen. Spiele zu programmieren macht irgendwie doch am meisten Spaß. In der Testphase wurde es hier im Büro teilweise RICHTIG laut

Zitat vonbusiness-on.de

Mit quietschenden Reifen starten, spät bremsen, früh beschleunigen, bloß nicht aus der Kurve fliegen – das Noise Race von T-Systems funktioniert im Prinzip genau wie ein echtes Autorennen. In einem wesentlichen Punkt unterscheidet sich allerdings das Online Spiel: Statt mit dem Fuß auf dem Gaspedal bestimmen die Fahrer das Tempo ihres Formel 1-Wagens mit der Kraft ihrer gut geölten Stimmbänder per Telefon.

Da sich BMW 2009 aus der Formel1 zurückgezogen hat, wurde natürlich auch die Partnerschaft mit T-Systems beendet, deshalb ist das Spiel leider nicht mehr online.

Jahr: 2009
Kunde: T-Systems (zweimaleins)
Grafik: zweimaleins
Konzeption: zweimaleins, Ich
Programmierung: Ich (Wowza, Flash)
Features:

Login Seite
Lobby mit Übersicht über alle Levels und Mitspieler
Chat
Freunde einladen über email Formular
Gasgeben per Stimme im Telefon
Computergegner
Video-Sequenzen im Spiel integriert

Technik:

Frontend: AS2, MVC
Backend: WowzaMediaServer, JAVA, PureMVC, Asterisk-telefonanlage
Tools: FlashDevelop, Eclipse

Screenshots:

[Mit PicLens anzeigen]

T-Systems Formel 1

madflanderz — Thu, 11 Mar 2010 16:57:10 +0000

In der Formel 1 hatten T-Systems und BMW eine strategische Partnerschaft. Mehrere Reportagen von Wolfgang Rother moderiert ermöglichen einen Blick hinter die Kulissen des Rennzirkus. Eine Reportage besteht aus mehreren Kapiteln, Video und interaktive Hotspots werden miteinander vermischt. Zusätzlich gibt es viele specials wie z.b.:

NoiseRace – Multiuser Online Game, die Steuerung erfolgt per Stimme über Telefon
Tippspiel – Man kann für die nächsten Rennen die Gewinner tippen und sich die Ergebnisse der letzen Rennen anschauen
Hotspot “Rother ruft an” – nach Eingabe der Telefonnummer klingelt das Telefon des Users. Herr Rother fängt an zu erzählen, synchron dazu sieht man ihn im Browser, es fühlt sich an als wenn er direkt mit dem User spricht.
Zielfoto – Über die Webcam kann man sich fotografieren. Am Ende entsteht eine Fotomontage des Users wie er in einem Rennwagen sitzt.

Da sich BMW 2009 aus der Formel1 zurückgezogen hat, wurde natürlich auch die Partnerschaft mit T-Systems beendet. Deshalb ist die Seite leider nicht mehr online.

T-Systems Formel 1 ankucken (Passwort sende ich gerne per Mail)

Jahr: 2009
Kunde: T-Systems (zweimaleins)
Grafik: zweimaleins
Konzeption: zweimaleins, Ich
Programmierung: Ich (Wowza, Flash)
Features:

Preloading der Kapitel, 3 verschiedenen Video-Qualitätsstufen je nach Bandbreite des Users
Inhalte und Videos aus XML, einfach erweiterbar mit neuen Reportagen oder Seiten
NoiseRace
Tippspiel
Hotspot “Rother ruft an”

Technik:

Frontend: AS2, MVC
Backend: WowzaMediaServer, JAVA, PureMVC, Asterisk-Telefonanlage
Tools: FlashDevelop, Eclipse

Screenshots:

[Mit PicLens anzeigen]

T-Systems XMAS 2008

madflanderz — Thu, 12 Mar 2009 17:09:13 +0000

Weihnachts-Special-Seite der T-Systems von 2008. Ziel war es, einen klassischen Weihnachstkallender mit Kästchen für jeden Tag ins Web zu übertragen. Die Kästchen sind in Form eines Weihanchtssterns angeordnet und baumeln rum. Papervision3D hat sich hier mal wieder in Kombination mit PureMVC angeboten.

Jahr: 2008
Kunde: T-Systems (zweimaleins)
Grafik: zweimaleins
Konzeption: zweimaleins, Ich
Programmierung Frontend: Ich
Features:

Kästchen in Form eines schwingenden Sterns
jedes Kästchen kann ein Bild, Text und Link enthalten, über XML konfigurierbar
Gewinnspiel Formular bei bestimmen Tagen

Technik:

Frontend: AS3, PureMVC, Papervision3D
Backend: Rails
Tools: FlashDevelop

ankucken: http://www.madflanderz.de/sites/t-systems-xmas2008/?dayId=24

Screenshots:

[Mit PicLens anzeigen]