Dreamweaver

25
UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Materia Desarrollo de Aplicaciones Web II. Tema Manipulación de datos. Nombre completo del Alumno: Rafael Rangel González Grado: 4 Grupo: B Nombre del Docente: I. en Tic`s Eloy Contreras de Lira. Fecha de entrega : 8 de Noviembre de 2013

Transcript of Dreamweaver

Page 1: Dreamweaver

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Materia

Desarrollo de Aplicaciones Web II.

Tema

Manipulación de datos.

Nombre completo del Alumno: Rafael Rangel González

Grado: 4 Grupo: B Nombre del Docente: I. en Tic`s Eloy Contreras de Lira. Fecha de entrega : 8 de Noviembre de 2013

Page 2: Dreamweaver

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

CREAR CARPETA

Nos posicionamos en la siguiente direccion c:\xamp/htdocs. en el equipo

para crear una carpeta con el nombre de nuestro sitio

CREAR BASE DE DATOS

Después debemos crear la base de datos en local host.

En la siguiente dirección http://localhost/xamp y seleccionamos el idioma

Page 3: Dreamweaver

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Seleccionamos phpMyAdmin para comenzar.

Comenzamos a crear la base de datos, damos nombre a nuestra base

de datos

Page 4: Dreamweaver

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

se le da el nombre a la tabla con los campos que se desee. Después se

le da en el botón continuar.

Damos valor a los campos dependiendo la información que llevara cada

uno de ellos, en la parte inferior derecha seleccionamos crear.

Al grabar nos aparece la siguiente ventana donde ya se genero la

tabla, si marca error hay que verificar los campos .

Page 5: Dreamweaver

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

CREAR SITIO

Abrimos Adobe Dreamweaver CS6.

Page 6: Dreamweaver

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

En la pestaña superior seleccionamos sitio y creamos un nuevo sitio.

Después aparecerá una ventana como la anterior donde le daremos el

nombre al sitio Y seleccionamos la carpeta que creamos en htdocs que

es donde se guardara nuestro sitio

Page 7: Dreamweaver

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Después antes de guardar seleccionamos la pestaña de servidores.

En la pestaña del signo + para agregar un servidor.

Se le da el nombre al servidor se usara Local/red para conectar usuario

Y seleccionamos de igual manera la carpeta creada en htdocs para

guardar el servidor

También ingresamos la dirección de nuestro servidor

Page 8: Dreamweaver

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Antes de guardar debemos dar clic en la pestaña de avanzados. En la

parte de Modelo de servidor se despliega la pestaña y se selecciona

php/mysql. Y por damos clic en el botón guardar.

Al seleccionar el botón guardar aparecerá una ventana donde

cambiaremos la de remoto a de prueba y guardamos.

Page 9: Dreamweaver

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Seleccionamos el sitio y presionamos botón derecho en nuevo archivo

para crear Guardar_alumno.php y Lista_alumno.php.

Así se muestran los archivos ya creados

Page 10: Dreamweaver

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

REGISTRAR

Abrimos el archivo Guardar_Alumno.php

Para crear la conexión a la base de datos nos posicionamos en base

de datos en la opción “+” y nos aparece la siguiente ventana para

asignarle un nombre a la conexión.

En la opción base de datos presionamos seleccionar y nos aparecerán

las bases de datos ya creadas

Page 11: Dreamweaver

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Donde la carpeta ya fue seleccionada. Por último damos clic en el botón

Aceptar.

Y ahora en la pestaña de inserta que se encuentra en la parte superior

derecha seleccionamos datos.

Page 12: Dreamweaver

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

En la opción insertar registro seleccionamos asistente de formulario de

registros.

Nos aparecee la siguiente ventana para los campos que apareceran en

nuestro formulario

En la parte seleccionamos en seleccionar

Y elegimos Guardar_alumno.php

Page 13: Dreamweaver

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Después damos aceptar.

Se selecciona id alumno y presionamos el signo de “-“ para eliminar

Page 14: Dreamweaver

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Después seleccionamos la Grado para mostrar como Grupo de opción

seleccionamos:

Damos valor y nombre a los campos

Page 15: Dreamweaver

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Esta parte es similar a la anterior se distingue solamente porque ahora

seleccionamos sexo y lo mostramos como campo de texto.

Al finalizar clic en Aceptar.

Page 16: Dreamweaver

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

MOSTRAR LISTA

Ahora nos posicionamos en el archivo Lista_alumno.php

En la opción datos seleccionamos datos dinámicos y después en tabla

dinámica.

Page 17: Dreamweaver

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

después aparecerá una ventana como la siguiente

seleccionamos juego de registros

Se le da nombre al juego de registros

Seleccionamos aceptar

Page 18: Dreamweaver

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Nos aparece la ventana para crear juego de registros ventana donde

seleccionaremos todos los registros y aceptar.

Y a continuación nos muestra la tabla de nuestros registros.

Comprobamos que nuestro sistema funciona en la web.

Seleccionamos Guardar_alumno.php

Page 19: Dreamweaver

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Y nos aparece la interfaz para registrar los alumnos al llenar los datos

presionamos insertar registro

Después nos posicionamos en lista.php para asegurarnos que nuestro

sistema guardo los datos

ELIMINAR Y MODIFICAR

Para eliminar o modificar insertamos dos clumnas y las

nombramos eliminar y modificar

Creamos dos archivos modificar y eliminar.

Page 20: Dreamweaver

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

ELIMINAR

Abrimos el archivo eliminar.php después nos posicionamos en insertar –

datos- eliminar registro.

Nos aparece la siguiente ventana y en la opción después de borrar

ir a seleccionamos examinar y seleccionamos lista.php

Seleccionamos eliminar y creamos un vinculo con eliminar.php,

después vamos al código y escribimos el siguiente código

?id_alumno= y copeamos el código siguiente

Page 21: Dreamweaver

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

MODIFICAR

Abrimos el archivo modificar.php nos vamos a datos en actualizar

registro y vamos a tener q crear un juego de registros y

seleccionamos aceptar.

En la opción después de eliminar ir a seleccionamos examinar y

elegimos lista.php.

En el archivo lista seleccionamos modificar y creamos un hipervínculo

a modificar.php

Page 22: Dreamweaver

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

En el código yacemos lo mismo que en eliminar.php, copeamos el

código.

Queda nuestro archivo para eliminar y modificar nuestros datos.

Page 23: Dreamweaver

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

GENERAR REPORTE.

Para generar el reporte copeamos los siguientes archivos en la carpeta donde

tenemos guardado nuestro sitio.

Abrimos el archivo de repite cliente para modificar el código y que nos

genere el reporte de nuestra base de datos.

Page 24: Dreamweaver

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Se modifica los campos de la base de datos

Nos vamos a nuestra lista y seleccionamos en nuestro registro –

reporte.

Page 25: Dreamweaver

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Y nos muestra el reporte.