30
[ 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 : Elizabeth De La Cruz García Grado: 4 Grupo: A

Manual

Embed Size (px)

Citation preview

[

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD 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 : Elizabeth De La Cruz García

Grado: 4 Grupo: A

Nombre del Docente : Eloy De Lira Contreras

Fecha de entrega: 08/ Noviembre/2013

[

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Aprenderemos a utilizar Dreamweaver en

un sitio Web con un conjunto de archivos y

carpetas, relacionados entre sí, con un

diseño similar o un objetivo común.

Pretendo aprender a diseñar y planificar el

sitio Web.

[

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Para comenzar nos vamos al navegador de nuestra preferencia, ahí ponemos localhost/xampp/. Damos clic en phpMyAdmin. Para esto debemos tener activado nuestro XAMPP.

En seguida nos parecerá esta ventana, es aquí donde vamos a crear nuestra Base de Datos.

[

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Es ahí donde pondremos el nombre de nuestra Base de Datos, en este caso le pondré Musica. Ahí mismo le damos crear en la opción que aparece a nuestra derecha.

Nos aparecerá esta ventana. Aquí le daremos nombre a una tabla que debe de llevar nuestra Base de Datos. En mi caso le pondré Discos. Ahí mismo le pondremos cuantos campos llevara nuestra tabla. Clic en Continuar.

[

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Enseguida nos aparece esta ventana, aquí pondremos los nombres a los campos que llevara nuestra tabla. Después de ponerle nombre a nuestros campos de darles valores, y eligir la llave primaria le damos grabar.

Después nos aparecerá esta ventana donde quedara indicado que se creo una base de datos llamada Musica, con una tabla llamada Discos y esta contendrá tres campos, como se muestra en seguida:

[

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Después minimizamos todo para poder ir al botón Inicio que aparece en nuestra barra de tareas. Daremos clic en la opción Equipo.

Nos aparecera esta ventana, ahí daremos clic en la carpeta xampp y dentro de la carpeta xampp en la carpeta de htdocs:

[

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Dentro de la carpeta htdocs vamos a crear una carpeta, esta es para poner dentro lo que necesitaremos para nuestro sitio. En mi caso le puse el nombre de música_prueba.

Despues dejamos aun lado nuestra carpeta, damos minimiuzar a todo y abrimos nuestro DreamWeaver.

[

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Una vez abirto nostro Dreamweaver vamos a crear un sito, nos vamos a la opcion que dice: Site y daremos clic en: New Site.

Le daremos nombre a nuestro sitio en mi caso será prueba, elegimos la carpeta que creamos hace unos momentos

[

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Antes de guardar tenemos que ir a la opcion Serves que aparece en la misma ventana de lado izquierdo. Nos aparecera esta ventana: daremos clic en el signo de +.

Y nos parecera esta ventana, es aquí donde aremos la coneccion a la Base de Datos que creamos al principio, le pondremos nombre a nuestra servidor y le daremos una dirrecion donde nos aparecera nuestro sitio ya creado.

[

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Daremos clic en la opción de Serves que nos parece en un lado, aquí aparecerá la conexión que hicimos anteriormente, quitamos la palomita que nos aparece enseguida del nombre de nuestra conexión lo dejaremos en Testing. Después de esto guardaremos todo le daremos clic a la opción Save.

Y ahora si ya nos aparecera nuestro sitio, como se muestra a continuacion:

[

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Daremos doble clic en el sitio, esto sera para empezar a agregar nuestras lista, le pondremos Guardar_musica.php.

Una vez creda nuestra lista, nos iremos a la opcion de DATABASES y daremos clic en el signo de + y en la unica opcion que nos parece ahí.

[

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Es aquí donde pondremos el nombre de nuestra coeccion, donde se encuentra, y como acceder a ella.

Daremos clic en la opcion de select… esto sera para elegir nuestra Base de Datos que creamos al principio. Una vez elegida nuestra base de datois damos clic en OK.

[

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Despues de eso nos aparecerá a la opción de DATABASES nuestra conexión a la base de datos que creamos.

Al finalizar eso vamos a buscar en la opción Data que se encuentra arriba de nuestra conexión, buscaremos la opción de Record Update From Wisard.

[

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

A continuación vamos a crear una lista, aquí vamos agregar la carpeta que hicimos y a quitar la llave primaria que pusimos cuando creamos los campos de nuestra tabla.

Una vez creado lo anterior nos aparecerá esta ventana que mostrara el genero y el artista.

[

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Nos aparecera esta ventana donde no modificaremos nada todo pasara igual. Solo agregaremos la conexión de nuestra base de datos en este caso conexión_prueba. Daremos clic en OK.

Y nos aparecerá esta ventana donde seleccionaremos All Records.

[

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Vamos a crear un archivo php en nuestro sitio que tendrán por nombre Eliminar y Actualizar.

[

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Comenzaremos con Eliminar damos doble clic en el archivo, en la pestaña Data, buscaremos la opción Data Record. Nos aparecerá esta ventana que la dejaremos igual lo único que le vamos agregar será un archivo a donde queremos que se regrese después de que se allá eliminado, se elige en el botón Browse…

[

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

En lista_discos nos aparecerá la siguiente ventana donde agregaremos una tabla esto será para poner las opciones de eliminar y actualizar así como reporte. Pondremos nuestro cursor en la tabla y daremos clic derecho desplegará una lista de muchas opciones elegiremos la de Table y de ahí la de Insert Rows or Columns…

[

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Nos aparecerá una ventana donde indicaremos cuantas celdas queremos que se nos agreguen, y una vez indicado daremos clic en OK.

Para esto ya tenemos que tener a lado las celdas que agregamos, en las columnas superiores las seleccionaremos para combinarlas. Después de seleccionadas daremos clic derecho y nos mostraran varias opciones elegiremos la de Table y de ahí la de Marge cells…

[

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Ahora si nos aparecen la siguiente ventana ya agregadas las acciones de eliminar y actualizar.

Seleccionaremos la acción de Eliminar, esto será para agregar el link de eliminar. Los que agregaremos serán los que ya teníamos hechos. En la parte inferior aparece la opción de link y daremos clic en la carpeta para poder elegir la de eliminar.

[

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Después de seleccionar el link. Nos vamos al código, ahí vamos agregar una línea de código: <td><a href="eliminar.php?id_disco=<?php echo $row_lista['id_disco']; ?>">eliminar</a></td>

[

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Ahora modificaremos la de actualizar, en realidad es lo mismo que eliminar solo que con la diferencia de que en vez de poner eliminar será actualizar. Como primer paso debemos de darle link a actualizar, se selecciona y en la carpeta se elige el archivo e actualizar.

[

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Para esto tendremos que agregar una celda, será igual que lo anterior tendremos que poner nuestro cursor en una de las celdas daremos clic derecho y no aparecerán las mismas opciones damos clic en ellas y nos aparece un recuadro donde pondremos las celdas que queremos. Para este tendremos que buscar el reporte en nuestra carpeta que ya existe.

De qui tenemos que irnos a nuestro navegador y podremos localhost/musica_prueba de ahí nos aparecera las iguiente ventana, es aquí donde pongo la prueba de que mis sitio esta funcionando correctamente.

Eligiramos la opcion de guardar_musica

[

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Nos aparece esta ventana donde agregaremos un genero y un artista.

[

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

En seguida nos muestra una ventana donde ya se guardo y si ya existen mas generos y artistas guardados.

Para actualizar solo le daremos clic en actualizar y manda la primera ventana según el registro que desea actualizar, este ya va seleccionado.

Es así como queda concluida nuestra practica.