Daumen drücken, dass das Portal auf die Beine kommt!

All journalists should have received their invitation for a press conference of 1. FC Köln tomorrow. Guess what will be the news

Auf gut Deutsch: „Liebe auserwählte Twitter-Fans, meine Wenigkeit wechselt als Trainer zum 1. FC Köln, was erst morgen offiziell bekanntgegeben wird.“ – Ob das mal kein Fake ist?

Einen Tag nach dem Twit wissen wir mehr. Bis dahin nehmen wir diese Klinsmann-Köln-Twitter-Geschichte mal zum Anlass für eine kleine Pominenten-Twitter-Grundsatz-Überlegung:

Klinsmann & Co. auf Twitter – warum?

Während in Deutschland Twitter noch etwas Spielerei für Insider ist, hat sich Twitter in den USA schneller durchgesetzt. Prominente – aber auch Firmen – können versuchen dieses Werkzeug als Marketing-Instrument einzusetzen.

Jürgen Klinsmann muss sich selbst bei seinen Fans vermarkten?

Diese Frage dürfte wohl zu verneinen sein; obgleich man vielleicht argumentieren könnte, dass damit eventuell eine Image-Aufwertung erreichbar sein könnte. Fußball-Fans sind nicht immer die handsamsten Zeitgenossen. Als prominenter Twitter-Nutzer könnte man seinen eigenen Medienkanal aufbauen und in hitzigen Zeiten der Presse den Wind aus den Segeln nehmen.

Ob Klinsmann in den letzten Wochen als Trainer beim FC Bayern München noch die Wogen seitens der Fans geglättet hätte, ist fraglich. Aber hier verhält es sich wie mit einer eigenen Homepage: Die eigene Sicht der Dinge lässt sich dadurch wunderbar darstellen.

@jklinsmann nur ein Klinsmann-Fan?

Die Gefahr dieser neuen Kanäle ist aber auch Identitätsklau. Es ist vergleichbar mit dem anmelden einer Domain – z.B. www.juergen-klinsmann.de. Jeder kann dies tun. Ebenso wie jeder den Twitteraccount @jklinsmann anlegen kann. Einziger Unterschied: Bei der Denic kann man den Eigentümer der Domain namentlich herausfinden. Bei Twitter fehlt eine solche Validierungs-Möglichkeit – das soll sich aber schon bald ändern: Twitter arbeitet an einer Validierung für Prominente.

Über die Gefahren von Identitätsklau brauchen wir nicht zu diskutieren, das steht woanders. Es ist momentan die Frage, wie lange es dauern wird, bis es die ersten rechtlichen Schritte gegen Twitter-Faker geben wird.

Was hat der Faker aber davon, sich als neuer FC-Trainer für einen Tag auszugeben, oder den Klinsmann zu mimen, bis ihm sowieso mal irgendwann alle draufkommen? – Nun: Schonmal tausende von Zuhörern gehabt? Was würdest Du damit machen? Dem einen wird vielleicht sogar die Menge an Leuten reichen, die ihm zuhören und wichtig nehmen. Der andere könnte aber auch auf die fast bösartige Idee kommen, damit Geld zu machen.

Sich über ein paar Monate eine kleine Fangemeinde aufzubauen dürfte mit einem Prominenten-Twitter-Account durchaus machbar sein. Regelmäßig ein paar interessante Neuigkeiten streuen und irgendwann dann mal eine Produktempfehlung einbauen? Oh ja, natürlich ein eigenes Produkt oder eine eigene Dienstleistung oder die Leute auf eine eigene Internetseite führen, auf der die Klicks Geld bringen usw.

Klingt für mich nach Betrug – also Vorsicht! – Von den Denunzierungs-Möglichkeiten gegen einen gehassten Promi brauche ich ja gar nicht zu schreiben.

I follow @jklinsmann

Auf der anderen Seite steht natürlich auch der Zuhörer – bei Twitter Follower genannt. Wie kann man sich als Follower sicher sein, dass man es wirklich mit einem echten Promi zu tun hat, der vom Zähneputzen bis zum Telefonat mit der Ex scheinbar alles ausplaudert? – Vergangene Woche konnte man sich überzeugen, dass der Twitter-Account von Thomas D (wohl @thomasdofficial) tatsächlich echt ist. Thomas D hat das in einem Interview bei Bayern 3 persönlich bestätigt.

Das heißt: Bis die Twitter-Validierung kommt, ist man auf ehrliche Quellen angewiesen, wie eine offizielle Webseite, auf der auf den Twitter-Account hingewiesen wird. Oder tatsächlich die höchstpersönliche Aussage des wahrhaftigen Menschen in einem Interview oder sonstwo. Bis eine solche Quelle gefunden ist, sollte man solange von einem Fake ausgehen.

Oder die Bestätigung der Trainer-Sensations-Meldung von Klinsmann erstmal auf morgen verschieben.

Die Auflösung des Klinsmann-Fake-Accounts findet man hier. Und persönlich beim Erfinder hier.

Doch der Unterschied zwischen dem Kopieren eines Bildbereiches über einen anderen mit Hilfe des Stempelwerkzeuges zur Ausblendung von nichtgewollten Fotoelementen zum Spaß und dem gezielten Planen eines Bildes mit dem Einsatz der eben benannten Technik liegt im künstlerischen Wert.

Ach, lassen wir das – es geht einfach darum, ob der Einsatz von Retusche- oder sonstigen Manipulationstechniken Sinn macht oder ob sie einfach angewendet werden, weil man es kann. Jedenfalls zeigt http://www.alltelleringet.com/, dass er neben den Werkzeugen auch seine Kreativität beherrscht.

Danke für den Tipp von Volderette! Immer wieder gut als Quelle für interessante Medienleute.

Die Sprachumschaltung innerhalb des Online-Shops funktioniert. Innerhalb Drupal kann ich ebenfalls mit dem Language Switcher umschalten. Allerdings wird im Online-Shop bereits schön eine Sprachumschaltung mit Grafiklinks (Flaggen) angeboten, die ich für Drupal übernehmen möchte.

Die Flaggen ins Drupal-Template zu integrieren ist nicht die Herausforderung – aber die richtigen Links zu finden. Einfachste Lösung:

Drupal-Sprachumschaltung mit Link realisieren (Lösung innerhalb Template)

1. Content Translation-Modul aktivieren
2. Unter Admin -> Site Configuration -> Languages -> Configure die Language Negotiation „Path prefix with language fallback“ auswählen
3. Im Drupal-Template folgende PHP-Funktion vorbereiten (je nach Sprachumschaltung die Sprachkürzel ausbessern und mit den in Drupal eingestellten Kürzeln abgleichen): str_replace(‘/en/’, ‘/de/’, ‘http://’ . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']);
4. Die Flaggengrafiken-Links über Aufruf dieser Funktion generieren.

Spracherhaltung von Online-Shop nach Drupal-Seite

Jeder Menülink, der aus dem Online-Shop in den Drupal-Bereich führt, muss ergänzt werden durch das Sprachkürzel (z.B. „de“ bzw. „en“).

Im vorliegenden Shop exisitiert unter PHP eine Variable, die die aktuelle Sprache angibt. Diese muss in den Link des Menüpunktes eingefügt werden.

Spracherhaltung von Drupal-Seite nach Online-Shop

Der vorliegende Online-Shop bietet die Möglichkeit durch Übergabe einer URL-Variable die Sprache zu steuern. In jeden Menüpunkt-Link, der vom Drupal-Bereich in den Online-Shop führt, muss die Sprache damit an die URL angehängt werden.

Viel Erfolg beim Basteln!

Was wäre wenn man Himiko als unseriöser Werbemann / -frau für seine Zwecke nutzen wollte bzw. wie könnte dies aussehen?

Himiko in der Hand einer seriösen Werbeagentur

Eine seriöse Werbeagentur wartet auf die Fotoveröffentlichung, bis Himiko visuell in der Zielgruppe bekannt ist. Danach werden nach einer mehrstündigen Brainstorm-Sitzung quergedachte und kreative Ergebnisse für mögliche Werbeplakate mit Himiko präsentiert. Unspektakulär verpufft das Werbebudget in einer von Himiko nicht allzu fern liegenden Galaxie.

Himiko in der Hand einer Ein-Mann-Werbeagentur

Eine Ein-Mann-Werbeagentur muss versuchen, ihr gesamtes Netzwerk an Experten zu vernetzen und so schnell wie möglich erste Ergebnisse als Einzelbildfolge in Videoform auf YouTube zu stellen. Das geht so: Der Einzelkämpfer schreibt eine Email an den Grafiker und beauftragt diesen, Himiko zu skizzieren. Zeitgleich wählt er die Telefonnummer seines vertrauenswürdigsten Texters und sagt ihm, er solle etwas Großes, Einzigartiges und Gasförmiges texten.

Ohne auf dessen Rückfragen einzugehen bereitet er bereits einige Fotos von pixelio.de und weiteren Gratis-Fotodiensten vor, um das YouTube-Video damit zu befüllen. Aus einem Guss landen die Bilder als Anhang in der Email an den Cutter, der bereits seelisch darauf vorbereitet wird, in den kommenden Minuten Emails von verschiedenen Kreativen aus dem Netzwerk (TM) zu erhalten und diese uneingeschränkt zu verwursteln.

Sieben Netzwerk-Mitarbeiter später steht das Video „Skandal um Himiko – Unglaubliche Bilder“ im Netz, nach etwa drei mittelmäßigen Bewertungen nimmt YouTube das Video wegen der illegalen Verwendung von GEMA-Musik wieder aus dem Netz. Die Ein-Mann-Werbeagentur kan sich aber beruhigt zurücklehnen, weil das Video bei blip.tv, myvideo.de, veoh.com, Vimeo, ClipFish und interaktivesvideo.de noch zu sehen ist.

Himiko in der Hand einer Internet-Marketing-Agentur

Ok, Webdesigner, Suchmaschinenoptimierer, Flash-Video-Spezialist, MySQL-Experte, PHP-Hacker und der Google-AdWords-Checker sofort zur Kick-Off-Projektsitzung!

Das Webdesign wird schwarz, mit zahlreichen weißen Sternen. Um bei Google gefunden zu werden, nennen wir die Seite „Himiko Himiko, Himko Himoko Hokimi“, kopieren diese Zeichen in die Meta-Tags und fügen dort noch den Ausdruck „für nur 45,95 € inkl. MWSt exkl. Versand, siehe AGBs“ hinzu.

Das Wort Himiko wird dann noch in diversen Aufzählungen auf der Seite verwendet, fett und kursiv (unterstrichen darf nicht mehr sein, warum weiß keiner von den Anwesenden) und dann noch im Menü in den Formen Himiko-Startseite, Himiko-Neuigkeiten, Über Himiko, Himiko-Referenzen, Himiko-Kontakt.

Der Flash-Designer hat bereits seinen blinkenden Banner fertig mit einer genialen Erfindung: Er verlinkt bei Klick des Nutzers auf sich selbst! Damit wird der Besucher länger On-Page gehalten. Der Chef klopft ihm überzeugt auf die Schulter und dreht sich zum Suchmaschinenoptimierer.

Der hat die noch nicht registrierte Domain längst bei 120 Katalog-Seiten eingetragen und legt sich in seinen sechsmonatigen verdienten Schlaf, um nach dem Aufwachen dann seine Lorbeeren zu betrachten.

Der Himiko-Webshop wird gestrichen (nicht mit Farbe, sondern von der ToDo-Liste), nachdem der MySQL- und PHP-Programmierer ihre Honorarforderungen für eine individuelle Entwicklung gestellt haben. Nachdem die Webseite nach drei Wochen immer noch keine Besucher verzeichnet, beginnt man vergeblich zu twittern. Dinge wie „Himiko sieht heute irgendwie dunkler aus als sonst. Vielleicht Gewitter dort?“ oder „Freue mich heute richtig, Himiko zu sehen.“ kommen ab sofort zwei oder drei Mal täglich.

Himiko in der Hand einer unseriösen verbrecherischen Erfolgsagentur

Sofort versucht der Agenturchef persönlich seinen Mittelsmann bei der NASA zu erreichen. Er möge Bilder von Himiko nicht veröffentlichen oder an die Presse geben. In Form von Mikrofilmen (immer noch cooler als Email) wird der Erfolgsagentur der komplette Bilderkatalog zugespielt.

Dann geht alles ganz schnell: Die Bilder werden vergrößert und neue Sterne mit Photoshop in die Himiko-Galaxie eingefügt, die den Schriftzug des zu bewerbenden Produktes ergeben. Allerdings nicht sichtbar, sondern nur unterschwellig.

Durch den Bilderverkauf an die Presse hat man einerseits schöne Einnahmen und gleichzeitig wieder einmal einen Kunden äußerst zufriedengestellt.

Was denkt ihr? Wer gewinnt?

1. Kompilieren

Vor dem Kompilieren natürlich noch das eventuelle proxied-Attribut von <canvas> auf false setzen und den Debugger rausnehmen für den möglichen Produktiveinsatz.

In der Entwicklungsumgebung wird wie gewohnt kompiliert, indem man die Anwendung aufruft. In einer Standard-Umgebung geschieht dies mit dem Link http://localhost:8080/lps-VER.x.y/pfad-zu-applikation/app.lzx?lzr=runtime. Die kursiven Teile sind jeweils variabel an das Projekt anzupassen.

2. Applikationspaket schnüren

Auf der Browserseite wird nun die Applikation und zusätzlich eine von OpenLaszlo gelieferte Entwicklerleiste angezeigt. Auf der Leiste im Fall der SOLO-Bereitstellung (ohne OpenLaszlo-Server) auf den SOLO-Schaltknopf klicken. Es erscheint der sogenannte „Setup SOLO DHTML Application Deployment“-Wizard.

Der Pfadname zur Applikation müsste bereits eingetragen sein. Falls nicht, es ist der relative Pfad unterhalb des Applikationshauptverzeichnisses – z.B. my-apps/meine-applikation/xyz.lzx.

Der Titel für die Webseite muss nur ausgefüllt werden, wenn man die generierte Standardseite übernehmen möchte. Somit ist in den meisten Fällen einfach nur ein Klick auf „Continue…“ nötig.

Der nächste Bildschirm ist selbsterklärend und dient für die meisten nur noch als Klickübung auf „Continue…“.

Die fertig gepackte ZIP-Datei mit dem OpenLaszlo-Code und den Bibliotheken liegt als Link bereit zum Download.

3. Einbinden in eine Webseite

Folgende Angaben sind zwingend nötig, um die OpenLaszlo-Applikation SOLO in einer bestehenden Webseite als DHTML zu integrieren (SWF siehe unten!):

<html>
<head>
  <script type="text/javascript"
          src="lps/includes/embed-compressed.js"> <!-- 1 -->
  </script>
  <script type="text/javascript">
    lz.embed.lfc('lps/includes/lfc/LFCdhtml.js',  <!-- 2 -->
                 'lpsresources');                 <!-- 3 -->
  </script>
.
.
</head>
<body>
  <script type="text/javascript">
    lz.embed.dhtml({url: 'app.lzx.js',            <!-- 4 -->
                    bgcolor: '#FFFFFF',
                    width: '200', height: '200',
                    id: 'lzapp'});
  </script>
  <noscript>
    Einige Worte des Bedauerns für Nicht-Javascript-User.
  </noscript>
.
.
</body>
</html>

Kurze Erklärungen dazu:

Diese Grundeinstellung funktionierte lokal und auf einem Test-Webserver. Bereits beim Versuch der einfachen Integration in eine CMS-Umgebung (z.B. Drupal) kann es zu Problemen kommen. Dies liegt zum Beispiel an Pfadmanipulationen des Webservers, worauf die OpenLaszlo-Bibliotheken nicht mehr richtig eingebunden werden.

Dazu setzt man folgendes um:

• Die OpenLaszlo-Applikation in ein eigenes Unterverzeichnis ablegen. Dieses mit z.B. mit Hilfe einer .htaccess-Datei vor Pfadmanipulationen seitens des Webservers schützen (RewriteEngine off).
• Bei <!– 1 –> einen absoluten Pfades angeben, inkl. http(s) und der Domain.
• Bei <!– 2 –> ebenfalls einen absoluten Pfad eintragen.
• Bei diesem Punkt herrscht noch weitverbreitetes Unwissen, aber es kam vor, dass bei <!– 3 –> die Angabe zu lps/resources geändert werden musste, um die Applikation zum Laufen zu bekommen.
• <!– 4 –> ist der Pfad zur eigenen Anwendung und sollte ebenfalls absolut sein.
• Innerhalb der Applikation können ebenfalls Pfadangaben vorkommen, z.B. zu Ressourcen. Diese sind dann ohne http(s) einzutragen, aber ebenfalls Absolut (ohne Domain) zu halten. Z.B. Liegt eine Ressource dann unter http://www.domain.xyz/pfad/zur/applikation/foto.jpg, dann ist anzugeben: /pfad/zur/applikation/foto.jpg.

Bei SWF-Verteilung fallen die Zeilen <!– 2 –> und <!– 3 –> von oben weg. Zeile <!– 4 –> sieht so aus:

  <script type="text/javascript">
    lz.embed.swf({url: 'app.lzx.swf8.swf?&lzr=swf8&lzproxied=false',            <!-- 4 -->
                    allowfullscreen: 'false', bgcolor: '#FFFFFF',
                    width: '200', height: '200',
                    id: 'lzapp', accessible: 'false',
                    cancelmousewheel: false});

    lz.embed.lzapp.onloadstatus = function loadstatus(p) {
      // p = percentage of load progress
    }

    lz.embed.lzapp.onload = function loaded() {
      // done loading
    }
  </script>