Creating HTML applications for Maemo N900 device using Qt Web Technology - Rajesh Lal

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

2. Agenda

3. Development Choices

5. Hybrid Application Hybrid Application

8. DEMO: # 1 HTML Application Hello HTML Demo

9. Demo # 2: Hybrid Application Accelerometer API Demo

10. Demo # 2: Hybrid Application Accelerometer API Demo

11. Demo # 2: Hybrid Application HTML Webmeter

12. function RotateImageXYZ(x,y,z) { $('#Img1').animate({ rotate: '+=' + x }, 0); $('#Img2').animate({ rotate: '+=' + y }, 0); $('#Img3').animate({ rotate: '+=' + z }, 0); return true; }; function DeviceOrientation(x, y, z) { return RotateImageXYZ(x,y,z) }; Demo # 2: Hybrid Application HTML Webmeter

13. Demo # 2: Hybrid Application Qt Webmeter

14. 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 + ")")

15. What’s Next