Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Building Cross Platform Mobile Apps with Sencha...
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
robsquires
January 27, 2012
Technology
2
1.1k
Building Cross Platform Mobile Apps with Sencha Touch
A recent talk I did at the inaugural London Sencha Touch User Group.
robsquires
January 27, 2012
Tweet
Share
Other Decks in Technology
See All in Technology
AI駆動開発を事業のコアに置く
tasukuonizawa
1
300
Red Hat OpenStack Services on OpenShift
tamemiya
0
120
Contract One Engineering Unit 紹介資料
sansan33
PRO
0
13k
OpenShiftでllm-dを動かそう!
jpishikawa
0
130
SREじゃなかった僕らがenablingを通じて「SRE実践者」になるまでのリアル / SRE Kaigi 2026
aeonpeople
6
2.5k
Bedrock PolicyでAmazon Bedrock Guardrails利用を強制してみた
yuu551
0
250
Cosmos World Foundation Model Platform for Physical AI
takmin
0
950
会社紹介資料 / Sansan Company Profile
sansan33
PRO
15
400k
広告の効果検証を題材にした因果推論の精度検証について
zozotech
PRO
0
200
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
15
93k
20260208_第66回 コンピュータビジョン勉強会
keiichiito1978
0
180
SRE Enabling戦記 - 急成長する組織にSREを浸透させる戦いの歴史
markie1009
0
140
Featured
See All Featured
Introduction to Domain-Driven Design and Collaborative software design
baasie
1
590
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
1.8k
Fashionably flexible responsive web design (full day workshop)
malarkey
408
66k
Making the Leap to Tech Lead
cromwellryan
135
9.7k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
450
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
1
55
Impact Scores and Hybrid Strategies: The future of link building
tamaranovitovic
0
200
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
150
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.1k
ラッコキーワード サービス紹介資料
rakko
1
2.3M
GitHub's CSS Performance
jonrohan
1032
470k
Believing is Seeing
oripsolob
1
56
Transcript
Building Cross Platform Mobile Apps with Sencha Touch! Rob Squires!
Jan 2012!
Rob Squires! Developer @uv_d! LAMP, Sencha! NodeJS , CouchDB! @rob_squires!
Today! Basics of Sencha Touch! ! Look at cross platform
challenges! ! Share some code! !
Context!
Mobile Betting App! Web service driven! White labeled! Deployed cross-platform!
Web! iOS! Android!
Vanilla Sencha Touch App! app.js!
Vanilla Sencha Touch App! controller/Main.js!
Vanilla Sencha Touch App! view/Main.js!
Approaching Cross Platform!
Breakdown! Platform! Web! Android! iOS! Blackberry! others…! Form Factor! Phone!
Tablet! others…!
Challenges! Native Languages + Deployment! Device APIs! UI Design Patterns!
Duplication!
Challenges! Native Languages + Deployment! Device APIs! UI Design Patterns!
Duplication!
Device APIs!
Device APIs! HTML5 + Javascript! ! ! iOS! ! !
Android!
Phonegap! Proxies native code! Javascript navigator & document objects! Plugins!
Kick-starts a web view!
Vanilla ST + Phonegap! http://www.sencha.com/learn/a-sencha-touch-mvc-application-with-phonegap! ??!
Vanilla ST + Phonegap! controller/Main.js!
UI Design Patterns!
Interface Guidelines! iOS Human Interface Guidelines! Android Design Patterns! Others..!
! Designing Mobile Interfaces - O’Reilly!
Great resource! www.mobilexweb.com/blog/ui-guidelines-mobile-tablet-design!
Look & Feel - Differences!
Look & Feel - Facebook! http://www.zdnet.com/blog/facebook/facebook-for-android- passes-facebook-for-iphone-dau/6440
Look & Feel in ST! Theming with CSS! Very effective!
Vimeo Awards! Chefkoch.de!
Look & Feel in ST! Theming with CSS! Very effective!
Look & Feel in ST! ios android web
app app.css Sass! (.scss)! Juicy! CSS!! Compass! sencha
Interaction! Back buttons! Contextual Controls!
Back’s not cross platform!
Back in ST! controller/Main.js!
Back again! Abstract UI events! Starting with HW : “App-back”
controller/Main.js!
Back again! view/Main.js!
Back again! Device.js!
Contextual Controls! iOS! ! Android!
Contextual Controls - Evernote! iOS App! Android App!
Contextual Controls in ST! view/Main.js! ouch!!
Platform specific views! Split view components based on platform!
Ext.Loader! Define! ! Require! ! Create!
Summing Up! Cross platform could be endless! ! Choose your
APIs! ! Write platform specific code in context! !
Thanks! Time for questions?! ! @rob_squires! @uv_d!