Acceso a Datos utilizando jQueryMobile

Ing. Yosip Urquizo Gmez Pgina 1

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.

Acceso a Datos utilizando jQueryMobile

Ing. Yosip Urquizo Gmez Pgina 2

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.

Acceso a Datos utilizando jQueryMobile

Ing. Yosip Urquizo Gmez Pgina 3

ConexionBD.php

index.php

Acceso a Datos utilizando jQueryMobile

Ing. Yosip Urquizo Gmez Pgina 4

validar.php

Acceso a Datos utilizando jQueryMobile

Ing. Yosip Urquizo Gmez Pgina 5

perfil.php

cerrar.php

Acceso a Datos utilizando jQueryMobile

Ing. Yosip Urquizo Gmez Pgina 6

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)

Acceso a Datos utilizando jQueryMobile

Ing. Yosip Urquizo Gmez Pgina 7

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.

Acceso a Datos utilizando jQueryMobile

Ing. Yosip Urquizo Gmez Pgina 8

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