Eine sehr interessante Momentaufnahme zu Ajax auf mobilen Endgeräten hat M. Pervilä in seiner Thesis erfasst. Er hat die Performance von 8 bestehenden Ajax Libarays untersucht und sehr interessante Ergebnisse ermittelt.

The Ajax approach has outgrown its origin as shorthand for “Asynchronous JavaScript + XML”. Three years after its naming, Ajax has become widely adopted by web applications. Therefore, there exists a growing interest in using those applications with mobile devices.

This thesis evaluates the presentational capability and measures the performance of five mobile browsers on the Apple iPhone and Nokia models N95 and N800. Performance is benchmarked through user-experienced response times as measured with a stopwatch. 12 Ajax toolkit examples and 8 production-quality applications are targeted, all except one in their real environments. In total, over 1750 observations are analyzed and included in the appendix. Communication delays are not considered; the network connection type is WLAN.

Results indicate that the initial loading time of an Ajax application can often exceed 20 seconds. Content reordering may be used to partially overcome this limitation. Proper testing is the key for success: the selected browsers are capable of presenting Ajax applications if their differing implementations are overcome, perhaps using a suitable toolkit.

Mehr Infos und PDF Download

Auf Forum Nokia wurde kürzlich ein Artikel veröffentlicht, der eine kleine Einführung in Ajax auf dem S60 Browser gibt.

This resource gives a quick introduction to the basic technology – and provides practical tips and example code for the Web developer. It is aimed at Web designers and others with a basic grounding in Web technology – but have not yet made any move into Ajax on mobile platforms.

Dass mobileAJAX auf dem S60 Browser besonders gut funtkionieren kann liegt vorrangig an der implementierten Webkit Engine. Ansonst ist der Artikel auf sehr niedrigen technischen Niveqau gehalten und nur als Einstieg gedacht. Es ist natürlich noch wesentlich mehr mit mobileAJAX möglich. More to come…

ZK, eines der bekanntesten Java basierten und serverseitigen Ajax-Frameworks, hat ja schon seit Längerem eine kleine Extension für mobile Ajax parat. Nun hat man eine weitere mobile Extension implementiert, die mit Googles Android zusammen arbeitet. In der nachstehend skizzierten Architektur arbeitet das ZK Framawork + Android Ext:

Die ZK Android Engine übernimmt hier primär das Rendering der Daten als Android Widget. Die gesamte Business Logik passiert am Server und wird durch das ZK Framework unterstützt. Der Entwickler benutzt als Markup die MIL (Mobile Interactive Language). Eine Demo wie das aussieht gibts auch noch zu bestaunen

Nach einigem Beta Geschnuppere gibt es endlich die final Version von Opera Mini 4. Die Neuerungen sind

Opera Link

We’ve added support for Opera Link in Opera Mini 4. With Opera Link, you’re able to instantly synchronize and share your bookmarks and Speed Dial with the Opera browser for your computer.

Overview mode

Opera Mini 4 includes a new rendering architecture that allows you to view webpages just like you would on your computer. When you first load a webpage, Opera Mini will show you an overview snapshot of the page; using the new mouse cursor you can instantly zoom in to the selected region of the page.

Size of text fits width of screen

Opera Mini 4 dynamically changes the size of the text on webpages to fit the width of your phone’s screen, meaning you won’t have to scroll horizontally.

Context menu

A context menu is displayed when pressing the number 1 key. From the context menu you could change the viewing modes to ‘Mobile view’, reload the page, and show webpage information. When the mouse cursor is focused on a link, the Context menu will show you the link information (i.e. where the link points to, etc.).

Mouse cursor

With the mouse cursor you could scroll to any direction on the page and more easily click on links.

Scrolling shortcuts

Pressing these number key shortcuts will help you quickly navigate around the page.

2 – Page up
8 – Page down
4 – Go to the left one column
6 – Go to the right one column
5 – Zoom in and out

Create search

With this new feature, you could add any search engine of your choice to the Opera Mini start page. To add a new search engine, click on the search field, press the menu button and click on the ‘Create search’ option.

View pages in Landscape mode

By pressing the * and # shortcut keys, you could switch the page view to landscape mode.

New standards support

Support for HTML tables, CSS handheld stylesheets, and more advanced support for CSS have been added to Opera Mini.

Bi-directional support

With this new release we’ve also added support for bi-directional text, adding support for languages such as Hebrew.

Some other notable changes

Added support for small anti-aliased bitmap fonts
Simplified setup process
Improved image quality
Improved fit to width mode rendering
Simplified settings page
Added native blackberry menu
Dialogs are now displayed with round corners and alpha channel overlay windows
New and improved server side cookie handling

Weiters sehr interessant ist der Artikel von Chris Mills, der aus einer technischen Perspektive beschreibt wie Opera Mini 4 JavaScript interpretiert und was damit alles möglich ist. Mobile Ajax ist laut ihm nun auch möglich, glaub ich aber erst wenn ich es getestet habe.

- Ein interessantes Interview mit Luca Passani dem Entwickler hinter wurfl, der freien Endgeräte Datenbank:
auf mobileopen.org

- Dev Tips zu mobilen Widgets oder generell mobilen Websites von Opara:

GENERAL

- Keep the user interface simple

- Keep the technical solution simple

NETWORK

- Optimize client/server network communication

- Minimize amount of data transferred
- prefer JSON over XML

- Batch requests to the server, use HTTP pipelining

- Let the server return HTTP 304 when data has not been updated on
server

DOM AND DATASTRUCTURES

- Keep your DOM short, simple and shallow

- Store data in Javascript variables and create DOM elements only for
the current view.

- Avoid hiding large number of elements with CSS display: none;
instead remove the elements from the DOM and store data in
Javascript variables

PAGE LAYOUT

- Avoid reflows. Examples of things that may cause reflows:

- Change of class names

- Change of element dimensions and positions

- Insertions of elements into the DOM; insert completed
document fragments; don’t add element by element

USEABILITY

- Follow the steps of user centered design:

- Understand the needs of your users

- Understand the environment where the widget will be used
- device characteristics
- context where the widget will be used, e.g. mobility, light,
attention

- Create scenarios and use-cases

- Wireframes, prototype and test

- Inputing data on mobile devices is generally difficult, let the user
make selections instead of typing

- Desktop services to be presented as mobile widgets must be
redesigned to work

- Use CSS style sheets to adapt the visual presentation of the widget
for devices with different characteristics

Das GWT (Google Web Toolkit) Framework ist ja eines der meist verwendeten Ajax Frameworks im Java Umfeld. Klar dass Google im Rahmen seiner mobile-Strategie auch mobiles Ajax bieten will. Die von den Google Entwicklern produzierte Beispiel Applikation für ihr mobiles GWT ist ein (eh klar) Feedreader. Das Ziel war es folgendes zu produzieren:

* demonstrate a well-defined purpose that is useful to developers using GWT
* take advantage of the always-connected iPhone platform
* present a UI that is familiar to iPhone users and geared towards information presentation
* demonstrate integration between GWT and other Google technology

Die fertige Applikation kann man auch mit normalen Browser hier begutachten. Hat nicht soviel Flow wie das IUI Framework speziell für das IPhone, aber dennoch praktikabel.

Eifrigst arbeitet das W3C and der Spezifizierung der nächsten Generation von Web Applikation. Dazu zählen auch die hochgejubelten oder verhassten Widgets. Neben dem Draft 1 der allgemeinen Widget Spec von November letzten Jahrer gibt es aktuell ganz frisch einen neuen public draft zu Widgets Requirements.

Inhaltlich beschreibt der Draft Richtlinien zur plattform-unabhägigen gestaltung von Widgets und den einzelnen Technologien dahinter (zb. DOM, Scripting, Ajax, usw.). Ziel ist es eben diese Technologien zu homogenisieren und ein einheitliches Widget Framework zu entwerfen.

Schon vor einigen Tagen hat Apple einige Infos zur “API” des IPhone veröffentlicht. Interessant ist es dass sich schon jetzt haufenweise Entwickler in einem eigenen dev Barcamp zusammen gerottet haben und mal mit der neuen Technologie zu experimentieren. Was dabei raus gekommen ist kann man sich hier angucken.

Für IPhone Entwickler gibt es aktuell ein erste Version des bekannten Debuggers, DOM Inspektors, usw. Firebug. Es ist aktuell nur eine abgespeckte Version, die aber laut Entwickler Joe Hewitt seinen Zweck erfüllt.

Download und mehr Infos gibt es auf der Seite von Joe Hewitt

Wow, das IPhone löst wirklich einen Innovationsschub in Sachen mobile Ajax aus. Nachdem Backbase auf diesen Zug aufgesprungen ist bringt auch Aptana (eine Open Source IDE speziell für RIAs) ein IPhone Plugin.

Da ich sowiso ausschließlich mit Aptana entwickle werd ich mir das gleich heute Abend mal angucken. Sieht so aus als werde ich mir als Apple Verweigerer doch noch ein Iphone besorgen.