Lessons Learnt Developing Tizen Appsdownload.tizen.org/misc/media/conference2012/tuesday/... ·...
Transcript of Lessons Learnt Developing Tizen Appsdownload.tizen.org/misc/media/conference2012/tuesday/... ·...
Lessons Learnt Developing Tizen Apps
Rafel Uddin / Omer Saleem, Orange Labs UK
tizen.org 2
Contents
1. Introduction to Orange Labs
2. Orange Wednesdays demo
3. Libraries for Everything
4. Performance
5. Cross-Platform
6. Dev Tools
7. General
tizen.org 3
Tokyo R&D
Beijing R&D
French R&D centers
San Francisco R&D Warsaw, R&D London, R&D
Cairo R&D
tizen.org 4
Orange Labs UK
smartphone security and contactless
Application development & gamification
Design and Usability
Mobile OS platform expertise
tizen.org 5
Long history in web technologies
• Orange web runtime with Opera
• Custom browser experimentation
• Helium browser for Meego (community edition)
• caching technologies to alleviate 3G bearer
• Standards contribution: BONDI and W3C
tizen.org 6
Orange Labs and Tizen
• Orange is now a proud platinum partner
• We have an excellent and strong relationship with Intel and Samsung
• Our mission
– Support Samsung and intel in building Tizen platform and ecosystem from developer prospective
– Built real world production quality application for first device
tizen.org 7
Orange applications for Tizen
Orange Daily Orange TV
Orange
Quantu
m
Orange Quantum
tizen.org 8
Challenges facing Tizen
• Achieving best in class browser runtime performance
– for both web application and browsing experience
• Fragmentation
– Tizen compliant devices
– Other web enabled platforms
• Web API’s
• HTML5 and CSS feature compliancy
• performance
tizen.org 9
W3C, Orange and Facebook
Core Mobile Web Platform Community Group
tizen.org 10
The technical bit...
tizen.org 11
Our Team
• Long history in Mobile Platform development
– Symbian, MeeGo, (Qt), now Tizen
• Long history in browser technology
– Development of mobile web runtimes and apps
– Closely worked with Opera
• Support for Open Source
– Many open source projects
– Including open source browser used by Nokia
tizen.org 12
Orange and Tizen
• Support for Tizen throughout organization
• Deep engagement with Samsung/Intel
• Early porting of our apps to Tizen
– Friendly feedback
– Build expertise
– Identify issues
– Evolve platform
• Visit us at our stall and see our apps
tizen.org 13
Orange Wednesdays Case Study
• Orange Wednesdays Demo
tizen.org 14
1 – Libraries for everything
• Backbone
• iScroll
• Crypto
• Mushtache
• Leaflet
• Tappable
}
tizen.org 15
2 - Performance
• WAS a major concern
• Performance has steadily improved
• Orange Wednesdays grid screen
– Normal HTML
– Dynamically drawing canvas
– Static canvas + iScroll
• Use loading screens
– Simultaneous loading and transitions causes stutter
tizen.org 16
3 – Cross Platform 1
• HTML5 is cross-platform
– Or is it?
– Writing web app not web site
• Minor adjustments
– Works with WebKit (mobile/desktop), Opera, Mozilla
– Not IE
tizen.org 17
3 – Cross Platform 2
• Handle onresize – think about landscape
• Use ‘em’ and % for sizes
– Adjust font-size for high DPI
• Layout
– Use of CSS box layouts/flex
• NodeJS for desktop support
– XSS
body {
font-size: 100%
}
.toolbar {
height: 2.8em;
width: 100%
}
if(typeof window.tizen=== 'object') {
this.platform = "tizen";
$('body').css("font-size", "200%");
}
tizen.org 18
4 – Dev Tools
• Tizen uses Eclipse BUT…
• Why support desktop?
– Development is faster and convenient
– NodeJS – instant changes
– Adnvanced text editor
– Chrome
• Factor out platform specifics
tizen.org 19
5 – General
• Strong and clear messages to developers
– EFL or Web
– Platform apps should also use same as developers
– JQuery Mobile
• SDK documentaion
– Poor, samples, API docs
• Working with Samsung has been a great experience
– Responsive, open, helpful – good signs!
• Stronger standardization
– WebWorks, Boot to Gecko, others
• API coverage
tizen.org 20
Contact Us
• Visit our stand
• Rafel Uddin (team manager)
• Omer Saleem (developer)
• Happy to help!