24
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 Web II. Tema Manual De Dreamweaver. Nombre completo del Alumno: Sandra Montoya Reyes. Grado: 4 Grupo: B Nombre del Docente: I. en Tics Eloy Contreras de Lira. Fecha de entrega : 8 de Noviembre de 2013

Manual De Manipulacion De Datos

Embed Size (px)

Citation preview

Page 1: Manual De Manipulacion De Datos

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 Web II.

Tema

Manual De Dreamweaver.

Nombre completo del Alumno: Sandra Montoya Reyes.

Grado: 4 Grupo: B Nombre del Docente: I. en Tics Eloy Contreras de Lira. Fecha de entrega : 8 de Noviembre de 2013

Page 2: Manual De Manipulacion De Datos

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

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

RECOMENDACION

Lo primero que debemos de tener antes de empezar a hacer nuestro sitio

debemos tener los siguientes programas que nos facilitaran llevar acabo la

creación de nuestro sitio y la base de datos.

XAMPP For Windows.

Adobe Dreamweaver CS5.

Si no los tienes los puedes descargar en internet además de que son muy fácil

de instalar y son muy fáciles de manejar y de aprender ya que su interfaz es

muy amigable.

Ya que lo tengas instalado y si ya lo tenías desde mucho antes lo primero que

debes de hacer con el XAMPP.

Le das clic en Apache y MySQL ahora te vas a tu explorador y en el buscador

pones la página de

localhost

Page 3: Manual De Manipulacion De Datos

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

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

Se crea la base de datos en localhost PHP MyAdmin .

Te aparece la notificación de que tu base de datos se ha creado. Dé aquí le

seleccionas cual es la clave o ID o con lo que quieras empezar primero y las

campos que quieres en este caso nosotros queremos 6.

clic en continuar y automáticamente te manda para que llenes los registros de

las columnas.

Page 4: Manual De Manipulacion De Datos

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

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

Los llenamos los registros clic en grabar ya está nuestra base de datos.

Ya se creó nuestra tabla ahora se habré el programa de adobe dreamweaver.

Ya que este abierto nuestro programa empezamos con la siguiente fase que es

crear nuestro sitio en dreamweaver.

Pero antes debemos crear nuestra carpeta en la de XAMP

Los pasos a seguir son estos:

Te vas al equipo clic, después a disco local C:

Page 5: Manual De Manipulacion De Datos

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

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

y allí buscamos la carpeta de XAMP, clic y buscamos la carpeta que dice

htdocs, creas una nueva carpeta que se llame con el nombre que tu deseas

yo en este caso de nombre mi_sitio.

De aquí ya continuamos en dreamweavear

Creando nuestro sitio y lo guardamos en la carpeta que creamos. Ahora nos

vamos a la barra de herramienta y clic en site que en español es sitio y le das

clic en la opción nuevo sitio.

Te aparece esta ventana llena los registros y le puse mi_sitio

Page 6: Manual De Manipulacion De Datos

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

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

Le das clic ala carpetita y buscas la carpeta que creamos y la seleccionas y allí

guardamos todo lo de nuestro sitio.

Después clic a la opción que está a lado izquierdo la opción que dice servers

“servidor”.

Page 7: Manual De Manipulacion De Datos

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

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

Ahora le damos clic en la + de agregar

Ahora llenas todos los registros.

Page 8: Manual De Manipulacion De Datos

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

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

En la primera opción le pones el nombre de tu servidor en este caso yo le puse

misitio1B

Después en la conexión local/network “local/red.

Y busque la carpeta que cree de allí le pones la dirección localhost/y el sitio.

Después le damos clic en la opción advanced “avanzadas”.

Seleccionas la opción de PHPMyAdmin. Después te aparecerá esta

ventanilla

Le pones la palomita en la opción testing “de prueba”. Té aparecerá esta

ventana a mano derecha.

Page 9: Manual De Manipulacion De Datos

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

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

Le das clic izquierdo a la carpetita de tu sitio y le das nuevo archivo clic y le

pones de nombre como tu gustes en mi caso yo le puede nombre

”guardar_alumnos” y haces lo mismo otra vez pero le pones otro nombre

“lista_alumnos”.

De aquí te vas a la barra de herramientas que se llama Window “ventana” le

das clic y seleccionamos database “base de datos”.

Te mostrara la siguiente ventana a mano derecha le das clic + MySQL

Connection.

Page 10: Manual De Manipulacion De Datos

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

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

A parecerá la siguiente ventana llenamos los registros

En el primer registro le pones el nombre de tu carpeta creada, localhost, root y

después seleccionamos nuestra base de datos clic en SELECT.

A aquí te mostrara las bases de datos que creaste y seleccionas la que tu

creaste yo voy a seleccionar pruebas_1b clic ok.

Page 11: Manual De Manipulacion De Datos

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

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

Confirmamos.

Después a mano derecha nos vamos asta mero arriba y clic a la opción de

o insertar se desplegara una lista y seleccionas datos o

data

Te aparecerán varias herramientas pero nosotros vamos a utilizar la de

insertar registros “Insert Record” ya que esta nos ayudara a crear la base

de datos y se desplegaran dos opciones y seleccionamos

Page 12: Manual De Manipulacion De Datos

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

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

“Record Insertion Form Wizard” que viene siendo asistente de formulario

Te aparecerá esta tabla y pues nosotros vamos a quitar lo del id_alumno

porque está declarada que va ir incrementado. Seleccionamos id_alumno y l

clic al botoncito

Después le vamos a cambiar a lo que es el sexo y el grupo formato de texto.

Seleccionamos el grupo clic en propiedades y clic en menú.

Page 13: Manual De Manipulacion De Datos

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

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

Después te aparecerá la siguiente ventana y tú la modificas dependiendo de lo

que desees.

Si quieres quitar algo seleccionas lo que vas a quitar clic en:

Si vas agregar le das clic en:

Ya que uno termino de llenar los registros clic en ok

Page 14: Manual De Manipulacion De Datos

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

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

Nos aparecerá la ventana siguiente ahora comprobaremos que se inserten los

registros pero debemos guardar todo

Nos vamos a la barra de herramientas clic en

Archivo, te desplegara una lista le das clic en sabe all o

“guardar todo”.

Nos vamos a nuestro explorador nos vamos al buscador y escribimos localhost

y el nombre de tu carpeta donde guardaste tu sitio.

Por ejemplo:

Localhost/mi_sitio

Page 15: Manual De Manipulacion De Datos

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

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

Y si está todo bien te aparecerá esta página le clic en guardar_alumnos porque

ahorita el formulario que hicimos es para registra alumnos.

Te aparecerá esta ventana y llenaremos los registros para ver si funciona.

Verificamos en localhost en la base de datos y se aparece el registro que

llenaste es que si funciono.

Page 16: Manual De Manipulacion De Datos

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

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

LISTA_ALUMNOS.PHP

Seleccionamos lista_alumnos ahora nos

vamos a las herramientas que están arriba en las de datos y seleccionamos

dynamic data “datos dinámicos” le das clic

Se desplegaran opciones y nosotros seleccionaremos la opción de Dynamic

table “tabla dinámica”.

Te aparecerá la siguiente ventana

Page 17: Manual De Manipulacion De Datos

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

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

Clic en recordset “juego de registros” clic te aparecerá la siguiente ventana

y le das clic en ok.

También le das ok y te parecerá otra ventana le das clic en “todos los

registros” .Le das ok

Y te muestra los siguientes campos.

Page 18: Manual De Manipulacion De Datos

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

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

Verificamos con nuestro explorador para que nos muestre la lista de nuestros

alumnos registrados.

Escribamos la página en nuestro buscador

http://localhost/mi_sitio/

Cli en lista_alumnos.php y te aparecerá tu tabla con los alumnos registrados.

Y ya terminamos con nuestro sitio. Bueno con una parte todavía nos falta

mucho por continuar.

ELIMINAR.

Para eliminar Y modificar los registros nos posicionamos en el archivo de

lista.php, seleccionamos apellido materno y clic en derecho e insertamos dos

columnas y las nombramos eliminar y modificar

Page 19: Manual De Manipulacion De Datos

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

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

Creamos nuestros archivos eliminar y modificar.

Después nos vamos a la ventana de mano derecha clic en eliminar registros

Te aparecerá la siguiente ventana llenas registros y le clic en examinar para

posicionarnos en donde vamos a guardar.

Page 20: Manual De Manipulacion De Datos

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

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

Se selecciona el archivo y en el URL “eliminar.PHP clic en aceptar.

ACTUALIZAR

Nos vamos al archivo de modificar clic para abrirlo.

DATA clic en actualizar registros y después

Clic en juegos de registros te aparecerá la siguiente ventana y llenamos todos

los registros y clic en aceptar

Page 21: Manual De Manipulacion De Datos

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

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

Aparece esta ventana llenamos los registros los llenamos ingresas el nombre

de nuestra conexión el nombre de archivo etc.clic en aceptar.

Ahora los vinculamos para que se regrese a la página y clic en aceptar

Ahora verificamos nos vamos al explorador

http://localhost/mi_sitio/

Page 22: Manual De Manipulacion De Datos

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

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

Clic en

Y te mostrara la siguiente tabla y ya tu seleccionas al alumno que deseas

eliminar.

Pero primero guardas alumnos y te mostrara los alumnos registrados y ya clic

en eliminar y se eliminara automáticamente.

Page 23: Manual De Manipulacion De Datos

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

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

REPORTE

Se pegan estos archivos en la carpeta del sitio para llevar a cabo el reporte

Y te aparecerán los siguientes archivos

Se modifica el código de archivo de REPORTE DE ALUMNOS conforme a los

datos que tenemos en nuestra base de datos.

Page 24: Manual De Manipulacion De Datos

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

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

Y verificamos que nos muestre el reporte desde cualquier navegador que tu

desees si explorador,google crhome.

Localhost/mi_sitio.

Clic en reporte y te aparecerá si no vuelve a verificar espero que este manual

te facilite el trabajo.