Frank Mainzer & Silviu Durduc - Developing mobile app using Sencha Touch
Upcoming SlideShare
Loading in...5
×
 

Frank Mainzer & Silviu Durduc - Developing mobile app using Sencha Touch

on

  • 622 views

 

Statistics

Views

Total Views
622
Views on SlideShare
622
Embed Views
0

Actions

Likes
0
Downloads
3
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Frank Mainzer & Silviu Durduc - Developing mobile app using Sencha Touch Frank Mainzer & Silviu Durduc - Developing mobile app using Sencha Touch Presentation Transcript

  • Developing Web Apps USING SENCHA TOUCH FRAMEWORK
  • Hell o!FrankMainzerfrank.mainzer@centric.euSilviuDurduc@iamsilviu
  • Designing for Mobile 1
  • Natural constraintsin mobile1. GROWTH = OPPORTUNITY2. CONSTRAINTS = FOCUS3. CAPABILITIES = INNOVATION
  • GROWTH = Opportunity Mobile Web growth has outpaced desktop Web growth 8x Global mobile data traffic has grown 26x over next 5 years PC DESKTOP INTERNET MOBILE CONSUMER 100M+ 1B+ 10B+ 1990 2000 2010 2020Source: Morgan Stanley Research
  • Motorola Razr2006 GROWTH = Opportunity
  • Steve Jobs29 June 2007 GROWTH = Opportunity
  • CONSTRAINTS= FOCUSThe things that help us Take advantage of that opportunity!  SCREEN SIZE  PERFORMANCE  USABILITY
  • 320 x 4801024 X 768  SCREEN SIZE  PERFORMANCE  USABILITY CONSTRAINTS = FOCUS
  • CONSTRAINTS = FOCUS
  • FOCUS CONSTRAINTS = FOCUS
  • speed Loading… Please wait!  SCREEN SIZE  PERFORMANCE  USABILITY CONSTRAINTS = FOCUS
  • USABILITY  SCREEN SIZE  PERFORMANCE  USABILITY CONSTRAINTS = FOCUS
  • Capabilities = innovation
  •  Content is the UI; Reduce the distance as much as possible between user and content; Enable direct manipulation of objects and content; Guessable, predictable, realistic; Reduce visuals that are not content; Make the content the action and direct action with content; Natural User Inter NUI capabilities= innovation
  • Take advantage of this NEW WAY OF INTERACTING! capabilities= innovation
  • 2Sencha Touch framework
  • Sencha Touch framework • Classes • MVC • Live Session
  • Sencha Class systemPREDICTABLE | PROGRAMMER FAMILIARITY | FLEXIBILITY App Specific Code Widgets & Layouts Event System Data Package Class System
  • Learning Curve • ConsistentLearn • Familiar • DebuggableDevelop • Testable • Automatic dependencyDeploy resolution Sencha classsystem
  • Coding convention NameSpace.group[.subgroup].ClassName One class per file; File name matches class nameExt.chart.Label = Ext/chart/Label.jsExt.data.writer.Xml = Ext/data/writer/Xml.js Sencha classsystem
  • Class DefinitionExt.define (“NameSpace.group.ClassName ”,{ init : function (){}, getName : function(){ return this.name; }});New (instantiating)Me = Ext.create (“NameSpace.group.ClassName ”);Me. getName (); Sencha classsystem
  • Sencha MVC (MODEL-VIEW–CONTROLLER) Keep the logic out of your views Teamwork Organized, best practices followed spaghetti avoided
  • Model• Loads and manages the application data;• Usually in response to requests from the view. FIELDS (Schema) DATA ID int 1445 Sebastian 11/12/2010 Customer string 1446 John 10/09/2011 JoinDate date 1447 Emil 10/08/2009 Sencha MVC
  • View• Manages the display of information and UI controls. Sencha MVC
  • Controller• Listens for inputs from the user;• Updates Model and View. Sencha MVC
  • file structure Sencha MVC
  • 3 Live Sessionmay turn out to be a disaster!
  • etting Started compass + Sencha SDK command line tool Live Session
  • OpportunityWrapping up Focus Innovation
  • Thank you! Q&A
  • Diamond SponsorsPlatinum Sponsors Gold SponsorsTraining Partners Media Partners Other Partners