- ‘Speed‘ is not a feature, it is a requirement.
- Lack of ‘Instant Utility‘ cheats users out of their personal victory after publishing work.
- ‘Clean‘ design doesn’t just look nice, it is the efficient use of functionality.
- ‘Less is more‘ satisfies user totally, while allowing to adapt to future requirements more gracefully.
- By being ‘Programmable‘, an app invites people to build a universe around its core functionality.
- With ‘Restfull‘ Wilson describes micro-content which integrates everywhere with a pretty url.
- Apps become even more ‘Discolverable‘ by being viral themselves.
- ‘Personality‘ makes users feel at home in their personal software.
- The personality has to be published with a media-kind of ‘Voice‘, onboarding consumer competence.
- With a ‘Playful‘ element the users attention can be directed towards marketing goals.
Ich habe daher eine kleine Seite gebastelt, mit der ein Team von ‘Ravern’ gemeinsam den Inhalt einer auf einem Server liegenden Textdatei sehen und ändern kann. Der Inhalt: ‘An’ oder ‘Aus’. Dazu habe ich eine zweite Seite gebastelt, die den Web-Player von Frisky enthält - diese Seite ist der ‘DJ’, sie ist die einzige Seite die Musik macht. Sie schaut ständig auf dem Server nach, welchen Inhalt die gemeinsame Textdatei hat, und spielt dementsprechend Musik - oder eben nicht: Ist der Inhalt ‘An’, wird er Web-Player geladen und die Musik ertönt; ist der Inhalt ‘Aus’, wird der Web-Player abgeschaltet und es herrscht Ruhe. Eine kleine Startseite erlaubt Besuchern, sich bei einem bestehenden DJ einzuschalten oder selbst DJ zu werden. Ein Permalink macht DJs das Einladen einfach.
Die folgende Demo besteht aus 6 Iframes, die den Teamplayer auf 6 unterschiedlichen Computern simulieren. Im ersten Iframe den DJ, im letzten einen neuen Besucher und in den anderen 4 Raver:
- Öffne den Teamplayer auf http://sefzig.net/teamplayer/.
- Gib einen Namen in das Feld ‘Werde DJ’ ein (wähle einen einigermaßen einzigartigen Namen, damit Dein Set nicht gestört wird) und klicke den Link ‘Werde DJ’.
- Nun bist Du DJ! Lade Team-Mitglieder ein, indem Du ihnen den Link ‘Einladen’ gibst.
- Wenn der Player nicht automatisch startet, ist er geade (der Textdatei auf dem Server entsprechend) ausgeschaltet. Um den Player zu starten, klicke die Checkbox.
- Als DJ hast Du im Player die Möglichkeit die Lautstärke zu steuern. Alle anderen Buttons des Players solltest Du meiden, da Deine Raver keine Kontrolle über diese haben.
- Wenn Du einen Link vom DJ erhalten hast, öffne diesen.
- Wenn Du keinen Link erhalten hast, öffne den Teamplayer auf http://sefzig.net/teamplayer/, gib den Namen eines DJs in das Feld ‘Höre rein’ ein und klicke den Link ‘Höre rein’.
- Nun bist Du ein Raver!
- An der Checkbox kannst Du sehen, ob der Player des DJs läuft oder nicht. Um den Player zu steuern, klicke die Checkbox.
- Lade weitere Team-Mitglieder ein, indem Du ihnen den Link ‘Einladen’ gibst.
- In einem festen Team macht es Sinn, den Teamplayer mit Lesezeichen fest im Browser zu verankern, damit die Kontrolle über den Player des DJs mit nur zwei Klicks übernommen werden kann.
- Finde einen DJ-Namen für das Team, z.B. ‘Team Amir’ und wiederhole die folgenden Schritte bei allen Team-Mitgliedern:
- Öffne den Teamplayer auf http://sefzig.net/teamplayer/.
- Wenn der Rechner Boxen hat, gib den Team-DJ-Namen in das Feld ‘Werde DJ’ ein, klicke den Link und warte einen Moment, dass die Seite geladen ist. Dann speichere den Tab (die Registerkarte) in der Lesezeichen-Symbolleiste (in der Favoriten-Symbolleiste).
- Klicke auf den Link ‘Einladen’ und kopiere den Link. Öffne einen weiteren Tab (eine weitere Registerkarte), kopiere den Link in die Adressleiste und drücke ‘Enter’. Speichere auch diesen Tab (diese Registerkarte) in der Lesezeichen-Symbolleiste (in der Favoriten-Symbolleiste).
- Feierei!
Will man ein YouTube-Video auf einer Seite einbinden, kommt man nicht um den YouTube Flashplayer herum. Bisher. Die neue YouTube Javascript API ermöglicht die Steuerung der meisten bekannten Funktionen des Flashplayers.
Damit ist der Chromeless Player die perfekte Vorlage um einen Player zu entwickeln, der von der Einbindungsseite gesteuert werden kann (und damit nicht wiederholt geladen werden muss), keine fremden Videos zeigt, eine vorgegebene Playlist besitzt und leicht einzubinden ist. Mit Javascript und jQuery habe ich einen solchen Player entwickelt:
Der Player kann mit einem Iframe in jede beliebige Seite eingebunden werden:
Die Magie der Einbindung liegt in der URL, in der der Player konfiguriert wird. Im folgenden Beispiel entspricht in den farbigen Markierungen rot der gewünschten Breite, grün der Höhe, lila der Hintergrundfarbe beim Laden, orange der Anzeige von Werbung, braun dem Start-Titel und blau der zu startenden YouTube-ID.:
Die ID eines YouTube-Videos ist leicht zu finden, da sie in allen YouTube Video-Links enthalten ist. Gehe auf die YouTube-Seite des einzubindenden Videos und kopiere dessen URL aus der Adressleiste. Die Video-ID findest Du hinter der Passage v=, wie in diesem Beispiel:
Diese URL kann um eine selbst zusammengestellte Playlist ergänzt werden, die in den Player geladen wird. Das folgende Beispiel enthält 5 Titel in Folge, deren Daten nach dem Muster YouTube-ID,Titel des Videos; aufgebaut sind.
- Red: The fraction itself is always assembled of one or more digits slash one or more digits. The expression will not affect numbers alone.
- Blue: There might be various kinds of brackets used to enclose the fraction - or even no brackets at all.
- Green: Often the fraction is preceeded by an indicator like ‘part’ or a translation of this. It is removed given there is a space before it (so ‘im Gegenteil 1/2 so hoher Verbrauch’ will not be erased).
- Orange: If the title starts with the fraction the space between potential indicator and fraction must not be mandatory. Possibly the indicator is seperated from the title by a comma, which will then be removed.
In javascript the adjustment of YouTube-titles might look like this:
// Adjust title
// −−−−−−−−−−−−
// Get title from somewhere
var title = “Regex to clean up YouTube titles, part (1/3)”;
// Search regex and replace with nothing
var titleClean = title.replace(/(\,|)( Part| part| Teil| teil| Parte| parte|)( |)(\(|\[|\{| ?)[0-9]{1,3}\/[0-9]{1,3}(\)|\]|\}| ?)/g, ”);
// Debugging
alert(”Input: ‘”+title+”‘\nOutput: ‘”+titleClean+”‘”);
</script>
2009 was all about new things, new thoughts and new perspectives, but also a tough year full of work and waiving. I decided to merge my most important experiences in one list. This is what I’ve done this year:
- Turned 31
Suddenly I was 31 years old. - Lived in Hamburg
Still loving die Elbe and walks by the harbour. - Visited Spain twice
There is no place like mum and dad. - Been on a plane more then 10 times a year
Despite the security-craze I still like the airports. - Ate in more than 50 places
I don’t cook so I visited more than 50 restaurants around Germany (mainly Hamburg, Munich and Berlin) and Spain. Yummy! - Watched a sunrise
More than once I got lost in the sun. - Gone snorcheling
And survived contact with a fishmob at Costa Blanca. - Started dreaming
In terms of climate, Germany is not the place to be. - Started thinking about living in Alicante
My favorite Spanish town even has an unbelievable nightlife I discovered this year… - Met interesting people
The world is huge, I like that. - Discovered a tendency to procrastinate
Oops, and layed it ad acta mostly before new years eve. - Have not called too often
While becoming more social I became less social: Being a creative onliner totally consumed me. - Reconnected with an old friend
Still having too many on stock… - Worked much
Let’s not talk about work-life-balance: I’m an artist, my work is my life. - Stayed at home more often
My life has become increasingly digital - I created things most of my time. - Did not get injured
Like I did in every single year before. - Had a job
I have played my role at KMF Werbung for the 3rd year. - Lived almost ecologically responsible
While opposing cars in the cities as unhealthy and vain, I embraced plane and taxi. Therefore ate and consumed as biologigally worthy as possible. - Kept my style
My styling did not change much this year, it just got more expensive. I stuck to white, blue, grey and brown, dressed in Pepe Jeans, Hilfiger and Zara, wore Adidas and kept my hair short. - Survived the financial crisis
Somehow managed to end the year in plus while building up ressources. - Started accepting superficial people and extreme materialism
Also started not accepting crazy opinions. At least you can learn from everyone. - Have grown more sceptic
Looking at the geopolitical and economic advancements of this century, I have become alert. - Did not get vaccinated
I was not impressed by this year’s media flu. But I would have liked some days off, too. - Laughed a little less
Where have the endorphines gone? - Learned a lesson
…or two about life. - Fixed a few holes in my life
But was not successful at some points. Good to know I have plenty of time left. - Made my own rules
And stuck with them. Some people around were a little upset. - Imposed self-discipline
Way to go! - Built a habit of reading one Wikipedia article a day
There never is spare time to push the horizon, so I consequently read the first article I stumbled upon that day in whole. - Visited exhibitions
I attended business- and art-related exhibitions in Hamburg, Berlin, Düsseldorf and Alicante. - Was well prepared for christmas
I did not get late at gathering presents this year. - Lost birthday to the flu
Caught a serious cold right before my (then cancelled) birthday. - Lost it
when people screwed up a nice project, absorbing energy from my recent works. - Swore less
I almost completely stopped to swear. - Started collecting my statements
Simply to show them off at my website. - Didn’t vote for a big party
And not for a big small party either. - Bought a paper
‘Welt kompakt’ with qr-codes coming with the articles. But why take the detour? - Continued to avoid tv
Seems like mainstream-media is totally screwed up. - Watched Kings
Sadly, they never did a second season of Kings, series of the year. - Fell in love with Rhianna
Umbrella is this years’s song, along with various remixes. - Watched more video online
Not movies but documentations, talks and relevant things from entertainment to conspiracy, from quantum-mechanics to evolution and development. - Broke with mp3
The soundtrack of my year was streamed by Frisky Radio - no more managing music in files. - Saved my 1900th link
At Mister Wong I save all links I come across. This year I have been extremely disciplined with bookmarking. - Still no iPhone
Instead I went back to the roots with a vintage Motorola. - Updated my website
Now showing all my social activities in one realtime lifestream, featuring a player for my youtube favorites and multiple ways to connect. - Relaunched humour
Being a netizen I migrated parts of my humour to Sefzig.net. Andreas Sefzig likes this. - Wrote a whitepaper
I kind of miss writing papers. At least I co-authored one on (guess what) social media. - Intentionally wrote English
I like English, so I wrote some posts in English to execute a Last Year’s resolution. - Longed for the awards
With connecting brands, for whom I set up a tiny submission-page in javascript. - Kept the rickrolls below 10
Always check links before clicking to prevent getting owned - in few I failed. - Moved to the cloud with Microsoft
Windows Live Mesh synchronizes my files with the cloud, changing everything while changing nothing. - Had my 3rd year with wordpress
The blogging-software Wordpress has become the cms for many of my projects. - Tried Ruby on Rails
Used Rails to provide database-feeds to my javascript-applications. Didn’t dive deep though. - Embraced jQuery
My first impression with jQuery last year has proven true: It is the best javascript library. - Made friends with json
What an awesome way to completely seperate my javascripts from databases and dynamic code. - Made a sound
Fooling around with javascript and hta, I got my laptops an entertainment-application with funny movie-excerps, cool expressions and music. - Learned a new instrument
I have become skilled at djing with youtube. - Welcomed new colleagues
5 new people have started to work in my team. Let’s roll! - Relaunched the KMF Trendwork Blog
Maintaining and authoring just isn’t enough. My agencies blog now has a sweet design - and finally is social. - Opened the KMF Web 2.0-Lexikon
Using our blogs cms, I opened our web 2.0-glossary to contribution and sharing. - Automated programming
Since much of the daily work is doing things again, I built a sourcecode-generator which is in use for Messenger Web Services too. - Evangelized for Microsoft
It’s fun to work for and with Microsoft. - Made my second Windows Live-product
After Windows Live Contact Exporteur last year I conceived and programmed Windows Live Messenger für Kids, a downloadable yet web-based Messenger client for kids. - Made my third Windows Live-product
Windows Live Messenger to.go is a sister project of Windows Live Messenger für Kids, aimed at people using usb-sticks. - Built a web-messenger platform
Along with Windows Live Messenger für Kids and Windows Live Messenger to.go I developed an easy-to-brand-application for Microsofts and our partners, called ‘Messenger light’. - Branded Messenger light for several causes
Quite a few Messenger light-clients have evolved this year: sueddeutsche.de, EAs Sims 3, orange Swiss, connecting brands and KMF. - Started Speeddating
Literally: For Microsoft we developed the MSN Speeddating Lounge, an easy-to-brand lounge for people dating each other via Messenger. No marriage to announce yet, even though the NewYorker-branding was helpful. - Evaluated Windows Live Messenger Web Toolkit
Produced an interactive tutorial and many use-cases for the perfect Messenger web-controls by, now readied to be implemented by us as one of the first agencies in Germany. - Did my first online campaign
4 flash-creatives advertised our microsite Mach mehr mit Windows Live Messenger highlighting new functionality of Messenger. - Embraced facebook
Facebook is my online home. My account and my facebook-page Sefzig.net keep me in tune with many friends and the web. Join today! - Set up a personal facebook page
Being always on in facebook, I also wanted my favorite news-sources to drip into my wall. Done this nicely with RSS Grafitti. - Joined twitter
Tried it out and professionalized for my clients. I’m no real twitterer. - Set up a twitter list
Started to like twitter for the lists - like my collection of unusual twitter-accounts. - Conceived my first social media-campaign
Far more interesting than pure display-advertising: a campaign for the major german movie Männerherzen I conceived over several platforms like facebook, youtube, twitter, meinvz and ilove. - Set up a professional facebook page
Lade Deine Freunde in den Messenger ein highlights Windows Live’s ability to import friends from facebook. - Programmed a facebook application
Wanting a playground for my few skills in fbml, I built a sleek app for my agency. - Gave up mobile
They say mobile is the booming market of the future, but it’s not for me.
Eine neue Wordpress-Installation mit einem rundum erneuerten Theme hebt den Blog endlich auf einen aktuellen technischen Stand, womit auch gleich verschiedene Probleme wie die fehlerhaften Pretty URLs und der defekte RSS-Feed behoben sind. Das Theme bringt dazu - neben dem neuen KMF-Design - gleich eine ganze Stange neuer Features - von einer verbesserten Tag-Cloud über eine Firmen-Kategorisierung mit Firmen-Teasern bis hin zu Details wie einer Authoren- und Auto-Complete-Suche. Runderneuert eben.
Neu sind auch viele Social Web-Schnittstellen: Die Facebook-Toolbar zum Beispiel, die den Blog auf Facebook teilbar macht, zum Folgen in Networked Blogs auffordert und Links zu Profil, Gruppe, Applikation und der Suche nach KMF anbietet. Oder das AddThis-Widget, das Nutzern das Teilen und Bookmarken mit dem Dienst ihrer Wahl erlaubt. Oder das Twitter-Widget, welches die neusten Tweets von @kaipohlmann zeigt.
]]>#Prominente
- @jesus: Folge meinen Psalmen, um von Deinen Sünden reingewaschen zu werden.
- @der_fuehrer: Hitlerize den Schize, live aus dem Föhrerbonker
- @satan: Schlechte Nachrichten - hier unten ist die Hölle los!
- @darth_vader: Follower, ich bin Dein Vater…
- @captain_picard: Captainslog: Twitter eingerichtet, um der Erde zu folgen.
- @chuck_norris: Alte Chuck Norris-Sprüche sind so aktuell, dass sie in Twitter archiviert werden.
- @david_hasselhoff: I’ve been looking for freedom, lalala la la lala!
- h@mc_hammer: Can’t touch social media.
- @karl_lagerfeld: Fashion’s life is short. Tweets are shorter.
#Bots
- @twitzbold: Kennst Du schon den? …
- @tourettebot: ScheissVerfickterPissAccount
- @schmeichelbot: Alles wird gut, meine Liebe.
- @excuse_of_the_day: Ich konnte nicht kommen, weil…
#Reallife
- @the_tomato_plant: Neues von der Wohnzimmer-Pflanze.
- @shit_my_dad_says: Sohn, mit Twitter flüchtest Du vor dem Leben.
- @real_bad_horse: Ich bin furchtbar böse.
- @zombie_attack: Da drüben, da lebt noch einer!
#Art
- @larry_carlson: ••♦♦♦♦♦▲▼•• ¡╠╣☺∟ấ ••▲▼♦♦♦♦♦••
- @still_available: meine-domain-die-noch-frei-ist.net
- @the_mime: …
- @big_ben: BONG BONG BONG
Das Design kommt von Dennis Tege, der Vektorgrafiken von Sven Tomaschek geremixt hat, basierend auf einem Konzept von mir, das wir schon für @kaipohlmann und @maennerherzen eingesetzt haben. Die Inhalte selbst kommen natürlich von connecting brands. ]]>
Seit heute liegt er als ein KMF-Tool auf seiner eigenen Projekt-Domain und ist mit einem eigenen Frontend auf der Webseite der Windows Live Messenger Web Services eingebunden.
Das Programm basiert auf einem einfachen Grundgedanken - und löst damit die folgende Problemstellung mit Leichtigkeit: In der Online-Welt gibt es eine Menge HTML-Snippets (kleine in Webseiten integrierbare HTML-Elemente) und -Widgets (kleine in Webseiten integrierbare Programmteile), mit denen man seine Webseite mit zusätzlichen Funktionen oder Informationen ergänzen kann. Auch bei Mailings und Content Management Systemen trifft man immer wieder auf sie. Ihnen gemein ist, dass man an bestimmten Stellen Steuerungs-Elemente (wie z.B. den Benutzernamen eines einzulesenden Twitter-Accounts) oder punktuell Informationen austauschen kann - und will, wobei schnell der Überblick über Quelltext und Dateien verloren geht. Hier setzt der Quelltext-Generator an: Er erlaubt das schnelle Anlegen von Templates in Textdateien - leicht anzulegen und hochzuladen - und die noch schnellere Nutzung über sein Frontend.
Zu den Quelltext-Vorlagen der Web Services sind gleich noch zwei neue Templates hinzugekommen: das KMF Twitter-Widget und ein Test eines teilautomatisierten Mailings. Weitere werden folgen…
]]>Mit Design von Robert, Texten von Jerry und einem Konzept von mir ist dies im übrigen auch die erste Facebook-Seite meiner Agentur KMF (nicht zu verwechseln mit dem Facebook-App, das ich bereits für die Social Media-Kampagne MÄNNERHERZEN unseres Kunden Warner konzipiert habe). Eingeführt wird die Seite mit Flash-Skyscrapern auf Funktions-Seiten, die mit einem Morph vom Facebook-Icon hin zum Messenger-Buddy die Funktion der Seite visuell umgehend auf den Punkt bringt, sowie mit einem Engagement Ad, das strikt auf Messenger-Nutzer getargetet ist.
Für die Seite gab es ein paar Vorüberlegungen, die interessant sind zu erwähnen - zumindest noch, denn noch kennen wir deren Erfolg nicht:
- Botschaft: Die Seite muss sich auf das Einladen von Facebook-Freunden in den Messenger konzentrieren, damit für Facebook-Nutzer nicht der Eindruck entsteht, dieses sei eine Übergreifende Messenger-Seite oder -Community. Daher sollen generelle Vorteile von Messenger und Instant Messaging nicht im Vordergrund, sondern in einer gesonderten Rubrik - den Notizen - stehen.
- Gestaltung: Da die Seite eine Verknüpfung von Facebook- und Messenger-Kontakten anstrebt, sollte die Seite mehr wie ein ‘offizielles’ Feature von Facebook bzw. einer Kooperation aussehen und bewusst den Eindruck vermeiden, Windows Live sei mit seiner gesamten Marketing-Abteilung in Facebook einmarschiert. Mit einer gestalterisch engen Anlehnung an das Facebook-Design soll also Vertrauen erzeugt werden. Das Profil-Bild, das jeder Kommunikation zurseite steht, soll diese Überlegung auffällig zusammenfassen, indem es das Facebook-Logo mit einem Buddy, dem Protagonisten des Messengers, verbindet.
- Viral: Einem Tipp von AllFacebook.com folgend soll die Landingpage (der gestaltete Reiter namens “Freunde in den Messenger einladen”) einen prominenten Hinweis auf den “Ein Fan werden”-Button besitzen: “Klicke auf [Ein Fan werden] um auf dem Laufenden zu bleiben”. Dieser sorgt dafür, dass die Seite in den Höhepunkten (nach dem Facebook-Redesign: in den Neuigkeiten) der Freunde des neuen Fans auftaucht.
In einem Feinkonzept zu berücksichtigende Einstellungen sind (in Klammern die Wahl in dieser Kampagne):
- Owner (Ich, Agentur; Frank, Kunde)
- Seiten-Name (Ausformulierter Call-to-Action)
- Profilbild (in Anlehnung an die Botschaft auf einen Blick erfassbar)
- Pinnwand-Schreibrechte für Fans (’an’ und zu beobachten)
- ‘Über uns’-Text (kurze Zusammenfassung, was man auf dieser Seite lernen kann)
- ‘Info’-Reiter-Text (Umformulierung der Botschaft in von Facebook vorgegebene Felder)
- Lieblingsseiten (Alle Facebook-Angebote von Windows Live)
- Default-Reiter (der gestaltete Reiter mit dem Fan-werden-Hinweis)
- Verwendete Applikationen und deren Rechte (alle Apps ohne Seiten-Reiter/-Felder mit Ausnahme der folgenden)
- Start-Inhalte der Pinnwand (Begrüßung, Links, Videos und Notizen sowie zuletzt der direkte Link zum Windows Live-Tool)
- Start-Inhalte der Notizen (Vorteile von Instant Messaging und Windows Live Messenger sowie ein Schritt-für-Schritt-Tutorial)
- Text und Design der gestalteten Reiter (in Anlehnung an obige Vorüberlegungen)
Gelernt haben wir in dem Projekt auch nicht schlecht:
- Mit dem App Static FBML kann man prima Reiter wie “Freunde in den Messenger einladen” erstellen - einfach App zur Seite (Nicht Personal Profile…) hinzufügen und HTML (oder auch FBML) reinkopieren, speichern.
- Brand-Profiles können auch für Nicht-in-Facebook-registrierte Nutzer sichtbar gemacht werden. Ist in unserem Fall nicht relevant, da wir mit Bannern in Facebook werben. Sollte man aber einfach wissen.
- Flash kann - entgegen der Dokumentation - auf einer Brand-Page nicht sofort geladen werden. Stattdessen setzt Facebook ein Bild als Platzhalter ein, das erst nach einem Klick das Flash laden lässt. Wir haben also auf Flash verzichtet und stattdessen ein animiertes GIF genommen. Meine Nerven…
- Auf Iframes - ob HTML oder FBML - muss auf Brand-Profiles mit den Apps Static FBML und Static HTML vollständig verzichtet werden.
- Bei der Gestaltung sollte man direkt auf einem geleerten Facebook-Screenshot arbeiten, damit die Seite auch im Facebook-Framework gut aussieht. Haben wir glücklicherweise gleich gemacht ;) Bezieht sich das Design auf den [Ein Fan werden]-Button, verändert sich dessen Position mit der Länge des Seiten-Namens…
- Opinion Polls, das offizielle Umfrage-App von Facebook, ist buggy. Pro Administrator kann es nur einmal auf der Pinnwand einer Brand-Page veröffentlichen. Bei uns war das auf der Testseite…
- Das Facebook-Stylesheet hat komische Sachen mit einer sauber codierten HTML-Tabelle gemacht, die in denselben Browsern außerhalb von Facebook korrekt dargestellt wurden. Allerdings waren dies die Tabelle “Links”, die u.a. 1px hohe Zeilen als Gestaltungsmittel nutzen wollte. Andere Tabellen mit ‘normalen’ Höhen waren nicht betroffen.
- Es bietet sich an, zunächst eine Dummy-Seite zu erstellen. So kann man das Konzept auch gleich gut auf seine Funktion hin überprüfen und es ohne Missverständnisse mit dem Kunden abstimmen.
- Facebook erlaubt mit dem Seiten-Manager ein übersichtliches Tracking, das auch als Excel-Datei exportiert werden kann.
Festgemacht an den verbesserten Features “Dateien versenden”, “Bilder teilen” und “Video-Chat” entstanden 3 Banner-Flights mit jeweils 3 Adaptionen, die den Nutzen der Features anhand von Messenger-Buddys als Protagonisten darstellen. Um trotz leckerem Design im Rahmen der 40 kB-Dateigröße zu bleiben wurden alle Buddys und Objekte in Illustrator vektorisiert.
Die Landingpage im Messenger-Portal (das zum Launch redesignt erscheint) wird die drei Stories anhand ihrer Protagonisten, Elemente und Handlung in einer 3-dimensionalen Szenerie aufgreifen und das jeweilige Feature in Bild und Text erläutern.
Die Kampagne wird Ende diesen Monats live gehen - dann folgen auch offizielles Bildmaterial in diesem Post ^^ Ergänzt wird die Kampagne mit einem in Facebook geschalteten Skyscraper, der mit einem hübschen Morph von Facebook-Icon zu Messenger-Buddy aufruft, seine Facebook-Freunde auch zu Messenger-Kontakten zu machen.
]]>Zum Einrichten/Testen gehe auf http://apps.facebook.com/selectivetwitter/, erlaube dem App Zugriff (widerrufbar) und gib Deinen Twitter-Namen ein. In den Settings brauchst Du nichts zu ändern. Deine Tweets werden nun als normales Update Deiner Pinnwand angezeigt.
Wenn Du testest, rechne mit bis zu 5 Minuten Verzögerung.
]]>Letzteres wurde von mir auf Basis einer Idee von Microsoft Advertising konzipiert und von uns bei KMF Online in Zusammenarbeit mit FXlab und Axinom Estland umgesetzt. Was für ein Ritt! Da ich aber auf die Schwierigkeiten des Projekts ich nicht eingehen möchte, erzähle ich lieber von den großartigen Branding-Möglichkeiten:
Mit vergleichsweise wenigen Handgriffen und einem bischen (oder bei Bedarf auch ganz viel) Design lässt sich die MSN Speeddating-Lounge in ein Speeddating-Universum jeder x-beliebigen Marke verwandeln - so geschehen für den Textil-Giganten NewYorker mit der NewYorker SpeedDatingZone, welche im Rahmen der aktuellen Kampagne auch auf The Dome angekündigt wurde.
Tatsächlich lässt die Nutzung auch nach dem Ende der Marketing-Kommunikation nur wenig nach - irgendwer datet dort immer. So z.B. SexyMandy93, naja… Ich bin dort übrigens unter dem Namen Aharef zu finden ^^ Ach, und doch noch ein Wort zu den Schwierigkeiten: Nie wieder Flash! Javascript hätte das auch gekonnt. Warum bin ich nur von meinen guten Vorsätzen abgewichen..?
]]>
Der Elektrische Reporter stellt ortsbezogene Dienste wie Plazes, Aka-aki und Google-Latitude vor, lässt über den neuen Parameter ‘Aufenthaltsort’ in der öffentlichen Privatsphäre diskutieren und fragt, wie sich unser Leben durch ‘Location Based Services’ verändern könnte:
]]>Kompliment an Max von Bock für diese 2005er Diplomarbeit! Mehr Arbeiten von ihm findet man in seinem YouTube-Channel.
]]>Man muss sich klar werden, dass wir in einem feudalistischen System leben. Buh, Feudalismus*, das hört sich böse an! Ist es nicht, nicht per se: Ein Teil der Einkünfte aller werden ‘nach oben’ gereicht, damit man sich ‘dort oben’ um Dinge kümmern kann, die über den Einflussbereich des einzelnen hinausgehen. Mit diesem Geld werden Schulen gebaut, Krankenhäuser, Verkehrsschilder und Staaten. Mit diesem Geld werden Waffen produziert, Handynetze, Behörden und Wahlkampfspots. Gutes wie Schlechtes - die Bewertung sei dem Einzelnen überlassen.
Meine Bewertung, meine zutiefst ‘linke’ Bewertung, ist, dass all das gut ist, was dem Allgemeinwohl dient.
Was aber passiert mit unseren Investitionen, was geschieht ‘da oben’? Man scharmützelt sich in scheinbarer Konkurrenz, man verzettelt sich in der Förderung der charismatischen Egoisten, man verliert den gesunden Menschenverstand und ist beruhigt, dass man nur einen kleinen Teil dazu beiträgt, während man mit Stil überlebt.
Feudalismus ist nicht schlecht, er ist die Basis aller Systeme. Seine Spielart Kaptitalismus neigt zur Anhäufig von Macht, mit der Großes geleistet werden kann. Seine Spielart Kommunismus neigt zu Anhäufung von Macht, mit der Großes geleistet werden kann. Seine Spielart Demokratie neigt zu Anhäufung von Macht, mit der Großes geleistet werden kann. Selbst seine Spielart Diktatur neigt zur Anhäufung von Macht, mit der Großes geleistet werden kann. Schade nur, dass man mit dieser Macht zur Zeit wenig Großes leistet.
Links sein bedeutet für mich, mich aktiv dafür einzusetzen, dass das ‘Große’ nicht großer Egoismus, sondern große Integrität ist. Denen kritisch auf die Finger zu schauen, die entscheiden, was Großes geleistet werden soll. Diejenigen zu verehren, die alle größer machen und diejenigen zu verachten, denen es egal ist, auf wessen Kosten sie groß werden. Links sein bedeutet, einen Einschnitt hinzunehmen, der anderen dient und zu verstehen, dass die anderen Einschnitte hinnehmen, die einem selbst dienen.
Rechts zu sein bedeutet nicht das Gegenteil. ‘Rechts’ ist die schlichte Beschränktheit, das eigene Wohl vor das der anderen zu stellen - nicht die paar Male, bei denen es für die persönliche Entwicklung wichtig sein mag, sondern immer und immer wieder, egal in welchem System.
Verwechsle ich ‘links’ mit ‘gut’ und ‘rechts’ mit ’schlecht’? Das mag sein, ich bin ein Kind meiner Zeit.
* Abgrenzung zum klassischen Feudalismus des Mittelalters: I.d.R. können wir uns frei bewegen und unsere ‘Lehnsherren’ in Politik, Wirtschaft und Gesellschaft weitestgehend selbst aussuchen - ja sogar zum legitimen ‘Lehnsherren’ werden, wenn wir unsere Kompetenz auf dem jeweiligen Gebiet unter Beweis stellen.
]]>
Von nun an hat dieser Blog einen integrierten Windows Live Messenger!
Wenn Sie eine Windows Live ID (Registrierung) haben, melden Sie sich gleich mal an und erleben Sie, wie Chatten auf Sefzig.net ist ^^
Wenn Sie selbst einen Live Messenger für Ihre Seite haben möchten sind Sie hier genau richtig: Ich biete Ihnen ein interaktives Tutorial mit einem PHP-Skript für besonders einfache Installation unter PHP 5 und besonders einfache Codes für die gängigsten Integrationen. Eine Linkliste ergänzt das Tutorial zu einer Startseite für PHP-Webseitenbetreiber.
Wie ich gerade gemerkt habe ist das PHP-Skript noch nicht nahtlos in Wordpress integrierbar, funktioniert aber nach en paar Handgriffen einwandfrei. Vielleicht mache ich noch ein entsprechendes Tutorial? Plugin-Entwickler: Verwendet mein Skript nach Gusto!
Die Homepage des Web Toolkits: Hier finden Sie neben einer kurzen Einführung in die Integrationen per C#, Java, PHP (für PHP längst nicht so praktisch wie mein Tutorial), Ruby u.a. auch einen Sourcecode-Generator und -Konfigurator (unter ‘Learn’), der die Integration von Elementen in Ihre Seite enorm einfach macht (und dessen Codes Sie problemlos gemeinsam mit meinem PHP-Skript verwenden können).
Probieren Sie es aus, es ist brandneu (released am 17.03.2009) - und über 10 Mio. Windows Live Messenger-Nutzer können schon morgen auf Ihrer Seite chatten! Gerne berate ich Sie zur Integration in Ihr Web-Angebot, gerne auch als Berater und Konzeptioner der KMF Werbung.
]]>Juan Enriquez hat die New-Economy miterlebt. Er scheint sich auszukennen in der Genetik-Szene und mit der Programmierung von DNA. Er sagt den Boom voraus. Interessant wird sein Gedanke für mich beim parallelen Blick auf die Geschichte des Internets als ‘Markt’.
Denn es ist soweit: DNA-Programmierer wie Craig Venter haben die Entwicklung bereits aufgenommen - die Vision von Enriquez wird bald Realität.
Nur wie ist der Weg dahin? Gepflastert mit Fehlschlägen von Script-Kiddies die nicht wissen was sie tun? Man denke an die Krebs-Forschung im Film Hancock… Gottogott. Es scheint ohnehin schon so zu sein, dass uns Abenteurer wie Venter und Multinationale wie Monsanto den Code aller möglichen unserer natürlichen DNA-Quellen unterm Hintern weg patentieren.
Das geht so nicht - wenn irgend etwas wirklich open source ist, dann die Codes der Natur. Wo sind die Regeln, die das Kommen von Enriquez’ Bild annehmbar machen? Wer sorgt dafür, dass diese Jungs gefälligst ihren eigenen Code schreiben, statt mit unterentwickelten Werkzeugen an Gottes Codes rumzupfuschen - ohne die Logik der Anwendung auch nur ansatzweise verstanden zu haben, dafür aber mit dicken Marketing-Budgets in der Hand, um ihre (Mal)Ware weltweit auf den Markt zu werfen?
Nein, die Beteiligten sollen ihr Geld mit eigener Software verdienen: ‘From Scratch’ entwickelt, damit sie nicht in derselben Umgebung läuft wie wir und unsere Gesundheit.
]]>
Der Exporteur, meine erste Applikation für Windows Live, ist da!Im Zuge unserer Arbeit für die Windows Live Messenger Web Services habe ich ein Tool entwickelt, mit dem die deutschen Besitzer einer Windows Live ID (immerhin über 10 Mio. potenzielle Nutzer) ihre Kontakte zusammenstellen, per eMail versenden und/oder als Datei speichern können.
Zum Einsatz kommen dabei die ‘Windows Live Web Authentication’ der ‘Windows Live Messenger Library’, die ‘Contacts API’, zwei spezielle Webservices und natürlich jQuery für eine schicke Benutzerführung. ]]>
In a nutshell, Deep Zoom allows you to view large images by only sending to your browser the portion of the image that you will actually be viewing on your screen. Spiced up with the ability to pan and zoom across your image smoothly, this works very similar to online maps.
Of course I felt the urge to play around with this, of course focussing on the inclusion in a Javascript-Ajaxy way. These examples cover basic concepts for online-ads, single images, image collections as well as beautyfull women and places, all included via a handy “append/remove object”-function. Some of these examples make use of the free hosting-service offered by the development team. You may use my undocumented “easy-to-use-easy-to-setup”-Javascript-SDK which allows to include both selfhosted and Microsoft-hosted projects.
Microsofts hosting-service lets you get around installing the Deepzoom Composer (.NET Framework 3.5 required) and hosting the (hopefully massive ;) image-data yourself - yet I recommend creating your project offline since it’ll allow you to layout the images in your collection precisely - take a look at the UserGuide.pdf. Well, not in any case: the hosting-service allows to convert a Media-RSS-feed (for example from Flickr) into an album, which is pretty intriguing. But… how many feeds linking hi-res-imagery are out there? I’ve found none so far…
There are a million and one uses for this:
- Online ads: The bottleneck of any ad-delivery is the creative’s filesize, which prevents from advertising with hi-res-images on the web. By loading only the relevant data, initialized by the user and after the pageload, Deepzoom behaves like a streaming ad. Yet one has to bear in mind the distribution of the silverlight-plugin. Yet it can be bypassed easily with an “if not silverlight then use flash”-plugin-sniffer.
- Galerys: Hi-res arts, fashion photography, posters and probes have a hard time being distributed offline or taking the loss of a unbearable download-time. Not anymore: You may use my SDK above to show off your Oevre online in a sleek fashion, saving on useless traffic generated by unseen details. If you use the SDK, please drop me a note ;)
- Advertising-Agencies: Our “offliners” too have a hard time distributing hi-res material to the clients for finetuning or pitches. Of course they have found manageable ways to do this - now with Deepzoom it’s become more manageable to combine artwork in a web-collection.
- Photo-Plugins: With Deep Zooms sleekness in mind I also see some neat uses as a plugin for social communities like Facebook
- Other: Well, there is another great use which I won’t illustrate here (Are you male and have my secret Site-Key? Then take a look at this!). Anyways, producers of porn may contact me for technical contracts ;)
I’ll end my post with a call: Please inform me when
- you have found a way to set the default-position and -zoom within a collection,
- you have used my Javascript-SDK,
- you have developed something you think I should know.
Meins, meins, meins ;)
]]>Mein QR-Plugin ermöglicht die Integration eines unaufdringlichen Buttons zur Anzeige des QR-Codes der gerade dargestellten Webseite. Der Button kann in statische wie auch dynamische Webseiten integriert werden und erlaubt die mobile Weiternutzung, ohne das bestehende Layout zu zerstören.
Ich treibe mich auf vielen Seiten herum, die das Thema QR-Codes behandeln. Und alle zeigen ihre Codes entweder in voller Größe oder erst nach einem Reload der Seite - was entweder Platzverschwendung oder benutzerunfreundlich ist. Das QR-Plugin wird Abhilfe schaffen. Es kann absolut oder relativ positioniert werden und ist damit für die meisten Seitentypen bestens geeignet.
Eine gelungene Einbindung zeigt die Webseite von connecting brands (im Header rechts oben). Was QR-Codes sind werde ich hier in Kürze mit einem White Paper erklären. Bis dahin führt mein Artikel im KMF trendwork-Blog ins Thema ein.
Mit Yahoo! Pipes können beliebige RSS-Feeds verknüpft, manipuliert, durchsucht und zusammengeführt werden, um neue, angepasste Feeds zu erzeugen. Das macht vor allem dann Sinn, wenn man Inhalte von Webseiten zusammenbringen möchte, auf die man als Nutzer keinen Einfluss hat - von denen man eben ‘nur’ einen RSS-Feed hat. Die sich ergebenden Möglichkeiten möchte ich anhand von vier Beispielen zeigen:Mit Meine Agentur im online adpool können Sie nachverfolgen, ob Ihre Agentur im ‘online adpool‘ auftaucht und in welchen online adpool-Medien welcher Inhalt über Sie veröffentlicht wurde.
Mit Blip.tv Shows können Sie die beliebte Video-Show-Community ‘blip.tv‘ komfortabler und gezielter durchsuchen, als die Seite selbst erlaubt: Suchen Sie in einer bestimmten Show, suchen Sie nach bestimmten Suchbegriffen, filtern Sie die Inhalte und bestimmen Sie die Länge der resultierenden Liste, die Sie fortan als Media-RSS-Feed abonnieren können. ]]>