Native-quality, cross-platform HTML5 apps Peter Helm 11.9.2012 Enyo - - PowerPoint PPT Presentation

▶
native quality cross platform html5 apps peter helm 11 9
SMART_READER_LITE
LIVE PREVIEW

Native-quality, cross-platform HTML5 apps Peter Helm 11.9.2012 Enyo - - PowerPoint PPT Presentation

Aug 30, 2023 169 likes •538 views

Native-quality, cross-platform HTML5 apps Peter Helm 11.9.2012 Enyo is A framework for building native-quality , cross- platform HTML5 apps Sponsored by Enyo is... Truly cross-platform Optimized for mobile Built to manage

slide-1
SLIDE 1

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

slide-2
SLIDE 2

Sponsored by

Enyo is…

A framework for building native-quality, cross- platform HTML5 apps

slide-3
SLIDE 3

Sponsored by

Enyo is...

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

slide-4
SLIDE 4

Sponsored by

Why En 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

slide-5
SLIDE 5

Sponsored by

Why Enyo (vs straight HTML5)?

› Code maintenance and reuse › Compatibility › Performance › Polish

slide-6
SLIDE 6

Sponsored by

Why Enyo (vs. Sencha)?

› Trul uly y cros

  • ss-platform

platform

  • Sencha has separate frameworks for desktop (ExtJS) and

mobile (Sencha Touch)

› Free ee and open-so source rce

  • Sencha is available under GPL and free commercial licenses,

but most customers pay for Sencha in some way

› Extensible ensible & comm mmuni nity ty-centric centric

  • Sencha has significant mindshare, but little community

participation and a minimal ecosystem.

slide-7
SLIDE 7

Sponsored by

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
slide-8
SLIDE 8

Sponsored by

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

slide-9
SLIDE 9

Sponsored by

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

slide-10
SLIDE 10

Sponsored by

Enyo Supports

Coming Soon:

slide-11
SLIDE 11

Sponsored by

En Enyo Librar aries & s & To Tool

  • ls
slide-12
SLIDE 12

Sponsored by

Enyo (core)

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

slide-13
SLIDE 13

Sponsored by

Layout: Fittable Layouts

slide-14
SLIDE 14

Sponsored by

Layout: Panels

slide-15
SLIDE 15

Sponsored by

Layout: List

slide-16
SLIDE 16

Sponsored by

Onyx: Buttons

slide-17
SLIDE 17

Sponsored by

Onyx: Grouped Buttons

slide-18
SLIDE 18

Sponsored by

Onyx: Icon Buttons

slide-19
SLIDE 19

Sponsored by

Onyx: Toggle Buttons

slide-20
SLIDE 20

Sponsored by

Onyx: Checkboxes

slide-21
SLIDE 21

Sponsored by

Onyx: Inputs

slide-22
SLIDE 22

Sponsored by

Onyx: Group Boxes

slide-23
SLIDE 23

Sponsored by

Onyx: Progress Bars

slide-24
SLIDE 24

Sponsored by

Onyx: Sliders

slide-25
SLIDE 25

Sponsored by

Onyx: Menus

slide-26
SLIDE 26

Sponsored by

Onyx: Pickers

slide-27
SLIDE 27

Sponsored by

Onyx: Tooltips

slide-28
SLIDE 28

Sponsored by

Onyx: Spinners

slide-29
SLIDE 29

Sponsored by

Onyx: Popups

slide-30
SLIDE 30

Sponsored by

Develop

  • per Succ

ccess ss - xTu Tuple

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

slide-31
SLIDE 31

Sponsored by

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

Develop

  • per Succ

ccess ss – Openbrav avo

slide-32
SLIDE 32

Sponsored by

Develop

  • per Succ

ccess ss - 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

slide-33
SLIDE 33

Sponsored by

Roadmap

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

slide-34
SLIDE 34

Sponsored by

Ge Get t Invol

  • lved

› 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

slide-35
SLIDE 35

Sponsored by

Sta tay Con

  • nnect

cted

› Sup upport rt:

  • http://forums.enyojs.com
  • devtechsupport@enyojs.com

› Foll llow us w us o

  • n

n Twi witter er:

  • @EnyoJS

› Cont ntact us us via ia E Ema mail il:

  • For press, career, or general inquiries, email

enyojs@palm.com

slide-36
SLIDE 36

Thank you!