Manuales eloy
-
Upload
hector-daniel-hernanadez -
Category
Documents
-
view
137 -
download
2
description
Transcript of Manuales eloy
![Page 1: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/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 web
Tema
manuales
Nombre completo del Alumno :
Héctor Daniel Hernández zapata
Grado: 4 Grupo: “a”
Nombre del Docente : Eloy de lira
Fecha de entrega : 8/10/2013
![Page 2: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/2.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
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
![Page 3: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/3.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
estando en la interfaz de XAMP seleccionamos phpMyAdmin.
en esta parte creamos nuestra BD, en este caso se llamara prueba4b y damos clic en crear
![Page 4: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/4.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
nos aparecerá esta ventana donde crearemos nuestra tabla, se llamara alumnos e indicamos cuantos campos tendrá nuestra tabla, y damos clic en continuar
![Page 5: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/5.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
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 6: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/6.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.).
![Page 7: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/7.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Damos clic en grabar para que nuestra tabla quede guardada en nuestra Base de Datos.
![Page 8: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/8.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 esta interfaz
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)
![Page 9: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/9.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
abrimos nuestro Adobe Dreamweaver CS6. Y nos aparecerá esta interfaz
![Page 10: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/10.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
comenzamos a crear nuestro sitio, nos vamos a la pestaña sitio, nuevo sitio
![Page 11: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/11.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
y nos aparecerá el siguiente cuadro de dialogo, donde nos pide el nombre del sitio, es importante que sea el mismo nombre que le pusiste a tu carpeta en htdocs.
![Page 12: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/12.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.
![Page 13: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/13.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
nos vamos a la parte de servidores, damos clic en el signo de más (+) para agregar un nuevo sitio
![Page 14: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/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 nos 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
![Page 15: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/15.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
y buscamos la carpeta donde se encuentra el sitio y seleccionamos
y escribimos la URL de nuestro sitio en este caso localhost/prueba4b
![Page 16: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/16.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
nos vamos ala pestaña avanzados para indicar el modelo del servidor que será php mysql y damos clic en guardar
![Page 17: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/17.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 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
Y nos debe aparecer nuestro sitio en la parte inferior activos.
![Page 18: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/18.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
comenzamos a crear los archivos php que contendrá nuestro sitio en este caso registrar alumnos
![Page 19: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/19.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
abrimos el archivo, en la pestaña ventana seleccionamos la parte base de datos para hacer nuestra conexión
![Page 20: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/20.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
damos clic en el signo de +, conexión mysql
Y nos 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.
![Page 21: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/21.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Una vez que te apareció tu base de datos la seleccionas das clic en aceptar y aceptar
Si tu conexión fue realizada correctamente te aparecerá el tambito en la parte de base de datos
![Page 22: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/22.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
comenzamos a crear nuestro primer archivo php
![Page 23: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/23.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
damos clic en insertar y después en datos damos clic en insertar registro y asistente de formulario
![Page 24: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/24.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
![Page 25: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/25.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
nos va a parecer este cuadro de dialogo donde seleccionamos la tabla y al
en este cuadro de dialogo seleccionas el documento que nos enviara después de registrar y quitamos el id
![Page 26: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/26.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
en este cuadro de dialogo quitamos el id_alumno
![Page 27: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/27.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
indicamos que el campo sexo se mostrara como un menu
![Page 28: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/28.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
en este cuadro de dialogo asignamos el nombre y valor alas etiquetas
al campo grado se le indica mostrarse como grupo de opción
![Page 29: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/29.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
dar clic en grupo de opción da nombre y valor alas etiquetas y le damos clic en aceptar
![Page 30: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/30.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
nos tiene k aparece el formulario y después nos vamos a la pestaña archivo y seleccionamos guardar todo
![Page 31: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/31.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
nos vamos al navegador para comprobar si nuestro sitio funciona correctamente
![Page 32: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/32.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
ingresamos los registros que nos piden para complobar si se esta guardando el registro en la base de datos
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 33: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/33.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
nos vamos ala base de datos para asegurarnos que los datos se estén guardando
abrimos el archivo lista_alumnos y nos vamos a insertar ,datos y damos clic en datos didamicos y después en tabla diamica
![Page 34: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/34.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
en este cuadro de dialogo damos clic en juego de registros
seleccionamos la tabla y le damos clic en aceptar en todo
![Page 35: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/35.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
aquí indicamos que queremos que nos muestre todo los registros y le damos en aceptar
![Page 36: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/36.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
si nos aparece esta tabla quiere decir que nuestro juego de registro fue insertado
nos vamos ala ventana e archivo y seleccionamos guardar todo
nos vamos a un navegador (localhost/prueba/registrar_alumno) para comprobar si el sitio funciona damos clic en insertar registro y insertamos varios registros
![Page 37: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/37.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
nos debe de aparecer la tabla con los registros que dimos de alta
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
Creamos dos archivos modificar y eliminar.
Nos posicionamos en el archivo eliminar, en datos damos click en eliminar registro.
![Page 38: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/38.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Nos aparece la siguiente ventana y en la opción después de borrar damos click en examinar y seleccionamos lista
En el archivo lista seleccionamos eliminar y la vinculamos con el archivo eliminar.php
Despue nos vamos al código y después del código eliminar.php esribimos el siguiente código ?id_alumno= y copeamos el código siguiente código
![Page 39: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/39.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
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 40: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/40.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
En el archivo lista creamos un hipervínculo con el archivo modificar y damos clic en aceptar
![Page 41: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/41.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
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
nos vamos a la parte de código y comenzamos a dar diseño
![Page 42: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/42.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Poniendo los datos correspondientes a nuestra bd
![Page 43: Manuales eloy](https://reader030.fdocuments.ec/reader030/viewer/2022013107/549c0d96ac7959dd2a8b4624/html5/thumbnails/43.jpg)
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Guardamos los cambios en el documento y abrimos el explorador para probar si funciona mostrándose de la siguiente manera