Smad TI - Phonegap Aplicaciones Nativas Móviles con HTML5

Preview:

DESCRIPTION

Esta presentacion fue creada para el Demo Day de Parquesfot Quindio que se realizo en la Universidad del Quindio; en ella podra encontrar informacion de como construir aplicaciones moviles nativas multipilataforma con phonegap y html5.

Citation preview

Aplicaciones móviles nativas con HTML5

Julian Alejandro Lamprea@jalamprea

Demo Day Presentado por

N Plataformas - N Aplicaciones

Objetive-C Java J2ME C-Sharp

C++ C++ C / C++

N Plataformas - N Lenguajes

+ +

N Plataformas - 1 Aplicación

SitiosMóviles

Aplicaciones Móviles

SitiosMóviles

Aplicaciones Móviles

Crear Aplicacion Nativa

Acceder a los dispositivos del teléfono

SitiosMóviles

Aplicaciones Móviles

¿Que es PhoneGap?

Contenedor que permite construir Aplicaciones Nativas usando HTML, CSS & JavaScript

Phonegap Bridge

JavaScript

OS

Que tecnologías soporta?

Cualquier Framework del lado del cliente puede ser usado

Como funciona...

1. Descargarlo ( http://phonegap.com/ )

Como funciona...

1. Descargarlo ( http://phonegap.com/ )2. Descargar Dependencias - Android: Android SDK + ADT, Ant - Blackberry: WebWorks SDK - iOS: iOS 6 SDK - Windows Phone: Visual Studio 2012 - etc.....

Como funciona...

1. Descargarlo ( http://phonegap.com/ )2. Descargar Dependencias - Android: Android SDK + ADT, Ant - Blackberry: WebWorks SDK - iOS: iOS 6 SDK - Windows Phone: Visual Studio 2012 - etc.....3. Crear proyecto Phonegap: ./create <folder_path> <package_name> <project_name>

Como funciona...

1. Descargarlo ( http://phonegap.com/ )2. Descargar Dependencias - Android: Android SDK + ADT, Ant - Blackberry: WebWorks SDK - iOS: iOS 6 SDK - Windows Phone: Visual Studio 2012 - etc.....3. Crear proyecto Phonegap: ./create <folder_path> <package_name> <project_name>4. Copiar archivos HTML, JS y CSS

Como funciona...

1. Descargarlo ( http://phonegap.com/ )2. Descargar Dependencias - Android: Android SDK + ADT, Ant - Blackberry: WebWorks SDK - iOS: iOS 6 SDK - Windows Phone: Visual Studio 2012 - etc.....3. Crear proyecto Phonegap: ./create <folder_path> <package_name> <project_name>4. Copiar archivos HTML, JS y CSS5. Compilar proyecto

Como funciona...

Como funciona...

Ejemplos...

Frameworks Web Movil

Frameworks Web Movil

Aplicaciones móviles nativas con HTML5

Julian Alejandro Lamprea@jalamprea

Demo Day Presentado por

Gracias!!

Recommended