Desarrollo avanzado de aplicaciones con Phonegap
4.0 (22 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
92 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Desarrollo avanzado de aplicaciones con Phonegap to your Wishlist.

Add to Wishlist

Desarrollo avanzado de aplicaciones con Phonegap

Con JavaScript, HTML5 y jQuery Mobile
4.0 (22 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
92 students enrolled
Last updated 3/2017
Spanish
Current price: $10 Original price: $20 Discount: 50% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 13 hours on-demand video
  • 2 Articles
  • 2 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • El alumno aprenderá los inicios y bases de Phonegap y los certificados necesarios para trabajar en las diferentes plataformas.
  • El alumno creará un archivo config.xml con los parámetros necesarios para crear su aplicación en PhoneGap
  • El alumno aplicará las etiquetas de jQuery Mobile para crear aplicaciones con apariencia de dispositivos móbiles.
  • El alumno podrá crear botones, barras de herramientas y de navegación con jQuery Mobile.
  • El alumno realizará diferentes clases de listas con jQuery Mobile para integrarlas a sus aplicaciones.
  • El alumno creará contenidos con divisiones colapsables y acordeones en sus aplicaciones móviles.
  • El alumno realizará formularios para recabar información del usuario y utilizarlo en sus aplicaciones.
  • El alumno utilizará lo aprendido en las secciones anteriores y desarrollará una aplicación de control del marcador de un juego de tenis.
  • El alumno realizará pequeñas funcionalidades para armar un aplicación mayor, un control fuera de línea
  • El alumno desarrollará una aplicación de control de gastos utilizando lo aprendido con jQuery Mobile, SQLite y Phonegap.
View Curriculum
Requirements
  • Tener bases de programación en HTML, CSS y Javascript
  • Tener bases de los plugins de Phonegap y jQuery Mobile (deseable)
Description

Una forma sencilla, pero a la vez muy potente de realizar aplicaciones para dispositivos móviles es la herramienta Phonegap. Uno de los problemas más frecuentes cuando nos enfrentamos al desarrollo de aplicaciones en dispositivos móviles, es que debemos aprender los lenguajes nativos de cada uno de ellos: para Android, JAVA, para iOS, Swift, para WindowsPhone, C#. Con Phonegap podemos aprovechar nuestros conocimientos en JavaScript, HTML y CSS para crear aplicaciones robustas que utilicen la cámara, el video, el audio, los contactos del dispositivo, así como las demás herramientas del dispositivo.

Desarrollaremos cuatro aplicaciones:

  • Un controlador de un marcador en un juego de tenis, que nos permitirá llevar el resultado de un juego de singles.

  • Una aplicación que nos permitirá realizar test a los usuarios y actualizar en forma dinámica nuestras bases de datos por medio de sqlite.

  • Una aplicación para guardar información fuera de línea y actualizarla a una base de datos web, como MySQL, así como tomar imágenes y subirlas a un servidor.

  • Un controlador de gastos personales, por medio de SQLite, utilizando páginas independientes.

Uno de los problemas que nos enfrentamos al desarrollo de aplicaciones en los dispositivos móviles, es su aspecto, lo cual lo cubriremos con la herramienta jQuery Mobile, que nos permite cerrar el círculo. En el presente curso revisaremos brevemente esta herramientas, y en forma amplia los plugins de Phonegap, como la cámara, el acelerómetro, la brújula, entre muchos otros.

Este curso no es un curso de JavaScript o de HTML/CSS. Usted debe de tener conocimientos básicos sobre desarrollo web, aunque no debe ser un experto. Si usted maneja otras herramientas de desarrollo, verá que las primeras son muy sencillas.

Es deseable contar con un dispositivo móvil, de preferencia Android, ya que es muy sencillo trabajar en esta plataforma.

Who is the target audience?
  • Desarrolladores de aplicaciones para dispositivos móviles
  • Desarrolladores web con conocimientos de JavaScript
Students Who Viewed This Course Also Viewed
Curriculum For This Course
127 Lectures
12:52:10
+
Bienvenido al curso de Phonegap Avanzado
1 Lecture 04:55

Los objetivos del curso son:

  • Conocerá los principios de Phonegap y su flujo de trabajo

  • Aprenderá a crear los certificados necesarios en el flujo de trabajo de Phonegap

  • Aprenderá a desarrollar una aplicación con jQuery Mobile

  • Desarrollar una aplicación de marcador de un juego de tenis.

  • Desarrollar una aplicación dinámica con una base de datos SQLite.

  • Desarrollar una aplicación fuera de línea y conectarla con una base de datos MySQL y subir las imágenes tomadas por el dispositivo.

  • Crear una aplicación de control de gastos con SQLite con archivos independientes.


Preview 04:55
+
Introducción Phonegap
12 Lectures 49:26

En la primera parte del curso, haremos una revisiòn a los fundamentos de ésta herramienta, los cuales nos permitiràn empaquetar e instalar nuestras aplicaciones en los dispositivos mòviles, ya sea en tabletas o en telèfonos inteligentes.

En la segunda parte realizaremos una revisiòn a la herramienta o framework jQuery Mobile, la cual nos permite darle a nuestros desarrollos un aspecto de aplicaciòn para dispositivo móvil, lo cual es de suma importancia cuando las tiendas de dispositivos móviles, específicamente la de Apple revisa nuestra aplicación, ya que puede descartarla “por no tener apariencia de una aplicación para dispositivos”.

Preview 01:30

2009: Creado por Nitobi

2011: Comprado por Adobe

2011: Donado por Adobe a Apache Foundation

2011: Renombrado como Cordova

Introducción a Phonegap
09:21

Tienes que entrar a la página de Phonegap Build

Entrar al esquema de los planes.

Debes tener una cuenta de Adobe.

Crear una cuenta de PhoneGap Build
05:47

Primero debes de afiliarte como desarrollador de Apple. Esta cuenta es gratuita y tienes acceso a herramientas y documentación.

Crear una cuenta de desarrollador iOS
08:16

Debes de crear un certificado básico y subirlo a la plataforma de Apple.

Crear el certificado básico de desarrollador Apple
02:34

Ya que tenemos nuestro certificado, debemos crear el certificado P12.

  • Abrir el “Acceso a las llaves”

  • Acceso a llaveros >  Asistente para certificados > Solicitar un certificado  a una autoridad de certificación

  • El archivo ha sido creado en este caso  en el escritorio. Hay que subirlo de nuevo a la página.

  • Hay que subir el archivo

  • El archivo CSR ya fue creado

  • Ya se tiene tu certificado CSR

  • El certificado de desarrollo está listo

Crear el certificado P12 para el desarrollo en iOS
04:04

Una vez generado el archivo P12, hay que subirlo a la página para generar el identificador de la aplicación.Creamos un nuevo identificador

Usamos la dominio- inversa: com.sitio.aplicación

Después de pulsar continúa y verificar la información, la página generará el ID de la aplicación

Ya tenemos el identificador de la aplicación

Crear el ID de la aplicación
02:50

Obtener el identificador del dispositivo o dispositivos que vamos a trabajar o device's unique device identifier o UDID.

Identificar el dispositivo
03:04

Debemos ahora crear un identificador que liga nuestra aplicación con el dispositivo y almacenarla en el mismo.

Permitirá ejecutar la aplicación en modo prueba en el dispositivo.

Ahora tenemos el perfil provisional

Crear un perfil provisional
03:41

Ahora debemos instalar el perfil provisional en el dispositivo por medio de iTunes.

Instalar un perfil provisional
02:15

Una vez que tienes los certificados de Apple, debes de integrarlos a la plataforma, en este caso a Phonegap.

Cargar los certificados iOS
03:01

Para permitir bajar aplicaciones a su teléfono o tableta Android, sólo debe permitirlo en la configuración, que por omisión está apagada.

Vaya a “Settings application”

Crear un perfil de Android
03:03
+
Crear el archivo config.xml para una aplicación en Phonegap
12 Lectures 47:08

El archivo config.xml es un archivo de texto plano en formato xml, bajo el estándar widget de la W3C.

Crear el archivo config.xml para la aplicación con Phonegap
06:48

Las preferencias son valores adicionales que las configuramos con los parejas “nombre” de la preferencia y su valor.

Las preferencias no son compatibles para todas las plataformas.

El manejo de las preferencias en el archivo config.xml
02:39

Para extender las funcionalidades de Phonegap/Cordova requerimos importar librerías externas o “plugins”.

Los plugins pueden ser “core”, de terceros o propios.

Manejo de librerías o plugins
04:57

Muy importante: La aplicación (por lo general index.html) debe tener una de las siguientes llamadas:

<script type="text/javascript" src="phonegap.js"></script>

O

<script type="text/javascript" src="cordova.js"></script>

La ubicación del archivo phonegap.js
03:12

Los iconos dependen de la plataforma que se desarrolle.

Existen dos formas de especificar la plataforma. Primero es como atributo:

<icon src="icon-60@3x.png" platform="ios" width="180" height="180" />

Configuración de los iconos para la aplicación
04:09

Phonegap soporta classic, retina, iPhone 5 y iPad displays.

Los iconos en iOS
03:17

El manejo con Android es más sencillo, ya que maneja “calificadores” y el dispositivo determina cuál utilizar.

Los iconos en Android
02:58

La pantalla inicial o "splahscreen" se visualiza en el tiempo que la aplicación se carga al dispositivo.

El manejo de la pantalla inicial o splash screen
05:34

  • El viewport es el área visible del usuario de una página web o en un dispositivo móvil.

  • HTML5 introdujo un método para permitir que los diseñadores web tomen el control sobre la ventana de visualización, a través de la etiqueta <meta>.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

La etiqueta meta=viewport para adaptarse a la pantalla
01:59

La forma más sencilla de crear una aplicación con Phonegap es empacar solo el archivo index.html, sin la pantalla de inicio ni un icono. Como no utilizamos ninguna configuración en especial, tampoco necesitamos el archivo config.xml. Claro que solo mostraremos algo como “hola mundo”.

Empacar una aplicación e instalarla en el dispositivo
01:17

El evento "diviceready" se ejecuta cuando el dispositivo ha instalado los plugins de Phonegap y estamos listos para iniciar la aplicación.

El evento "deviceready" para el desarrollo en Phonegap
05:05

  • jQuery es una de las herramientas más utilizadas para el desarrollo de aplicaciones para dispositivos móviles con JavaScript.

  • Podemos cargarlo desde los archivos dentro de la carpeta de la aplicación (aumenta el tamaño del archivo) o podemos acceder a ellos por medio de un CDN (el dispositivo necesita conexión a internet).

Integrar jQuery Mobile a la aplicación de Phonegap
05:13
+
Las bases de jQuery Mobile
9 Lectures 48:09

En las siguientes secciones revisaremos:

  • Navegar

  • Listview

  • Listview con filtro

  • Listview con divisiones

  • Listview con botones

  • Divisiones colapsables

  • Acordeón

  • Forma o formularios
Introducción a jQuery Mobile
00:36

En este video te indicaremos cómo bajar del servidor los archivos del jQuery Mobile y añadirlos a tus páginas web, asi como a conectarte mediante el CDN.

Intalación del jQuery Mobile
07:06

En este video haremos una plantilla genérica y desde su inicio, para manejar los demás ejercicios de jQuery Mobile, leyendo los archivos de nuestro propio disco duro.

Primera aplicación con jQuery Mobile
13:41

La parte central de la arquitectura de jQueryMobile son las exiquetas con el atributo propio data-role. Asi sabremos donde inicia una página, cuál es su encabezado, su contenido y pie de página.

El atributo data-role
05:33

Las aplicaciones de jQuery Mobile contienen divisiones que se mostrarán como páginas individuales. Conoceremos la etiqueta “data-role”.

La arquitectura de páginas
05:00

Las páginas externas también se pueden llamar a una páginas, pero jQuery intentará interpretar esta página como una página jQuery Mobile, lo cual puede deformar la página de carga.

Llamar a una página externa
06:09

Con jQuery mobile tendremos completo control para hacer el efecto de transición entre las páginas, ya sean externas o internas. Este efecto se realizará por medio de comandos CSS3 (los cuales nosotros no requerimos saber). El problema aqui es que algunos navegadores no soportan todos los efectos.

Transiciones entre páginas
05:27

Hacer ventanas de diálogo será muy sencillo. Sólo tendremos que cambiar el atributo data-rel a dialog y nuestra página se abrirá como una ventana emergente, aunque en realidad no lo es, es decir, no la bloqueará el navegador.

Ventanas de diálogo
02:04

Empacar e instalar en un dispositivo las transiciones de jQuery Mobile
02:33
+
Botones y toolbars
7 Lectures 40:05
Hacer una botonera es muy sencillo en jQuery. Basta con definir los hipervínculos dentro de la cabecera o pie de página, y automáticamente se convierten en botones.
Toolbars
04:25

Cuando utilizamos los toolbars, los botoncitos aparecerán del ancho de sus palabras, lo cual puede representar que tengamos espacios más grandes que otros. Con las barras de navegación, jQuery calculará estos espacios para que nuestra barra luzca bien proporcionada. También podemos hacer que los botones aparezcan como seleccionados y persistentes durante nuestra aplicación.
Barras de navegación
09:38

Con jQuery mobile podemos controlar la posición del encabezado y del pie de página. Por omisión la posición es "inline", y con "fixed" la podemos mantener fija.
La posición del encabezado y pie de página
05:17

Uno de los elementos básicos para el desarrollo de aplicaciones en teléfonos móviles, es la creación de botones. En este video vemos los principios de la creación de los mismos en jQuery Mobile.

Crear botones
10:43

Una vez que tenemos fijo nuestro pie de página, es importante que éste sea persistente en toda la aplicación, pues esas herramientas nos permitirán mantener la consistencia en nuestra aplicación móvil.

El pie de página persistente
03:33

Empacar e instalar la aplicación de botones en Phonegap
02:28

En este video empacaremose instalaremos una sencilla aplicación para navegar, con jQuery y Phonegap.

Empacar e instalar un ejemplo de navegación con jQuery Mobile
04:01
+
El manejo de Listas con jQuery Mobile
13 Lectures 01:13:05

Las listas es una de las herramientas más utilizadas en el desarrollo con jQuery Mobile, ya que permiten hacer, y prácticamente sin una sola línea de programación, menús interactivos intuitivos y fácilmente modificables.

Introducción a las listas en jQueryMobile
05:25

Una característica muy potente en las listas de jQM es que podemos añadirles un litro a las mismas sin necesidad de una sola línea de programación o alguna cosa complicada (y funcionan). Dentro de la etiqueta de la lista (ul o ol) añadimos el parámetro data-filter="true" y tendremos nuestro filtro. También  podemos añadir un enunciado que ayude al usuario por medio del atributo data-filter-placeholder="Selecciona tu dios favorito". Por último, podemos ocultar la lista y mostrar sólo el campo del filtro con el atributo data-filter-reveal="true".

Filtrar las listas
04:01

jQuery Mobile tiene muchas herramientas para dividir nuestras listas. En forma manual podemos agregar el elemento de lista:

Divisores de lista y bubbles-count
08:10

También podemos utilizar íconos, tanto a la derecha para sustituir al ícono clásico de la flecha a la derecha, como íconos de lado izquierdo, que nos podría ayudar a identificar al ítem de la lista. Para incorporar un ícono, debemos de escribir el atributo dentro de la etiqueta 

Íconos en las listas
09:54

Otra funcionalidad para ayudarnos a darle estilo a las listas es que podemos incluir una viñeta a los elementos de las listas. Para ello necesitaremos incluir una etiqueta <img> dentro de la etiqueta <a>, pero esta no deberá tener ninguna clase, como en el ejemplo anterior de los íconos. Con ello la celda crecerá de altura, y podremos incluir más texto a los ítems de la lista, como se muestra a continuación:

Thumbnails en listas
08:21

Los botones dobles son muy utilizados en la plataforma iOS como iPhones y iPads. De lado derecho hará un botón generalmente representado por un ícono, y del lado izquierdo la mayoría de la celda, con todas las características que hemos visto hasta el momento. Para realizar esta operación, necesitamos añadir una nueva etiqueta <a> después del cierre de la primera. Con esto el primer link agrupará al elemento de la izquierda y la segunda etiqueta <a> al botón de la derecha.

Botones dobles en listas
09:57

Las listas también las podemos hacer colapsables, e incluso agrupar varias listas colapsables. Para ello necesitamos incluir divisiones para cada sección colapsable, y hacer una visión general con el rol collapsible-set.

Listas colapsables
07:05

Las listas tienen muchos parámetros con los cuales podremos cambiar la apariencia de las listas. El atributo más general es el de data-theme, que abarca a toda la lista si esta va escrita en la etiqueta de la lista <ul> o <ol>. También podremos cambiar el tema de los divisores con el atributo data-divider-theme, asignándole una letra diferente. Otro atributo es el de las burbujas, data-count-theme. También podremos modificar el tema del botón cuando hacemos botones dobles con data-split-theme. Todos estos parámetros pueden tener valores diferentes

Cambiar la apariencia de las listas
05:20

En este video veremos la forma de trabajar con la lista o "listview" más simple de jQuery Mobile y la empacaremos e instalaremos con Phonegap.

Empacar e instalar una lista o "listview"
02:17

En este video aprenderemos a empacar e instalar un sencilla aplicación  de una lista con divisiones.

Empacar e instalar la lista con divisiones
03:31

En este video veremos la forma de empacar e instalar en tu dispositivo móvil una lista con filtro desarrollada con jQuery mobile.

Empacar e instalar una lista con un filtro
03:09

Una de las listas más utilizadas en dispositivos móviles son las listas con botones, ya que podemos dividirlos y son muy visuales.

Empacar e instalar una lista con botones desarrollada con jQuery Mobile
03:17

En este video veremos la forma de compilar e instalar una lista con divisiones coplapsables en un dispositivo movil. 

Empacar e instalar listas colapsables en un dispositivo móvil
02:38
+
Las divisiones colapsables y los acordeones
5 Lectures 20:58

Las divisiones colapsables y los acordeones son una de las herramientas fundamentales en el desarrollo de aplicaciones para teléfonos inteligentes y tabletas. Hacerlos es muy sencillo y no necesitaremos una sola línea de código. Simplemente debemos de tener una división con el data-role=”collapsible” y un encabezado con una etiqueta “h”, como puede ser <h3>.

Para juntar estas divisiones y hacer un acordeón, necesitamos hacer una división que agrupe a las anteriores y darle el rol de “collapsible-set”. Con tan solo etiquetas HTML tendremos un acordeón en nuestras páginas web.

Preview 06:15

Contaremos con algunos parámetros que nos permitirán modificar el ancho de las celdas de un acordeón, como “data-mini”, lo cual salva algún espacio que puede ser importante dentro de su desarrollo. También podremos cambiar el icono de las divisiones cuando están abiertas (data-expanded-icon y cuando la división se encuentra cerrada “data-collapsed-icon”. También podremos cambiar la posición del ícono a cualquier parte de la barra del título de la sección, aunque por lo general, este ícono va a la derecha o a la izquierda con data-iconpos=”right”.

Los atributos mini, icon y position
04:42

Al igual que los otros elementos de jQuery, los acordeones son completamente modificables de aspecto por medio de los temas. Los atributos principales para ello son:

data-theme: determina todo el tema para el acordeón.

data-content-theme: es el tema para el contenido.

Los atributos pueden escribirse en la división que agrupa a todas las demás divisiones colapsables o en cada una de las mismas, y todos pueden tener diferente tema.

Los temas en los acordeones
04:10

Las divisiones colapsables son similares al acordeón, pero puedes mantener abiertas todas las divisiones al mismo tiempo..

Empacar e instalar las divisiones colapsables desarrolladas con jQuery Mobile
02:32

Instalamos un acordeón en un dispositivo movil.

Empacar e instalar un acordeón en nuestro dispositivo móvil
03:19
+
Los formularios en jQuery Mobile
8 Lectures 50:31

Todos sabemos que llenar un formulario en un teléfono inteligente es un suplicio. jQuery nos ayudará a aligerar esta carga, optimizando los controles ya conocidos para que sea fácil llenarlos en dispositivos móviles. Estos controles serán casi los mismos que en una forma tradicional de HTML5. Iniciaremos con la etiqueta <form> , y utilizaremos la caja de entrada tradicional para observar su apariencia en el dispositivo móvil.

Preview 06:28

jQuery Mobile te permite manejar controles tipo HTML5, como mail o rangos, pero no están limitados para los navegador, incluso para el IE.

Campos de mail, textarea y rangos
06:08

Los controles tipo checkbox son fundamentales para recabar la información del usuario. jQuery nos permite adaptarlos a los dispositivos móviles

Los checkbox
05:06

jQuery Mobile nos permite hacer deslizadores muy prácticos para los dispositivos móviles, ya que tienen áreas grandes para ser manipulados con los dedos en zonas sensibles. 

Los sliders
04:14

Dentro de una lista podemos hacer que se puedan seleccionar varias opciones, transformando su apariencia en forma homogénea a nuestra aplicación.

Diferente formas de utilizar los Select
10:08

Los botones de tipo de radio nos permiten seleccionar una opción dentro de muchas. Asimismo, mostraremos las herramientas de Dreamweaver CS6 para hacer formas con jQuery Mobile.

Radio Buttons
06:07

Dentro del desarrollo de aplicaciones y webapps en general, es fundamental tener una buena apariencia. Una herramienta fundamental serán los temas. En este video conoceremos la poderosa herramienta que nos brinda el grupo de trabajo de jQuery para hacer un tema a nuestro gusto

Crear temas propios
09:19

Los formularios son de suma importancia en las aplicaciones. En este video veremos cómo contruir uno de ellos e instalarlo en el dispositivo móvil.

Empacar e instalar un formulario en un dispositivo móvil
03:01
+
Una aplicación con jQuery Mobile, un marcador de tenis
12 Lectures 01:41:15

En esta unidad armaremos una aplicación sencilla que llevará el conteo de un juego de tenis. Esta pequeña aplicación podrá ser modificada y acoplada a las necesidades del usuario.

Preview 04:46

La primera página de nuestra aplicación web nos servirá para recabar los nombres de los jugadores, pero también revisaremos el manejo de eventos y la programación con jQuery.

Creación de la primera página
08:07

Nuestra segunda página nos servirá para registrar los posibles resultados del saque del jugador. En este video manejaremos más eventos y los procesaremos con jQuery.

Controlar los saques: segunda página
09:27

Finalizaremos de crear la página tres, que manejará el resultado del tanto, así cómo la página cuatro, donde nos darán el resultado del juego. Los conceptos nuevos será el manejo de eventos para pasar a una nueva página por medio de JavaScript.

Finalizar los elementos gráficos de la aplicación
09:03

Ahora veremos la manipulación del marcador, y cómo determinar quién gana el game y posteriormente el set.

Capturar los datos básicos del juego
09:58

Para manejar los resultados de un juego de tenis de singles, utilizaremos un pequeño arreglo para los puntos del partido, los juegos o games ganados y finalmente los sets. Con estos arreglos determinaremos al ganador del juego.

El manejo básico de los eventos en jQuery Mobile
09:37

Por medio de JavaScript controlaremos la puntuación del juego y tomaremos decisiones sobre el cambio de páginas, entre otras cosas.

Control del marcador con javaScript
10:05

Por medio de JavaScript controlaremos los resultados del juego, para activar y desactivar los controles. Sin embargo, observaremos que para que los resultados se visualicen, será necesario refrescarlos.

El comando refresh para los elementos del formulario
06:08

Programaremos el segundo saque y determinaremos, si algunos de los saques fue bien ejecutado para cambiar de página por medio del comando changePage().

Cambio de página con changePage()
07:38

Una vez que la pelota se pone en juego, necesitamos determinar si es un error no forzado o un tiro ganador o "winner". El punto importante, dede el  punto de vista de jQuery, será pasar la información de los componentes de una página, para ser utilizada en la siguiente, lo cual veremos el evento "pageinit".

Pasar parámetros entre páginas: pageinit
08:45

Para terminar nuestra pequeña aplicación, determinaremos al ganador, y por lo tanto el fin del juego por medio de estructuras condicionales por medio de JavaScript.

Determinar al ganador y finalizar
14:16

Tres sets sin ventaja:

  • Ganando 4 puntos se consigue un juego, y ganando 6 juegos se consigue un set.

  • Los puntos se numeran 15, 30, 40 y el cuarto es el punto del triunfo del juego o game.

  • El ganador del encuentro ganará dos de tres sets.

Preview 03:25
+
Crear una aplicación de control fuera de línea
11 Lectures 01:16:08

En este video veremos la forma de conectar una aplicación desarrollada con Phonegap con una base de servidor, como es MySQL.

Preview 06:02

En este video veremos cómo cambiar el skin de una aplicación, por medio de un elemento de un formulario, como un deslizador.

Cambiar el tema o skin de la aplicación a demanda del usuario
06:15

En este video veremos la forma de utilizar el canvas de HTML5 para poder dibujar o "firmar" desde el dispositivo móvil.

Dibujar en canvas de HTML5 desde el dispositivo móvil
05:39

Una vez que hacemos el dibujo en el canvas, necesitamos subirlo a un servidor. Lo haremos con AJAX y PHP.

Subir el dibujo del canvas a un servidor web con AJAX y PHP
09:29

Por lo general será muy útil almacenar información en el dispositivo móvil y posteriormente concentrarla en una base de datos. En este video veremos la forma de almacenar los datos con el API de LocalStorage.

Almacenar datos fuera de línea en el dispositivo con Localstorage
07:02

Una vez que tenemos los datos almacenamos en nuestro dispositivo, procederemos a subirlos a un servidor remoto por medio del AJAX de jQuery.

Subir los datos locales a una base de datos MySQL
06:56

  • Antes de iniciar el enlace con algún recurso externo al dispositivo, es importante verificar si se cuenta con conexión a internet.

  • El plugin “network-information” nos indica si hay conexión, he incluso el tipo de conexión del dispositivo.

Verificar la conexión a Internet desde el dispositivo con PhoneGap
05:14

Podemos sustituir las ventanas de alerta, confirmación y la campana del dispositivo (beep) la podemos modificar con el plugin dialogs.

Los mensajes y la campana del dispositivo con Phonegap
05:50

  • Por medio del API camera podemos utilizar los recursos de la cámara del dispositivo.

  • En el archivo config.xml hay que incluir la etiqueta:

<plugin name="cordova-plugin-camera" spec="~2.3.1" />

El manejo de la cámara del dispositivo con Phonegap
06:42

En este video haremos un ejemplo con los principales parámetros del plugin "camera" utilizando jQuery Mobile.

Usar las diferentes opciones del plugin CAMERA en un ejemplo
07:53

Por medio de el plugin FileTransfer podemos subir y bajar información de un servidor web. En este ejemplo subiremos una imagen tomada desde el dispositivo.

Subir una imagen tomada por el dispositivo al servidor por FileTransfer
09:06
4 More Sections
About the Instructor
Francisco Javier Arce Anguiano
4.3 Average rating
974 Reviews
12,834 Students
34 Courses
Lic. Matemáticas Aplicadas y Computación

Soy licenciado en matemáticas aplicadas y computación por parte de la Universidad Nacional Autónoma de México e instructor certificado de Adobe desde 2002. He trabajado para diferentes centros autorizados de Adobe en México y da clases en universidades de la Ciudad de México. Asimismo, he publicados cuatro libros sobre ActionScipt 2 y 3, con la editorial AlfaOmega de Méxicoasi como un libro de desarrollo de juegos con ActionScript con la misma editorial. He desarrollado aplicaciones para Android, iPhone, Windows Phone y BlackBerry. Actualmente preparo un libro para el desarrollo de juegos con HTML5 y para el desarrollo de aplicaciones a dispositivos móviles con esta tecnología. También he desarrollado múltiples aplicaciones con PHP, CSS, MySQL y JavaScript en mi vida profesional. Me he especializado en el desarrollo de aplicaciones educativas con Adobe Air y su desarrollo para dispositivos móviles. He estado pendiente de la evolución de HTML5 y CSS3 casi desde los inicios de estas tecnologías.