Home > Nokia, Nseries, Symbian > Video: iOS like UI with Qt Webkit 4.6 UI demo on the Nokia N8 With Sencha Touch

Video: iOS like UI with Qt Webkit 4.6 UI demo on the Nokia N8 With Sencha Touch

If I understand this correctly, Sencha Touch was built as a mobile framework for building rich applications for HTML5 enabled devices. i.e. WEBAPPS.

Reading their blog, their approach is very intereting. Also moving from button focused (which can clutter your screen) to intelligent gesture focused – with importance on animations to indicate to the user that information is being fetched that’s not currently available on screen (instead of dull blank loads that make you think the app has hung).

The video demo below is called KitchenSink – possibly because their demo has in terms of touch-events everything but the kitchen sink. You’ll note that it’s very iOS/iPhone like.

  • Lists
  • Buttons
  • Icons
  • Gestures (Carousel Swiping)
  • Animations

This isn’t everything their demo can do but just what the short video shows.

via ofilabs

About Sencha Touch

Sencha Touch is the world’s first app framework built specifically to leverage HTML5, CSS3, and Javascript for the highest level of power, flexibility, and optimization. We make specific use of HTML5 to deliver components like audio and video, as well as a localStorage proxy for saving data offline. We have made extensive use of CSS3 in our stylesheets to provide the most robust styling layer possible.

Sencha Touch is a cross-platform library aimed at next generation, touch enabled, devices. Our initial beta is compatible with iOS and Android, which together represent over 90% of current US mobile traffic. Android developers can also make use of a special theme we’ve created just for Android. With the ever-rising number of Android devices and the widespread popularity of WebKit on mobile systems, we expect our supported device list to grow very rapidly.

As the core method of interaction in a touch-based app, robust touch events are vital to the framework’s architecture. On top of the standard events supported by the browser like touchstart and touchend, we have added a long list of custom events that can be used like tap, double tap, swipe, tap and hold, pinch, and rotate.

Just like our other frameworks, Sencha Touch comes with an incredibly powerful data package. Developers can easily request data from a wide variety of sources whether by Ajax, JSONp, or YQL, bind that data to specific visual components or templates, and then take that data offline with localStorage writers.


Categories: Nokia, Nseries, Symbian Tags: , , , ,
  1. lonely_cent
    November 6, 2010 at 9:16 am

    cool. but why sometimes it is slow.

  2. Cod3rror
    November 6, 2010 at 10:09 am

    I’d love if that was the UI for Qt Symbian, just make it faster and smoother.

  3. Roger
    November 6, 2010 at 12:16 pm

    As a developer I’m really not impressed by that, sorry. It just seems slow and clunky. I think people are far better off developing straight in HTML5 or WRT if they have to use a web-based app approach. Even better do it natively in Qt using Qt quick etc.

    This appears to be just another javascript based framework like all the rest (e.g. JQuery) and not a very good one at that – why? Because it’s clearly clunky and slow, which both annoys the user and does nothing to show off the N8.

  4. oliverte
    November 6, 2010 at 8:41 pm

    just looks like nokia should have been with sym3 UI

  5. lonely_cent
    November 7, 2010 at 11:41 am

    QT 4.7 has QML support. it can create more smooth and fluid animations. but this really sucks. SPB mobile shell 5 is ok.

  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: