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
MANUAL DE MANIPULACIÓN DE DATOS
Nombre completo del Alumno : Adriana Berenice Renovato Ceja
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
PASOS PARA HACER LA CONEXIÓN A UNA BASE DE DATOS
1. Para iniciar nuestra conexión a una base de datos se necesita que sea instalado el XAMPP,
para esto tecleamos en un explorador localhost.
2. Después nos aparece una ventana y seleccionamos la función phpMyAdmin que nos va a
permitir crear nuestra 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
3. Ahora se muestra la interfaz donde se crea la base de datos, para comenzar a crearla nos
vamos a la opción de crear nueva tecleamos el nombre que le vamos poner a la base de
datos y presionamos el botón crear.
4. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
4. Nos aparece la siguiente ventana donde nos dice que nuestra base de datos fue creada,
nos pide el nombre de la tabla y el número de campos que esta llevara y pulsamos el botón
continuar.
5.
A continuación nos aparecen los campos donde los vamos ir llenando con la información
correspondiente de acuerdo a cada campo, cuando los campos ya estén llenados le damos
en el botón grabar para que quede guardada nuestra tabla en la base de datos antes
creada.
5. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
6. Ahora nos muestra que nuestra “alumno ” ya fue creada de manera correcta
7. Una vez teniendo nuestra base de datos creada, dentro la opción MI PC seleccionamos la
opción disco local (C): y presionamos dando doble clic.
6. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
8. Nos aparecen las siguientes carpetas seleccionamos la carpeta XAMPP y presionamos
dando doble clic sobre esta carpeta.
9. Después de que se está dentro de la carpeta XAMPP, buscamos la carpeta htdocs, dentro
de esta carpeta vamos crear una nueva carpeta donde se van ir guardando todos nuestros
archivos que vallamos creando. Es muy importante tener en cuenta que el nombre de
nuestra carpeta tenga el mismo nombre que la de nuestra base de datos.
7. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
10. Después de haber creado la carpeta abrimos nuestro programa Adobe DreamWeaver CS6
11. Una vez teniendo nuestro programa abierto vamos a empezar a crear nuestros archivos y la
conexión.
8. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
12. Nos vamos a la barra de herramientas y elegimos la pestaña sitio, esta es para crear
nuestro nuevo sitio.
13. Después de que seleccionamos opción nuevo sitio, en esta ventana vamos a configurar el
sitio, lo cual le vamos asignar un nombre y seleccionamos la carpeta raíz donde se va
guardar.
9. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
14. En esta misma ventana seleccionamos la opción servidores presionamos el botón con el
signo mas, donde vamos a configurar el sitio.
15. Seleccionamos la pestaña básicas donde vamos insertar un nombre al servidor en la opción
conectar seleccionamos la opción local/red.
10. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
16. Dentro de esta misma ventana agregamos la carpeta raíz y la URL de este mismo.
17. Después, antes de guardar los datos nos vamos a la opción de avanzadas y solo elegimos
el modelo de servidor y ahora pulsamos el botón guardar.
11. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
18. Después de terminar la configuración del servidor no aparece una ventana donde solo
cambiamos de modo remoto a prueba y se presiona el botón guardar.
19. En la parte derecha de la ventana nos aparece que nuestro sitio ya fue creado.
12. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
20. Una vez creada la carpeta de nuestro sitio seleccionamos la que dice prueba se da clic
derecho y seleccionamos nuevo archivo y vamos crean cada uno respectivamente con su
nombre.
13. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
21. Nos vamos a la barra de menús y seleccionamos ventana donde muestra una lista
desplegable aquí se selecciona la opción base de datos para hacer la conexión datos,
abrimos el archivo creado guardar_alumno.php y damos clic en la conexión MySQL, y nos
muestra una ventana en donde vamos a llenar el nombre de la conexión, el servidor y el
nombre de usuario y nuestra base de datos y presionamos dando clic en aceptar.
22. Nos vamos a la pestaña, insertar en datos y elegimos la opción registro y damos clic en
asistentes de formularios de inserción de registros y vamos llenando cada uno de los datos
que nos muestra y pulsamos aceptar.
14. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
23. Aquí ya
se muestra el formulario
guardar_alumno.php
ya insertado en el archivo antes creado
24. A continuación abrimos el archivo lista_alumnos.php y nos vamos nuevamente a la
pestaña insertar en datos se nos dan varias opciones y seleccionamos Datos dinámicos y
se elige la opción tabla dinámica y nos aparece una pequeña interfaz elegimos juego de
registros.
15. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
25. Nos aparece una ventana de nuestro juego de registro como la siguiente donde
configuraremos nombre hay se le puede cambiar o dejar el mismo nombre que da por
default y pulsamos el botón guardar aceptar.
26. Aquí ya se muestra la tabla de lista_alumnos.php, esta nos va a ir guardando los
datos que se vallan insertando en el formulario 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
27. Después de que nuestra lista fue creada ahora crearemos un nuevo archivo
con el nombre de eliminar.php para que nos permita eliminar los registros en el
archivo ya generado lista_alumnos.php.
28. Ahora abrimos el archivo lista_alumnos.php en donde se insertaran dos
columnas una se combinara y esta llevara el nombre de Acciones y en serán las
siguientes Eliminar registros y Actualizar los registros cada uno se vinculara esto
para nos lleve a una archivo en específico ya en el explorador sería la página.
17. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
29. Dentro del archivo lista_alumnos.php, en la tabla seleccionamos la accion
Eliminar ,teniendo esta accion seleccionada nos vamos al boton codigo en el
agregaremnos el siguiente pedazo de codigo este mismo se toma de lo que ya
esta generado en este archivo solo se copea donde se indique:
id_alumno=<?php echo $row_Recordset1['id_alumno']; ?>
30.Creamos un nuevo archivo con el nombre actualizar_alumno.php y se realiza
lo mismo copiamos el mismom pedazo de codigo, este se agrega en la misma
linea pero ahora en actualizar.
18. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
31. Después de haber creado nuestro sitio, configurado el servidor y haber hecho
la conexión de base de datos, para verificar si la conexión se realizó
correctamente, podemos abrir cualquier explorador en donde se teclea la
siguiente la siguiente dirección :http://localhost/prueba4b/.
32. En la anterior página se muestran varios archivos el cual abrimos el archivo
guardar_alumno.php para comenzar a guardar los registros que deseamos que
estos se vallan agregando a la lista_alumnos.php, tanto como a la base de datos.
19. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
33.Depués de haber llenado todos los campos, que pedia el registro este no
manda directo a lista_alumnos.php, donde aquí se muestra la tabla antes creada
con las acciones y vemos que los datos gueron guardados exitosamante en
nuestra base datos.
34. L a accion Eliminar nos permite borrar un campo en la base de datos, como en
nuestra lista_alumno para ello solo presionando este hibervinculo.
20. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
35. Ahora con la accion Actualizar,cambiaremos un de los datos, de los campos
llenados esto se hace desde el archivo guardar_alumno.php, seleccionamos
dando clic sobre el campo que se quiere cambiar y volvemos actualizar registro.
36. Como vemos nos manda a lista_alumnos.php,aquí vemos que los datos que
cambiamos fueron actualizados correctamente.
21. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Para crear reportes en pdf, ya teniendo la base de datos creada y nuestro sitio
servidor prueba,ahora si podemos empezar a crear nuestros reportes.
37. Ahora dentro de disco local (C ):,pegamos los archivos de la librería PDF en la
carpeta de nuestro sitio que creamos en htdocs anteriormente.
38. Después nos vamos al programa DreamWeaver y en la opción código,
empezamos a modificar el archivo reporte_cliente.php.
22. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
39. Ahora abrimos cualquier explorador el que sea de preferencia, tecleamos los
siguiente localhost/CFE/Lista_clientes.php aquí seleccionamos la opción Reporte
PDF.
40. Como vemos dando clic en el hipervínculo Reporte PDF, así es como no
genera nuestro reporte, este sería el resultado final.