Mobile JavaScript Development or HTML5 apps Nikolai Onken - uxebu Consulting Ltd. & Co. KG Monday, March 15, 2010
Hi all @nonken | @uxebu Monday, March 15, 2010
We open the mobile web Monday, March 15, 2010
Agenda Monday, March 15, 2010
Agenda • Timetravel Monday, March 15, 2010
Agenda • Timetravel • Why mobile JavaScript development? Monday, March 15, 2010
Agenda • Timetravel • Why mobile JavaScript development? • Tales of a mobile dev (EventNinja) Monday, March 15, 2010
Agenda • Timetravel • Why mobile JavaScript development? • Tales of a mobile dev (EventNinja) • Outlook Monday, March 15, 2010
Experiment An ECG written in JavaScript/HTML/CSS Monday, March 15, 2010
Pulse check j K a a HumanApi - http://bit.ly/92lpyR Monday, March 15, 2010
Agenda • Timetravel • Why mobile JavaScript development? • Tales of a mobile dev (EventNinja) • Outlook Monday, March 15, 2010
Monday, March 15, 2010
Monday, March 15, 2010
Monday, March 15, 2010
Monday, March 15, 2010
2010 Monday, March 15, 2010
2010 • Eric Schmidt (CEO Google Inc.): “Mobile first” Monday, March 15, 2010
2010 • Eric Schmidt (CEO Google Inc.): “Mobile first” • Steve Jobs (CEO Apple Inc.): “Apple is a mobile devices company.” Monday, March 15, 2010
Mobile browsing? h $ K WWW Monday, March 15, 2010
Mobile browsing? $ h K WWW Monday, March 15, 2010
The past h O K KKKKKKKK Monday, March 15, 2010
The future K O h h h h h h h h h Monday, March 15, 2010
Lets look at some very cool stuff http://bit.ly/bqvQIG Monday, March 15, 2010
Pulse check j K a a HumanApi - http://bit.ly/92lpyR Monday, March 15, 2010
Agenda • Timetravel • Why mobile JavaScript development? • Tales of a mobile developmentev (EventNinja) • Outlook Monday, March 15, 2010
Mobile market 5% 2% 3% 3% 4% 4% 38% 5% 5% 10% 20% Nokia Samsung LG Sony Ericsson Motorola ZTE Kyocera RIM Sharp Apple Other http://bit.ly/bPDn5b Monday, March 15, 2010
Smartphone market 20% 40% 5% 15% 20% Nokia RIM Apple HTC Others http://bit.ly/bPDn5b Monday, March 15, 2010
Is this our (developers) world? d 2% == Monday, March 15, 2010
Seriously? Are we happy with a 2% market share? Monday, March 15, 2010
How open platforms really are ƒ a == Monday, March 15, 2010
Reality check: “you're prohibited from distributing it (the app) through competing app stores like Cydia or Rock Your Phone” http://bit.ly/dgmJvN Monday, March 15, 2010
Everybody wants his/her share 7 http://bit.ly/dgmJvN Monday, March 15, 2010
Some things you actually don’t have to share, weird huh? Monday, March 15, 2010
Showtime - a strong case for JavaScript http://yourappshop.com - NSFW App store without Apple Monday, March 15, 2010
a q What companies like Apple don’t like w Monday, March 15, 2010
a q w What companies like Apple don’t like Monday, March 15, 2010
a q w What companies like Apple don’t like Monday, March 15, 2010
What companies like Apple don’t like Monday, March 15, 2010
w What companies like Apple don’t like Monday, March 15, 2010
What companies like Apple don’t like Monday, March 15, 2010
Your Appshop facts Monday, March 15, 2010
Your Appshop facts • 100% HTML5 Monday, March 15, 2010
Your Appshop facts • 100% HTML5 • Apps work offline Monday, March 15, 2010
Your Appshop facts • 100% HTML5 • Apps work offline • 12.000.000 downloads since december 2009 Monday, March 15, 2010
Your Appshop facts • 100% HTML5 • Apps work offline • 12.000.000 downloads since december 2009 • Payment gateway Monday, March 15, 2010
Your Appshop facts • 100% HTML5 • Apps work offline • 12.000.000 downloads since december 2009 • Payment gateway • It feels native Monday, March 15, 2010
Device APIs What else is happening in the mobile world? Monday, March 15, 2010
m Camera APIs (AR anyone?) Monday, March 15, 2010
S Calendar APIs Monday, March 15, 2010
v Access to local data Monday, March 15, 2010
Payment integration Monday, March 15, 2010
K Payment integration Monday, March 15, 2010
F q0 More device APIs Monday, March 15, 2010
It’s all in the works Monday, March 15, 2010
It’s all in the works • JIL - http://jil.org Vodafone, Verizon Wireless, China Mobile and Softbank Mobile (1.1 billion customers) Monday, March 15, 2010
It’s all in the works • JIL - http://jil.org Vodafone, Verizon Wireless, China Mobile and Softbank Mobile (1.1 billion customers) • BONDI - http://bondi.omtp.org Monday, March 15, 2010
It’s all in the works • JIL - http://jil.org Vodafone, Verizon Wireless, China Mobile and Softbank Mobile (1.1 billion customers) • BONDI - http://bondi.omtp.org • W3C (Device APIs) - http://bit.ly/bdm4wv Monday, March 15, 2010
Pulse check j K a a HumanApi - http://bit.ly/92lpyR Monday, March 15, 2010
Agenda • Timetravel • Why mobile JavaScript development? • Tales of a mobile dev (EventNinja) • Outlook Monday, March 15, 2010
Tales of a mobile dev EventNinja Monday, March 15, 2010
Monday, March 15, 2010
Monday, March 15, 2010
http://www.eventninja.net Monday, March 15, 2010
Monday, March 15, 2010
Monday, March 15, 2010
Mobile prototyping Monday, March 15, 2010
The cloud Monday, March 15, 2010
Google Calendar Monday, March 15, 2010
Monday, March 15, 2010
Monday, March 15, 2010
The architecture of EventNinja Monday, March 15, 2010
Runtimes used • PhoneGap (http://phonegap.com) • W3C Widgets (Opera) • (Others) Palm Monday, March 15, 2010
Appstore coverage Monday, March 15, 2010
Dojo Monday, March 15, 2010
Performance Monday, March 15, 2010
Why performance? What we do has direct Impact! • Datavolume (Someone has to pay for it) • Like or Dislike - mobile apps get thrown away very quickly Monday, March 15, 2010
Dojo’s toolchain Monday, March 15, 2010
Dojos Buildsystem Monday, March 15, 2010
• Minify and shrink JavaScript • Build into single or several files • Build and concatenate CSS • Optimize images Monday, March 15, 2010
Monday, March 15, 2010
Monday, March 15, 2010
Other Dojo goodness Monday, March 15, 2010
Other Dojo goodness • Class inheritance - dojo.declare Monday, March 15, 2010
Other Dojo goodness • Class inheritance - dojo.declare • Dojos event system - dojo.connect Monday, March 15, 2010
Other Dojo goodness • Class inheritance - dojo.declare • Dojos event system - dojo.connect • Powerful extendable query engine - dojo.query Monday, March 15, 2010
Other Dojo goodness • Class inheritance - dojo.declare • Dojos event system - dojo.connect • Powerful extendable query engine - dojo.query • Much much more (See Dylans talk today) Monday, March 15, 2010
But! document.getElement... Don’t forget about “real” JavaScript Monday, March 15, 2010
What we have learned Monday, March 15, 2010
Code simple! Monday, March 15, 2010
Step back! Especially if the desktop browser was your runtime of the past Monday, March 15, 2010
Semantics? A short story Monday, March 15, 2010
Monday, March 15, 2010
<ul> <li>Hi</li> </ul> Monday, March 15, 2010
<ul> <li>Hi</li> </ul> <ul> <li><a href=””>Hi</a></li> </ul> Monday, March 15, 2010
<ul> <li>Hi</li> </ul> <ul> <li><a href=””>Hi</a></li> </ul> <a href=””>Hi</a> Monday, March 15, 2010
IE anyone? Monday, March 15, 2010
IE anyone? Monday, March 15, 2010
IE anyone? Monday, March 15, 2010
Do what your runtime can do Not more Monday, March 15, 2010
Communications Monday, March 15, 2010
Recommend
More recommend
