Etude Framework mobile

 Presentation de differentes framework de developpement Mobile

Mobile Frameworks



  • ADF Mobile
  • Appcelerator
  • Sencha Touch
  • IOS
  • Android
  • HTML5

AdF Mobile


Java based cross-platform mobile development framework

DISCLAIMER

Oracle ADF Mobile enables developers to build and extend enterprise applications for
 iOS and Android from a single code base. 

Based on a hybrid mobile architecture, 
ADF Mobile supports access to native device services, 
enables offline applications and 
protects enterprise investments from 
future technology shifts.

How does it works


  • Provides a layer of abstraction from the DOM
  • Close to JSF and ADF Essential
  • Generates all the HTML5 CSS and Javascript for you
  • Use Cordova for the encapsulation of the builds







Visual and Declarative Development


retour d'expérience


  • Complete integration of the solution
  • Long Iteration cycles
  • Poor user experience
  • Development in the Simulator impossible

Appcelerator






DISCLAIMER


The Appcelerator Platform speed time to market 
with native cross-platform app development & testing, 
simplified access to data via mobile-optimized APIs, 
and comprehensive real-time mobile analytics 
to power user engagement and measure success.

how does it work


MVC Orientated,
it uses the Titanium SDK to compile 
your XML, TSS and JS 
to Native bitcode
 

Eclipse based


RETOUR D'EXPÉRIENCE


  • Close to the HTML5 paradigm
  • Good UX
  • Good Iteration Cycles
  • Dependences on existing SDK components
  • Equivalent functionality on different platform 
can be problematic 

Sencha touch


Disclamer


HTML5 Mobile app development With over 50 built-in components, themes for every popular mobile platform, and a built-in MVC system, Sencha Touch provides everything you need to create powerful, universal mobile web apps.

how does it works


It provides a layer of abstraction from 
the DOM via a suite of components
 that you need to configure for your use-cases.
Then it renders the HTML5 for you.
You can encapsulate it 
in Cordova or keep it as a Web-App

PROPRIETARY IDE


RETOUR D'EXPÉRIENCE


  • Hard to customise
  • Lots of configurations
  • Good User Experience
  • Good Iteration Cycles
  • Proprietary API
  • Declaration of the view parts in JS

Native Development 

IOS - aNDROID




Android Eclipse based IDE


IOS XCODE


RETOUR D'EXPÉRIENCE

  • Duplication of application code by environment
  • Smooth User Experience
  • Proprietary API

HTML5



Discalmer

HTML5 is a core 
technology markup language 
of the Internet used for structuring and
 presenting content for the World Wide Web.

how does it work


How does it work


How does it work


RETOUR D'EXPÉRIENCE

  • Good User Experience
  • Use of standards
  • Large community
  • Good Iteration cycles
  • Multi platform 

HTML 5 Bricks


Cordova
UI-Router
Angular Framework (DSL, DI, Modules)
Sass
Gulp
Protractor
Karma
Bootstrap


IONic

8669 stars  1071 forks 
Blog Forum
Open Source

ngCordova: 

Cordova with Angular Goodness



Recap


Framework UX Dev Flex Multi
ADF Mobile   ✗   ✗
   ✗
   ✓
Appcelerator   ✓   ✓
   ✗
   ✓
Sencha   ✓
   ✓
   ✗
   ✓
Native   ✓
   ✓
   ✓
   ✗
HTML5   ✓
   ✓
   ✓
   ✓


Made with Slides.com