Build Tizen HTML5 Apps W/ Sencha Architect & Sencha Touch
Build Tizen HTML5 Apps w/ Sencha Architect & Sencha Touch
About me /** * About me */ Ext.create("Person", { firstname: "Stefan", lastname : "Stölzle", company : "Sencha, Inc.", //position : "Sr. Solutions Engineer", position : "Sales Engineer, Asia & Pacific”, location : "Sydney, Australia", }); email : "stefan@sencha.com", twitter : "@me stoe"
Agenda Sencha Tizen & Sencha Architect & Sencha Touch The Company Customers Sencha Products Demo Q&A
The Company sencha.com/company Sencha equips developers with frameworks, tools and services to help them build amazing web application experiences using HTML5 and JavaScript. Established Growth 2007 Over 150 employees globally 2009 2010 2011 2012
Customers The choice of leading businesses Serving 60% of Fortune 100 companies IT Services Cloud Financial Services 86% of Forbes Global 2,000 64% of Top Cloud Companies 80% of Top 20 U.S. Companies
Worldwide Developer Base Global Presence Rapid Community Growth 26% Europe 25% North America 22% BRIC 27% ROW 2009 2M Worldwide Developers 2010 2011 0.5M Forum Members 2012
Products & Services Design Sencha Architect
Products & Services Design Develop Sencha Ext JS Sencha Architect Sencha Touch Sencha GXT
Products & Services Design Develop Sencha Ext JS Sencha Architect Sencha Touch Sencha GXT Deploy
Products & Services Design Develop Deploy Sencha Ext JS Sencha Architect Sencha Touch Sencha GXT Support Training Professional Services Technical Support
Multi-device HTML5 Development Cross platform deployment High quality user experiences Increased developer productivity Mobile, tablet and desktop
ExtJS JavaScript Framework for Rich Apps in Every Browser New Features / Enhancements Tablet Support Touch Event System & Scrolling (on supported devices) Mapped Mouse Events to Touch Events Grid Gadgets Rich & Interactive Components Inside Grid Cells Charts Package Upgrade Improved ARIA Support / 508 Compliance
Sencha Touch 2.3 Mobile JavaScript Framework High-performance mobile HTML5 framework for cross-platform apps Ready-to-use mobile UI components Build applications that run on Android iOS BlackBerry Windows Phone Tizen Native packaging with Cordova/ PhoneGap
Sencha Eclipse Plugin Code Intelligence for JS Reduce coding errors and increase productivity with full code complete for Ext JS and Sencha Touch Integrates in to existing Eclipse workflows Ease and simply version migrations with type libraries for each framework version Support for mixins, classes, inheritance, overrides, defines, etc Code hints and suggestions for base Ext JS and custom classes
Sencha CMD Cross-platform command line tool Generating a new project Build processes using Ant Deploy for native stores directly form Window Linux or Mac Slice your themes for legacy browsers
Sencha Architect 3.0 HTML5 Visual Application Building
Sencha Architect 3.0 HTML5 Visual Application Building Templates to kickstart development
Sencha Architect 3.0 HTML5 Visual Application Building Templates to kickstart development User Extensions
Sencha Architect 3.0 HTML5 Visual Application Building Templates to kickstart development User Extensions Styling/Theming SASS with predefined themes for Android iOS Windows Blackberry Tizen* * coming soon
Sencha Architect 3.0 HTML5 Visual Application Building Templates to kickstart development User Extensions Styling/Theming SASS with predefined themes for Android iOS Windows Blackberry Tizen* Code Completion and Code Intelligence * coming soon
Sencha Architect 3.0 HTML5 Visual Application Building Templates to kickstart development User Extensions Styling/Theming SASS with predefined themes for Android iOS Windows Blackberry Tizen* Code Completion and Code Intelligence CMD & Framework Integration * coming soon
Sencha Architect 3.0 HTML5 Visual Application Building Templates to kickstart development User Extensions Styling/Theming SASS with predefined themes for Android iOS Windows Blackberry Tizen* Code Completion and Code Intelligence CMD & Framework Integration * coming soon
Tizen & Sencha Architect & Sencha Touch
Tizen & Sencha Architect & Sencha Touch Tizen HTML5 App TizenIDE Sencha Architect Sencha Touch
Tizen & Sencha Architect & Sencha Touch Tizen HTML5 App TizenIDE Sencha Architect Sencha Touch 1.Create new Web Project in TizenIDE
Tizen & Sencha Architect & Sencha Touch Tizen HTML5 App TizenIDE Sencha Architect Sencha Touch 1.Create new Web Project in TizenIDE 2.Create Sencha Touch project with Sencha Architect
Tizen & Sencha Architect & Sencha Touch Tizen HTML5 App TizenIDE Sencha Architect Sencha Touch 1.Create new Web Project in TizenIDE 2.Create Sencha Touch project with Sencha Architect 3.Edit Sencha Touch project in Sencha Architect
Tizen & Sencha Architect & Sencha Touch Tizen HTML5 App TizenIDE Sencha Architect Sencha Touch 1.Create new Web Project in TizenIDE 2.Create Sencha Touch project with Sencha Architect 3.Edit Sencha Touch project in Sencha Architect 4.Build project using Sencha CMD from Sencha Architect
Tizen & Sencha Architect & Sencha Touch Tizen HTML5 App TizenIDE Sencha Architect Sencha Touch 1.Create new Web Project in TizenIDE 2.Create Sencha Touch project with Sencha Architect 3.Edit Sencha Touch project in Sencha Architect 4.Build project using Sencha CMD from Sencha Architect 5.Import build into TizenIDE
Tizen & Sencha Architect & Sencha Touch Tizen HTML5 App TizenIDE Sencha Architect Sencha Touch 1.Create new Web Project in TizenIDE 2.Create Sencha Touch project with Sencha Architect 3.Edit Sencha Touch project in Sencha Architect 4.Build project using Sencha CMD from Sencha Architect 5.Import build into TizenIDE 6.Simulate/Build
Tizen & Sencha Architect & Sencha Touch Tizen HTML5 App TizenIDE Sencha Architect Sencha Touch 1.Create new Web Project in TizenIDE 2.Create Sencha Touch project with Sencha Architect 3.Edit Sencha Touch project in Sencha Architect 4.Build project using Sencha CMD from Sencha Architect 5.Import build into TizenIDE 6.Simulate/Build 7.done.
Demo
Thank you!
Q&A
2.Create Sencha Touch project with Sencha Architect 3.Edit Sencha Touch project in Sencha Architect 4.Build project using Sencha CMD from Sencha Architect 5.Import build into TizenIDE 6.Simulate/Build 7.done. Demo. Thank you! Q & A. Title: TDS_2013_Korea.key Created Date:
Excellent HTML5 and web apps support . Tizen 2 Tizen 3 (upstream) Tizen 3 Profiles Mobile TV Wearable IVI Tizen:Common. Tizen Architecture Web applications Web framework Native framework Core components Linux kernel and device drivers . Project which aims at building Tizen images using the
[HTML5 강좌 및 동영상 목록] [HTML5 동상 강좌] 1. HTML 5 개요 [HTML5 동상 강좌] 2. HTML4 vs HTML5 (1) [HTML5 동상 강좌] 3. HTML4 vs HTML5 (2) [HTML5 동상 강좌] 4. Sementic Element (1) [HTML5 동상 강좌] 5. Sementic Element (2) [HTML5 동상 강좌] 6. Strong Web Form [HTML5 동상 강좌] 7. Rich Text Edit API [HTML5 동상 강좌] 8. Video Element [HTML5 동상 강좌] 9.
Recommends which HTML5 and CSS3 features are ready to use and which fallback to use when appropriate. Wikipedia "Comparison of Layout Engines (HTML5)" Charts show HTML5 support by the major browser lay-out engines. HTML5 Readiness An interesting visualization of growing support for HTML5 and CSS3 from 2008 to present. Validating HTML5 Documents
Implementing Tizen Web Applications 25 Implementation Plan 27 Stage 1: Digital Watch UI Layout 28 . Web applications involve the standards for building and rendering web pages, such as HTML, CSS, and JavaScript. Introduction 4 Structure . HTML5 JavaScript Tizen Web app configuration file CSS3
Pg. 03 PSD to HTML5 PSD to HTML5 www.exportkit.com CSS3 and JavaScript PSD to HTML5 This manual will outline all the steps required to convert your PSD to HTML5 in a few clicks. Export Kit makes PSD to HTML5 and CSS websites quick, easy and painless. In minutes you can have clean and valid PSD to H
HTML5 provides a standard for playing audio files. Audio on the Web Before HTML5, there was no standard for playing audio files on a web page. Before HTML5, audio files could only be played with a plug-in (like flash). The HTML5 audio element specifies a standard way to embed audio in a web page. HTML5 Audio Tags Tag Description
HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. The previous version of HTML came in 1999. The web has changed a lot since then. HTML5 is still a work in progress. However, most modern browsers have some HTML5 support. How Did HTML5 Get Started? HTML5 is a cooperation between the World Wide Web Consortium (W3C) and the Web .
Porting to Tizen OS: Changes Extract web codebase from the Android/iOS PhoneGap project Import to new Tizen project Define config.xml settings Whitelist all URLs the app would use Remove the JS hooks to "native" VIN barcode scan plugin No more!
