Coding

Adobe Integrated Runtime 2.5 - und Android

So! Diese ganze Apple-Story bzgl. Software-Säuberung stößt mir ja bitter auf. Aus diesem Grunde werde ich in Zukunft mehr auf Android eingehen.

Adobe IR - HTML und Javascript Events

Tja. Wie immer beim Thema Sicherheit, gehen bei strenger Umsetzung von Richtlinien einige nette Features drauf. Ich lese öfters, dass beim Entwickeln von HTML Air Apps einige ein kleines Verständnisproblem bekommen, wenn sie den HTML-Code mittels JS verändern - neue Events im Tag jedoch unberücksichtigt bleiben.

Fazit Midisoul Praxistext

Midisoul ist eine AIR-App die ich gemacht habe, die ähnlich bekannten Hardware Controllern funktioniert - nur als Software. Mit bekannt meine ich sowas wie Novation Launchad oder Monome. Diese Geräte sind simple wie geniale Controller, mit denen man live Musik "macht". Verkabelt mit dem Klangerzeuger: dem Rechner und dem darauf befindlichen Abelton Live ein geradezu göttliches Werkzeug - oder soll ich sagen: Instrument?

Firefox Addons

Als langjähriger Firefox-Nutzer wühlte ich mich das eine oder andere Mal durch einen Berg von Addons. Herausgekommen sind ein paar, für mich sehr praktische Helferlein, die das Surf- und Entwicklerleben leichter machen.

Anfragen ohne www umlenken

Für eine saubere Statistik empfehle ich in die .htaccess Datei zu schreiben:

Multiple Javascript Counter

Wenn man beliebig viele Timer benötigt und als Zeitangabe die Dauer hat, dann kann man hier:

It works. MidiSoul AIR HTML App spricht mit Ableton

Es funktioniert! Ich habe nun mir einen Patch in Pure Data gebastelt, der das OSC zerlegt und mir drei Werte bereitstellt: Votenwert, Anschlagstärke und der Kanal. Das auf eine Virtuelle Midi Device gelenkt, ich nutze Maple Midi und in Ableton Live auf die Knöpfe gemappt: Funktioniert astrein.

MidiSoul Page

Ich habe mal eine Extraseite für MidiSoul eingerichtet. Zu finden unter:

Open Sound Control, AIR HTML App, flosc Java Gateway

Ich habe jetzt also die AS3 Packages von hier einzeln (es sind drei Files) mit dem FLEX Compiler zu SWF Kompiliert. Vorher habe ich den Packagenamen weggenommen. Die Integration in HMTL siehe einen Post vorher. Beispielhafte Nutzung mittels Javascript:

AS3 Packages als SWF in HTML AIR Application

Angenommen, man hat ein paar AS3 Bibliotheken und will diese jetzt in der HTML-App nutzen. So hat man die Möglichkeit, zu swf kompilierte Bibliotheken einzubinden.

MidiSoul - Visual Midi Controller Interface, mit Adobe Air

Nochwas mit "Soul" im Namen. Naja. Ich habe mal einen Abend lang einen Interface-Prototypen gemacht. Wofür eigentlich? Für eine Möglichkeit, eine App dazu zu bewegen, per Midi oder Open Sound Control in ein Musikprogramm zu gelangen. Insb. der Live Pattern Mode von Abelton Live eignet sich wunderbar, ein solches Interface zu benutzen. Ich sage mal so, es kann eine Art Software-Nachbau von bekannter Hardware sein.

Midi, Open Sound Control, Adobe AIR

Bei Wühlen nach Midi-Funktionalität in Adobe AIR bin ich zum einen auf visp vj gestoßen, zum anderen über flosc gestolpert.

Yahoo Backlinks in SiteSoul

Hat sich der Aufwand schon gelohnt. Ich hab das ganze so gemacht, dass ich eine Suchmaschine einfach nachschieben kann. Jetzt Funktioniert Yahoo. Bekomme also wunderschöne Backlinks zurück. Landen alle fein in der Datenbank... prima. Eigentlich gibts es gar nicht so viele Möglichkeiten, Backlinks zu finden. Die Bing-Backlinks behalte ich mal im Auge. Da mache ich mir bzgl. Login noch Gedanken. Eines ist aber klar: da nichts von AIR was lokal auf dem Rechner ist, in irgendeiner Weise verschlüsselt ist, kann ich nicht zulassen, dass Account-Daten in der SQLite als plaintext vorliegen. Darum glaube ich, dass diese Infos pro Sitzung einmal abgefragt werden müssen. Wird das Programm beendet, sind sie wech... Aber das kommt später. Jetzt kümmere ich mich um den Pagerank...

Site Soul Backlinks

Also ich bin soweit, dass ich jetzt Backlinks von Google ziehe, in der DB speichere und dann darstelle. Da ich das alles modular gemacht habe, schiebe ich einfach eine Suchmaschine nach.

AIR Html parser

AIR ist ja quasi die Geheimwaffe für automatisierte Klickerei auf Webseiten. Man kann sich einloggen und schön Requests abfeuern. Das funktioniert astrein, bisweilen erschreckend einfach.

AIR App insert Data in Database

Hier mal ne Funktion, die Daten die die Datenbank einfügt. Sie kann in das im vorherigen Post erwähnte DB-Objekt:

AIR App SQLite Datenbank

Also man will mit der App sicher auch irgendwelche Daten speichern. Schön strukturiert - am besten in einer Datenbank. Und da bringt AIR eine lokale SQLite Datenbank mit. Wunderbar. Schnell noch das Firefox Addon installiert: SQLite Manager und los geht's.

AIR HTML App GUI Speed

Wie schnell ist AIR bei HTML-Apps eigentlich in der Darstellung? Man kann sich vorstellen: wahrscheinlich langsamer als die Flash-Gui. Aber wie langsam? Nun. Man muss sich ein paar Sachen bewusst machen: 1) alles, was der Browser rendern muss, bremst. 2) die Masse machts.

Debugging AIR Apps with Firebug lite

Was ist so die bequemste Möglichkeit, seine App im "Debug-Modus" laufen zu lassen? Natürlich mit dem beliebten Firebug. Den gibts auch als Lite-Version. Also als komprimiertes JS-File. Einfach einbinden in die App und fertig ist der Lack. Das sieht dann so aus:

AIR innerHTML vs. Prototype .insert() .update()

Ich empfehle dringendst, statt innerHTML lieber die Prototype-Funktionen .update() und .insert() zu nutzen. Das hat einen tieferen Grund. Dieser leuchtet ein, wenn man weiß, wie sich Javascript im AIR-Browser verhält. Denn: schreibt man neuen HTML-Code in ein Element und nutzt man Element-Events wie bspw. onclick - steht dieses Event nicht zur Verfügung. Praktisch müsste man den kompletten DOM aktualisieren, damit das Event auch möglich ist. Aber dann würde viel zu viel passieren, angestossen. Damit das nicht passiert und das Event registriert ist, benutzt man statt innerHTML lieber .update() und .insert() von Prototype. Event-Trigger die auf diese Weise in den Code gepumpt werden, funktionieren auch!

Moving, Closing AIR App

Da hat man jetzt seine App soweit. Sie startet. Doch jetzt will man den hässlichen OS-Rahmen um die App entfernen. In der Datei meineapp.xml gibts dazu:

SiteSoul - GUI

Die Oberfläche von SiteSoul ist komplett in HTML realisiert. Prototype und Scriptaculous, sowie ein kleines Template-System verfeinern das ganze. Das CSS besteht im Prinzip aus Wrapper-Klassen für einzelne Eigenschaften. So kombiniere ich mehrere CSS-Klassen in einem Tag. Element abhängige CSS gibt es sogut wie nicht. Maximal Buttons und Formularfelder.

Template-Call in Javascript AIR Apps

Manch Template-System einer Website gleicht einer Matroschka - aber schlecht ist das nicht. Im Gegenteil. Das kann sehr nützlich sein. Möchte man das Prinzip auf eine Javascript-App anwenden, muss man an einigen Stellen umdenken.

include in Javascript for AIR Apps

Als ambitionierter PHP-Entwickler schätzt man beispielsweise das Inkludieren von weiteren Php-Files. Tolle Sache. Doch gibt es das auch in Javascript? Nein! :)

SiteSoul - SEO Analysis & Reporting

Schon seit geraumer Zeit habe ich die Idee, wobei Idee der falsche Begriff ist, eher: die Motivation - eine App zu machen, mit der man sich ein paar Informationen über URLs einholen kann. Genauer gesagt Suchmaschinen-Informationen. Beispielsweise den Pagerank. Aber auch Backlinks - und vor allem: der Platz in den Suchergebnissen.

Kurzsuechtig Website

Soderle. Ich habe es mir mal angetan und die neue Website vom Kurzsuechtig Kurzfilmfestival hier in Leipzig gemacht.

Strato .htaccess

Wer PHP5 aktivieren will, schreibt einfach in die .htaccess folgendes:

Adobe Air

Was ist Adobe Air?

FTP syncronisieren

Nicht immer kann man bei einem Projekt SVN nutzen. Doch wie bekommt man nur die geänderten Files von einer lokalen Version zur Stable-Version online? Hierfür nutze ich ein nettes Programm, das den FTP-Server anzapft und nur neuere Files überträgt. Natürlich dauert ein Durchgang trotzem eine Weile, da abgecheckt werden muss, welche Datei übertragen werden muss, aber dann wird ordentlich einsortiert.

Typo 3

Habe ich schon erwähnt, das ich dieses System, ähm, wie soll ich sagen, "meide"? Noch nicht? Na dann mache ich das hiermit. Nur warum? Typo 3 ist wunderbar, um Standard-Websites zu machen. Sogar Portale werden damit realisiert. Sicherlich wurden schon abertausende Systeme damit entwickelt und man könnte sagen, der Erfolg gibt dem System recht. Das streite ich auch nicht ab. Doch sobald was indivudelles Teil der Website sein soll, gehts los. Öfters werden eigene Module zu Stückwerk: "Hauptsache, es funktioniert". Und mit kontinuierlicher Integration hat das alles dann nicht mehr viel zu tun. Nicht nur, dass man mehr oder minder gezwungen ist sich von den Coding Conventions zu distanzieren, nein auch Sicherheitsprobleme können schnell auftreten. Und man hat fast gar keine Chance, diese zu finden.

Framework oder nicht?

Oft wird über die Sinnfälligkeit eines Frameworks diskutiert und Anhänger verschiedener Frameworks streiten gerne, welches das Beste ist. Zunächst einmal die Vorteile eines Frameworks.