Native-quality, cross-platform HTML5 apps. Peter Helm 11.9.2012

Similar documents
Flexible Identity Federation

Building Mobile Applications Creating ios applications with jquery Mobile, PhoneGap, and Drupal 7

CHOOSING THE RIGHT HTML5 FRAMEWORK To Build Your Mobile Web Application

HTML5, The Future of App Development

SYST35300 Hybrid Mobile Application Development

Understanding the Strategy and Vision of Dynamics CRM. Sam DiSalvatore

Project Proposal. Developing modern E-commerce web application via Responsive Design

Responsive Web Design. vs. Mobile Web App: What s Best for Your Enterprise? A WhitePaper by RapidValue Solutions

Mobile Application Development

Cross-Platform Phone Apps & Sites with jquery Mobile

Available on VitalSource

Mobile App Design and Development

Responsive Web Design in Application Express

max firt.mobi martes 26 de julio de 11

Mobility Introduction Android. Duration 16 Working days Start Date 1 st Oct 2013

Medstar Health Dell Services

Figure 1 responsive grid system for all view ports, from desktops, tablets and smart phones

Developing and deploying mobile apps

Making Web Application using Tizen Web UI Framework. Koeun Choi

HYBRID APPLICATION DEVELOPMENT IN PHONEGAP USING UI TOOLKITS

Sage CRM What s New with Sage CRM Standalone. Sage CRM What s New with Sage CRM 7.2 -Standalone

Making the Most of Existing Public Web Development Frameworks WEB04

PolyU Connect. OneDrive for Business. User Guide

Mobile Communicator for Mobile Devices

HTML5 & Digital Signage

OneDrive for Business

HTML5 as the Core Technology of the Mobile Enterprise

This is our best... YOUR best... Online Banking yet!

Programming the Mobile Web

JTouch Mobile Extension for Joomla! User Guide

ON24 MOBILE WEBCASTING USER GUIDE AND FAQ FEBRUARY 2015

AUT OneDrive for Business. Instructions for Using OneDrive on Windows Platform

Develop Mobile Applications. with. Instant Developer

Instructions for Configuring Your Browser Settings and Online Security FAQ s. ios8 Settings for iphone and ipad app

Cell Phone Operating Systems

JD Edwards EnterpriseOne Mobile Solutions

Republic Polytechnic School of Infocomm C308 Web Framework. Module Curriculum

Synote Mobile. HTML5 Responsive Design Video Annotation Application

Commack UFSD Remote Access for Microsoft Windows Vista, 7 and 8 Apple Macs, ipads, iphones And Android devices

How To Get The Most Out Of Sagecrm V7.1

Retool your HTML/JavaScript to go Mobile

Best Practices for Mobile Friendly Courses

Configuration Guide Contigo Mobile Tracker

Coding for Desktop and Mobile with HTML5 and Java EE 7

OneDrive for Business. (formerly SkyDrive Pro) An Introductory Briefing

Development of mobile applications for multiple platforms

What s New in IBM Web Experience Factory IBM Corporation

Responsive Versus Adaptive Web Design

Designing for the Mobile Web Lesson 3: HTML5 Web Apps

Cross-Platform Development: Target More Platforms and Devices with a Minimal Amount of Source Code

Office of Information Technology Connecting to Microsoft Exchange User Guide

Rhomobile cross-platfrom

User Guide. v0.1 BETA. A-Lab Software Limited

Lucy Zhang UI Developer Contact:

QML and JavaScript for Native App Development

Simple Mobile Application & Browser Testing

Learning Management System (LMS) Quick Tips. Contents LMS REFERENCE GUIDE

Building native mobile apps for Digital Factory

Click below for details about which Operating Systems work with UMT Plus and UMT Audit :

A Modular Approach to Teaching Mobile APPS Development

Mobile Development Frameworks Overview. Understand the pros and cons of using different mobile development frameworks for mobile projects.

Using the Jive for ios App

Data Entry Training Module

Quick Start Guide Mobile Entrée 4

DreamFactory & Modus Create Case Study

Reading Kindle titles on your PC or Mac

Install and End User Reference Guide for Direct Access to Citrix Applications

place/business fetch details, removefromfavorite () function, 189 search button handler bind, B BlackBerry build environment

Best Practice Guide for constructing a study area in studentcentral which is designed for friendly viewing in Blackboard Mobile Learn

WebsiteAlive Operator Panel. A WebsiteAlive How-To Guide

Smartphone Application Development using HTML5-based Cross- Platform Framework

A Beginners Guide To Responsive, Mobile & Native Websites 2013 Enhance.ie.All Rights Reserved.

Grab Your Tablet, Because You re Gonna Build A Mobile Apex App in One Hour!

Developing Applications for ios

CiviMobile & CiviSync Mobile. Peter McAndrew Rohit Thakral

Minimum Requirements for Web Based Applications

What s New in Saleslogix 8.0 to Infor CRM

Mobile Applications. Sysco e-meeting

WATTLE. Adobe Connect 9.4 Upgrade Key Differences. Author: Jo Jo Maung, Business Analyst, ITS Version: 1.3 Date: 16 September 2015.

Choosing a Mobile Strategy for Your Business

Mobile Technique and Features

Scenario One: YOU CANNOT CONNECT TO THE LIBRARY S WIRELESS NETWORK

BROWSER-BASED DEVELOPMENT & NETWORK MONITORING UTILITIES

HTML5: Separating Fact and Fiction. #wipjam

Building Responsive Websites with the Bootstrap 3 Framework

Developing Mobile Websites with Responsive Web Design and jquery Mobile

How to use the PraxisUnico event app

Web Designing with UI Designing

Table of Contents. How to Disable or Partially Disable Pop-up Blockers

The Development Manager s Quick Guide to HTML5

Mobile Learning Basics + (Free) Mobile Learning Guide. Jason Haag and Marcus Birtwhistle

Quick Start Guide. Business Wireless Gateway. WiFi Devices. Model Number: DPC3939B. Business Wireless Gateway

Transcription:

Native-quality, cross-platform HTML5 apps Peter Helm 11.9.2012

Enyo is A framework for building native-quality, crossplatform HTML5 apps

Enyo is... Truly cross-platform Optimized for mobile Built to manage complexity Free and open-source Extensible and community-centric Lightweight and fast

Why Enyo? Use Enyo if you want to write Apps that run on all types of devices Apps that run across multiple platforms Apps with native polish and performance Code that s easy to maintain and reuse

Why Enyo (vs straight HTML5)? Code maintenance and reuse Compatibility Performance Polish

Why Enyo (vs. Sencha)? Truly cross-platform Sencha has separate frameworks for desktop (ExtJS) and mobile (Sencha Touch) Free and open-source Sencha is available under GPL and free commercial licenses, but most customers pay for Sencha in some way Extensible & community-centric Sencha has significant mindshare, but little community participation and a minimal ecosystem.

Why Enyo (vs. jquery)? jquery: Progressively enhance web sites Doesn t help with application structure Doesn t facilitate native-like app UI Enyo: Build native-quality HTML5 apps Helps write maintainable, reusable code Delivers native-like polish & performance

How can Enyo apps run anywhere? Platform differences abstracted away Scrolling, gestures, etc Innovative, flexible UI panel system Adaptive widgets Responsive design techniques Swappable modules

History Lesson Mojo Created as a JavaScript/HTML/CSS application development framework for Palm s webos phones Ares A Web-based IDE for developing Mojo applications Enyo 1 Evolved from the Ares project and replaced Mojo as an application development framework for larger-screen webos devices (HP TouchPad) Originally closed source and for use on supported webos devices; is now open source, but no longer actively developed Enyo 2 Designed as a cross-platform (webos, ios, Android, desktop ) cross-browser (IE 8+, the WebKits, the Mozillas) application development framework

Enyo Supports Coming Soon:

Enyo Libraries & Tools

Enyo (core) Base (unstyled) UI widgets UI view model Services Event routing Modular component model Object-oriented programming model Package loader

Layout: Fittable Layouts

Layout: Panels

Layout: List

Onyx: Buttons

Onyx: Grouped Buttons

Onyx: Icon Buttons

Onyx: Toggle Buttons

Onyx: Checkboxes

Onyx: Inputs

Onyx: Group Boxes

Onyx: Progress Bars

Onyx: Sliders

Onyx: Menus

Onyx: Pickers

Onyx: Tooltips

Onyx: Spinners

Onyx: Popups

Developer Success - xtuple Enyo is about 90% smaller than other HTML frameworks. As a result it is easier to learn and understand, so coding in it is a dream. It also comes with a set of widgets in its Onyx library that look great in all environments. Plus it's fast! Finally, Enyo is being actively developed and documented by a team of full time professionals. John Rogelstad xtuple

Developer Success Openbravo Enyo is the right framework for Openbravo Mobile, as it provides the building blocks for developing modular, extensible, thin, and fast mobile applications. Rob Goris Openbravo

Developer Success - Zhephree I've been able to get my app running on iphones, ipads, ipod Touches, Android phones and tablets, webos phones and TouchPad, Windows Phone devices, AND on the web in Chrome, Firefox, Safari, and IE all in about two months. That's essentially 8-10 platforms (depending on how you count) by a team of one developer and one designer. Geoff Gauchet zhephree

Roadmap Data binding MVC Next-generation List, Grid Win8, Win Phone 8 App templates More and better docs More widgets Ares 2

Get Involved Try it out Give us your feedback Support your fellow developers Spread the word Build and share your own Enyo add-ons Contribute code to the project

Stay Connected Support: http://forums.enyojs.com devtechsupport@enyojs.com Follow us on Twitter: @EnyoJS Contact us via Email: For press, career, or general inquiries, email enyojs@palm.com

Thank you!