El documento describe los pasos para crear una aplicación web para registrar y listar datos de alumnos usando PHP y una base de datos MySQL. Inicialmente se crea la base de datos y tablas requeridas usando phpMyAdmin. Luego en Dreamweaver se crean páginas para ingresar datos de alumnos, mostrar una lista de alumnos registrados y funciones para eliminar y modificar registros. Finalmente se prueba que la aplicación funcione correctamente al acceder a las páginas web creadas.

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 II.
Tema
Manipulación de datos.
Nombre completo del Alumno: Enrique Reyes Correa.
Grado:
4°
Grupo:
“B”
Nombre del Docente: Eloy Contreras De Lira.
Fecha de entrega:
08/11/2013.

2. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Primero comenzamos por posicionarnos en mi Pc
Nos posicionamos en el disco local “C”
Presionamos doble clic para entrar

3. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Y ahora seleccionamos la carpeta de XAMP.
Y dentro de la carpeta htdocs creamos la carpeta donde
se guardara el sitio.

4. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Se crea la carpeta con el nombre que el usuario decida.

5. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Después debemos crear la base de datos en local host.
Seleccionamos phpMyAdmin para comenzar.
Aquí es donde comenzamos a realizar la base de datos.
Aquí se le da el nombre a la base de datos. Al finalizar se
selecciona crear.
Aquí se le asigna el nombre a la tabla con los campos
que se desee. Después se presiona el botón continuar.
Aquí se llena cada campo con la información que se
desea registrar.

6. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Al final se le da clic en el botón “grabar”.
Al terminar aparecerá la tabla con los datos a registrar.

7. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Después abrimos el programa “Adobe Dreamweaver
CS6”.

8. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Aquí se muestra la interfaz de Dreamweaver
CS6.
Después en la pestaña superior seleccionamos sitio y
creamos un nuevo sitio.

9. UNIVERSIDAD TECNONOLÓ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 anterior donde
le daremos el nombre al sitio.
En la carpeta del sitio local será la que se creó al
principio en la unidad c: la carpeta XAMP/localhost/y el
nombre de la carpeta. Como se muestra a continuación.

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

11. UNIVERSIDAD TECNONOLÓ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.

12. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Se le da el nombre al servidor se usara Local/red para
conectar usuario
La carpeta del servidor será la carpeta que se creó en
htdocs para guarda los archivos.
En el URL Web: después de http//localhost/ y el nombre
de la carpeta.

13. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Antes de guardar debemos presionar clic en la pestaña
de avanzados. En la parte de Modelo de servidor se
despliega la pestaña y se selecciona php. Y por damos
clic en el botón guardar.
Al seleccionar el botón guardar aparecerá una ventana
donde cambiaremos la
al otro recuadro como se
muestra en la siguiente imagen.

14. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Después presionamos el boton guardar.
Después se creó la carpeta donde se guardaran los
archivos que se van a crear.
En esta carpeta se crearan los archivos. Como:
Guardar_alumno.php, Lista_alumno.php,
generar_reporte.php, actualizar y eliminar..
Después presionamos clic derecho en la carpeta y
seleccionar Nuevo archivo como se muestra en la
siguiente imagen

15. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Después de que tengámonos nuestros archivo creados
Presionamos doble clic en Guardar_Alumno.php

16. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Después nos mostrara una pantalla en blanco donde
comenzaremos a realizar nuestra conexión a la base de
datos
En la opción base de datos presionamos clic en
seleccionar y nos aparecerán las bases de datos ya
creadas

17. UNIVERSIDAD TECNONOLÓ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 ultimo
presionamos el botón Aceptar.
Después se creó la conexión como se muestra
Y ahora en la pestaña de inserta que se encuentra en la
parte superior derecha seleccionamos datos.

18. UNIVERSIDAD TECNONOLÓ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 presionamos clic en
asistente de formulario de registros.
Nos aparecee la siguiente ventana para los campos que
apareceran en nuestro formulario

19. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Al seleccionar la opción aparecerá una ventana donde no
mostrara los datos que se desearan registrar.
En esta parte buscaremos en archivo llamado
Guardar_alumno.php que se encuentra en la carpeta
creada.
Después damos aceptar.
Y ya tenemos el archivo seleccionado.

20. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Seleccionamos la parte:
Y después en
el signo – para eliminar.
Después seleccionamos la Grado para mostrar como
Grupo de opción

21. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Presionamos el boton siguiente:
Agregamos valor y nombre a los campos

22. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Para agregar etiquetas presionamos clic en el símbolo +
y se edita la palabra por la que se desea escribir después
damos clic en el botón aceptar. Y llevar un orden de
valores.
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.

23. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Y ya tenemos la interfaz para Guardar alumno.
Ahora nos posicionamos en el archivo Lista_alumno.php
En la opción datos presionamos clic en datos dinámicos
y después en tabla dinámica.

24. UNIVERSIDAD TECNONOLÓ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 clic en juego de registros
Creamos el juego de registros

25. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Si el usuario desea cambiar nombre se puede hacer.
Después presionamos aceptar.
Seguimos seleccionando el botón aceptar.
Después aparecerá otra ventana donde seleccionaremos
todos los registros y aceptar.
Y ya tenemos nuestra Lista_alumno.php

26. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Comprobamos que nuestro sistema funciona en la web.
Presionamos clic en la opción Guardar_alumno.php
Aquí agregamos algún nombre cualquiera para verificar
que este en la Lista_alumno.php

27. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
En esta ocasión agregue una serie de letras al azar las
cuales si se guardaron en la base de datos.
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 clic en eliminar registro.

28. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD 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 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

29. 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 ir a le presionamos
clic en examinar y lista.
Después en el archivo lista seleccionamos modificar y
creamos un hipervínculo a modificar.php

30. 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.

31. 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 la carpeta donde tenemos guardado nuestro
sitio.
Abrimos el archivo de reporte cliente para modificar el
código y que nos genere el reporte de nuestra base de
datos.

32. 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 en nuestro
registro – reporte.

33. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Y nos muestra el reporte ya creado como nos muestra
la siguiente imagen: