Adobe MAX: Rapidly Build HTML5 Apps with Sencha Designer

1 SenchaRapidly Build HTML5Apps for Any Device

Amazing Experiences On Every DeviceWide browser support Extensible architecturePixel-perfect ﬁdelity Native deploymentRich theming & styling Rapid development toolsNative behavior and widgetsSupporting cloud services 2

Browsers and OS’sSafari 3+Firefox 3.6+Internet Explorer 6+Chrome 6+Opera 10.5+ 3

Phones and OS’s 4

Tablets iPad Xoom Galaxy Tab Playbook TouchPad 5

DevelopmentFrameworks Tools 6

Who am I?Aaron Conran Developed parts of:Lead Engineer of Sencha Designer - Ext JSTwitter: @aconran - Sencha TouchEmail: aaron@sencha.com - Sencha DesignerInvolved with Sencha (formerly Ext) since 2006 7

Rich Web Apps • Single Page Applications • Native like experience in browser • Data-centric applications 8

Sencha Touch: HTML5 Made • Cross-browser normalization • Multi-pane scrolling • Fixed-position UI Chrome • Data models • Animations • Styling and theming • Gestural abstractions • Full deck of UI components • Offline storage proxy 9

Sencha Desktop‣ Complete application frameworks‣ Components, events, lifecycles‣ Pixel-perfect, cross-browser‣ Java and JavaScript Options ‣ Ext JS and Ext GWT 10

Designer • Rapid interface builder • Windows, Mac OS, Linux 11

Hands-on Demos 12

Border Layout • Mail Client layout • Multiple Pane Resizable • Uses Tree and Grid component 13

Login Window • Window • Form Fields • Docked Toolbar 14

Complex Forms • Form Panel • Fieldsets • Multi column forms 15

Product Browser • Master Detail View • Layouts • Grid • Templates 16

Features • Promotes Object Oriented Design • Generates Best Practices Source Code • Save to Toolbox 17

Community 18

The leading HTML5 development community 1.2M+ developers worldwideFirst to market with HTML5 on mobileWide Enterprise application footprint 19

Sencha EcoSystem‣ 1.2 million desktop & mobile developers, worldwide‣ 240,000 registered community members‣ 150,000 downloads per month‣ Licensed by over 25% of the Fortune 100 20

Strong Developer Focus 21

Additional Tooling 22

SDK Tools • Themes • Deployment 23

Native: Fragmented Platforms iOS Android RIM OS HP WebOS Objective C Java Java, Flash & Web Web Cocoa Android SDK WebWorks Mono Multiple languages, simulators, versions and capabilities App store submission policies, approval delays, platform longevity, changing policies 24

Native Shells Bridge HTML5 Author HTML5 app but bridge to device APIs and deploy via App Stores 25

Sencha Animator Plug-in-free animations for rich-media ads that run on any mobile ad Full CSS3 support, including animations, 2D and 3Dtransformations, backgrounds,borders, font effects, and more, as well as ORMMA support. 26

Thank You 27

Links 28

LinksSenchahttp://www.sencha.comSlideshttp://www.slideshare.net/Demo Codehttp://www.github.com/aconran/designerdemos/ 29

Adobe MAX: Rapidly Build HTML5 Apps with Sencha Designer

by Aaron Conran

Accessibility

Categories

Upload Details

Usage Rights

2 Embeds 13

Statistics

Adobe MAX: Rapidly Build HTML5 Apps with Sencha Designer Presentation Transcript

http://iml.isobarkorea.co.kr	11
http://nowlab.isobarkorea.co.kr	2