Este documento describe los pasos para crear una base de datos y una aplicación web sencilla utilizando PHP y MySQL. Explica cómo crear la base de datos en phpMyAdmin, desarrollar la interfaz web en Dreamweaver, y agregar funciones para insertar, eliminar y actualizar registros en la base de datos a través de la aplicación.

1. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
DESARROLLO DE APLICACIONES II
MANUAL
Arturo Morales Ruiz
Grado:
4°
Grupo:
A
ITIC. 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
En la pantalla que se muestra en seguida lo primero que asemos es seleccionar nuestro
navegador.
Luego entramos a phpmyadmin para crear la base de datos

3. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Al darle clic en esta opción nos manda a la siguiente ventana para empezar a crear una base de
datos y a continuación le damos el nombre a la base de datos
En esta ventana lo primero que tenemos que hacer o el primer paso a seguir es darle el
nombre a nuestra base de datos el nombre de nuestra base de datos

4. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Después de escribir el nombre como mostré en la pantalla de arriba damos clic el crear como
mostrare en la pantalla para que así quede guardada o creada nuestra base de datos :
Esta ventana muestra como la base de datos se creo correctamente

5. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
En este caso lo llamaremos alumno y le daremos como numero de campos 4, y damos clic en
continuar.
Nos manda ala siguiente pantalla donde aremos lo siguiente en los espacios vacios de el
apartado campo pondremos lo que nesesitas en tu tacla creada en la base de datos donde pide
el nombre de los campos asi como sus atributos

6. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
En este caso pusimos los siguientes campos id alumno, nombre, apellido paterno, apellido
materno, a a ojo todas sus tablas deben llevar un id como llave primaria debe de ser de tipo int
llave primaria y autoincrementadle como les mostrare en la tabla siguiente.
La llave primaria se pondrá o la seleccionaremos en el campo o apartado índice y diremos que
sea autoincremental seleccionando en el cuadrado de enfrente.

7. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
En el caso de los otros campos se pondrá el tipo de dato que sea en este caso los tres son
varchar y pondremos la longitud que se necesite que en este caso yo puse 50.
Y cuan do demos grabar en la pantalla de arriba Ya nos muestra nuestra base de datos hecha
como se les muestra abajo.

8. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Entramos a la carpeta XAMP que se encuentra en el disco local C:
Despues a la carpeta con nombre htdocs
Ya estando dentro de la carpeta creamos una nueva hay dentro y la guardamos

9. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Abrimos el SW Adobe Dreamweaver CS6 para continuar con la creación de nuestra
Base de Datos y que esta sea conectada le damos clic en la pestaña SITIO y creamos
nuestro nuevo sitio.
Un sito de Dreamweaver es el conjunto de archivos y activos que se utiliza en el sitio
web,consta de dos partes una carpeta local en su equipo en la que almacena y trabaja con los
archivos y una capeta remota ubicada en un servidor.
En nuestro caso asignaremos el nombre de nuestro stio.

10. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
En la carpeta crear un nuevo archivo con el nombre deseado.
Ahora dar clic en esta pestañita para llenar los siguientes campos

11. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Se llenan los campos y le damos aceptar
Después damos clic en ventana e insertar y nos aparecerá un a nuestra derecha un cuadrito
buscamos donde diga base de datos y damos clic en insertar registro y después en asistente de
formulario de insertar registro.

12. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Después nos muestra esta otra ventana donde nos muestra la s carpetas que están
adrento de xampp y le damos clic en la carpeta htdocs.
Ahora buscamos nuestro sitio .

13. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Le damos en la opción de seleccionar.
Después le damos en la opción de servidor y le damos en el signito de mas.

14. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Llenamos los campos que se muestran en la pantalla conectar usando le ponemos
local/red.
Cuando le damos en la opción local/red, buscamos la carpeta en donde esta guardado
nuestro sitio.

15. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Le damos en la opción de avanzados y elegimos el modelo se servidor php mysql.
Le damos en la opción guardar y esta listo.

16. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Despues le damos en nuevo archivo y le ponemos un nombre esn este caso el mi sera
alumno.php.
Le damos clic en base de datos y nos aparecerá una tabla como la siguiente imagen
llenamos los campos.

17. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
En esta seleccionamos la base de datos.

18. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Dentro de nuestros archivos vamos a crear uno nuevo que se llama Eliminar

19. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Dentro del archivo lista se crea un campo en el cuadro y el mismo se enlaza al archivo eliminar
Luego nos muestra a donde queremos que nos envíe al eliminar en este caso nos va a mandar
hacia lista

20. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
En este cuadro nos notifica que es lo que se va a eliminar en la tabla, le presionamos aceptar

21. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Despues nos vamos a ir al codigo de el archivo eliminar y vamos a pegar el codigo señalado
Ya terminada la función eliminar creamos otro campo en la tabla del archivo vista que se llame
actualizar asimismo un archivo con el mismo nombre el cual es enlazado con el campo de la
tabla de la lista

22. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Después de esto se busca la opción actualizar y aparece un recuadro que notifica lo que se va
actualizar
Después aparece el archivo donde va la función actualizar y hay lo guardara

23. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Luego se hace similar a la función eliminar y se copia el mismo código y se pega donde mismo
Ya copiado el código se verifica en el explorador que el sitio funcione correctamente

24. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Si el sitio funciona correcta mente muestra los datos como en la siguiente imagen