1. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Materia
Desarrollo de aplicaciones web
Tema
manual
Nombre completo del Alumno : Sergio Santoyo molina
Grado:
4
Grupo:
“B”
Nombre del Docente : Eloy contreras de lira
Fecha de entrega :
09/11/13

2. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Ingresamos en un navegador no importa cuál sea “localhost” y nos
aparecerá esta pantalla la cual nos indica que ya estamos dentro de
XAMPP. Aquí agregamos la opción de idioma deseada en este caso
(español).
Despues te mandara a esta interfaz, en la parte izquierda de la
pantalla se encuentran varias opciones presionamos la herramienta
phpMyAdmin.

3. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
La
siguiente interfaz que
aparece nos permite
nombrar a la base de
datos y el cotejamiento oprimimos el botón crear y enseguida te la
crea
Ponemos
el
el que te
faul.
el nombre y
cotejamiento
da por de

4. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Despues agregamos el nombre de la tabla y el número de campos que
tendrá y damos clic al botón continuar.

5. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Ahora nos muestra varias opciones o los campos que agregamos al
principio donde debemos agregar varias cosas como si es entero los
valores
claves
primarias
etc.
-Ya cuando llenamos toda la información dentro de la tabla damos clic
en el botón grabar

6. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
-Esta interfaz nos indica que
llenamos.
se creó correctamente la tabla que
Ya que hemos creado nuestra base de datos tocara el turno de crear
las carpetas para nuestro sitio
1.-Ingresmos a equipo.

7. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
2.-Ingresamos a disco local (c:).
3.-ingresamos a la carpeta de XAMPP.
4.-Ahora doble clic sobre la carpeta htdocs para crear ahí nuestra
carpeta.
5.-estando dentro de la carpeta htdocs creamos una nueva carpeta
con un nombre que sea capaz de identificarse para su posterior uso
(registro).

8. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
-Ahora es turno de abrir Adobe Dreamweaber CS6
-Ahora la interfaz se muestra e ingresamos a la opción sitio,
esperamos que se desplace la barra de opciones y damos click en
nuevo sitio

9. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
-Ahora es tiempo de ingresar el nombre del sitio y elegir la carpeta.
Elegimos la carpeta que creamos anteriormente en htdocs y
oprimimos botón guardar
-Ahora creamos un nuevo archivo con el nombre correspondiente

10. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
-Ya que creamos el archivo volvemos a crear otro
-Damos
doble
click
sobre
el
archivo
guardar
-Estando dentro del archivo guardar elegimos la pestaña de ventana y
damos click en base de datos. Con esto se abrirá una nueva ventana
en la parte derecha de la interfaz.

11. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
-Ahora dentro de la ventana nueva damos click en servidor de prueba

12. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
-Nos aparecerá la siguiente pantalla donde configuraremos nuestro
sitio.
-En la opción de avanzadas damos click a la opción PHP MySQL.
Damos click en guardar
-A continuación aparece la siguiente interfaz y oprimimos guardar

13. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
-Dentro de la ventana base
de datos desplazamos la
ventana (+) y damos clIck
en conexión MySQL para comenzar la conexión
-Ya que ingresamos los datos damos click en aceptar

14. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
-La conexión nos tendrá que aparecer en la parte de la derecha
-Ahora en la pestaña insertar damos click en común y datos

15. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
-La opción elegida será insertar registro y después asistente de
formulario
de
inserción
de
registros
Ahora nos aparece la siguiente interfaz nosotros eliminaremos el
id_nombre
oprimiendo el
botón (-)

16. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
-ahora oprimimos el botón guardar
-Aparece la siguiente interfaz y elegimos la opción aceptar
-a continuación nos aparecerá la siguiente tabla
-Ahora abrimos nuestro otro archivo (registrar)

17. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
-Escojamos la opción de insertar datos-datos dinámicos-tablas
dinámicas
Creamos dos archivos
modificar y eliminar.

18. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Nos posicionamos en el archivo eliminar, en datos damos clic en
eliminar registro.
Nos aparece la siguiente ventana y en la opción después de
borrar damos clic en examinar y seleccionamos lista
En el archivo lista seleccionamos eliminar y la vinculamos con el
archivo eliminar.php
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

19. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
En el archivo modificar nos vamos a datos en actualizar registro
y vamos a tener q crear un juego de registros presionamos clic en
aceptar.
En la opción después de eliminar
examinar y lista.
ir a
le
presionamos clic en
Después en el archivo lista seleccionamos modificar y creamos un
hipervínculo a modificar.php

20. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Después nos vamos al código y hacemos lo mismo que en
eliminar, copeamos el código.

21. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Para generar el reporte copeamos los siguientes archivos en
carpeta donde tenemos guardado nuestro sitio.
la
Abrimos el archivo de reporte cliente para modificar el código y que
nos genere el reporte de nuestra base de datos.

22. UNIVERSIDAD TECNONOLÓ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
reporte, y nos muestra el reporte ya creado
en nuestro registro –

23. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN