Flash Builder Burrito und Flex Hero sollen Entwicklern das Leben erleichtern, denn mit den Public Betas kann man Desktop-, Browser- und mobile Anwendungen mit einem einzigen Werkzeug realisieren. Simon Widjaja zeigt in der WEAVE 02.2011 – die am 21. März erscheint – Schritt für Schritt, wie Sie eine einfache Android-App mit Bookmarks und Videos erstellen. Den dazu gehörenden Quellcode gibt es hier zum Herunterladen.

Mit der neuen Version von AIR 2.5 für Android erweiteren sich die Möglichkeiten für Entwickler und User. Autor Michel Wacker führt sie durch die Programmierung eines simplen Desktop-Spiels. Die Feinheiten stecken hier in den Details, denn die Steuerung übernehmen sie über ein Smartphone. Den Quellcode und die kompletten Grafiken zu dem Spiel finden Sie hier.

Bevor ich in den Flieger steige noch ein paar Infos zum neuen App-Store-Service InMarket von Adobe – ein Service, mit dem App-Developer über eine Zentrale viele, viele App-Stores beliefern können sollen. Und das geht so: 1// Die AIR-App mit dem InMarket SDK ausstatten 2// In InMarket hoch laden 3// In den gewünschten App-Stores veröffentlichen 4// Analyse-Daten für Usability-Optimierung und Pricing bekommen. Noch ist InMarket ganz am Anfang – aber Adobe hat schon einiges geplant…

So plant Adobe beispielsweise auch zusätzlich, dann auch kostenpflichtige Vermarktungsmöglichkeiten (bspw. prüft das Unternehmen anscheinend, ob Werbung auf den Download-Seiten von PDF Reader oder Flash PLayer lohnen). Außerdem soll es ein Affiliate-Programm geben, sodass Blogger und andere InMarket-Apps ebenfalls vertreiben können (ähnlich wie das bei Amazon schon möglich ist).

Auch in Sachen Preisoptimierung will Adobe einiges anbieten. Jetzt schon kann man pro gewähltem Store einen separaten Preis angeben. Künftig soll man auch verschiedene Preismodelle testen können. Schon jetzt unterstützt das Adobe InMarket SDK verschiedenste Preismodelle, wie etwa “Feature-Based-Prices” oder “Try-before-Pay”. Nur die jeweiligen Stores der unterschiedlichen Anbieter unterstützen noch nicht alle die Funktionen. Adobe arbeitet aber natürlich darauf hin, dass sie dies im Laufe des nächsten Jahres tun.

Außerdem will man in Sachen In-Content-Advertising einiges ermöglichen – für viele ja eine attraktive Alternative zur Finanzierung über einen App-Verkauf.

Apropos App-Verkauf: Kosten soll InMarket (bis jetzt) den Entwickler nichts. Adobe habe statt dessen mit den jeweiligen Partnern ausgehandelt, dass es einen Teil von deren üblichen Umsatz-Prozenten bekommt. Testen kann man InMarket natürlich auch schon kostenlos – und zwar unter www.adobe.com/devnet/inmarket.html

Das Ganze sieht für Entwickler und App-Vermarkter ziemlich spannend aus. Natürlich ist Apple nicht mit dabei… Aber wenn der Service hält, was er verspricht, dürfte sich Apple auf diese Weise ja vielleicht auch ein bisschen unter Zugzwang gesetzt sehen…

Simon Widjaja und ich im Presseraum der Adobe Max

Ein bisschen übermüdet sind wir heute in den zweiten Tag der Adobe Max (max.adobe.com) im kalifornischen Los Angeles gestartet. Gestern schon zeigte uns Kevin Lynch die Zukunft, wie sie Adobe sie sich vorstellt: Flash und AIR everywhere – bis auf Apples Produkte natürlich. Aber, so Lynch, es gibt auch ein Leben neben iPhone und iPad. Eine kleine Zusammenfassung der Ereignisse…

Keine Frage, die Anzahl an Screens (und damit Plattformen) steigt inflationär. Da drückt den einen oder anderen schon die Frage, wie man all die Devices und Betriebssysteme heute und vor allem auch künftig beliefern soll. Wer kann es sich – als Publisher beispielsweise – schon leisten, für jeden Hersteller, jedes Gerät, jede Plattform eine eigene Lösung zu stricken. Nun, Adobe hat dafür zwei Lösungsmöglichkeiten parat – die sich aufeinander zu bewegen, difundieren.

Da ist natürlich die Web-basierte Lösung, sprich optimierte Websites respektive Web-Apps. Hier will Adobe mit Dreamweaver das Tool der Wahl anbieten: mit HTML-5- und nun auch jQuery-Support. Überhaupt gab Adobe sich redlich Mühe HTML5 und Flash als kooperierende Partner zu inszenieren – und nicht als Widersacher (siehe Foto unten). Flash habe schon immer gekonnt, was HTML (noch) nicht könne, meinte Kevin Lynch dazu in der Pressekonferenz nach der Keynote. So soll das auch in Zukunft bleiben – beispielsweise beim Thema 3D.

(Live auf der Keynote der Adobe Max: Senior Technical Evangelist Ben Forta mit Puppet Flash & HMTL)

Interessant auch die Vorschau auf ein vielleicht neues Tool namens Edge – quasi ein Animationstool für JQuery mit Flash-ähnlicher Zeitleiste und Code-View (laut PR-Abteilung gibt es dazu allerdings noch keine Infos online und es steht wohl auch noch nicht fest, ob es Bestandteil von Dreamweaver werden soll oder ein eigenes Produkt).

Daneben soll es künftig – wie gesagt – AIR Apps überall geben: auf Smartphones, Tablets und auf Smart-TVs. Adobe AIR 2.5 und Adobe AIR 2.5 SDK ist ab sofort verfügbar (www.adobe.com/go/air_sdk). Das  AIR SDK für’s Blackberry Playbook bei Research in Motion (RIM, www.rim.com) sowie das für die Smasung Smart TV Platform soll es Anfang nächsten Jahres bei den Herstellern selbst geben.

Und schließlich gibt es zwei Suites bzw. Tools für die 1-App-4-all-Devices-Veröffentlichung: Für Verlage die so genannte Digital Publishing Suite. Dabei soll es sich um eine Rundum-Sorglos-Lösung handeln: von der Layout-Entwicklung in InDesign über die Anreicherung mit digitalem Content via einem Hosting Dienst namens “Production Service”, die Verbreitung über den “Distribution Service”, den Bezahl- und Vermarktungs-Dienstleistung “E-Commerce-Service” bis hin zum Monitoring der diversen Apps – also welche User nutzen welche Inhalte in welcher Form? Professionelle Publisher können sich für ein Prerelease-Programm unter www.adobe.com/beta anmelden – weitere Infos gibt es unter www.adobe.com/digitalpublishing.

Für Entwickler wird es InMarket geben: Ein Tool, mit dem man AIR-Apps auf diverse mobilen Devices veröffentlichen und tracken können soll. Noch kann man sich für diesen Service kostenlos anmelden unter www.adobe.com/devnet/inmarket.html.

Ex-Hobnox-Entwickler Joa Ebert (links) und generativer Künstler Erik Natzke (rechts) vor der Keynote beim Live-Coden und malen…

Klar, dass Flash Builder und Catalyst da auch ein bisschen gepimpt werden müssen: So wird man mit Flash Builder “Burrito” wird man dann Flex Kompenenten nutzen können, die spezielle Multitouch-Funktionalitäten liefern sowie verschiedene Design-Views für horizontale und vertikale Ansichten. Will man seine App dann auf dem mobilen Endgerät testen, so soll man dafür Debugger von Flash Builder nutzen können. Außerdem kann man nun die gleiche Datenbasis nutzen, um im Flash Builder “Burrito” darauf eine mobile App und eine PC-App zu erstellen.

Außerdem soll sich die Zusammenarbeit von Flash Builder und Catalyst verbessern: Entwickler können verschiedene Komponenten schon mal definieren, diese an Catalyst übergeben – und dort kann der Designer dann die Skins dafür anlegen. Eine Vorab-Version von Burrito gibt es unter labs.adobe.com/technologies/flashbuilder_burrito/.

Alles – so CTO Kevon Lynch bei der Pressekonferenz – drehe sich alles um die Frage, wie man die besten Experience auf möglichst vielen Plattformen realisieren kann? Und das möglichst effizient, möchten womöglich viele Unternehmen ergänzen. Denn schon steht ja die nächste Screen-Spezies vor der Tür: der web-fähige Fernseher. Da wird es nach Lynchs Meinung zunächst einmal darum gehen, wie man bestehende Angebote best möglich portieren kann. Erst dann wird man speziell für dieses “Lean-back”-Unterhaltungsmedium dedizierte Lösungen entwickeln.

Adobe setzt bei der Suche nach dem möglichst effizienten Workflow für alle Endgeräte jedenfalls ganz auf die rund 40 Partner, die sich im Open Screen Project (www.openscreenproject.org) zusammen geschlossen haben. Das Ansinnen von Adobe wird die Branche sicherlich goutieren. Inwieweit sich der Gang ohne Apple machen lässt, wird die Zukunft zeigen.

Die Adobe Integrated Runtime (AIR) ermöglicht die Entwicklung plattformübergreifender Webanwendungen für den Desktop, wie sie zum Beispiel von eBay oder AOL eingesetzt werden. Mit dem folgenden Quellcode von Simon Widjaja können Sie in rund drei Stunden eine kleine Anwendung zur Verwaltung von Bookmarks entwickeln.

1// Value Object definieren

{{Listing com.simonwidjaja.workshop.BookmarkVO}}

package com.simonwidjaja.workshop
{
  [Bindable]
  public class BookmarkVO
  {
    public var id:int;
    public var url:String;
    public var title:String;
    public var description:String;

    public function BookmarkVO( object:Object=null ):void {
      if ( object ) {
        id = object.id;
        url = object.url;
        title = object.title;
        description = object.description;
      }
    }
  }
}

2// Datenbankverbindung herstellen

{{Listing: DatabaseConnector (1)}}

package com.simonwidjaja.workshop
{
  import flash.data.SQLConnection;
  import flash.data.SQLResult;
  import flash.data.SQLStatement;
  import flash.filesystem.File;

  public class DatabaseConnector
  {
    [Bindable] public var bookmarks:Array = new Array();

    private var conn:SQLConnection;
    private var firstTimeFlag:Boolean;

    private static var _instance:DatabaseConnector;
    public static function getInstance():DatabaseConnector {
      if ( !_instance )
        _instance = new DatabaseConnector( new SingletonEnforcer() );
      return _instance;
    }

    public function DatabaseConnector( singleton:SingletonEnforcer ) {
    }

    public function connect():void {
      var file:File = File.applicationStorageDirectory.resolvePath( „Datenbank“ );
      trace( „file.nativePath: „+file.nativePath );
      firstTimeFlag = ( file.exists ) ? false : true;
      conn = new SQLConnection();
      conn.open( file );
      if ( firstTimeFlag ) createTable();
      //else                fetchAllBookmarks();
    }

    private function createTable():void {
      var statement:SQLStatement = new SQLStatement();
      statement.sqlConnection = conn;
      statement.text = „CREATE TABLE bookmarks ( id INTEGER PRIMARY KEY AUTOINCREMENT, „ +
          „url CHAR(200), title CHAR(200), description CHAR(1000) );“;
      statement.execute();
    }
    // Hier folgen spŠter die CRUD-Methoden
  }
}
class SingletonEnforcer {}

Um sicherzustellen, dass unsere Datenbank wie gewünscht angelegt wird, können wir testweise die connect()-Methode direkt in unserem MXML-Dokument wie folgt ausführen:

Plugin, um das Ergebnis zu prüfen beziehungsweise direkt auf der Datenbank arbeiten zu können: SQLite Manager

3// Datensätze lesen und schreiben

 public function fetchAllBookmarks():void {
      var statement:SQLStatement = new SQLStatement();
      statement.sqlConnection = conn;
      statement.text = „SELECT * FROM bookmarks;“;
      statement.execute();
      var result:SQLResult = statement.getResult();
      var bookmarks:Array = new Array();
      for each ( var entry:Object in result.data ) {
        bookmarks.push( new BookmarkVO( entry ) );
      }
      this.bookmarks = bookmarks;
    }

    public function saveBookmark( bookmark:BookmarkVO, action:String ):void {
      var statement:SQLStatement = new SQLStatement();
      statement.sqlConnection = conn;
      if ( action==“update“ ) {
        statement.text = „UPDATE bookmarks SET url=:url, title=:title, description=:description WHERE id=:id“;
        statement.parameters[„:id“] = bookmark.id;
      }
      else {
        statement.text = „INSERT INTO bookmarks (url, title, description) VALUES (:url, :title, :description);“;
      }
      statement.parameters[„:url“] = bookmark.url;
      statement.parameters[„:title“] = bookmark.title;
      statement.parameters[„:description“] = bookmark.description;
      statement.execute();
      fetchAllBookmarks();
    }

    public function deleteBookmark( bookmark:BookmarkVO ):void {
      var statement:SQLStatement = new SQLStatement();
      statement.sqlConnection = conn;
      statement.text = „DELETE FROM bookmarks WHERE id=:id;“;
      statement.parameters[„:id“] = bookmark.id;
      statement.execute();
      fetchAllBookmarks();
    }

4// View zum Hinzufügen und Ändern

{{Listing com.simonwidjaja.workshop.EditView}}

5// Zusammenfügen der einzelnen Elemente

{{Listing main.mxml}}

  
    
]]>
			http://www.weave.de/code/airworkshop0509/feed
		0