Dann schauen Sie sich doch mal CoffeeScript an! CoffeeScript ist eine eigene Programmiersprache die mit Hilfe eines Compiler (eigentlich Generator) nach JavaScript übersetzt wird. Die Syntax von CoffeeScript wurde übrigens von Python und Ruby inspiriert.

Für den Schnelleinstieg empfiehlt sich der Screencast „Introduction to CoffeeScript„:

Weitere Informationen finden sich auf der CoffeeScript-Homepage, dem CoffeeScript Cookbook,  The Little Book on CoffeeScript und dem freien Ebook Smooth CoffeeScript.

Viel Spaß beim CoffeeScripten!

Zauberei, nein. Google benutzt bei der Suche 57 Profilinformationen aus Computer, Netzwerk und Benutzer. Man sieht also nur das, was für einen wirklich wichtig ist – oder?

Facebook macht das auch so: Sehen Sie nur noch Nachrichten von Leuten, die Ihnen wichtig sind.

Also, überlassen Sie wichtigen Informationsentscheidungen einfach einem Computerprogramm.

Oder vielleicht besser doch nicht?!

Eli Pariser (@elipariser) wurde eingeladen auf der TED Konferenz darüber zu sprechen. Im Publikum waren Führungskräfte von Google, Facebook, Microsoft u.a. die Gründer von Google und Bill Gates. Ein sehr schöner Vortrag, in dem er sich für ein offenes und moralisch einwandfreies Internet ausspricht.

Absolut sehenswert. Schauen Sie sich seinen Vortrag an – solange man diesen noch finden bzw. sehen kann

Interessant sind hier nicht nur die technischen Aspekte. Auch die vielfältigen Einsatzmöglichkeiten sollten in einem Unternehmen geprüft werden. Konkret geht es um folgende Fragen:

• Wer hat HTML5 eigentlich erfunden?
• Was kann HTML5 alles?
• Wann wird HTML5 als Standard verfügbar sein?
• Können Browser heutzutage schon HTML5 darstellen?

Der HTML5-TechTalk der GFU Cyrus AG liefert dazu Antworten und Anregungen:

Passende HTML5-Schulungen bietet die GFU auch, u.a. eine zweitägige Schulung „HTML5 – Der professionelle Einstieg in die Standardsprache des Webs„. In dieser HTML5-Schulung werden die sprachlichen Neuerungen zum Vorgänger sowie die Themen Formulare, Geolocation, Multimedia, Drag-and-Drop etc. praxisnah vorgestellt.

Unterstützung für DOM-Bearbeitung, CSS-Selektoren, JSON, Canvas, SVG und natürlich JavaScript ist vorhanden. Typische Anwendungsfälle für PhantomJS sind JavaScript Tests, die Ausgabe von Webseiten in PDF-Format oder komplexe Vearbeitungen, wie beispielweise das Lesen von aktuellen Tweets eine Twitter-Nutzers.

Auf den Google Code Projekt Seiten (http://code.google.com/p/phantomjs/) Beispielen vorgestellt, wie z.B. Durchführung von Regressionstests, Aufruf von Webservices und Verarbeitung der Rückgabedaten, Geolocation, Malen von SVG und Speichern als JPG-Datei.

PhantomJS wurde von Ariya Hidayat (http://ariya.ofilabs.com/) in Qt und C++ geschrieben und läuft unter Linux, Windows und Mac OS X.

Hier noch ein paar Links:

• http://www.phantomjs.org/
• http://code.google.com/p/phantomjs/)
• http://ariya.ofilabs.com/

Prima Idee!

Addi Osmani zeigt in dem Projekt „Essential JavaScript Design Patterns“, das man auch mit JavaScript modern und professionell programmieren kann.

„Essential JavaScript Design Patterns“ ist ein freiverfügbares Buch und wurde aktuell in der Version 1.1 vorgestellt. Neben inhaltlichen Aktualisierungen und verbesserten Beispielen enthält diese Edition zusätzliche Entwurfsmuster.

Folgende Entwurfsmuster (Patterns) werden in der Version 1.1 berücksichtigt;

• Creational Pattern
• Constructor Pattern
• Singleton Pattern
• Module Pattern
• Revealing Module Pattern
• Observer Pattern
• Prototype Pattern
• Command Pattern
• DRY Pattern
• Facade Pattern
• Factory Pattern
• Mixin Pattern
• Decorator Pattern

Die zum Download bereitgestellte Version enthält neben dem Buch noch zusätzlich eine Übersichtskarte mit Entwurfsmustern (mit freundlicher Genehmigung von Jason MacDonald) sowie außerdem eine Entwurfsmuster-Referenzkarte (mit freundlicher Genehmigung von DZone).

Hier geht‘ zum Download:

• http://addyosmani.com/blog/essentialjsdesignpatternsupdate1/

Viel Spaß beim Lernen!

Am 03.03.2011 wurde der erste Meilenstein mit dem Namen „Mozilla’s Web Application Project“ oder auch kurz „Web Apps“ veröffentlicht.

Web Apps sind Browser-Anwendungen die auf HTML5, CSS3 und JavaScript basieren. Mit „Open Web Applications“ wird eine Infrastruktur (Konzepte, Bibliotheken, API) zur Veröffentlichung und Verteilung von Web Apps zur Verfügung gestellt.

Web-Entwickler können damit ihre Web Apps standardisiert veröffentlichen und außerdem eigene Web App Stores aufbauen.

Es gibt schon eine Sammlung von Beispielanwendungen zum Ausprobieren, die in FireFox und Chrome über eine „Web App“-Erweiterung funktionieren.

Ein kleines Video zeigt mögliche Anwendungen:

In der Praxis entwickelt man eine Web-Anwendung. Diese wird mit Hilfe einer Manifest-Datei beschrieben. Über eine JavaScript-API kann die Web Anwendung Installations- und Verwaltungsfunktionen der „Open Web Apps“ benutzen.

Kurzfristig sind weitere interessante Ideen geplant, darunter Synchronisation von WebApps auf mobilen Geräten, Unterstützung nativer Browser Steuerelemente, Betriebssystemintegration sowie Widgets und Benachrichtigungen.

Hier noch ein paar Links:

• Mozilla: Web Applications (https://apps.mozillalabs.com/)
• First developer release of Web Apps Project (http://mozillalabs.com/blog/2011/03/first-developer-release-of-web-apps-project/)
• MDN: Open Web Applications (https://developer.mozilla.org/en/OpenWebApps)

In dieser Woche habe ich meinen Vortrag „Cross-Apps-Entwicklung für iPhone, Android und Co.“ auf einer Gemeinschaftsveranstaltung der ConsultM-Initiative E-Business und dem Treffpunkt Arminius der IPS GmbH in Bielefeld gehalten.

Mit mehr als 100 Teilnehmern war die Veranstaltung außerordentlich gut besucht.

Hier einige der Rückmeldungen:

„…vielen Dank für den tollen Vortrag. Ich fand ihn sehr interessant.

Ich muss allerdings zugeben, dass ich im ersten Augenblick enttäuscht war, als Sie vorstellten, dass es nicht um native Applikationen geht. Diese Enttäuschung ist aber bei bzw. nach den anderen Informationen verflogen!

Ich habe bereits begonnen mir einzelne Bibliotheken anzusehen.

Nochmals vielen Dank! …“

„…Danke für den Überblick, den Sie gegeben haben. Durch die Einbindung mobiler Geräte steht uns eine neue Ära der IT bevor. Ich bin gespannt, wie diese Entwicklung weiter geht. Immerhin hatte ich 1982 den allerersten IBM PC der Universität Bielefeld auf meinem Schreibtisch! …“

„…ihr Vortrag war sehr interessant für mich und in jeder Hinsicht eine Anregung, sich mit dem Thema der Javascript-Frameworks intensiver zu befassen. Zwar habe ich schon selbst native Anwendungen für das iPhone veröffentlicht. Aber die Idee, plattformübergreifende Anwendungen zu entwickeln, ist natürlich viel reizvoller. Noch mal vielen Dank! …“

„…Ihr Vortrag in Bielefeld war Klasse, er hat mir sehr viele Grundsatzfragen zu dem Thema beantwortet, die ich zwar zum Teil bereits erahnt habe aber dafür nicht so schnell Fakten finden konnte da ich nicht so Tief in der Materie Stecke. Vielen Dank…“

„…ich habe zu Danken, dass ich mal wieder einen Vortrag hören durfte, der gut aufgebaut, gut vorgetragen und mir definitiv geholfen hat meinen Horizont wieder ein gutes Stück zu erweitern.  Ich hoffe auf ein baldiges Wiedersehen…“

Auch ich darf mich bei den Veranstaltern und allen Teilnehmern herzlich bedanken.

Mit mobl soll die Umsetzung mobiler Anwendungen einfach und elegant realisiert werden. Die Entwicklung wird mit Hilfe eines Eclipse-Plugin durchgeführt, das aus den mobl-Modulen und Anweisungen automatisch eine HTML5-Webanwendung generiert, die über jeden WebKit-kompatiblen Browser aufgerufen werden kann.

Die Syntax von mobl orientiert sich JavaScript. Oberflächen und Datenmodelle werden über eine deklarative, domänenspezifische Sprache (DSL) beschrieben. Die Datenhaltung findet mittels „persistance.js“ auf dem Gerät statt. Zusätzliche JavaScript-Bibliotheken lassen sich ebenfalls integrieren.

Hier das erste mobl-Beispiel ein „Tip Calculator„:

screen root() {
var amount = 20
var percentage = 10
header(„Tip calculator“)
group {
item { numField(amount, label=“amount“) }
item { numField(percentage, label=“percentage“) }
item { „$“ label(amount * (1 + percentage/100)) }
}
}

Und das ist das Ergebnis:

Auf der gut gemachten Website finden sich weitere Anleitungen für eine ToDo-List und eine Shopping List sowie die API-Dokumentation und ein Blog.

Also, lassen Sie uns doch mal eine Anwendung „mobl“-isieren!

Das PhoneGap-Projekt ist ein Open Source Mobile Framework das sechs verschiedene mobile Plattformen unterstützt, darunter natürlich auch Android.

PhoneGap ist im eigentlichen Sinne eine HTML5-Anwendungsplattform, d.h. die Programmierung passiert mit modernen Webtechnologien. Native Geräteeigenschaften wie z.B. Accelerometer, Kamera, Geolocation etc. werden über eine JavaScript-Programmierschnittstelle zur Verfügung gestellt. Die so entwickelten Apps können auch über einen App Store bereitgestellt werden.

Die PhoneGap-Website enthält Anleitungen, wie man PhoneGap mit iOS, Android, Blackberry, webOS und Symbian WRT integriert.

In diesem Artikel geht es speziell um eine Entwicklerinfrastruktur von Android mit Eclipse, PhoneGap for Android und dem MDS PhoneGap for Android Plug-In.

Das letztgenannte MDS PhoneGap for Android Plug-In wurde am 05.01.2011 in der Version 1.1 vorgestellt und bietet eine Reihe zusätzlicher Funktionen. MDS PhoneGap for Android basiert auf den Eclipse JavaScript Development Tools (JSDT). Für das Erstellen von Phonegap-Android-Projekten wird ein Projektassistent bereitgestellt, der die Vorauswahl eines mobilen UI-Frameworks (zur Zeit jQuery Mobile und Sencha Touch) unterstützt.

Für das MDS PhoneGap for Android Plug-In werden auf der MDS-Website Schnellinstallationsanweisungen, sowie eine ausführliche, bebilderte Anleitung bereitgestellt.

Über die Installation von Android und PhoneGap unter Windows sowie PhoneGap unter Mac OS X findet man im Blog von Tom King weitere nützliche Hinweise.

Unter Windows gibt es z. B. Probleme, wenn die Namen der Installationsverzeichnisse Leerzeichen wie „C:\Program Files\…“ enthalten.

Und unter Mac OS X „Snow Leopard“ empfiehlt sich der Einsatz der 64-bit Cocoa-Eclipse-Variante. Die Ablaufgeschwindigkeit dieser Version soll sich übrigens noch durch erweiterte Startoptionen (UseParallelGC, UseCompressedOops) optimieren lassen. Ein genaue Anleitung dafür gibt es in einem Artikel auf der Website der Eclipse Zone. (Anmerkung: Ich konnte dies allerdings noch nicht richtig verifizieren.)

Also, damit sollte doch der Einstieg in die Entwicklung von WebApps für Android mit Eclipse gelingen.

Folgend noch ein paar Links:

• Android-Plattform (http://developer.android.com/)
• Android SDK (http://developer.android.com/sdk/)
• ADT Plug-In für Eclipse (http://developer.android.com/sdk/eclipse-adt.html)
• Android NDK (http://developer.android.com/sdk/ndk/)
• PhoneGap (http://www.phonegap.com/)
• PhoneGap-Get Started (http://www.phonegap.com/start)
• PhoneGap-Wiki (http://wiki.phonegap.com)
• MDS Website (http://www.mobiledevelopersolutions.com/)
• MDS Zusammenfassung (http://www.mobiledevelopersolutions.com/home/start/)
• MDS Ausführliche Anleitung (http://www.mobiledevelopersolutions.com/home/start/startdetails)
• PhoneGap Lessons Learned- Windows Edition (http://mobilemind.net/2011/01/phonegap-lessons-learned-windows-edition/)
• PhoneGap Lessons Learned- Mac Edition (http://mobilemind.net/2011/01/phonegap-lessons-learned-mac-edition/)
• Eclipse Zone (http://eclipse.dzone.com/articles/installing-eclipse-galileo-mac)

PhoneGap

=> http://www.phonegap.com/

PhoneGap-Anwendungen werden mit Webtechnologien (HTML, CSS, JavaScript) entwickelt und können unter Google Android, Apple iOS, HP (Palm) WebOS, Blackberry RIM und Windows Mobile ausgeführt werden. Für die Bereitstellung der Anwendung unter der jeweiligen Plattform werden Projektvorlagen zur Verfügung gestellt, in der ein Web-Browser-Control geladen wird, in dem dann die „Web-App“ ausgeführt wird. Für den Zugriff auf die Geräte-Hardware wie Accelerometer, GPS, Kamera, Kontakte, SMS / Telefonie usw. wird eine JavaScript-Wrapper-Bibliothek (phonegap.js) zur Verfügung gestellt. Nicht alle Fähigkeiten werden auf allen Plattformen unterstützt. Eigene Erweiterungen können erstellt werden. PhoneGap ist ein Plattform-Integrationsframework und enthält keine Unterstützung von nativen Benutzeroberflächen. Aus Entwicklersicht ist das eher positiv, da es dafür reichlich Auswahl gibt: iUI, iWebKit, jQTouch und jQuery Mobile. PhoneGap ist ein Open-Source Framework und verwendet die MIT Lizenz.

Appcelerator

=> http://www.appcelerator.com/

Appcelerator ist ein amerikanisches Unternehmen und Entwickler der Titanium Plattform. Damit lassen sich Desktop-Anwendungen für Windows, Mac und Linux sowie native Mobile-Anwendungen für iOS und Android erstellen. Eine Appcelerator Titanium Anwendung wird „programmatisch“ mit JavaScript auf Basis des Titanium-Framework erstellt und durch Cross-Compiler auf die entsprechende Plattform übertragen. Dieser Vorgang kann nur online über eine Appcelerator-Konto durchgeführt werden. Grundsätzlich ist also eine Registrierung bei Appcelerator erforderlich. Die Titanium Plattform ist Open Source unter der Apache 2.0 Lizenz.

Rhomobile

=> http://rhomobile.com/

Rhomobile ist grundsätzlich eine kommerzielle Lösung, die nur teilweise  unter Open Source bereitgestellt wird. Basis für die mobile Entwicklung ist Rhodes. Rhodes unterstützt die wichtigen Smartphone Plattformen (iPhone, Windows Mobile, RIM, Symbian und Android) und wird ab der Version 2.0 unter Open Source (MIT Lizenz) angeboten. Die Entwicklung basiert auf der Programmiersprache Ruby, Web-Technologien und „natürlich“ MVC-Konzept.  Die Anwendungen haben Zugriff auf die Smartphone-Komponenten und laufen nativ in einer Ruby-VM, welche mit der App ausgeliefert wird. Für den nativen Look-and-Feel sorgt Rhodes automatisch, was die Gestaltung einschränkt.

Mein persönlicher Favorit ist PhoneGap. Aber „Selbstversuch macht klug“, also viel Spaß beim Selber-Ausprobieren.