Este documento provee instrucciones paso a paso para crear una base de datos en phpMyAdmin y conectarla a una aplicación creada en Dreamweaver CS6. Explica cómo crear carpetas y bases de datos, activar MySQL y Apache, e insertar registros. También cubre cómo crear formularios para insertar, eliminar y actualizar registros, y cómo generar reportes PDF usando la librería FPDF.

1. UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Materia
Desarrollo de Aplicaciones ll
Tema
Manual para la creación de una base de datos en
phpmyadmin y conexión Dreamweaver cs6 .
Nombre completo del Alumno : Lizbeth Martínez Dávila
Grado:
4
Grupo: “ A “
Nombre del Docente : Eloy Contreras de Lira
Fecha de entrega :
08 de noviembre del 2013

2. Como primer paso vamos a hacer la creación de la carpeta en xampp esta es la carpeta donde se
guardan los documentos que hacemos en dreamwear 6, después seleccionamosla carpeta htdocts.
Creamos la carpeta
con el nombre sitioprueba
Ya adentro creamos una carpeta con el nombre del proyecto que es sitio_prueba
Minimizamos para abrí el XAMPP ya que haremos la creación de la base de datos.

3. Seleccionamos
el panel para
activar xampp y
apache
A aquí nos vamos a todos los programas y seleccionamos XAMPP control panel para activar
MySQL y apache para que inicie el arranque ya que este nos permite hacer las conexiones con
draamweaver6
Activación de
apache y MySQL

4. En esta pantalla se presentalo que es la selección de los dos modelos que vamos a utilizar que son
MYSQL Y APACHE seleccionamos start para que comience a arrancar y cerramos.
Nos vamos a cualquier navegador y accedemos a local host para entrar de manera local al
servidor la damos entre y nos manda a todos los menú de opciones que tiene el xampp
A aquí seleccionamos phpmyadmin que es donde vamos estar trabajando
Seleccionamos
Phpmyadmin

5. En esta pantalla mostramos la creación de la base de datos con el nombre de prueba después de
damos en crear
En esta tabla creamos la tabla, le damos el nombre y vamos a darle un número
exacto de columnas que vamos a ocupar de pendiendo de los registros que
vamos a llenar. le damos continuar

6. A aquí empezamos a llenar todos los registros dándoles el nombre, tipo, longitud,
si es nulo y el índice después de a verlo llenado guardamos los cambios para así
hacer la conexión con la otra aplicación de dreamwear6.
En esta pantalla abrimos el programa de dreamwear6 y creamos un nuevo sitio

7. A aquí nos vamos a new site para la creación del sitio seleccionamos y nos
muestra una ventana la cual vamos a llenar.
En esta ventana la llenamos los espacios que te pide como son Site name vamos
a poner el nombre de la carpeta ya creada en htdocts y en el siguiente apartado
seleccionamos la carpeta en donde se guardaran todos los archivos.a
continuación nos vamos al otro apartado que es servers en este vamos a llenarlo
para hacer la conexión

8. En esta pantalla le ponemos en el signo más para llenas los datos faltantes a aquí
nos aparece la siguiente pantalla.
Nos aparecen dos apartados que son basic y advanced,
En basic pondremos un nombre cualquiera a elegir el la siguiente línea le
ponemos local/network en la siguiente seleccionamos la ubicación del nombre de
la carpeta en donde creo el proyecto
En la web url le ponemos hpp//localhost/empresa que así es el nombre de la
carpeta en donde vamos a hacer todo el proyecto.

9. Nos vamos Al siguiente apartado que es advanced en este solo modificaremos
php MYSQL cerramos.
Ya teniendo el sitio creamos un nuevo archivo con el nombre de guardar.php

10. En esta pantalla nos vamos a la carpeta del sitio le damos click derecho y le
damos new file y le ponemos su respectivo nombre que es guardar.php. Que es el
primer pasa para hacer la conexión y mostrar correctamente las tablas
correspondientes
Seleccionamos
new file

11. Ya creado le damos click en el archivo .Después nos vamos al menú data para
seleccionar insert recorded seleccionamos record insertion form widcard
Seleccionamos
record insertion
form
A qui seleccionamos la ubicación de los datos que tenemos guardados en le
proyectoy tambien noa aparece todos los datos guardados en phpmyadmin el cual
seleccionamos el id y lo eliminamos con el signo de menos.y le damos aaceptar
Por ultimo guardamos todo los cambias realizados en el proyecto en SAVE ALL

12. Seleccionamos
save All
Ya guardado nos vamos al navegador
localhost/sitio_prueba/guardar.php
el cual describimos la siguiente línea
Nos da como resultado todos los datos que realizamos en phpmyadmin así es
como nos aparece.
Ejemplo para guardar registros de algunos usuarios

13. A aquí creamos un nuevo archivo llamado lista. Con el mismo formulario del
archivo guardar utilizaremos los datos para ingresar nuevas columnas en el
registro de lista
Estos son datos de los archivos de lista por lo cual nos ubicaremos en la última
columna que nos aparecerá en rojo la seleccionamos y le damos click derecho

14. Nos aparece el siguiente menú elegimos table y nos despliega otro menú y
seleccionamos insert rows or columns y le damos click
Insert
rows or
columns
Nos aparece un recuadro con varias opciones que aquí vamos a especificar
cuantas columnas o filas queremos insertar

15. En este caso seleccionamos 2 y le cambiamos la opción de filas a columnas y le
damos ok
A aquí nos aparecen las 2 filas y las 2 columnas que necesitamos

16. Se deslizan para ponerles su respectivo nombre
En la primer fila le pondremos acción es la que nos indica lo que queremos elegir
La segunda le ponemos 2 nombres que son eliminar y actualizar.

17. Aquí le
ponemos
eliminar
A aquí creamos otro archivo llamado eliminar
New file
Nos vamos a la pestaña data para seleccionar el menú delete record en el cual
nos aparece la siguiente pantalla

18. Seleccionamos
delete record
Se selecciona la ubicación del proyecto eliminar de damos ok
Nos vamos a la diseño del archivo lista que aquí tenemos las columnas agregadas
seleccionamos la carpeta llamado vinculo

19. De aquí nos manda a todos los archivos guardados en el proyecto por lo que
seleccionaremos el mismo archivo que es eliminar le damos ok
Seleccionamos el archivo eliminar ya que nos vamos al código y nos vamos a ala
primer línea del código seleccionamos desde el signo menos a el signo mayor el
cual nos aparece en letras rojas

20. Pero para esto antes de pegarlo en la última línea de eliminar editaremos la línea
que es eliminar.php en seguida de esto cerramos ?id_empleado=a aquí pegamos
el código que seleccionamos anterior mente
A aquí guardamos todos los cambios en save All

21. Seleccionamos
save All
De igual manera realizamos lo mismo que en el archivo guardar pero es
importante que nos demos cuenta que este archivo es de eliminar. Le ponemos la
extencion que es localhost/empresa/eliminar.php

22. A aquí nos aparece los resultados y seleccionamos la opción eliminar
De igual manera hacemos un nuevo archivo llamado actualizar
Aquí creamos un nuevo
archivo llamado
Actualizar

23. Le damos click para entrar al diseño y al código nos vamos a data después nos
vamos a la selección
Seleccionamos
record update
form widcard
Aquí seleccionamos la
carpetacorrespondiente
Seleccionamos actualizar hacemos el vinculo

24. Selecciona
mos
actualizar y
aceptar

25. Nos vamos al código para y hacemos el mismo proceso que el de lista seleccionamos la línea de
id_empleado para pegarlo antes de pegarlo en la siguiente línea
Le agregamos id _alumno y se pega el código que seleccionamos anteriormente nos vamos al
diseño guardamos los cambios y arrancamos de igual forma con cualquier navegador para saber si
en realidad funciona correctamente.

27. A qui tenemos la carpeta de fpdf en esta tenemos los documentos que utilizaremos para
hacer el reporte antes de esto en la conexión de dreamweare y phpmyadmin haremos
otro cuadro llamado fpdf para crear el reporte
Abrimos la carpeta llamada fpdf para copiarlos en la carpeta de xampp
y seleccionamos todos los documentos que se encuentran dentro de el para
copiarlo a la carpeta en donde tenemos el proyecto en este casa se llama
sitio_prueba.

28. Por lo que también se va a copiar el archivo llamado reporte _docente que también se va a
cambiar a los mismos documentos
A aquí nos vamos a disco local c para irnos a la carpeta llamada xampp

29. Aquí seleccionamos xampp abrimos y también nos vamos a la carpeta de htdocts
En esta la abrimos la otra carpeta que está dentro de ella llamada escuela y aquí copiamos todos
los documentos que anterior mente ya teníamos seleccionados.

30. Aquí abrimos el dreamwear 6 para actualizar todos los documentos que acabamos de meter en el
proyecto en los archivos nos aparece el reporte que metimos por lo que actualizamos y nos
vamos al código donde modificaremos lo más conveniente o como lo queramos el cuestión de
diseño

31. Ya modificado el código lo guardamos nos vamos a file SAVE ALL
A QUI NOS DA EL RESULTADO EL COMO LO MODIFICAMOS
y seleccionamos todos los documentos que se encuentran dentro de el para copiarlo a la carpeta
en donde tenemos el proyecto