FacebookYoutubeBlog

Actualizada
Noticias, descuentos, sorpresas
Recibe gratuitamente nuestro boletín con todas las novedades acerca de los cursos, descuentos, promociones, etc...


Últimas Noticias


Todas las consultas y los usuarios que siguen el tutorial los puedes encontrar en el blog: blog.ayzweb.com y en http://www.dreamweaver-tutoriales.com/soporte.

Los archivos ZIP de descarga están en esta misma Web, en el apartado Cursos, dentro del tutorial que estés buscando.

  • - Más de 29.000 seguidores en el canal de Youtube
  • - 4.000.000 visualizaciones de los videos de Youtube, y subiendo...
  • - Más de 4.000 fans en Facebook.
  • - Más de 1800 alumnos en todo el mundo.

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: 42

 

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 noperder el hilo de las explicaciones.

Descargar la aplicación desde el Google Play que queda al final del proyecto



Hemos creado una nueva App para Android siguiendo las pautas de este tutorial

Descargar la aplicación desde Google Play. El código fuente y la BD de esta aplicación está disponible por 40 euros. Más información.

Videotutorial Hacer App con Dreamweaver, PHP y acceso a datos

Lista en youtube Acceder a la lista completa en Youtube


Capítulo 1: (09:11)

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 1: Como hacer una App con Dreamweaver y PHP con acceso a datos

Atención, Phonegap no está soportado en Dreamweaver, lee este post.

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 2: Como hacer una App con Dreamweaver y PHP con acceso a datos
Archivos para descargar:Descargar ZIPapp-2

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 3: Como hacer una App con Dreamweaver y PHP con acceso a datos
Archivos para descargar:Descargar ZIPapp-3

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 4: Como hacer una App con Dreamweaver y PHP con acceso a datos
Archivos para descargar:Descargar ZIPapp-4

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 5: Como hacer una App con Dreamweaver y PHP con acceso a datos
Archivos para descargar:Descargar ZIPapp-5

Suscríbete para poder ver el resto de vídeos

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 6: 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 7: 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 8: 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 9: 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 10: 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 11: 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 12: 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 13: 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 14: 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 15: 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 16: 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 17: 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 18: 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 19: 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 20: 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.
Cap 21: Como hacer una App con Dreamweaver y PHP con acceso a datos

Noticias, descuentos, sorpresas
Recibe gratuitamente nuestro boletín con todas las novedades acerca de los cursos, descuentos, promociones, etc...


Últimas Noticias


Todas las consultas y los usuarios que siguen el tutorial los puedes encontrar en el blog: blog.ayzweb.com y en http://www.dreamweaver-tutoriales.com/soporte.

Los archivos ZIP de descarga están en esta misma Web, en el apartado Cursos, dentro del tutorial que estés buscando.

  • - Más de 29.000 seguidores en el canal de Youtube
  • - 4.000.000 visualizaciones de los videos de Youtube, y subiendo...
  • - Más de 4.000 fans en Facebook.
  • - Más de 1800 alumnos en todo el mundo.

Comentarios rápidos

83.37.124.82: Gracias, Jorge. Eres un crack

separador 190.189.72.77: Excelentes Tutoriales. Muy agradecido por todo lo que me has enseado. Sigue adelante!!! Abrazo desde Argentina.

separador 186.105.231.193: muy bien!

separador 95.22.245.92: Genial. Me siento muy a gusto en tu sitio. Espero que este sitio te de mucha prosperidad por ayudar a tanta gente como yo!!

separador Escribe tu comentario
Ver todos los comentarios

5 motivos

  • 1- Aprenderás a manejar Dreamweaver.
  • 2- Serás capaz de crear desde cero cualquier Web que te propongas.
  • 3- Podrás tener tu propio negocio de creación Web
  • 4- Contarás con una comunidad de alumnos que te podrán ayudar.
  • 5- Adquirirás independencia para realizar cualquier programación