mobile html5 applications
play

Mobile HTML5 Applications In Hours, Not Days. Build Amazing Apps - PowerPoint PPT Presentation

Aug 29, 2023 •506 likes •1.05k views

Mobile HTML5 Applications In Hours, Not Days. Build Amazing Apps with Web Standards QCon SF @adityabansod Thursday, November 8, 12 Aditya Bansod VP, Product Marketing @adityabansod aditya@sencha.com Thursday, November 8, 12 Mobile app

  1. Mobile HTML5 Applications In Hours, Not Days. Build Amazing Apps with Web Standards QCon SF @adityabansod Thursday, November 8, 12

  2. Aditya Bansod VP, Product Marketing @adityabansod aditya@sencha.com Thursday, November 8, 12

  3. Mobile app development is hard Thursday, November 8, 12

  4. Thursday, November 8, 12

  5. The Native Route Thursday, November 8, 12

  6. A badge for all these ways the web is changing Thursday, November 8, 12

  7. MS RIM Google Apple Top US Smartphone Platforms August 2011, comScore MobiLens Thursday, November 8, 12

  8. C# J2ME/Air Java/C++ Obj-C Native programming languages you’ll need US Smartphones, August 2011 Thursday, November 8, 12

  9. IE WebKit WebKit WebKit Browser platforms to target US Smartphones, August 2011 Thursday, November 8, 12

  10. But at least we are using one language, one markup, one style system Thursday, November 8, 12

  11. One Stack Thursday, November 8, 12

  12. Camera WebFont Video Audio Graphics HTTP Location AJAX CSS Styling & Layout Contacts Events JavaScript SMS Sockets Orientation SSL Semantic HTML Gyro File Systems Workers & Cross-App Databases Parallel Messaging App Caches Processing (all the elements of a modern application platform) Thursday, November 8, 12

  13. IE Chrome Safari Firefox iOS BB10 Android @font-face Canvas HTML5 Audio & Video rgba(), hsla() border-image: border-radius: box-shadow: text-shadow: opacity: Multiple backgrounds Flexible Box Model CSS Animations CSS Columns CSS Gradients CSS Reflections CSS 2D Transforms CSS 3D Transforms CSS Transitions Geolocation API local/sessionStorage SVG/SVG Clipping SMIL Inline SVG Drag and Drop hashchange X-window Messaging History Management applicationCache Web Sockets Web Workers Web SQL Database WebGL IndexedDB Thursday, November 8, 12

  14. Stay on top of diversity Can I Use? http://caniuse.com Modernizr http://modernizr.com DeviceAtlas http://deviceatlas.com Thursday, November 8, 12

  15. 100% Support Browsers Capabilities & specifications Thursday, November 8, 12

  16. 100% Support Browsers Polyfills Frameworks Capabilities & specifications Thursday, November 8, 12

  17. Thursday, November 8, 12

  18. pages interactive apps Thursday, November 8, 12

  19. Build Amazing Apps with Web Standards pages interactive apps Thursday, November 8, 12

  20. MY APPLICATION Sencha Touch Ext JS Mobile Desktop BROWSER ENGINES HTML JavaScript CSS SERVERS & SERVICES HTTP/HTTPS Sencha.io WebSocket Thursday, November 8, 12

  21. MY APPLICATION • Mobile framework • Desktop framework • Native packaging • Cross-Browser • Modern mobile UI • Modern desktop UI Sencha Touch Ext JS Mobile Desktop BROWSER ENGINES HTML JavaScript CSS SERVERS & SERVICES HTTP/HTTPS Sencha.io WebSocket Thursday, November 8, 12

  22. MY APPLICATION UI: Controls + Containers Data: Models + Stores + Connectors Foundation: OOP + MVC + Library Sencha Touch Ext JS Mobile Desktop BROWSER ENGINES HTML JavaScript CSS SERVERS & SERVICES HTTP/HTTPS Sencha.io WebSocket Thursday, November 8, 12

  23. Sencha Touch 2 A JavaScript framework for building r ich mobile apps with web standards Thursday, November 8, 12

  24. www.sencha.com/apps Thursday, November 8, 12

  25. Thursday, November 8, 12

  26. Sencha Basics Thursday, November 8, 12

  27. Class System Packages Inheritance Scope Management Class Loading Mix-ins Thursday, November 8, 12

  28. Class System Ext.define( ‘class_name’, { } ); Ext.create( ‘class_name’, { } ); Thursday, November 8, 12

  29. Classes Thursday, November 8, 12

  30. Classes Thursday, November 8, 12

  31. Classes Thursday, November 8, 12

  32. MVC Thursday, November 8, 12

  33. xtype Thursday, November 8, 12

  34. xtemplate Thursday, November 8, 12

  35. UI Thursday, November 8, 12

  36. Touch Components Thursday, November 8, 12

  37. Ext JS Components Thursday, November 8, 12

  38. “ I want to go fast... ” Thursday, November 8, 12

  39. Ext Designer 1.2 Develop Design Deploy DEVELOPMENT WORKFLOW Thursday, November 8, 12

  40. Ext JS interface builder • Support for Ext JS Charts • Code generation for complex UI • layouts JSON/XML data connectivity • Export projects and code • Ext Designer Thursday, November 8, 12

  41. Sencha Architect 2 Develop Design Deploy Thursday, November 8, 12

  42. Everything from Ext Designer 1.2 • + Sencha Touch 2 • Code Editing • MVC • Native Deployment • Sencha Architect 2 Thursday, November 8, 12

  43. Let’s take a closer look Thursday, November 8, 12

  44. Architect’s workspace Thursday, November 8, 12

  45. Application Toolbar Thursday, November 8, 12

  46. Project Inspector Thursday, November 8, 12

  47. Design Canvas Thursday, November 8, 12

  48. Toolbox Thursday, November 8, 12

  49. Configuration Thursday, November 8, 12

  50. Code Editor Thursday, November 8, 12

  51. Wear your helmets for the live demo! Thursday, November 8, 12

  52. Thanks Qcon NYC! Thursday, November 8, 12

  53. Aditya Bansod VP, Product Marketing @ adityabansod aditya@sencha.com Thursday, November 8, 12

Download Presentation
Download Policy: The content available on the website is offered to you 'AS IS' for your personal information and use only. It cannot be commercialized, licensed, or distributed on other websites without prior consent from the author. To download a presentation, simply click this link. If you encounter any difficulties during the download process, it's possible that the publisher has removed the file from their server.

Recommend

Mobile Web Applications using HTML5 L. Cotfas 14 Dec. 2011 Reasons for mobile web development

Mobile Web Applications using HTML5 L. Cotfas 14 Dec. 2011 Reasons for mobile web development

Mobile Web Applications using HTML5 L. Cotfas 14 Dec. 2011 Reasons for mobile web development Many different platforms: Android, IPhone, Symbian, Windows Phone/ Mobile, MeeGo (only a few of them) Reasons for mobile web development

435 views • 31 slides
James Pearce Director, Developer Relations @ jamespearce jamesp@sencha.com HTML5 and the dawn

James Pearce Director, Developer Relations @ jamespearce jamesp@sencha.com HTML5 and the dawn

James Pearce Director, Developer Relations @ jamespearce jamesp@sencha.com HTML5 and the dawn of rich mobile web applications or Everything I know about HTML5 I learned from How Mobile Rolls 2008 We must have an iPhone App! 2010 We

1.33k views • 98 slides
A Snapshot of the Mobile HTML5 Revolution @ jamespearce The Pledge Single device Multi device

A Snapshot of the Mobile HTML5 Revolution @ jamespearce The Pledge Single device Multi device

A Snapshot of the Mobile HTML5 Revolution @ jamespearce The Pledge Single device Multi device Sedentary user Mobile user * Declarative Imperative Thin client Thick client Documents Applications * or supine, or sedentary, or passive,

1.03k views • 84 slides
FAST and EFFICIENT Tizen HTML5 mobile applications AKI SAARINEN, REAKTOR JAPAN @akisaarinen

FAST and EFFICIENT Tizen HTML5 mobile applications AKI SAARINEN, REAKTOR JAPAN @akisaarinen

FAST and EFFICIENT Tizen HTML5 mobile applications AKI SAARINEN, REAKTOR JAPAN @akisaarinen http://reaktor.co.jp/en/ FAST & EFFICIENT # # 1 Measure! 2 Start-up time 3 Run-time performance # 1 MEASURE! #

773 views • 50 slides
Support Offline Mobile Web Apps with HTML5 API's Kim Dalsgaard @kimdalsgaard Application Cache

Support Offline Mobile Web Apps with HTML5 API's Kim Dalsgaard @kimdalsgaard Application Cache

Support Offline Mobile Web Apps with HTML5 API's Kim Dalsgaard @kimdalsgaard Application Cache Local Storage Web SQL Database Indexed Database Application Cache Offline Web applications From the specification In order to enable users to

465 views • 28 slides
MOBILE HTML5 Max Firtman @firt mobile+web developer Wednesday, October 12, 11 who am I? mobile +

MOBILE HTML5 Max Firtman @firt mobile+web developer Wednesday, October 12, 11 who am I? mobile +

Oct, 10th, 2011 Aarhus, Denmark MOBILE HTML5 Max Firtman @firt mobile+web developer Wednesday, October 12, 11 who am I? mobile + web developer mobile x web.com blog @firt Wednesday, October 12, 11 where? Wednesday, October 12, 11 where?

2.18k views • 182 slides
EnGiNeErInG HtMl5 aPpLiCaTiOnS fOr bEtTeR pErFoRmAnCe LaUrI SvAn @ LaUrI S An @lAuRiS

EnGiNeErInG HtMl5 aPpLiCaTiOnS fOr bEtTeR pErFoRmAnCe LaUrI SvAn @ LaUrI S An @lAuRiS

EnGiNeErInG HtMl5 aPpLiCaTiOnS fOr bEtTeR pErFoRmAnCe LaUrI SvAn @ LaUrI S An @lAuRiS lAuRiSvAn An Sc5 OnLiNe @sC5 Sc5 OnLiNe @sC5 ViCe HtMl5 eXpErTiSe a HtMl5 eXpErTiSe aT y T yOuR sEr OuR sErViCe GiVe mE sOmEtHiNg tHaT I

521 views • 37 slides
Seamless Offloading of Web App Computations From Mobile Device to Edge Clouds via HTML5 Web

Seamless Offloading of Web App Computations From Mobile Device to Edge Clouds via HTML5 Web

Seamless Offloading of Web App Computations From Mobile Device to Edge Clouds via HTML5 Web Worker Migration Hyuk Jin Jeong Seoul National University SoCC 2019 Virtual Machine & Optimization Laboratory Department of Electrical and

824 views • 29 slides
of HTML5 the design of HTML5 the design of HTML5 design principles We hold these Truths to be

of HTML5 the design of HTML5 the design of HTML5 design principles We hold these Truths to be

the design of HTML5 the design of HTML5 the design of HTML5 design principles We hold these Truths to be self-evident, that all Men are created equal, that they are endowed by their Creator with certain unalienable Rights, that among these

821 views • 53 slides
HTML5 Marcel Kessler, Reto Giger guild42.ch, Restaurant Schmiedstube in Bern 2011-11-14 2

HTML5 Marcel Kessler, Reto Giger guild42.ch, Restaurant Schmiedstube in Bern 2011-11-14 2

1 HTML5 Marcel Kessler, Reto Giger guild42.ch, Restaurant Schmiedstube in Bern 2011-11-14 2 Facebook Twitter guild42.ch Google Gmail Reader derbund.ch Google Docs Remember the Milk Websites (Mobile) Applications 3 Agenda

1.02k views • 37 slides
Mobile Applications and Services Mobile Applications and Services for NGN networks for NGN

Mobile Applications and Services Mobile Applications and Services for NGN networks for NGN

I nternational Telecom m unication Union ITU-T Mobile Applications and Services Mobile Applications and Services for NGN networks for NGN networks Anett S chlke NEC Network Laboratories Heidelberg NEC Europe Ltd. I TU-T W orkshop NGN

574 views • 19 slides
Jeff Yi CS286 PhoneGap is mobile framework that allows

Jeff Yi CS286 PhoneGap is mobile framework that allows

Jeff Yi CS286 PhoneGap is mobile framework that allows developers to program applications using HTML5, JavaScript and CSS3. It allows developers

493 views • 14 slides
USING FABRIC.JS FOR INTERACTIVE HTML5 CANVAS APPLICATIONS Kelly Packer @kellypacker / HELLO

USING FABRIC.JS FOR INTERACTIVE HTML5 CANVAS APPLICATIONS Kelly Packer @kellypacker / HELLO

USING FABRIC.JS FOR INTERACTIVE HTML5 CANVAS APPLICATIONS Kelly Packer @kellypacker / HELLO Front-End Web Developer at FOR THE PAST 2 YEARS Building an educational application for Pearson ERPI in Canada. DEMO http://erpi.dev/alphabetik/

941 views • 48 slides
HTML5 Mendel Rosenblum CS142 Lecture Notes - HTML5 HTML continually being extended

HTML5 Mendel Rosenblum CS142 Lecture Notes - HTML5 HTML continually being extended

HTML5 Mendel Rosenblum CS142 Lecture Notes - HTML5 HTML continually being extended Standard driven by different constituent groups Huge: many new features covering many areas HTML5 - now at least partially implemented in most

734 views • 16 slides
Design and Debug HTML5 Apps for Devices with RIB and Web Simulator Gail R. Frederick Intel

Design and Debug HTML5 Apps for Devices with RIB and Web Simulator Gail R. Frederick Intel

Design and Debug HTML5 Apps for Devices with RIB and Web Simulator Gail R. Frederick Intel Corporation Open Source Technology Center OSCON 2012 - July 19, 2012 Agenda Learn how to develop and debug HTML5 apps for mobile devices using new

200 views • 18 slides
HTML5 and Video Bas Zoetekouw Bas.zoetekouw@surfnet.nl HTML5 Video Report published (jan 2011)

HTML5 and Video Bas Zoetekouw Bas.zoetekouw@surfnet.nl HTML5 Video Report published (jan 2011)

HTML5 and Video Bas Zoetekouw Bas.zoetekouw@surfnet.nl HTML5 Video Report published (jan 2011) HTML5 Video: current status by Herman van Dompseler and Bas Zoetekouw Download at http://www.mediamosa.org/content/html5-video-current-situation

589 views • 23 slides
Linux Kernel Self Protection Project Linux Security Summit, Los Angeles September 14, 2017 Kees

Linux Kernel Self Protection Project Linux Security Summit, Los Angeles September 14, 2017 Kees

Linux Kernel Self Protection Project Linux Security Summit, Los Angeles September 14, 2017 Kees (Case) Cook keescook@chromium.org https://outflux.net/slides/2017/lss/kspp.pdf Agenda Background Security in the context of

652 views • 52 slides
Catamount N-Way Performance on XT5 Ron Brightwell, Suzanne Kelly, Jeff Crow Scalable System

Catamount N-Way Performance on XT5 Ron Brightwell, Suzanne Kelly, Jeff Crow Scalable System

Catamount N-Way Performance on XT5 Ron Brightwell, Suzanne Kelly, Jeff Crow Scalable System Software Department Sandia National Laboratories rbbrigh@sandia.gov Cray User Group Conference May 6, 2009 Sandia is a multiprogram laboratory

1.05k views • 60 slides
virtual machine (pt 2) / microkernels 1 last time (1) sandboxing fjlter system calls guest

virtual machine (pt 2) / microkernels 1 last time (1) sandboxing fjlter system calls guest

virtual machine (pt 2) / microkernels 1 last time (1) sandboxing fjlter system calls guest OS running in hypervisor on host OS hypervisor tracks virtual machine state does guest OS think its in kernel mode? does guest OS think

947 views • 71 slides
A Design for Comprehensive Kernel Instrumentation Peter Feiner Angela Demke Brown Ashvin Goel

A Design for Comprehensive Kernel Instrumentation Peter Feiner Angela Demke Brown Ashvin Goel

A Design for Comprehensive Kernel Instrumentation Peter Feiner Angela Demke Brown Ashvin Goel peter@cs.toronto.edu demke@cs.toronto.edu ashvin@eecg.toronto.edu University of Toronto 01 / 16 1 Motivation Transparent fault isolation for

841 views • 44 slides
A Beam-Based Production Target Monitor for the Mu2e Experiment at Fermilab APS DPF 2019

A Beam-Based Production Target Monitor for the Mu2e Experiment at Fermilab APS DPF 2019

This document was prepared by Mu2e collaboration using the resources of the Fermi National Accelerator Laboratory (Fermilab), a U.S. FERMILAB-SLIDES-19-084-CCD-OCIO Department of Energy, Office of Science, HEP User Facility. Fermilab is managed by

536 views • 29 slides
Ho Homework 1 Revie view No screens Say your name Prof. Lydia Chilton COMS 4170 3 February

Ho Homework 1 Revie view No screens Say your name Prof. Lydia Chilton COMS 4170 3 February

Ho Homework 1 Revie view No screens Say your name Prof. Lydia Chilton COMS 4170 3 February 2020 Interfaces display information in a way that helps users accomplish a goal . GMail Pine text-based email client 2 Seven tools for visually

503 views • 21 slides
Revie view w for Exam m 1. Electromagnetic radiation exhibits the dual nature: wave properties

Revie view w for Exam m 1. Electromagnetic radiation exhibits the dual nature: wave properties

Lecture 14. Revie view w for Exam m 1. Electromagnetic radiation exhibits the dual nature: wave properties and particulate properties Wave nature of radiation: Electromagnetic waves are characterized by wavelength l (or frequency ,or ~ n

535 views • 30 slides
United States Naval Nuclear Propulsion Program Presentation to Idaho LINE Commission May 2018

United States Naval Nuclear Propulsion Program Presentation to Idaho LINE Commission May 2018

United States Naval Nuclear Propulsion Program Presentation to Idaho LINE Commission May 2018 Integrated Navy and DOE Program FOCUSED MISSION Provide militarily effective nuclear propulsion plants and ensure their safe, reliable, and

391 views • 11 slides

More recommend