Fun with QML and JavaScript: Embedded Linux Conference 11th April 2011, Hotel Kabuki, San Francisco

Fun with QML and JavaScript Mobile Apps for MeeGo Rajesh Lal MeeGo Team, Nokia Silicon Valley

Fast Development on + =QML JavaScript Mobile Apps

Mobile Apps Download Paid http://distimo.com Free By 2013 Total Revenue $29 billion+ Source: Gartner

What is MeeGo is a Linux-based open source mobile operating system Targeted to mobile devices & consumer electronics

What makes Exciting ? Fully Open Source Linux Foundation Available TodayTarget Multiple devices MeeGo V1.1 - Handsets MeeGo V1.1 - Net books MeeGo V1.1 - In-Vehicle Infotainment … and SmartTV, IPTV-boxes, Tablets

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

3 Steps to Develop FAST on MeeGo + = Cutting-edge UI Rich Features Mobile AppsQt Quick & QML JavaScript Fast

4 Mobile Apps for MeeGo Popularity Effort on MeeGo

1/4 News Apps on MeeGo CNN News

1/4 News Apps on MeeGo XML Display UI List/Grid Reader (Delegate) View

1/4 News Apps on MeeGo XML Reader http://rss.cnn.com/rss/magazines_fortune.rss

1/4 News Apps on MeeGo XML Reader

1/4 News Apps on MeeGo Display UI (Delegate) Delegate is a component that creates an instance for each item in the model

1/4 News Apps on MeeGo Delegate

1/4 News Apps on MeeGoListView

1/4 News Apps on MeeGo ListView Grid View

1/4 News Apps on MeeGo Demo

2/4 Social Apps on MeeGo Access REST Auth. Edit API Welcome Data

2/4 Social Apps on MeeGo Login thread CallLogin (name,pwd) Remote AJAX Login JSON API Call Worker Script CloudFrom QML

2/4 Social Apps on MeeGo 1. API Call 2. Login thread instance 3. Worker Script 4. Login.js with AJAX

2/4 Social Apps on MeeGo API Call

2/4 Social Apps on MeeGo Login Thread Instance

2/4 Social Apps on MeeGo ScriptLogin.QML (Actual Thread)

2/4 Social Apps on MeeGo Login.js with AJAX

3/4 Tools on MeeGo N900 Access Device Data

3/4 Tools on MeeGo Device Qt Mobility JavaScript Data API Binding

3/4 Tools on MeeGo JavaScript Expressions Import JavaScript Files Qt Mobility API JavaScript

3/4 Tools on MeeGo: Clock.js

3/4 Tools on MeeGo: QML Binding

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

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

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

3/4 Tools on MeeGo: Location Demo

4/4 Fun and Games on MeeGo Angry Developer

4/4 Fun and Games on MeeGo State Events Graphics Animation Binding

4/4 Fun and Games on MeeGo Graphics Animation Binding Elements State Property Shapes Transitions JavaScript Text Transform. C++

4/4 Fun and Games on MeeGo Playing Moving

4/4 Fun and Games on MeeGo Missed Angry

4/4 Fun and Games on MeeGo Destroyed Happy

4/4 Fun and Games: QML Elements

4/4 Fun and Games: State Change Playing Angry Happy Pig Moving Pig Destroyed

4/4 Fun and Games: State Change

4/4 Fun and Games: Ball Animation Bouncing Ball Animation Throw Transition

4/4 Fun and Games: Bouncing Ball

4/4 Fun and Games: Throw Transition

4/4 Fun and Games: Logic Timers Pig’s Random Movement Hit or Miss

4/4 Fun and Games: Pig Movement

4/4 Fun and Games: Hit or Miss

4/4 Fun and Games on MeeGo Demo Angry Developer

3 Steps for FAST development on Develop Download Logic Qt SDK JavaScript Create UI QML

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

http://www.meegoexperts.com	276
http://irajeshlal.blogspot.com	134
http://irajeshlal.blogspot.co.uk	7
http://irajeshlal.blogspot.in	4
http://irajeshlal.blogspot.de	2
url_unknown	2
http://paper.li	1
http://irajeshlal.blogspot.com.br	1
http://aakanshaindia.blogspot.com	1
http://meegoexperts.com	1

Fun with QML and JavaScript: Embedded Linux Conference 11th April 2011, Hotel Kabuki, San Francisco

by Raj Lal on Apr 11, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

10 Embeds 429

Statistics

Fun with QML and JavaScript: Embedded Linux Conference 11th April 2011, Hotel Kabuki, San Francisco — Presentation Transcript