Manual de-manipulacion-de-datos-rosario

31
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 DE MANIPULACION DE DATOS Guadalupe del Rosario López Guerrero Grado: Grupo: A ITIC. Eloy Contreras de Lira Fecha de entrega : 08/11/2013

Transcript of Manual de-manipulacion-de-datos-rosario

Page 1: Manual de-manipulacion-de-datos-rosario

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 DE MANIPULACION DE DATOS

Guadalupe del Rosario López Guerrero

Grado: 4° Grupo: A

ITIC. Eloy Contreras de Lira

Fecha de entrega : 08/11/2013

Page 2: Manual de-manipulacion-de-datos-rosario

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

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

En esta pantalla se muestra el funcionamiento de xampp esta aplicación es

utilizada para que exsista conexion con la base de datos que se creara a

continuacion. (Control Panel Aplication). Los dos primero botones son los que se

encienden o se hacen correr para la conexion con localhost.

Entras al navegador de tu preferencia, y tecleas en la barra de búsqueda lo

siguiente “localhost”, y seleccionas phpmyadmin esta aplicación es para crear la

base de datos.

Page 3: Manual de-manipulacion-de-datos-rosario

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

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

En la siguiente imagen se muestra la pantalla de inicio en ella te vas al apartado

donde dice herramientas y seleccionas la opción que dice phpmyadmin y

enseguida te abre la aplicación.

A continuación le das clic en el apartado donde dice BASE DE DATOS y te

aparece la siguiente ventana, le ingresas el nombre de la base de datos y le das

en el botón CREAR.

Page 4: Manual de-manipulacion-de-datos-rosario

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

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

Después debes de abrir la base de datos que acabas de crear para que le puedas

ingresar los datos a cada tabla le das en continuar y este mismo abre otra

ventana.

En la siguiente pantalla a continuación se muestran los campos que deben ser

llenados con los datos que deseas que lleve tu base de datos.

NOTA: No debes olvidar que el único campo que debe ser auto-incrementable y

ponerse como llave primaria es el id que llevara la tabla.

Page 5: Manual de-manipulacion-de-datos-rosario

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

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

Al terminar te vas hasta el final de la página y en el botón donde dice GUARDAR

le das clic y automáticamente a tu base de datos ya le podrás ingresar datos.

Esta pantalla aparece al momento que le das clic en el botón GUARDAR.

Page 6: Manual de-manipulacion-de-datos-rosario

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

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

En esta pantalla se muestran los datos que se podrán ingresar al momento de dar

de alta a un cliente, alumno.

A continuación vamos a crear lo que es la carpeta para nuestro sitio para esto

ingresamos al disco local C y buscas la carpeta de archivos de xampp le das doble

clic y buscas la carpeta de htdocs.

Page 7: Manual de-manipulacion-de-datos-rosario

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

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

En esta carpeta ya antes mencionada guardaras un subdirectorio en el cual vas a

guardar tu sitio

Dentro de htdocs creas una nueva carpeta con el nombre de la base de datos o

con el nombre del sitio.

Page 8: Manual de-manipulacion-de-datos-rosario

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

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

Aquí se muestra la carpeta ya creada para ser usada en tu sitio.

Dejamos esto por un momento y creamos la interfaz de la base de datos dentro de

una aplicación llamada “Dreamweaver CS6” en mi caso es la que voy a ocupar

pero existen diferentes versiones, pero puedes utilizar la versión que quieras.

Page 9: Manual de-manipulacion-de-datos-rosario

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

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

A continuación le das clic en la barra de tareas en donde dice SITE y después en

donde dice New site.

Al darle clic te abrirá esta ventana en donde deberás agregarle un nombre a tu

sitio y guardarlo en la carpeta que fue antes creada dentro de xampp en la carpeta

htdocs.

Page 10: Manual de-manipulacion-de-datos-rosario

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

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

Después de haber agregado esos datos das clic en el botón servers y t aparecerá

la siguiente ventana.

Le das clic en el botón del signo más para continuar con la configuración en esta

ventana se le agrega el nombre del servidor con el que estarán trabajando este

llevara un nombre cualquiera en mi caso yo le voy a poner mi_servidor este va sin

espacios o en su caso poner un guion bajo.

Page 11: Manual de-manipulacion-de-datos-rosario

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

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

En el siguiente apartado se cambiara el sitio a servidor local.

Esta pantalla aparece al cambiar la conexión a modo local.

Page 12: Manual de-manipulacion-de-datos-rosario

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

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

A continuación se le da clic sobre el botón Advanced esto para poder cambiar el

modelo del servidor en el que vas a trabajar en este caso se cambiar por el PHP

MySQL.

A continuación se selecciona en el apartado donde dice Database das clic sobre el

signo + y t aparece un cuadrito donde dice MySQL Connection.

Page 13: Manual de-manipulacion-de-datos-rosario

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

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

Esta ventana aparece al momento de darle clic para realizar la conexión, en el

primer recuadro se le agrega el nombre de la conexión, el nombre del servidor, el

nombre del usuario y al final se le da clic en select para seleccionar la base de

datos con la que se ara la conexión al darle clic te mostrara en la ventana de la

derecha que la conexión a la base de datos ha sido un éxito.

Este botón es para insertar el asistente del registro, o insert record.

Page 14: Manual de-manipulacion-de-datos-rosario

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

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

Es esta pantalla aparece después de darle en insert record esta sirve para

agregarle un direccionamiento después de realizar una acción lo único que deberá

ser eliminado es el id porque ese aparecerá por default.

Esta es la pantalla en la que aparece el lugar a donde será dirigida el formulario

después de insertar el primer registro.

Page 15: Manual de-manipulacion-de-datos-rosario

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

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

Esta pantalla es la que se abre para que selecciones el formulario al que regresara

después de agregar el registro. Este debe de estar guardo dentro de la carpeta

antes creada.

Y listo el formulario ha sido creado.

Page 16: Manual de-manipulacion-de-datos-rosario

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

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

LISTA DINAMICA

A continuación tendrás que hacer una tabla dinámica eso para que vaya

generando las listas.

Esta es la pantalla que aparece y es para agregar un juego de registros te dice

que si quieres que te agregue todas las columnas o solo seleccionar algunos

peros en este caso las agregaras todas.

Page 17: Manual de-manipulacion-de-datos-rosario

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

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

Al terminar cuando le das clic en ok o aceptar y te aparecerá la siguiente ventana

en esta modificaras para que te aparezcan todos los registros que vayas

insertando o los nombres que llevaran las columnas.

Y listo tu tabla dinámica ha sido insertada. Los campos que están después de

apellido paterno serán insertados dando clic derecho le das clic sobre insertar

tabla en donde dice insertar tablas y columnas seleccionas t abre otra ventana en

la k le debes de poner columnas y el numero de columnas que quieres.

Page 18: Manual de-manipulacion-de-datos-rosario

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

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

Creas un nuevo documento que se llama eliminar.php después de hay en data o

datos buscas el apartado que dice Delete Record y aparecerá esta ventana en la

cual lo único que modificaras es el lugar al que regresara después de eliminar.

Le das clic en browse y seleccionas lista_alumno.php.

Después seleccionas donde dice eliminar de esta manera podrás crear el vínculo

para que te elimine los datos que no deseas conservar.

Page 19: Manual de-manipulacion-de-datos-rosario

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

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

Esta ventana es la que aparece al momento de darle clic a la carpeta para crear el

vínculo seleccionas la de eliminar y le das ok o aceptar.

En el mismo apartado de lista alumno das clic en code y en donde dice

eliminar.php escribes el siguiente código que es id_alumno=

Page 20: Manual de-manipulacion-de-datos-rosario

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

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

El código que esta seleccionado es el que se va a pegar enseguida del signo

igual.

Aquí se muestra el código completo que se a agregado después del signo igual.

Page 21: Manual de-manipulacion-de-datos-rosario

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

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

A continuación lo que sigue es mostrar como si lo elimina se da clic sobre el

vínculo eliminar.

En esta pantalla se muestra como el registro ha sido eliminado.

Page 22: Manual de-manipulacion-de-datos-rosario

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

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

ACTUALIZAR

Ahora sigue actualizar para que modifiques un registro.

A continuación se crea un nuevo archivo el cual llevara por nombre actualizar.

Page 23: Manual de-manipulacion-de-datos-rosario

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

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

Das clic sobre el apartado Update Record y aparecerá la siguiente ventana en

esta lo único que modificaras será el apartado donde dice NONE y este se

cambiara por id_alumno.

En esta pantalla te dice que después de actualizar a dónde quieres que se vaya

en este caso se le pondrá que después de actualizar se regrese a la

lista_alumnos.php. Después le das clic en ok.

Page 24: Manual de-manipulacion-de-datos-rosario

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

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

Esta es la pantalla que aparecerá después de darle clic en ok.

Te regresas a lista_alumnos.php

Seleccionas actualizar para que después de estar en lista alumno te regrese a

guardar alumno en este podrás actualizar los datos que deseas.

Page 25: Manual de-manipulacion-de-datos-rosario

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

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

Entras a lista alumno y seleccionando la palabra actualizar y das clic en code o

código para que puedas modificar el código.

En este apartado se hará lo mismo que en el botón eliminar vas a copiar el código

después lo pegas.

Page 26: Manual de-manipulacion-de-datos-rosario

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

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

Aquí se muestra como en realidad si actualiza.

Page 27: Manual de-manipulacion-de-datos-rosario

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

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

REPORTE

Estos son los pasos que deberás seguir para generar un reporte.En la carpeta del

sitio que se encuentra guardada en xampp en htdocs vas a copiar los documentos

para que esta te genere un reporte.

Aquí te muestra como si se copiaron los documentos y carpetas junto con el sitio.

Page 28: Manual de-manipulacion-de-datos-rosario

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

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

Se selecciona PDF ya que esta en el apartado de acciones.

En lista alumno seleccionas la carpeta para vincular con reporte_docente.php esto

es para que al momento de mostrar en un navegador cuando des clic en PDF

aparecerá el reporte impreso.

Page 29: Manual de-manipulacion-de-datos-rosario

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

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

Entras en lista_alumno.php al código para modificar el apartado que has

modificado para actualizar y eliminar.

Después de esto deberás abrir el documento que se llama reporte_docente y le

modificaras el nombre por REPORTE ALUMNO.

Page 30: Manual de-manipulacion-de-datos-rosario

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

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

Aquí se cambia una línea de código para que no aparezcan empalmados los

nombres en el reporte. También debes de verificar que el nombre de la base de

datos y de la tabla sean correctos.

Así aparecerá al momento de abrirla en el navegador. Le das clic en donde dice

PDF.

Page 31: Manual de-manipulacion-de-datos-rosario

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

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

Esto es lo que aparece al momento de dar clic sobre PDF.