Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Introducción a Phonegap

No description
by

Asier Hernandez

on 23 November 2015

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Introducción a Phonegap

Introducción a Phonegap
Asier Hernández Juanes
Contenido
¿Qué es Phonegap? Un poco de Historia

Instalación del Entorno de Desarrollo

Usando la API de Phonegap I-IV

Plugins de Phonegap

Depurando código de PhoneGap

Compilando y distribuyendo en las tiendas
Dudas y preguntas
Muchas gracias!
Algunos consejos
Single Page siempre que se pueda

Mantener la app funcional en el navegador

Trucos para simular aplicación nativa (CSS)

-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
¿Qué es Phonegap? Un poco de Historia
Framework gratuito y open source

HTML5, CSS3 y Javascript --> Aplicaciones móviles multiplataforma ( iPhone, Android, Windows Phone, Blackerry, Blackberry 10, webOS, Symbian y Bada)

2008 - iPhoneDevCamp, empresa Nitobi

2011 - Adobe compra Nitobi

Donado a Apache Foundation - Nace Apache Cordova (Cordova vs. Phonegap)

2012 - Phonegap Build
Instalación del Entorno de Desarrollo
Windows o Linux - Descargar SDK Android
http://developer.android.com/sdk/index.html
(ADT incluido) - Añadir a variable de entorno Path (tools y platform-tools)

Mac - Descargar Xcode

Instalar NodeJS --> http://nodejs.org/

Instalar Phonegap --> http://phonegap.com/install/
Cordova --> http://kcy.me/19vl5
phonegap/cordova create appName

Instalar Apache Ant - Añadir a variable de entorno Path (apache-ant-1.9.3\bin)

Instalar IDE preferido para HTML5 + CSS + JS --> SublimeText, Notepad++, etc.

Línea de comandos (phongeap/cordova [local/remote] [build/run] [android/ios])
API de Phonegap y Plugins
Usando la API de Phonegap I
Usando la API de Phonegap IV
Usando la API de Phonegap III
Usando la API de Phonegap II
Información del Dispositivo (Device)

Eventos (deviceready, pause, resume batterystatus, menubutton, etc.)

Manejo de Ficheros (Media, FileOpener*)

Notificaciones nativas (Notification)

Abrir URLs - InAppBrowser
Storage -- http://kcy.me/ykk0

Local Storage (key, value)

WebSQL (BD local) Funcional pero no se sigue manteniendo - http://kcy.me/ykk3

IndexedDB (Windows Phone 8 y BlackBerry 10) -- http://kcy.me/ykk5

Opciones basadas en Plugins (File u otras opciones) -- http://plugins.cordova.io/
Usando la camara - capturando

Capturando sonido

Capturando imágen

Capturando video

Objeto Camera de la API
Sensores

Brújula

Acelerómetro

GPS
Plugins de Phonegap
FileOpener

Bluetooth, NFC, etc.

BarcodeScanner

https://build.phonegap.com/plugins

http://plugins.cordova.io/
Depurando código de PhoneGap
"Local" debugging


Remote debugging


Más info: http://kcy.me/xwvj

Mantener la app funcional en el navegador

Diseño y maquetación - ScreenQueri.es

Emulator -
http://emulate.phonegap.com/
Weinre -
WE
b
IN
spector
RE
mote - Local or
http://build.phonegap.com/

jsHybugger (de pago) -
www.jshybugger.com
** Cuando todo falla siempre podemos recurrir a mensajes de log (console.log - alert)
Usando PhoneGap Build
Compilando y distribuyendo en las tiendas
** Instalar GIT en el equipo para poder descargar e instalar los plugins de la API
* FileOpener queda fuera de la API y se verá en la sección de Plugins
Sistema de compilación remoto.

1 aplicación privada gratuita e ilimitadas aplicaciones open-source (GitHub)

phonegap remote build (android/ios)

Posibilidad de activar la depuración remota (Debug).

Aplicación descargable y código QR

Apple Developer Key necesaria para compilar
Compilación y empaquetado en Android usando Eclipse (.apk)

Google Play (Licencia Android developer -
$25 pago único
)
https://play.google.com/apps/publish/signup/

Apple Store (Licencia Apple Developer -
$99 anuales
)
https://developer.apple.com/programs/ios/
Necesario un Apple ID

Windows Phone (Licencia Windows Phone Developer -
$99 anuales
)

Phonegap Build (.apk, .ipa, .xap)
Contacto

Email --> asier@laukoa-studio.com

Github --> https://github.com/asier-laukoa
Full transcript