Final marycruzz
-
Upload
mary-santos-escareno -
Category
Documents
-
view
60 -
download
0
Transcript of Final marycruzz
![Page 1: Final marycruzz](https://reader035.fdocuments.net/reader035/viewer/2022062706/5573cf0bd8b42a5b1e8b4c3e/html5/thumbnails/1.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Materia
Desarrollo de aplicaciones II
Tema
Manipulacion de datos
Nombre completo del Alumno : Marycruz Santos Escañero
Grado: 4 Grupo: “B”
Nombre del Docente : Eloy De Lira Contreras
Fecha de entrega : 8/11/2013
Este manual contendrá los pasos para realizar un sitio web utilizando el software Adobe Dreamweaver CS6 y haciendo la conexión a una Base de Datos local en phpMyAdmin mediante XAMP.
![Page 2: Final marycruzz](https://reader035.fdocuments.net/reader035/viewer/2022062706/5573cf0bd8b42a5b1e8b4c3e/html5/thumbnails/2.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
1.- Comenzamos por hacer nuestra Base de Datos en local host, abrimos nuestro explorador y en la URL tecleamos local host.
Y nos aparecerá la siguiente pantalla, donde seleccionamos el lenguaje para XAMP seleccionamos español
2.- estando en la interfaz de XAMP seleccionamos phpMyAdmin.
![Page 3: Final marycruzz](https://reader035.fdocuments.net/reader035/viewer/2022062706/5573cf0bd8b42a5b1e8b4c3e/html5/thumbnails/3.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
3.- en esta parte creamos nuestra BD, en este caso se llamara prueba4b y damos clic en crear
![Page 4: Final marycruzz](https://reader035.fdocuments.net/reader035/viewer/2022062706/5573cf0bd8b42a5b1e8b4c3e/html5/thumbnails/4.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
4.- nos aparecerá esta ventana donde crearemos nuestra tabla, se llamara alumnos e indicamos cuantos campos tendrá nuestra tabla, y damos clic en continuar
5.-llenamos los campos que tendrá nuestra tabla, es importante que tenga un ID tipo INT, y que a cada campo sele asigne un tipo de dato, si es VARCHAR debe contar con un tamaño.
![Page 5: Final marycruzz](https://reader035.fdocuments.net/reader035/viewer/2022062706/5573cf0bd8b42a5b1e8b4c3e/html5/thumbnails/5.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Deslizamos nuestra barra de desplazamiento hacia la derecha y asignamos nuestro ID como índice primario (PRIMARY) y valor auto incremental (A.I.).
Presionamos en el botón grabar para que nuestra tabla quede guardada en nuestra Base de Datos.
![Page 6: Final marycruzz](https://reader035.fdocuments.net/reader035/viewer/2022062706/5573cf0bd8b42a5b1e8b4c3e/html5/thumbnails/6.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Y debe aparecer esta interfaz si la tabla fue creada correctamente
6.-Continuamos creando nuestra carpeta que contendrá el sitio en htdocs (damos clic en botón Inicio, Mi pc, Disco local (C:), mostrar el contenido de esta carpeta, xamp, htdocs)
7.- Abrimos Adobe Dreamweaver CS6. Y nos aparecerá esta interfaz
![Page 7: Final marycruzz](https://reader035.fdocuments.net/reader035/viewer/2022062706/5573cf0bd8b42a5b1e8b4c3e/html5/thumbnails/7.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
8.- Comenzamos a crear nuestro sitio, nos vamos a la pestaña sitio, nuevo sitio
9.- Aparecerá el siguiente cuadro de dialogo, donde pide el nombre del sitio, es importante que sea el mismo nombre que le pusiste a tu carpeta en htdocs.
![Page 8: Final marycruzz](https://reader035.fdocuments.net/reader035/viewer/2022062706/5573cf0bd8b42a5b1e8b4c3e/html5/thumbnails/8.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
En el orto espacio Buscas la carpeta en htdocs, y das clic en seleccionar.
10.-nos vamos a la parte de servidores, damos clic en el signo de más (+) para agregar un nuevo sitio
![Page 9: Final marycruzz](https://reader035.fdocuments.net/reader035/viewer/2022062706/5573cf0bd8b42a5b1e8b4c3e/html5/thumbnails/9.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Y debe aparecer la siguiente ventana, donde nos pide el nombre del sitio, y que vamos a usar para conectar en este caso ponemos local/red
11.- y buscamos la carpeta donde se encuentra el sitio y seleccionamos
![Page 10: Final marycruzz](https://reader035.fdocuments.net/reader035/viewer/2022062706/5573cf0bd8b42a5b1e8b4c3e/html5/thumbnails/10.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
12.- escribimos la URL de nuestro sitio en este caso localhost/prueba4b
![Page 11: Final marycruzz](https://reader035.fdocuments.net/reader035/viewer/2022062706/5573cf0bd8b42a5b1e8b4c3e/html5/thumbnails/11.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
13.-nos vamos ala pestaña avanzados para indicar el modelo del servidor que será php y mysql y damos clic en guardar
14.- debe aparecer esta ventana donde nuestro sitio fue agregado .Por default nos aparece en modo remoto nosotros indicamos que es modo de prueba y damos clic en guardar
![Page 12: Final marycruzz](https://reader035.fdocuments.net/reader035/viewer/2022062706/5573cf0bd8b42a5b1e8b4c3e/html5/thumbnails/12.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Y nos debe aparecer nuestro sitio en la parte inferior activos.
15.- comenzamos a crear los archivos php que contendrá nuestro sitio en este caso registrar alumnos
![Page 13: Final marycruzz](https://reader035.fdocuments.net/reader035/viewer/2022062706/5573cf0bd8b42a5b1e8b4c3e/html5/thumbnails/13.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
16.- abrimos el archivo, en la pestaña ventana seleccionamos la parte base de datos para hacer nuestra conexión
17.- clic en el signo de +, conexión mysql
![Page 14: Final marycruzz](https://reader035.fdocuments.net/reader035/viewer/2022062706/5573cf0bd8b42a5b1e8b4c3e/html5/thumbnails/14.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Y aparecerá el siguiente cuadro de dialogo, donde daremos el nombre de nuestra conexión (yo recomiendo sea el mismo nombre del sitio para no confundirnos con los nombres y tengamos problemas) el servidor mysql en este caso local host para todo usuario será root, sin contraseña y la base de datos no la debes escribir le das clic en seleccionar y debe ser detectada automáticamente si tu procedimiento hasta aquí ha sido correcto aparecerá si no debes revisar la configuración de tu sitio.
Una vez que te apareció tu base de datos la seleccionas das clic en aceptar y aceptar
![Page 15: Final marycruzz](https://reader035.fdocuments.net/reader035/viewer/2022062706/5573cf0bd8b42a5b1e8b4c3e/html5/thumbnails/15.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Si tu conexión fue realizada correctamente te aparecerá el tambito en la parte de base de datos
18.- comenzamos a crear nuestro primer archivo php
![Page 16: Final marycruzz](https://reader035.fdocuments.net/reader035/viewer/2022062706/5573cf0bd8b42a5b1e8b4c3e/html5/thumbnails/16.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
19.-damos clic en insertar y después en datos damos clic en insertar registro y asistente de formulario
20.-nos va a parecer este cuadro de dialogo donde seleccionamos la tabla
![Page 17: Final marycruzz](https://reader035.fdocuments.net/reader035/viewer/2022062706/5573cf0bd8b42a5b1e8b4c3e/html5/thumbnails/17.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
21.-en este cuadro de dialogo seleccionas el documento que nos enviara después de registrar y quitamos el id
22.-en este cuadro de dialogo quitamos el id_alumno
![Page 18: Final marycruzz](https://reader035.fdocuments.net/reader035/viewer/2022062706/5573cf0bd8b42a5b1e8b4c3e/html5/thumbnails/18.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
23.-indicamos que el campo sexo se mostrara como un menú
24.-en este cuadro de dialogo asignamos el nombre y valor alas etiquetas
![Page 19: Final marycruzz](https://reader035.fdocuments.net/reader035/viewer/2022062706/5573cf0bd8b42a5b1e8b4c3e/html5/thumbnails/19.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
25.-al campo grado se le indica mostrarse como grupo de opción
26.- dar clic en grupo de opción da nombre y valor alas etiquetas y le damos clic en aceptar
![Page 20: Final marycruzz](https://reader035.fdocuments.net/reader035/viewer/2022062706/5573cf0bd8b42a5b1e8b4c3e/html5/thumbnails/20.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
27.-tiene que aparece el formulario y después nos vamos a la pestaña archivo y seleccionamos guardar todo
28.-nos vamos al navegador para comprobar si nuestro sitio funciona correctamente
![Page 21: Final marycruzz](https://reader035.fdocuments.net/reader035/viewer/2022062706/5573cf0bd8b42a5b1e8b4c3e/html5/thumbnails/21.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
29.-ingresamos los registros que nos piden para comprobar si se está guardando el registro en la base de datos
30.-si nos aparece esta ventana es que nuestro formulario está funcionando ya que después después de insertar registro nos mandó al archivo lista_alumno
![Page 22: Final marycruzz](https://reader035.fdocuments.net/reader035/viewer/2022062706/5573cf0bd8b42a5b1e8b4c3e/html5/thumbnails/22.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
31.-vamos a la base de datos para asegurarnos que los datos se estén guardando
32.-abrimos el archivo lista_alumnos y nos vamos a insertar ,datos y damos clic en datos dinámicos y después en tabla dinámica
33.-en este cuadro de dialogo damos clic en juego de registros
![Page 23: Final marycruzz](https://reader035.fdocuments.net/reader035/viewer/2022062706/5573cf0bd8b42a5b1e8b4c3e/html5/thumbnails/23.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
34.-seleccionamos la tabla y le damos clic en aceptar en todo
35.-aquí indicamos que queremos que nos muestre todo los registros y le damos en aceptar
![Page 24: Final marycruzz](https://reader035.fdocuments.net/reader035/viewer/2022062706/5573cf0bd8b42a5b1e8b4c3e/html5/thumbnails/24.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
36.- si nos aparece esta tabla quiere decir que nuestro juego de registro fue insertado
37.-nos vamos ala ventana e archivo y seleccionamos guardar todo
![Page 25: Final marycruzz](https://reader035.fdocuments.net/reader035/viewer/2022062706/5573cf0bd8b42a5b1e8b4c3e/html5/thumbnails/25.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
38.-vamos a un navegador (localhost/prueba/registrar_alumno) para comprobar si el sitio funciona damos clic en insertar registro y insertamos varios registros
39.-nos debe de aparecer la tabla con los registros que dimos de alta
![Page 26: Final marycruzz](https://reader035.fdocuments.net/reader035/viewer/2022062706/5573cf0bd8b42a5b1e8b4c3e/html5/thumbnails/26.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
39.-Para eliminar omodificar los registros nos posicionamos en el archivo de lista.php, seleccionamos apellido materno y damos click en derecho e insertamos dos clumnas y las nombramos eliminar y modificar
40.-Creamos dos archivos modificar y eliminar.
41.-Nos posicionamos en el archivo eliminar, en datos damos click en eliminar registro.
![Page 27: Final marycruzz](https://reader035.fdocuments.net/reader035/viewer/2022062706/5573cf0bd8b42a5b1e8b4c3e/html5/thumbnails/27.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
42.-Nos aparece la siguiente ventana y en la opción después de borrar damos click en examinar y seleccionamos lista
43.-En el archivo lista seleccionamos eliminar y la vinculamos con el archivo eliminar.php y clic en aceptar
![Page 28: Final marycruzz](https://reader035.fdocuments.net/reader035/viewer/2022062706/5573cf0bd8b42a5b1e8b4c3e/html5/thumbnails/28.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
44.-Después nos vamos al código y después del código eliminar.php escribimos el siguiente código ?id_alumno= y copeamos el código siguiente código
45.-En el archivo modificar nos vamos a datos en actualizar registro, seleccionamos la tabla y verificamos que la conexión este correcta, seleccionamos el filtro en este caso será id_alumno y damos clic en aceptar
![Page 29: Final marycruzz](https://reader035.fdocuments.net/reader035/viewer/2022062706/5573cf0bd8b42a5b1e8b4c3e/html5/thumbnails/29.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
45.-En el archivo lista creamos un hipervínculo con el archivo modificar y damos clic en aceptar
46.-Para crear un reporte en php pegamos unos archivos (que nos dio el profesor) en la carpeta del sitio en htdocs, la abrimos y guardamos con el nombre q deseemos
![Page 30: Final marycruzz](https://reader035.fdocuments.net/reader035/viewer/2022062706/5573cf0bd8b42a5b1e8b4c3e/html5/thumbnails/30.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
47.- vamos a la parte de código y cambiamos los datos referentes a nuestra base de datos
Y lo modificamos según sea el diseño del reporte
![Page 31: Final marycruzz](https://reader035.fdocuments.net/reader035/viewer/2022062706/5573cf0bd8b42a5b1e8b4c3e/html5/thumbnails/31.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
48.-Guardamos los cambios en el documento y abrimos el explorador para probar si funciona mostrándose de la siguiente manera