mobile development with standards and open source

max firtman@firt firt.mobi

mobile development with

standards and open source technologies

miércoles 27 de julio de 11

mobile+web developermobilexweb.com blog

who am I?

where?

buenos aires ~ argentina

where?

patagonia soccermeat & winetango

where?

true lies tango scene

Image from my house

many of you have two questions for me

the first answer is no

the second answer is yes

early release available

good news!

mobilexweb.com

+40 links, +300 emulators

typing long URLs on mobile?

other projects

www.mobilexweb.com/emulators

www.mobiletinyurl.com

why mobile?

mobile devices are ourflying cars

mobile is about us

mobile

‣ absolutely personal

mobile

‣ absolutely personal‣ +70% population (+5 billions)

mobile

‣ absolutely personal‣ +70% population (+5 billions)‣ make us focus

mobile

‣ absolutely personal‣ +70% population (+5 billions)‣ make us focus‣ read our context...

mobile

‣ absolutely personal‣ +70% population (+5 billions)‣ make us focus‣ read our context...‣ ... always...

mobile

‣ absolutely personal‣ +70% population (+5 billions)‣ make us focus‣ read our context...‣ ... always...‣ ... and everywhere.

mobile

‣ absolutely personal‣ +70% population (+5 billions)‣ make us focus‣ read our context...‣ ... always...‣ ... and everywhere.‣ our feelings

then... what is the problem?

mobile is a minefield

Photo by World of Good (Flickr) - Falklands / Malvinas Islandsmiércoles 27 de julio de 11

lots of questions

Photo by wayneandwax (Flickr) miércoles 27 de julio de 11

lots of questionswe need to learn

and learn more...

lots of platformsmiércoles 27 de julio de 11

nativevs

Are you sure?

native codevs

javascript

browservs

installed apps& stores

when we say mobile web

from a developer’s perspective it’s using HTML, CSS and JavaScript to develop mobile apps

(browser or installed)

let’s see some open source projects

& standars

java on mobile

java on mobileME

java on mobileME ‣ billions of devices

java on mobileME ‣ billions of devices ‣ open source

java on mobileME ‣ billions of devices ‣ open source‣ nokia, samsung, lg, sony ericsson

java on mobileME ‣ billions of devices ‣ open source‣ nokia, samsung, lg, sony ericsson‣ based on JRE 1.3 subset

java on mobileME ‣ billions of devices ‣ open source‣ nokia, samsung, lg, sony ericsson‣ based on JRE 1.3 subset‣ yes, 1.3

java on mobileME ‣ billions of devices ‣ open source‣ nokia, samsung, lg, sony ericsson‣ based on JRE 1.3 subset‣ yes, 1.3‣ has modern API for touch, accelerometer, SVG

java on mobile

developer.blackberry.commiércoles 27 de julio de 11

java on mobile

BlackBerry apps

java on mobile

BlackBerry apps ‣ based on ME

java on mobile

BlackBerry apps ‣ based on ME‣ platform modern APIs, including database, touch and BBM

java on mobile

BlackBerry apps ‣ based on ME‣ platform modern APIs, including database, touch and BBM ‣ free tools, eclipse-based

java on mobile

BlackBerry apps ‣ based on ME‣ platform modern APIs, including database, touch and BBM ‣ free tools, eclipse-based‣ every BB app is Java

java on mobile

developer.android.commiércoles 27 de julio de 11

java on mobile

Android apps

java on mobile

Android apps‣ not based on SE or ME -> Dalvik VM

java on mobile

Android apps‣ not based on SE or ME -> Dalvik VM ‣ open source

java on mobile

Android apps‣ not based on SE or ME -> Dalvik VM ‣ open source‣ modern APIs, MVC UI

java on mobile

Android apps‣ not based on SE or ME -> Dalvik VM ‣ open source‣ modern APIs, MVC UI‣ free tools, eclipse-based

java on mobile

others?

java on mobile

others?‣ no Java VM for iOS, webOS, bada, meego, windows mobile, windows phone

cocos2d

‣ a game and multimedia app framework

cocos2d

‣ open source

cocos2d

‣ open source

‣ “de facto” standard

cocos2d

‣ open source

cocos2d

‣ open source

cocos2d

‣ open source

cocos2d

‣ originally for iOS

cocos2d

‣ + 2.500 known games in the AppStore

cocos2d

‣ now ported to html5, android, mac os, c++

cocos2d

‣ now ported to html5, android, mac os, c++

www.cocos2d-iphone.org

adobe flex

‣ open source framework

adobe flex

‣ designed for web, desktop and mobile (>= 4.5)

adobe flex

‣ you can get free SDKs to compile apps to:

android, iOS and blackberry playbook.

adobe flex

‣ you can get free SDKs to compile apps to:

android, iOS and blackberry playbook.

www.adobe.com/go/flex

databases on mobile

‣ open source database engine

‣ most widely deployed SQL db engine (500M)

‣ available in: iOS, android, webOS, blackberry,

symbian, and html5 (websql api)

advantages

‣ well-known technologies

advantages

‣ well-known tools, ides, apis

advantages

‣ low time to market

advantages

‣ application stores

advantages

‣ application stores

‣ standards appearing slowly

challenges

‣ we still need porting work

challenges

‣ debugging

challenges

‣ debugging

‣ performance

challenges

‣ debugging

‣ performance

‣ standards

some projects

‣ open source device description repository (DDR)

‣ used by facebook and google

‣ apis available for php, java, .net and as a db

‣ +5,000 devices with 500 capabilities info each

wurfl.sourceforge.net

‣ what is html5?

‣ now a w3c set of standards

‣ what is html5?

‣ also an umbrella

‣ what is html5?

‣ also an umbrella

‣ it’s about markup, but it’s also about apis

html5‣ multimedia

html5‣ multimedia‣ offline storage

html5‣ multimedia‣ offline storage‣ database

html5‣ multimedia‣ offline storage‣ database ‣ geolocation

html5‣ multimedia‣ offline storage‣ database ‣ geolocation‣ animations, transitions and effects

html5‣ multimedia‣ offline storage‣ database ‣ geolocation‣ animations, transitions and effects‣ accelerometer

html5‣ multimedia‣ offline storage‣ database ‣ geolocation‣ animations, transitions and effects‣ accelerometer‣ drawing

html5‣ multimedia‣ offline storage‣ database ‣ geolocation‣ animations, transitions and effects‣ accelerometer‣ drawing ‣ ....

‣ widget sdk

‣ widget sdk‣ cross-platform

‣ widget sdk‣ cross-platform‣ apis: camera, accelerometer, file, sms, geolocation, contact, calendar, etc.

a cross-platform UI framework for creating webapps for touch-enabled smartphones and tablets

features

features‣ non-intrusive semantic html5 code

features‣ non-intrusive semantic html5 code‣ open sourced

features‣ non-intrusive semantic html5 code‣ open sourced‣ lightweight

features‣ non-intrusive semantic html5 code‣ open sourced‣ lightweight‣ multiplatform with progressive enhancement

features‣ non-intrusive semantic html5 code‣ open sourced‣ lightweight‣ multiplatform with progressive enhancement‣ accessibility support

features‣ non-intrusive semantic html5 code‣ open sourced‣ lightweight‣ multiplatform with progressive enhancement‣ accessibility support‣ customizable

features‣ non-intrusive semantic html5 code‣ open sourced‣ lightweight‣ multiplatform with progressive enhancement‣ accessibility support‣ customizable ‣ includes javascript api

� %DVLF�FRQWHQW�LV�DFFHVVLEOH�WR�DOO�EURZVHUV�

� %DVLF�IXQFWLRQDOLW\�LV�DFFHVVLEOH�WR�DOO�EURZVHUV�

� 6HPDQWLF�PDUNXS�FRQWDLQV�DOO�FRQWHQW�

� (QKDQFHG�OD\RXW�LV�SURYLGHG�E\�H[WHUQDOO\�OLQNHG�&66�

� (QKDQFHG�EHKDYLRU�LV�SURYLGHG�E\�XQREWUXVLYH��H[WHUQDOO\�OLQNHG�-DYD6FULSW�

� (QG�XVHU�EURZVHU�SUHIHUHQFHV�DUH�UHVSHFWHG�

7KLV� OLVW�VRXQGV� OLNH� M4XHU\�0RELOH¦V� IHDWXUH� OLVW��GRHVQ¦W� LW"�7KDW¦V�ULJKW��$� M4XHU\0RELOH�DSSOLFDWLRQ�ZLOO�DOVR�ZRUNV�RQ�D�YHU\�EDVLF�EURZVHU�ZLWKRXW�&66�RU�-DYD6FULSWVXSSRUW��$QG�WKDW�LV�D�JUHDW�IHDWXUH�IRU�D�PRELOH�ZHEDSS�

Accessibility support)URP�:LNLSHGLD�

:HE�DFFHVVLELOLW\�UHIHUV�WR�WKH�LQFOXVLYH�SUDFWLFH�RI�PDNLQJ�ZHEVLWHV�XVDEOH�E\�SHRSOH�RIDOO�DELOLWLHV�DQG�GLVDELOLWLHV��:KHQ�VLWHV�DUH�FRUUHFWO\�GHVLJQHG��GHYHORSHG�DQG�HGLWHG��DOOXVHUV�FDQ�KDYH�HTXDO�DFFHVV�WR�LQIRUPDWLRQ�DQG�IXQFWLRQDOLW\�

7KH�ZHE�DFFHVVLELOLW\�LQVLGH�PRELOH�EURZVHUV�KDV�MXVW�EHJXQ��KRZHYHU�M4XHU\�0RELOHLV�QRZ�IXOO\�FRPSDWLEOH�ZLWK�:�&¦V�:$,�$5,$�VSHFLILFDWLRQ�RQ�FRPSDWLEOH�EURZVHUV�KWWS��ZZZ�Z��RUJ�75�ZDL�DULD��$W�WKH�WLPH�RI�WKLV�ZULWLQJ��RQO\�L26��RU�KLJKHU�LVFRPSDWLEOH�ZLWK�WKLV�VSHFLILFDWLRQ�ZLWK�WKH�IHDWXUH�FDOOHG�9RLFH2YHU�

7KHUHIRUH��D�M4XHU\�0RELOH�ZHEDSS�ZLOO�SURYLGH�DQ�DFFHVVLEOH�H[SHULHQFH�WR�XVHUV�ZLWKYLVXDO�GLVDELOLWLHV�RQ�L3KRQH��L3RG�DQG�L3DG�

)LJXUH��7KLV�LV�KRZ�RXU�ILUVW�DQG�VLPSOH�M4XHU\�0RELOH�FRGH�ORRNV�OLNH�LQ�GLIIHUHQW�GHYLFHV��L26�ZHE26�DQG�$QGURLG�

Main Features | 17

webworks

webworks‣ open source framework

webworks‣ open source framework‣ for blackberry smartphones and playbook

webworks‣ open source framework‣ for blackberry smartphones and playbook‣ creates native java or air apps with web code

webworks‣ open source framework‣ for blackberry smartphones and playbook‣ creates native java or air apps with web code‣ apis for accessing BB infrastructure and device services

webworks‣ open source framework‣ for blackberry smartphones and playbook‣ creates native java or air apps with web code‣ apis for accessing BB infrastructure and device services‣ same security model as in native

phonegap

phonegap‣ open source framework

phonegap‣ open source framework‣ for iOS, android, blackberry, symbian, webOS, windows phone & bada

phonegap‣ open source framework‣ for iOS, android, blackberry, symbian, webOS, windows phone & bada‣ creates native or first-class citizens apps

phonegap‣ open source framework‣ for iOS, android, blackberry, symbian, webOS, windows phone & bada‣ creates native or first-class citizens apps‣ apis for accessing device’s services

phonegap‣ open source framework‣ for iOS, android, blackberry, symbian, webOS, windows phone & bada‣ creates native or first-class citizens apps‣ apis for accessing device’s services‣ sample projects to compile every app

phonegap

www.phonegap.commiércoles 27 de julio de 11

phonegap

‣ it’s not a compiler

phonegap

‣ it’s not a compiler‣ it’s not a UI framework

phonegap

‣ it’s not a compiler‣ it’s not a UI framework‣ you will need every sdk to compile

phonegap

‣ it’s not a compiler‣ it’s not a UI framework‣ you will need every sdk to compile‣ every device has different rendering engine

phonegap

‣ it’s not a compiler‣ it’s not a UI framework‣ you will need every sdk to compile‣ every device has different rendering engine‣ we need to use progressive enhancement

some advices

good practices

don’t be fanatic

photo by Kurt Christensen (flickr)miércoles 27 de julio de 11

be multiplatform

best experience for every context

you can reach a good experience

Pictures)from)freedigitalphotos.net)

thank you!

firt.mobifirtman@gmail.com

twitter: @firtwww.mobilexweb.com

mobile development with standards and open source

mobile devices

mobile developer

java developer

mobile webfrom

mobile webmircoles

mobile appsbrowser

mobile appsmircoles

eclipsebased developer

Technology

open standards cots open source

web mobile minimum security standards

open source in mobile

open source and open standards

remediating mobile source pollution

open source mobile device forensics - nist · pdf fileopen...

open source open standards

mobile standards

funambol mobile open source - packt

open standards & open source at esri source open...

android - open source mobile platform

mobile tower standards and governance

1 mobile phone standards

mobile web standards in korea

open source mobile device forensics

workzone mobile source emission prediction

combining open source with open standards€¦ · combining...

astm standards source tm

opera mobile html5 css3 standards

open source mobile web maps