LENGUAJE DE PROGRAMACIN III LENGUAJE DE PROGRAMACION III

MARCO ANTONIO ANDRADE GUERRERO HTML5, CSS3, JQUERY, PHP Y MYSQL Marco Antonio Andrade Guerrero MYSQL ASP y SQL

GUA DE APRENDIZAJE DE LENGUAJE DE PROGRAMACIN III

GESTIN DE REPORTES EN WEB

INSTITUTO TCNICO RICALDONE

DEPARTAMENTO DE INFORMTICA MARCO ANTONIO ANDRADE GUERRERO Web site: http://av.ricaldone.edu.sv/claroline/ Email: tecmarcoantonio@gmail.com

Lenguaje de Programacin III

Pgina 1

LENGUAJE DE PROGRAMACIN III

HTML5, CSS3, JQUERY, PHP Y MYSQL Marco Antonio Andrade Guerrero
Lo que haremos es hacer diferentes formas de visualizacin y exportacin de datos mediante tcnicas sencillas de PHP y dreamweaver. Para ello vamos a crear una base de datos sencilla con una tabla la cual detallo a continuacin:

Empleado
IdEmpleado INT PK A_I Nombre varchar(80) not null Direccion varchar(70) not null Telefono varchar(15) not null Email varchar(30) not null FechaRegistro Timestamp
Nombre de la base de datos: EMPRESA. La base de datos debe de desarrollarla en phpmyadmin , de forma sistemtica y aplicando medidas de seguridad y motor de bsqueda InnoDB.

Una vez completada la base de datos y la tabla comenzaremos a insertar registros a ella los cuales sern los siguientes: IdEmpleado 1 2 3 4 5 6 7 Nombre Marco Antonio Andrade Edwin Edgardo Flores Ral Armando Bermdez Claudia Pineda Pimentel Gilberto Alexander Motto Lorena Beatriz Flores Ana Cecilia Ponce Direccin San Martin, San Salvador Altavista, San Salvador Santa Tecla, La Liberta San Martin, San Salvador Apopa, San Salvador San Salvador, San Salvador Santa Tecla, La Liberta Telfono 2222-2222 3333-3333 4444-4444 5555-5555 7777-7777 8888-8888 9999-9999 Email marco@marco.org edwin@edwin.com raul@raul.me claudia@claudia.org motto@motto.com lorena@flores.com cecilia@ponce.com FechaRegistro Automtica Automtica Automtica Automtica Automtica Automtica Automtica

Lenguaje de Programacin III

Pgina 2

LENGUAJE DE PROGRAMACIN III

HTML5, CSS3, JQUERY, PHP Y MYSQL Marco Antonio Andrade Guerrero
Cuando completamos de agregar la informacin a la base de datos comenzaremos a desarrollar la aplicacin en PHP para que nos lea los datos de una forma dinmica y con una buena presentacin. Pasos a seguir: 1. Configuramos un sitio web local mediante dreamweaver con los siguientes parmetros: Nombre del Sitio Web: Empresa Servidor: localhost URL del web: http://localhost/Empresa/ Tecnologa: PHP/MYSQL Carpeta del Servidor: C:\wamp\www\Empresa\ Carpeta del sitio local: C:\wamp\www\Empresa\

2. Creamos una nueva pgina en PHP la cual tendr la siguiente estructura:

<header></header> <section></section> <article></article> <aside></aside>

<footer></footer>
3. Como notaras est bajo sintaxis de HTML 5 y es un diseo que ya previamente tenemos elaborado, bien ahora lo que haremos es en el <article></article> de la pgina estableceremos una tabla, como se muestra a continuacin:

Lenguaje de Programacin III

Pgina 3

LENGUAJE DE PROGRAMACIN III

HTML5, CSS3, JQUERY, PHP Y MYSQL Marco Antonio Andrade Guerrero
IdEmpleado Nombre Direccin Telfono Email FechaRegistro

4. Como observaras solo es una tabla de dos columnas en las cuales crearemos de forma automtica la consulta a la base de datos que hicimos en un paso anterior. 5. Para automatizar la consulta ser necesario saber este concepto importante, el cual es JUEGO DE REGISTRO tambin conocido como RECORDSET en ingls. Recordset es una estructura de datos usada en programacin cuya utilidad es la de almacenar informacin desde una tabla de una base de datos. Se usa con frecuencia para obtener conexiones con bases de datos y almacenar el resultado de las posibles consultas que se realicen. 6. Teniendo el concepto claro de juego de registro procederemos a crear una conexin a la base de datos para ello vamos al men ventana y damos clic en base de datos. 7. Luego de eso damos clic en el signo ms y luego en conexin MYSQL.

Variable de conexin

Servidor Usuario Contrasea

Base de datos

Lenguaje de Programacin III

Pgina 4

LENGUAJE DE PROGRAMACIN III

HTML5, CSS3, JQUERY, PHP Y MYSQL Marco Antonio Andrade Guerrero 8. Ya tenemos la conexin ahora crearemos un juego de registro de datos para automatizar la consulta. 9. Vamos al men ventana y luego en comportamientos de servidor. 10. Estando ah damos clic en el signo ms al igual que hicimos con la conexin y seleccionamos el juego de registro. Descripcin de la ventana. 1 1. Nombre del juego de registro. 2 2. Conexin que utilizaremos. 3 3. Tabla de la que obtendremos los datos. 4. Campos de la tabla. 4

11. Luego damos clic en aceptar y nos creara un cdigo en php sobre nuestra pgina la cual hace una consulta que nos devuelve registro de la base de datos. 12. Nos dirigimos ahora al men ventana y seleccionamos la opcin vinculaciones. Como podemos observar nos muestra los campos de la tabla que seleccionamos en el juego de registros que creamos anterior mente.

Lenguaje de Programacin III

Pgina 5

LENGUAJE DE PROGRAMACIN III

HTML5, CSS3, JQUERY, PHP Y MYSQL Marco Antonio Andrade Guerrero 13. Ahora solo falta arrastrar estos campos a la tabla que ya tenemos echo anteriormente y nos quedara as:
IdEmpleado {Empleado.IdEmpleado} Nombre {Empleado.Nombre} Direccin {Empleado.Direccion} Telfono {Empleado.Telefono} Email {Empleado.Email} FechaRegistro {Empleado.FechaRegistro}

14. Si lo visualizamos en el navegador nos funciona perfectamente, sin embargo solo nos muestra uno:

15. Nos resta nada ms seleccionar el <tr></tr> donde estn los campos de la tabla no el de los encabezados si no la informacin que sacamos de la base de datos. 16. Despus de eso nos vamos a men ventana y luego comportamientos de servidor, damos clic en el signo ms y luego repetir regin y nos dar la siguiente ventana:

Seleccionamos el juego de registro

Elegimos cuantos registros queremos que se muestren

Lenguaje de Programacin III

Pgina 6

LENGUAJE DE PROGRAMACIN III

HTML5, CSS3, JQUERY, PHP Y MYSQL Marco Antonio Andrade Guerrero 17. Nos basta solo darle aceptar y visualizar en el navegador para ver los resultados.

Lenguaje de Programacin III

Pgina 7