Visually Designing and Developing Mobile Apps with Sencha Touch and Sencha Architect

Delivered to the Sencha Touch Online Meetup in Germany

Transcript

1. Daniel Gallo Sales Engineer Visually Designing and Developing Mobile Apps with Sencha Touch and Sencha Architect
2. What I’ll be talking about • Introduction to Sencha Architect and Sencha Touch! • Produce an app that works on mobile and tablet devices! • Discuss deployment options
3. Where We Fit In Sencha Touch - Mobile and Tablet Sencha Ext JS and Sencha GXT - Desktop and Tablet Internet / Intranet Database
 Server SQL Server Oracle Sybase MySQL ... Application Server Java PHP ColdFusion .NET Ruby on Rails ... Web 
 Server IIS Apache Tomcat Websphere ... JSON/XML Transport Layer
4. Everything You Need, Plus More… form resizer html editor buffered grid grid row editor scatter chart menu tab panel line chart validation combo box bar chart checkbox toolbar tree controller button window tooltip date field animation spinner radar chart time field gauge chart model draw grid json store slider field set pie chart number field xml store data association ajax proxy jsonp proxy localstorage proxy rest proxy tree store grid grouping color picker panel stateful tree drag drop message box image text metrics right-to-left
5. Sencha Touch • High performance mobile application framework! • Cross platform apps! • Themes for each platform! • Smooth scrolling and animations! • Multi-touch gestures! • Adaptive layouts
6. Sencha Architect • Visual app builder for desktop and mobile! • Generate live interfaces! • Build UI and code fully featured apps directly in Architect! • Connect to backends easily! • Best practices generated code
7. Example App
8. Example App: Expense System • SQL Server database ! • Web services built using ASP.NET Web API! - RESTful services. Able to make use of GET, POST, PUT, DELETE request methods for managing data! - Security to control access to data! • Sencha Touch for front-end
9. Example App: Expense System Sencha Touch - Mobile and Tablet Intranet Database
 Server SQL Server Application Server .NET (C#) Web 
 Server IIS JSON Transport Layer
10. Example App: Expense System
11. Deployment Options
12. Deployment Options • Deployed as a web app! - For example, user navigates to http://www.example-app.com! - User can then add the app to their home screen! • Packaged in a native wrapper! - A full screen web view inside of a native app that loads your web app! - Can be submitted to app stores! - Could use PhoneGap, PhoneGap Build, Sencha Mobile Packager! • Mobile application management (MAM) services! - Typically used to secure apps on “bring your own” mobiles/tablets! - For example, Sencha Space
13. build.phonegap.com PhoneGap Build • Upload a Zip file containing your app or retrieve a Github project! • Private and public app! - One free private app! • Can build and download native (hybrid) apps for all major platforms! - iOS! - Android! - BlackBerry! - Windows Phone
14. Sencha Space A secure and managed environment for business applications that works on every mobile device
15. Sencha Space 1. Sencha Space App 2. Admin Console
16. Questions?
17. Create amazing apps built on web standards