Mobile Application User Interface

JSR 226: SVG + mobile AJAX

Now you can see how a traditional MIDP application built on lcdui. * Can be processed using SVG and JSR 226. The source code of both applications is available under a BSD license.

Using SVG and JSR 226 can improve the development process, make your applications much more attractive and improve their usability.

See screencast
')


or read.

Approach to change

The following describes how the existing application has been redesigned under the name “Local Business Search” from lcdui. * Into the SVG GUI
The Local Business Search application consists of three screens: a query screen, a results screen, and a map screen. Sevris "Yahoo! Local ”is used to search and deliver information about companies, which is then displayed in the application.

The logic behind the application will remain intact and only the user interface will be redone.

You can replace existing screens and add animation. You can further improve usability by using SVG capabilities to create animated components, such as scrolling sheets and transitions. Finally, by continuing to improve the UI, you can add layers and transparency.

Not all changes were made: layers and transparency are set aside for later.

Before and after

Here are the screenshots. On the left is the original, on the right is the SVG version. You see - the changes are impressive.

Original query screen	New screen with flashing cursor and scrolling horizontal fields input
Original screen with results	New screen with animated protube and scaling
New screen with result description
Original screen with a map	New screen - no visual changes

However, the pictures show only a part of them, but the rest: The SVG version also contains a flashing input cursor, text input fields, input fields with focus, as well as scrolling lists and scaling, which you need to try yourself to feel them.

Original article , the link to the source
Phones supporting JSR 226
Mobile Ajax Project