SlideShare a Scribd company logo

Mobile app with sencha touch

Download as PPT, PDF
F
fch415

This document discusses mobile app development using Sencha Touch. It begins with an introduction to the author and their experience. It then outlines different mobile app development modes including WAP, webview, hybrid, and native. Webview and hybrid approaches are noted to have disadvantages like increased memory usage and performance issues. The document proceeds to discuss Sencha Touch, highlighting its object-oriented architecture, class loading, widgets, and support for HTML5, CSS3, and MVC. It provides an example of an Android app called Poseidon developed with Sencha Touch and outlines its project organization and use of Sencha Touch libraries. It concludes with recommendations for organizing a cross-platform mobile development team using the webview approach.

Technology
1 of 11
Downloaded 72 times
1
2
3
4
5
6
7
8
9
10
11
Mobile App With Sencha Touch Feng Chun 2012-8
About me  12 year+ JS and Java development experience  J2ME, WinCE mobile platform development experience  IBM Java Developer Conference(Shanghai) champion in 2005  Created XUI/XFlow/Mobby frameworks for company  The creator of the open-source projects: jsdk/jsdocx JSDK: http://jsdk2.sourceforge.net/ My Blog: http://blog.sina.com.cn/haidao415 Page  2
Mobile App Mode  WAP: JS + HTML + CSS  WebView: Web + Native packaging  Hybrid: NativeView + WebView  Native: NativeView only Page  3
WebView or Hybrid is monster Nativer Page  4
JS has poor performance JS code looks like a bowl of function noodles Native UI is the best and coolest Difficult pass by Apple’s audit Page  5
WebView Mode Advantages Disadvantages Cross mobile platform More memory used Easy to learn and cost Not suitable for high- savings performance game Rapid development and Maybe need to solve browser debug cross-domain problem Direct support for Ajax and JSON Powerful multi-device style Page  6
Sencha Touch  Full OO architecture  Dynamic class loading system  Mobile widgets and Touch events  Support HTML5 and CSS3  Customizable UI and multi-platform skins  Support webkit and not support windows ie  Support MVC In fact, HTML + CSS + JS is the best UI development language collections. Page  7
Our Android App named: Poseidon Page  8
Poseidon: project organization Page  9
Poseidon: index.html <title>Poseidon</title> <link type="text/css" rel="stylesheet" href="touch/resources/css/android.css" /> <link type="text/css" rel="stylesheet" href="style/app.css" /> <link type="text/css" rel="stylesheet" href="style/app4android.css" /> <script type="text/javascript" src="touch/sencha-touch-all.js"></script> <script type="text/javascript" src="app/core/….js"></script> <script type="text/javascript" src="app/util/….js"></script> <script type="text/javascript" src="app/service/….js"></script> <script type="text/javascript" src="app/model/….js"></script> <script type="text/javascript" src="app/view/…js"></script> <script type="text/javascript" src="app/activity/XxxActivity.js"></script> <script type="text/javascript" src="app/Main.js"></script> Page  10
WebView Team Organization  A farsighted leader  A senior JS architect  A widget development team with sencha-touch  A packaging development team for multi-devices  An application development team Change we need! Page  11

More Related Content

PDF
Bruce Lawson Opera Indonesia
brucelawson
 
PDF
W3C Widgets: Apps made with Web Standards
brucelawson
 
PDF
Bruce lawson Stockholm Geek Meet
brucelawson
 
PPTX
jQuery Conference Chicago - September 2014
dmethvin
 
PDF
Disruptive code
brucelawson
 
PPTX
Webworks
Kang Ibnux
 
PPTX
jQuery presentation
Mahesh Reddy
 
PPTX
Ui development frameworks html-bootstrap by awa
Ace Web Academy -Career Development Center
 
Bruce Lawson Opera Indonesia
brucelawson
 
W3C Widgets: Apps made with Web Standards
brucelawson
 
Bruce lawson Stockholm Geek Meet
brucelawson
 
jQuery Conference Chicago - September 2014
dmethvin
 
Disruptive code
brucelawson
 
Webworks
Kang Ibnux
 
jQuery presentation
Mahesh Reddy
 
Ui development frameworks html-bootstrap by awa
Ace Web Academy -Career Development Center
 

What's hot (20)

PDF
Webview: The fifth element
Fernando Cejas
 
PDF
Single Page Application Best practices
Tarence DSouza
 
PDF
jQueryMobile Jump Start
Haim Michael
 
PDF
East of Toronto .NET Usergroup - Put the 5 in HTML
Frédéric Harper
 
PPTX
do u webview?
Steve Souders
 
PDF
jQuery Conference Toronto
dmethvin
 
PDF
jQuery UI & Mobile - The Great Merger
scottgonzalez
 
PPT
Gregynog 2011
gregynog
 
PPTX
Html5 inputs
Chris Love
 
PDF
HTML5 and friends - JISC CETIS Conference 2010 Nottingham 15.11.2010
Patrick Lauke
 
PDF
Intro to Web Development from Bloc.io
Douglas Wright
 
PDF
Brave new world of HTML5 - WebTech 2010 Milano 09.11.2010
Patrick Lauke
 
PPTX
Website performance optimisation
Webstock
 
PPTX
Introducing Kendo UI
John Bristowe
 
PPTX
Adobe & HTML5
Terry Ryan
 
PPTX
HTTP 2.0 - Web Unleashed 2015
dmethvin
 
PDF
10 tips to improve the usability of Joomla - Joomla World Conference 2014
Sander Potjer
 
PDF
PrairieDevCon 2014 - Web Doesn't Mean Slow
dmethvin
 
PPTX
Building a Simple Mobile-optimized Web App Using the jQuery Mobile Framework
St. Petersburg College
 
PPT
Going Mobile
Stephen G
 
Webview: The fifth element
Fernando Cejas
 
Single Page Application Best practices
Tarence DSouza
 
jQueryMobile Jump Start
Haim Michael
 
East of Toronto .NET Usergroup - Put the 5 in HTML
Frédéric Harper
 
do u webview?
Steve Souders
 
jQuery Conference Toronto
dmethvin
 
jQuery UI & Mobile - The Great Merger
scottgonzalez
 
Gregynog 2011
gregynog
 
Html5 inputs
Chris Love
 
HTML5 and friends - JISC CETIS Conference 2010 Nottingham 15.11.2010
Patrick Lauke
 
Intro to Web Development from Bloc.io
Douglas Wright
 
Brave new world of HTML5 - WebTech 2010 Milano 09.11.2010
Patrick Lauke
 
Website performance optimisation
Webstock
 
Introducing Kendo UI
John Bristowe
 
Adobe & HTML5
Terry Ryan
 
HTTP 2.0 - Web Unleashed 2015
dmethvin
 
10 tips to improve the usability of Joomla - Joomla World Conference 2014
Sander Potjer
 
PrairieDevCon 2014 - Web Doesn't Mean Slow
dmethvin
 
Building a Simple Mobile-optimized Web App Using the jQuery Mobile Framework
St. Petersburg College
 
Going Mobile
Stephen G
 
Ad

Similar to Mobile app with sencha touch (20)

KEY
Creating cross-platform mobile apps
Rob Jones
 
KEY
Building Pistachio with Sencha Touch 2 (introductory)
Luis Merino
 
KEY
Smart phone development
Myles Eftos
 
PDF
Cross Platform Mobile Development
Manesh Lad
 
PDF
Sencha Touch for Rubyists
James Pearce
 
PDF
Building Cross-Platform Mobile Apps with PhoneGap and Sencha Touch
Axel Buerkle
 
PDF
Hybridmobileapps 130130213844-phpapp02
weeyee
 
PPTX
SENCHA Web Programming Software
Saisha Nesarikar
 
PPTX
Mobile Web Apps
Athhar Ahamed
 
PDF
HTML5 and the dawn of rich mobile web applications pt 1
James Pearce
 
PPTX
Mobile web development
Moumie Soulemane
 
PDF
HTML5 Can't Do That
Nathan Smith
 
KEY
Mobile ECM with JavaScript - JSE 2011
Nuxeo
 
KEY
Txjs
Brian LeRoux
 
PPT
Sencha touch mobile app development
HTMLPanda
 
PDF
A Snapshot of the Mobile HTML5 Revolution
James Pearce
 
PPT
Sencha touch
Akshay Prabhu
 
PDF
Web Application Development in 2023.pdf
Techugo
 
PDF
Building Cross Platform Mobile Web Apps
James Pearce
 
PPTX
Choosing the Right Mobile Development Platform (Part 6)
Chris Griffith
 
Creating cross-platform mobile apps
Rob Jones
 
Building Pistachio with Sencha Touch 2 (introductory)
Luis Merino
 
Smart phone development
Myles Eftos
 
Cross Platform Mobile Development
Manesh Lad
 
Sencha Touch for Rubyists
James Pearce
 
Building Cross-Platform Mobile Apps with PhoneGap and Sencha Touch
Axel Buerkle
 
Hybridmobileapps 130130213844-phpapp02
weeyee
 
SENCHA Web Programming Software
Saisha Nesarikar
 
Mobile Web Apps
Athhar Ahamed
 
HTML5 and the dawn of rich mobile web applications pt 1
James Pearce
 
Mobile web development
Moumie Soulemane
 
HTML5 Can't Do That
Nathan Smith
 
Mobile ECM with JavaScript - JSE 2011
Nuxeo
 
Txjs
Brian LeRoux
 
Sencha touch mobile app development
HTMLPanda
 
A Snapshot of the Mobile HTML5 Revolution
James Pearce
 
Sencha touch
Akshay Prabhu
 
Web Application Development in 2023.pdf
Techugo
 
Building Cross Platform Mobile Web Apps
James Pearce
 
Choosing the Right Mobile Development Platform (Part 6)
Chris Griffith
 
Ad

Recently uploaded (20)

PPTX
Programs and apps: productivity, graphics, security and other tools
4mqw9zch22
 
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
Mark Billinghurst
 
PDF
cuic standard and advanced reporting.pdf
SimoneTitaniumTomase
 
PDF
Machine learning based COVID-19 study performance prediction
IAESIJAI
 
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Jian-Hong Pan
 
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
SandeepSingh286037
 
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Julien SIMON
 
PDF
Review of recent advances in non-invasive hemoglobin estimation
IAESIJAI
 
PPTX
Spectroscopy.pptx food analysis technology
nawahassan45
 
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
IAESIJAI
 
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
SOFTTECHHUB
 
PPT
Teaching material agriculture food technology
LiaRayya
 
DOCX
The AUB Centre for AI in Media Proposal.docx
GAONE9
 
PPTX
Big Data Technologies - Introduction.pptx
kuthubussaman1
 
PPTX
Cloud computing and distributed systems.
kkkkkhan
 
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Libreria ERP
 
PPTX
MYSQL Presentation for SQL database connectivity
Swati270511
 
PDF
Chapter 3 Spatial Domain Image Processing.pdf
Getnet Tigabie Askale -(GM)
 
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
Dropbox
 
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Safe Software
 
Programs and apps: productivity, graphics, security and other tools
4mqw9zch22
 
Reach Out and Touch Someone: Haptics and Empathic Computing
Mark Billinghurst
 
cuic standard and advanced reporting.pdf
SimoneTitaniumTomase
 
Machine learning based COVID-19 study performance prediction
IAESIJAI
 
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Jian-Hong Pan
 
Building Integrated photovoltaic BIPV_UPV.pdf
SandeepSingh286037
 
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Julien SIMON
 
Review of recent advances in non-invasive hemoglobin estimation
IAESIJAI
 
Spectroscopy.pptx food analysis technology
nawahassan45
 
Per capita expenditure prediction using model stacking based on satellite ima...
IAESIJAI
 
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
SOFTTECHHUB
 
Teaching material agriculture food technology
LiaRayya
 
The AUB Centre for AI in Media Proposal.docx
GAONE9
 
Big Data Technologies - Introduction.pptx
kuthubussaman1
 
Cloud computing and distributed systems.
kkkkkhan
 
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Libreria ERP
 
MYSQL Presentation for SQL database connectivity
Swati270511
 
Chapter 3 Spatial Domain Image Processing.pdf
Getnet Tigabie Askale -(GM)
 
Dropbox Q2 2025 Financial Results & Investor Presentation
Dropbox
 
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Safe Software
 

Mobile app with sencha touch

  • 1. Mobile App With Sencha Touch Feng Chun 2012-8
  • 2. About me  12 year+ JS and Java development experience  J2ME, WinCE mobile platform development experience  IBM Java Developer Conference(Shanghai) champion in 2005  Created XUI/XFlow/Mobby frameworks for company  The creator of the open-source projects: jsdk/jsdocx JSDK: http://jsdk2.sourceforge.net/ My Blog: http://blog.sina.com.cn/haidao415 Page  2
  • 3. Mobile App Mode  WAP: JS + HTML + CSS  WebView: Web + Native packaging  Hybrid: NativeView + WebView  Native: NativeView only Page  3
  • 4. WebView or Hybrid is monster Nativer Page  4
  • 5. JS has poor performance JS code looks like a bowl of function noodles Native UI is the best and coolest Difficult pass by Apple’s audit Page  5
  • 6. WebView Mode Advantages Disadvantages Cross mobile platform More memory used Easy to learn and cost Not suitable for high- savings performance game Rapid development and Maybe need to solve browser debug cross-domain problem Direct support for Ajax and JSON Powerful multi-device style Page  6
  • 7. Sencha Touch  Full OO architecture  Dynamic class loading system  Mobile widgets and Touch events  Support HTML5 and CSS3  Customizable UI and multi-platform skins  Support webkit and not support windows ie  Support MVC In fact, HTML + CSS + JS is the best UI development language collections. Page  7
  • 8. Our Android App named: Poseidon Page  8
  • 10. Poseidon: index.html <title>Poseidon</title> <link type="text/css" rel="stylesheet" href="touch/resources/css/android.css" /> <link type="text/css" rel="stylesheet" href="style/app.css" /> <link type="text/css" rel="stylesheet" href="style/app4android.css" /> <script type="text/javascript" src="touch/sencha-touch-all.js"></script> <script type="text/javascript" src="app/core/….js"></script> <script type="text/javascript" src="app/util/….js"></script> <script type="text/javascript" src="app/service/….js"></script> <script type="text/javascript" src="app/model/….js"></script> <script type="text/javascript" src="app/view/…js"></script> <script type="text/javascript" src="app/activity/XxxActivity.js"></script> <script type="text/javascript" src="app/Main.js"></script> Page  10
  • 11. WebView Team Organization  A farsighted leader  A senior JS architect  A widget development team with sencha-touch  A packaging development team for multi-devices  An application development team Change we need! Page  11