Fun with QML and JavaScript: Embedded Linux Conference 11th April 2011, Hotel Kabuki, San Francisco @iRajLal
1 like3,950 views
The document discusses Meego, a Linux-based open-source mobile operating system aimed at various devices, highlighting its fast development capabilities using QML and JavaScript. It outlines tools and methods for creating mobile apps, including news, social, and multimedia applications, and emphasizes the streamlined development process through the Qt framework. Additionally, it provides resources for downloading Meego and the Qt SDK for further development.
Fun with QML and JavaScript: Embedded Linux Conference 11th April 2011, Hotel Kabuki, San Francisco @iRajLal
- 1. Fun with QML and JavaScript Mobile Apps for MeeGo Rajesh Lal MeeGo Team, Nokia Silicon Valley
- 2. Fast Development on + = QML JavaScript Mobile Apps
- 3. Mobile Apps Download Paid http://distimo.com Free By 2013 Total Revenue $29 billion+ Source: Gartner
- 4. What is MeeGo is a Linux-based open source mobile operating system Targeted to mobile devices & consumer electronics
- 5. What makes Exciting ? Fully Open Source Linux Foundation Available Today Target Multiple devices MeeGo V1.1 - Handsets MeeGo V1.1 - Net books MeeGo V1.1 - In-Vehicle Infotainment … and SmartTV, IPTV-boxes, Tablets
- 6. MeeGo Development Environment • Qt Application Framework • IDE – Qt Creator • Qt Quick & QML • Qt UI Designer • Qemu Emulator • Smartphone Simulator Available Today … and we have a device to test
- 7. 3 Steps to Develop FAST on MeeGo + = Cutting-edge UI Rich Features Mobile Apps Qt Quick & QML JavaScript Fast
- 8. 4 Mobile Apps for MeeGo Popularity Effort on MeeGo
- 9. 1/4 News Apps on MeeGo CNN News
- 10. 1/4 News Apps on MeeGo XML Display UI List/Grid Reader (Delegate) View
- 11. 1/4 News Apps on MeeGo XML Reader http://rss.cnn.com/rss/magazines_fortune.rss
- 12. 1/4 News Apps on MeeGo XML Reader
- 13. 1/4 News Apps on MeeGo Display UI (Delegate) Delegate is a component that creates an instance for each item in the model
- 14. 1/4 News Apps on MeeGo Delegate
- 15. 1/4 News Apps on MeeGo ListView
- 16. 1/4 News Apps on MeeGo ListView Grid View
- 17. 1/4 News Apps on MeeGo Demo
- 18. 2/4 Social Apps on MeeGo Access REST Auth. Edit API Welcome Data
- 19. 2/4 Social Apps on MeeGo Login thread CallLogin (name,pwd) Remote AJAX Login JSON API Call Worker Script Cloud From QML
- 20. 2/4 Social Apps on MeeGo 1. API Call 2. Login thread instance 3. Worker Script 4. Login.js with AJAX
- 21. 2/4 Social Apps on MeeGo API Call
- 22. 2/4 Social Apps on MeeGo Login Thread Instance
- 23. 2/4 Social Apps on MeeGo ScriptLogin.QML (Actual Thread)
- 24. 2/4 Social Apps on MeeGo Login.js with AJAX
- 25. 3/4 Tools on MeeGo N900 Access Device Data
- 26. 3/4 Tools on MeeGo Device Qt Mobility JavaScript Data API Binding
- 27. 3/4 Tools on MeeGo JavaScript Expressions Import JavaScript Files Qt Mobility API JavaScript
- 28. 3/4 Tools on MeeGo: Clock.js
- 29. 3/4 Tools on MeeGo: QML Binding
- 30. 3/4 Tools on MeeGo: Qt Mobility QML Plug-ins Qt Mobility API Gallery Document Gallery API Location Location API Multimedia API includes audio and video Service Discovering and Framework connecting to services Messaging Messaging , email ,sms etc 30
- 31. 3/4 Tools on MeeGo: Multimedia import Qt 4.7 import QtMultimediaKit 1.1 ... Audio { id: myMedia source: “beethoven.wav" } MouseArea { id: playArea anchors.fill: parent onPressed: { myMedia.play() } } 31
- 32. 3/4 Tools on MeeGo: Location import Qt 4.7 import QtMobility.location 1.1 Rectangle { width: 500 height: 500 Map { id: myMap size.width: parent.width size.height: parent.height zoomLevel: 5 center: Coordinate { latitude: 101 longitude: 202 } } } 32
- 33. 3/4 Tools on MeeGo: Location Demo
- 34. 4/4 Fun and Games on MeeGo Angry Developer
- 35. 4/4 Fun and Games on MeeGo State Events Graphics Animation Binding
- 36. 4/4 Fun and Games on MeeGo Graphics Animation Binding Elements State Property Shapes Transitions JavaScript Text Transform. C++
- 37. 4/4 Fun and Games on MeeGo Playing Moving
- 38. 4/4 Fun and Games on MeeGo Missed Angry
- 39. 4/4 Fun and Games on MeeGo Destroyed Happy
- 40. 4/4 Fun and Games: QML Elements
- 41. 4/4 Fun and Games: State Change Playing Angry Happy Pig Moving Pig Destroyed
- 42. 4/4 Fun and Games: State Change
- 43. 4/4 Fun and Games: Ball Animation Bouncing Ball Animation Throw Transition
- 44. 4/4 Fun and Games: Bouncing Ball
- 45. 4/4 Fun and Games: Throw Transition
- 46. 4/4 Fun and Games: Logic Timers Pig’s Random Movement Hit or Miss
- 47. 4/4 Fun and Games: Pig Movement
- 48. 4/4 Fun and Games: Hit or Miss
- 49. 4/4 Fun and Games on MeeGo Demo Angry Developer
- 50. 3 Steps for FAST development on Develop Download Logic Qt SDK JavaScript Create UI QML
- 51. Thank You Download MeeGo http://meego.com/downloads Get Qt SDK with Qt Quick http://get.qt.nokia.com Know MADDE http://wiki.maemo.org/MADDE Questions Rajesh.Lal@nokia.com @rajeshlalnokia