Hybrid Application Development for Maemo N900 Device using Qt Webkit - Discover Maemo Event Santa Clara CA Dec 2009

Hybrid Application Development Creating HTML Apps with Qt Web technology Rajesh Lal Senior Engineer Maemo Devices, Nokia Mountain View

Agenda

Development Choices

Hybrid Overview
C++ Development
Rich set of Widgets
Access Device APIs
Reusable Libraries
HTML, CSS, JavaScript
Rapid Development
Broader Reach
JavaScript Libraries
+
Rich + Reach
Powerful + Rapid
Device API + Web
Reusable libraries
= Hybrid HTML Qt

Hybrid Application Hybrid Application

Qt Web Technology
Qt Webkit
HTML 5
CSS 3 Animation
JavaScript libraries like JQuery
AJAX
Webview widget
Embeddable browser object
Map with an HTML page
Allows communication between Qt and HTML
Allow access to Native data
DOM Manipulation

DEMO: # 1 HTML Application
Aptana Studio - Hello World HTML
HTML, CSS, and JavaScript
2. Qt Creator - Container
Qt libraries 4.5.3
GUI app with webview widget
3. Debian packaging to deploy
Hello HTML World in Qt in 3 Steps

DEMO: # 1 HTML Application Hello HTML Demo

Demo # 2: Hybrid Application Accelerometer API Demo

Demo # 2: Hybrid Application HTML Webmeter

Demo # 2: Hybrid Application Qt Webmeter

ui->setupUi(this); ui->webView->load(QUrl("qrc:/html/index.htm")); Demo # 2: Hybrid Application Qt Webmeter QVariant flag = ui->webView->page()->mainFrame()->evaluateJavaScript (“DeviceOrientation(" + x + ", " + y + ", " + z + ")")

What’s Next

Q & A Thank You [email_address]
Discover Maemo
Maemo http://maemo.nokia.com
Qt SDK http://qt.nokia.com/downloads
Debian Packaging http://wiki.maemo.org/Packaging_a_Qt_application
Aptana Studio http://www.aptana.org/
Maemo FAQs http://wiki.maemo.org/Frequently_asked_questions
QML http://labs.trolltech.com/blogs/author/qtdeclarative

http://www.irajesh.com	204
http://irajeshlal.blogspot.com	151
http://blogs.in.nokia.com	60
http://www.slideshare.net	35
http://s60pro.blogspot.com	34
http://irajesh.com	18
http://s60pro.blogspot.in	9
http://irajeshlal.blogspot.co.uk	7
http://irajeshlal.blogspot.in	5
http://irajeshlal.blogspot.de	2
http://irajeshlal.blogspot.com.br	1
http://s60pro.blogspot.jp	1

Hybrid Application Development for Maemo N900 Device using Qt Webkit - Discover Maemo Event Santa Clara CA Dec 2009

by Raj Lal on Dec 05, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

12 Embeds 527

Statistics

Hybrid Application Development for Maemo N900 Device using Qt Webkit - Discover Maemo Event Santa Clara CA Dec 2009 — Presentation Transcript