Acceso a Datos utilizando jQueryMobile

ACCESO A DATOS UTILIZANDO jQuery Mobile

Vamos a desarrollar un sistema de logueo, utilizando jQueryMobile, php y MySql como motor de
base de datos.
Primero diseamos nuestra base de datos de nombre clase, dentro crearemos una tabla llamada
usuario, de la siguiente manera:

Luego le ingresamos 5 registros a nuestra tabla usuario.

Ahora diseamos nuestros formularios de la siguiente manera:

Si el usuario y/o la clave es incorrecta, mostrar el siguiente formulario, con la posibilidad de

retornar al formulario principal.

Ing. Yosip Urquizo Gmez

Pgina 1

Acceso a Datos utilizando jQueryMobile

SI el usuario y clave ingresados son correctos, deber crear una variable de sesin con el nombre
del usuario, la cual servir para validar la pgina perfil.php que se mostrar a continuacin.
Si la variable de sesin no est creada, retornar inmediatamente a la pgina principal, no
permitiendo el acceso del usuario ni mostrando la pgina perfil.php.

El cdigo fuente de nuestra aplicacin se muestra a continuacin para que compares con lo que
haz desarrollado.

Ing. Yosip Urquizo Gmez

Pgina 2

Acceso a Datos utilizando jQueryMobile

ConexionBD.php

index.php

Ing. Yosip Urquizo Gmez

Pgina 3

Acceso a Datos utilizando jQueryMobile

validar.php

Ing. Yosip Urquizo Gmez

Pgina 4

Acceso a Datos utilizando jQueryMobile

perfil.php

cerrar.php

Ing. Yosip Urquizo Gmez

Pgina 5

Acceso a Datos utilizando jQueryMobile

TRABAJO DE APLICACIN
Utilizando los componentes adecuados de jQueryMobile, disee las pginas necesarias para
mostrar la informacin que se muestra a continuacin.
Cree una Base de Datos llamada aplicacin, donde estarn contenidas todas las tablas que
necesite para la aplicacin.
1. Listar la siguiente informacin de la tabla
pases(contenida en la BD aplicacin)

2. Listar la siguiente informacin en una lista

formateada
como se ve en la siguiente
imagen(Los datos deben estar ingresados en una
tabla anteriormente)

Ing. Yosip Urquizo Gmez

Pgina 6

Acceso a Datos utilizando jQueryMobile

3. Listar datos de una tabla de la base de
datos aplicacin y permitir que al ingresar
datos en la caja de bsqueda, se filtren los
registros.

4. Listar datos de alguna tabla de la base de

datos aplicacin, pero esta vez se muestren
agrupados por letras como se ve en el
diseo, y permitir filtrarlos al igual que el
ejercicio anterior.

Ing. Yosip Urquizo Gmez

Pgina 7

Acceso a Datos utilizando jQueryMobile

5. Realizar un listado de alguna tabla de base
de datos creada que muestre el siguiente
diseo.

Para todos los casos utilice las caractersticas aprendidas en la clase anterior, utilizando los
controles de Programacin Mvil con jQueryMobile.
Buen Trabajo

Ing. Yosip Urquizo Gmez

Pgina 8