Hacer App con Dreamweaver y PHP y acceso a datos


Aprende a crear una App real para tus clientes, para tí mismo, o para vender en Google Play.

4.86 sobre 5 Total votos: 43

En este curso de 21 capítulos, presentamos la forma de crear una App para Android utilizando Phonegap, Dreamweaver CC y acceso a bases de datos MySQL.

Explicaremos la técnica para recuperar datos de una base de datos instalada en un servidor, de forma que con nuestro conocimiento de PHP y un poco de código Javascript, crearemos una App sin conocimientos de JAVA. Una aplicación donde los usuarios nos enviarán propuestas, y mostraremos datos en tiempo real de la Base de datos MySQL.

¿Cansado de tutoriales donde no explican lo realmente importante, que es una aplicación que tenga DATOS REALES de una base de datos?, ¿No te atreves con JAVA, porque se te hace un mundo, o al contrario, ya sabes algo, y quieres simplificar la forma de desarrollar aplicaciones dinámicas?. Bienvenido entonces.

En este tutorial explicaremos los siguientes apartados, entre otros:


  • Instalación de PhoneGap para generar Apps
  • Creación del entorno de la aplicación
  • Logos y Splash screen para nuestra App
  • Formulario que manda e-mail desde la App con nuevas sugerencias
  • Arreglo al Dreamweaver CC para que tenga acceso de nuevo a las bases de datos.
  • Creación de las tablas que vamos a utilizar en el sistema en MySQL.
  • Selectores dinámicos para mostrar datos desde la App, que serán leídos desde un servidor remoto.
  • Creación de la base de datos en el servidor de explotación, que alimentará nuestra App
  • Paginación de resultados adaptada a una App
  • Creación paso a paso del código PHP y JSON que utilizaremos para la conexión a datos.
  • Firmado y compresión de nuestra App
  • Publicación de la App en Google Play.
  • etc...

Irás mucho más rápido y entenderás mucho mejor todo si al menos has comenzado alguno de los tutoriales anteriores, pues la estructura de desarrollo es la misma para todos. Mucha parte de los accesos a datos se basa en lo explicado en el tutorial de Web avanzada.

Por fin una explicación clara y detallada para crear aplicaciones VIVAS, con este tutorial se te abrirá un mundo de posibilidades, por ejemplo:


  • Hacer una App para tu cliente de tienda online, de forma que pueda ver los pedidos e interactuar con ellos
  • Hacer una App que te avise de si ha habido modificaciones en algún apartado de tu Web, algún comentario nuevo, etc...
  • Hacer una App que acceda a una base de datos que tengas hecha en MySQL o que utilices para otra Web, las posibilidades son infinitas...
  • Etc...

En el presente tutorial se explica el desarrollo de la App y la publicación exclusivamente en Android, aunque el código generado, y gracias a Phonegap, se puede publicar en la tienda de ITunes, para móviles IPhone, Windows Mobile, etc...

Es recomendable tener cierta experiencia en el desarrollo de Webs, o al menos haber hecho alguno de los cursos de esta misma página para no perder el hilo de las explicaciones.

Youtube

Videotutorial Hacer App con Dreamweaver, PHP y acceso a datos


  • Lista de capítulos completa en Youtube

    Acceso directo a la lista de capítulos del curso en Youtube

  • Curso disponible

    6 primeros capítulos de acceso gratuito.

Capítulo 1: Como hacer una App con Dreamweaver y PHP con acceso a datos

Capítulo 1

15:09


Presentación del curso para hacer una App con Dreamweaver, PHP y acceso a datos. Necesidades, sugerencias y todo lo que vamos a ver durante los 21 capítulos.

Capítulo 2: Como hacer una App con Dreamweaver y PHP con acceso a datos

Capítulo 2

15:09


Preparación del entorno de trabajo para poder desarrollar apps para Android, IPhone, etc... Creamos la aplicación a partir de la plantilla con PhoneGap y jquery-mobile.

Capítulo 3: Como hacer una App con Dreamweaver y PHP con acceso a datos

Capítulo 3

15:10


Vemos la aplicación base ya funcionando. Analizamos la estructura de nuestra aplicación y modificamos información básica para ver el resultado. Modificamos el archivo config.xml para poner la información de nuestra App. Construimos y compilamos nuestra primera aplicación con PhoneGap y la probamos en nuestro sistema.

Capítulo 4: Como hacer una App con Dreamweaver y PHP con acceso a datos

Capítulo 4

15:09


Configuramos PhoneGap para que sólo nos compile la App en Android, para acelerar el proceso. Organizamos nuestro menú y creamos un logo que utilizaremos durante todo el proceso. Colocamos en logo en la cabecera y probamos la App en BlueStacks

Capítulo 5: Como hacer una App con Dreamweaver y PHP con acceso a datos

Capítulo 5

15:32


Ajustamos la imagen del header para que se escale en función del tamaño del dispositivo. Creamos un icono para la App que será el que se vea en nuestro móvil cuando lo tengamos en la lista.

Capítulo 6: Como hacer una App con Dreamweaver y PHP con acceso a datos

Capítulo 6

15:03


Creamos el Splash screen para nuestra App. Colocamos botones de vuelta atrás para cada página de contenido y comenzamos a editar nuestra página de ejemplo.

Capítulo 7: Como hacer una App con Dreamweaver y PHP con acceso a datos

Capítulo 7

15:14


Arreglamos el código del splash screen. Preparamos la validación del nuevo formulario de sugerencia de categoría. Preparamos las capas de información de cada evento que suceda en nuestro formulario.

Capítulo 8: Como hacer una App con Dreamweaver y PHP con acceso a datos

Capítulo 8

15:05


Modificamos el formulario para adecuarlo a las necesidades del script. Cambiamos el botón por defecto que nos da jquery.mobile. Explicamos la llamada en Ajax a nuestra aplicación y comprobamos que las validaciones funcionan correctamente.

Capítulo 9: Como hacer una App con Dreamweaver y PHP con acceso a datos

Capítulo 9

15:16


Creamos la Base de datos que albergará nuestra información y solucionamos el pequeño bug de la versión CC para que nos vuelva a funcionar la conexión a la Base de datos. Creamos el archivo funciones que hará todo el trabajo de nuestra App en PHP.

Capítulo 10: Como hacer una App con Dreamweaver y PHP con acceso a datos

Capítulo 10

15:08


Creamos una función que nos envíe un correo con la propuesta de categoría que nos ha indicado el usuario, así como otra función que nos recoja los datos desde la App para enviárnosla al mail que indicamos en una constante dentro de nuestro PHP. Explicamos el crossdomain para funcionar en local de momento.

Capítulo 11: Como hacer una App con Dreamweaver y PHP con acceso a datos

Capítulo 11

15:18


Hacemos que desaparezca la ventana de información de datos insertados, pasado un tiempo. Creamos la tabla donde almacenamos los chistes en nuestra base de datos y creamos el formulario de validación del mismo.

Capítulo 12: Como hacer una App con Dreamweaver y PHP con acceso a datos

Capítulo 12

15:46


Resolvemos el tamaño del textarea. Comenzamos con la creación del formulario para insertar información a la base de datos a través del PHP. Aprendemos a hacer debug para buscar los fallos de nuestro código con la ayuda de firebug.

Capítulo 13: Como hacer una App con Dreamweaver y PHP con acceso a datos

Capítulo 13

15:42


Generamos el formulario de inserción de información en la base de datos creando un selector dinámico que se rellena desde la Base de Datos MySQL.

Capítulo 14: Como hacer una App con Dreamweaver y PHP con acceso a datos

Capítulo 14

15:31


Estudiamos la manera de cambiar la llamada a la generación del desplegable y la realizamos con JSONP. De esta forma nos funcionará dentro de la App cuando la tengamos en un móvil o tablet.

Capítulo 15: Como hacer una App con Dreamweaver y PHP con acceso a datos

Capítulo 15

14:59


Exportamos la Base de datos a nuestro servidor de explotación así como los archivos relacionados con los que estamos trabajando. Conectamos nuestra base de datos a través de Navicat también para facilitar el trabajo de control de datos que entran y salen.

Capítulo 16: Como hacer una App con Dreamweaver y PHP con acceso a datos

Capítulo 16

15:38


Comenzamos con la parte de categorías, donde obtendremos los datos de la Base de datos, tanto de las categorías como habíamos hecho anteriormente. Obtendremos una lista generada dinámicamente de los datos que se cotejen con la categoría seleccionada.

Capítulo 17: Como hacer una App con Dreamweaver y PHP con acceso a datos

Capítulo 17

15:00


Creamos una paginación para los datos obtenidos y que nos funcione correctamente en Phonegap. Para ello modificamos el json de salida para insertar los botones y validaciones adecuados.

Capítulo 18: Como hacer una App con Dreamweaver y PHP con acceso a datos

Capítulo 18

16:02


Creamos una serie de botones que nos van a servir para valorar cada una de las informaciones de la base de datos, las almacenaremos en la misma con el fin de obtener resultados y completar la aplicación.

Capítulo 19: Como hacer una App con Dreamweaver y PHP con acceso a datos

Capítulo 19

15:41


Completamos la forma de mostrar los datos y resolvemos el problema que teníamos con las capas. Modificamos la consulta de extracción de datos con el fin de obtener los datos mejor valorados de nuestra Base de datos MySQL.

Capítulo 20: Como hacer una App con Dreamweaver y PHP con acceso a datos

Capítulo 20

15:47


Solucionamos el tema de los acentos, revisamos que se cierren las consultas que realizamos y completamos la parte del apartado de sacar los datos que tienen mejor valoración.

Capítulo 21: Como hacer una App con Dreamweaver y PHP con acceso a datos

Capítulo 21

19:40


Preparamos nuestra aplicación para subirla al Google Play, la firmamos, la alineamos y accedemos a google para publicar nuestra versión de explotación de la aplicación.

Suscripción

Tipo de acceso Qué incluye Precio
Acceso Online por tiempo ilimitado y ficheros con archivos utilizados.
  • Acceso online a los vídeos del tutorial al que te inscribes por tiempo indefinido
  • Descarga del código fuente
  • Recepción del acceso a los vídeos en 2-3 días
  • Respuesta preferente a dudas del tutorial durante 30 días
Ver
Descarga directa de vídeos con archivos utilizados El acceso en descarga incluye lo anterior y:
  • Descarga de los videos en calidad FullHD
  • Trabaja los tutoriales sin estar conectado a internet
Ver