Cordova 3, apps para android


Published on

Ponencia de Jorge del Casar en DroidconMAD2013.
Sinopsis: Cordova es un framework de desarrollo móvil de código abierto que permite usar tecnologías web standard como HTML5, CSS3 y Javascript para el desarrollo multiplataforma, evitando desarrollar en el lenguaje nativo de cada plataforma. La nueva Command Line Interface (CLI) desarrollada en Node.js te permite automatizar la creación de proyectos, adición de plataformas y plugins así como la construir la app y probarla en simuladores y dispositivos reales.

Published in: Technology
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Cordova 3, apps para android

  1. 1. Cordova 3, Apps HTML5 para Android Jorge del Casar (a.k.a. @JorgeCasar)
  2. 2. What's Apache Cordova? A platform for building native mobile applications using HTML, CSS and JavaScript An open-source mobile development framework
  3. 3. Apache Cordova 3.0 19 Jul 2013 Main release Notes: New (lighter) Core New Command Line Tooling (Node.js based) Release Plugman 0.11.0 (new plugin management) Change <plugin> to <feature> in config.xml Breakout Plugins into their own repos Deprecate Froyo
  4. 4. Apache Cordova 3.1 02 Oct 2013 Release notes: Initial (alpha) support for Firefox OS Windows 8 support for CLI project Unified whitelist syntax on iOS and Android Documentation translated into several languages: fr, zh, de, it, ja, ko, ru & es
  5. 5. Apache Cordova 3.2 22 Nov 2013 Release notes: Bug fixes and enhancements Fixing Android 4.4 (KitKat) related bugs Unified whitelist syntax on iOS and Android
  6. 6. Apache Cordova 3.3 RC1 06 Dec 2013 Release notes: when it ships Install or update Cordova and report issues Release date: 20 Dec 2013
  7. 7. CLI = Command Line Interface 1. Install Node.js 2. Install Cordova package: sd nmisal- croa uo p ntl g odv
  8. 8. Create croacet <AH [D [AE odv rae PT> I] NM] Parameters: PATH: directory to be generated for your project ID: reverse domain-style identifier (optional) NAME: application's display text (optional)
  9. 9. Platform(s) croapafr()[adrmv|m <LTOM] odv ltoms {d|eoer} PAFR> Parameters: PLATFORM: platform you want to add android, blackberry10, firefoxos, ios, wp7, wp8, ... Without parameters: list all installed and available platforms Check Platform Support and Platform Guides Android before add a platform
  10. 10. Plugin(s) croapui()[adrmv|m <AHUI] odv lgns {d|eoer} PT|R> Parameters: PATH or URI: from where intall the plugin Without parameters: list all currently installed plugins You can find a Apache Cordova Plugin or Create your own one
  11. 11. Prepare croapeae[PAFR> odv rpr <LTOM] Copies files for specified platforms, or all platforms, so that the project is ready to build in each SDK
  12. 12. Compile croacmie[PAFR> odv opl <LTOM] Builds the app for specified platforms, or all platforms
  13. 13. Build croabid[PAFR> odv ul <LTOM] Shortcut for prepare, then compile
  14. 14. Emulate croaeuae[PAFR> odv mlt <LTOM] Deploys app in specified (or all) platforms' emulator, opening emulator if necessary
  15. 15. Run croarn[PAFR> odv u <LTOM] Deploys app on specified (or all) platform devices, which must be properly connected and configured in each SDK
  16. 16. Platform Support
  17. 17. Core: The main platforms supported Android BlackBerry iOS Windows Phone Windows 8
  18. 18. Horizon: next platforms to become core Tizen Qt Firefox OS Ubuntu Mobile (Qt) Windows (Win32)
  19. 19. Sunset: not distribution anymore Symbian webOS Bada
  20. 20. Core Features cordova CLI: Supported: Android, BlackBerry 10, iOS, WP7 and WP8 Embedded WebView: Supported: Android and iOS Plug-in Interface: Supported: Android, BlackBerry 10, iOS, WP7 and WP8
  21. 21. Full support Platfom APIs Accelerometer Contacts Media Camera Compass Connection Device Events Geolocation Notification Splashscreen
  22. 22. Platfom APIs warnings Capture: NO supported in Windows 8 File: WP7 and WP8 don't support FileTransfer Globalization: NO supported in BB10, WP7 and W8 InAppBrowser: NO supported in Windows 8 Storage: WP7 and WP8 ONLY support localStorage
  23. 23. Platform guide: Android 1. Check the System Requirements 2. Install Android SDK 3. Append in the PATH enviroment: [d-ah/d/ol atpt]sktos [d-ah/d/ltomtos atpt]skpafr-ol 4. Register as Google Play publisher
  24. 24. Apache Cordova Plugins Device Connection Events Accelerometer Compass Geolocation Camera Media Capture File File transfer Notification Contacts Globalization Splashscreen InAppBrowser Debug console
  25. 25. Make your onw Plugins You can lern how reading the plugin development guide and read how to implement the native code in Android
  26. 26. Platform Plugins You can add a plugin to a specific platform using p u m n l g a directly pumn-pafr [LTOM -poet[AH -pui [R] lga -ltom PAFR] -rjc PT] -lgn UL If you don't have plugman you can install globally: nmisal- pumn p ntl g lga
  27. 27. Merges: customize each platform All you put inside . m r e / p a f r ] overide the files / e g s [ l t o m will placed in . w w in the specific platform /w/