Afu3 gb manual de manipulación de datos

28
qwertyuiopasdfghjklzxcvbnmq wertyuiopasdfghjklzxcvbnmqw ertyuiopasdfghjklzxcvbnmqwer tyuiopasdfghjklzxcvbnmqwerty uiopasdfghjklzxcvbnmqwertyui opasdfghjklzxcvbnmqwertyuiop asdfghjklzxcvbnmqwertyuiopas dfghjklzxcvbnmqwertyuiopasdf ghjklzxcvbnmqwertyuiopasdfgh jklzxcvbnmqwertyuiopasdfghjkl zxcvbnmqwertyuiopasdfghjklzx cvbnmqwertyuiopasdfghjklzxcv bnmqwertyuiopasdfghjklzxcvbn mqwertyuiopasdfghjklzxcvbnm qwertyuiopasdfghjklzxcvbnmq wertyuiopasdfghjklzxcvbnmqw ertyuiopasdfghjklzxcvbnmrtyui opasdfghjklzxcvbnmqwertyuiop Manual Técnico Desarrollo De Aplicaciones 08/11/2013 Daniel Torres Salas

Transcript of Afu3 gb manual de manipulación de datos

Page 1: Afu3 gb manual de manipulación de datos

qwertyuiopasdfghjklzxcvbnmq

wertyuiopasdfghjklzxcvbnmqw

ertyuiopasdfghjklzxcvbnmqwer

tyuiopasdfghjklzxcvbnmqwerty

uiopasdfghjklzxcvbnmqwertyui

opasdfghjklzxcvbnmqwertyuiop

asdfghjklzxcvbnmqwertyuiopas

dfghjklzxcvbnmqwertyuiopasdf

ghjklzxcvbnmqwertyuiopasdfgh

jklzxcvbnmqwertyuiopasdfghjkl

zxcvbnmqwertyuiopasdfghjklzx

cvbnmqwertyuiopasdfghjklzxcv

bnmqwertyuiopasdfghjklzxcvbn

mqwertyuiopasdfghjklzxcvbnm

qwertyuiopasdfghjklzxcvbnmq

wertyuiopasdfghjklzxcvbnmqw

ertyuiopasdfghjklzxcvbnmrtyui

opasdfghjklzxcvbnmqwertyuiop

Manual Técnico

Desarrollo De Aplicaciones

08/11/2013

Daniel Torres Salas

Page 2: Afu3 gb manual de manipulación de datos

Introducción En este manual se explicaran los pasos para el desarrollo

de la aplicación web desarrollada en este caso la aplicación

registrara y guardara los datos y los mostrara en lista.

Page 3: Afu3 gb manual de manipulación de datos

Para empezar es necesario crear nuestra base de datos, para esto se creara en XAMPP

(mysql), por lo cual en el navegador teclearemos http://localhost.

Damos clic al idioma y nos mostrara la interfaz de bienvenida donde seleccionamos:

Español

Page 4: Afu3 gb manual de manipulación de datos

En esta interfaz crearemos nuestra

base de datos, asignándole un nombre y

presionamos el botón

Una vez creada la BD vamos a crear la(s)

tabla(s) necesarias poniéndoles nombre y el

número de campos y presionamos el botón

continuar.

Para luego poder llenar los campos con los

datos de los datos y presionamos el botón

Crear

Grabar

Page 5: Afu3 gb manual de manipulación de datos

Con esto esta lista la base de datos para poder

trabajar en la aplicación, pero antes es necesario

crear una carpeta dentro de los archivos htdocs

y vamos a entrar a mi PC Disco local(C:).

Disco local(C:) xampp(carpeta).

XAMPP htdocs(carpeta).

Dentro de la carpeta htdocs vamos a crear una

nueva carpeta con el nombre del sitio a crear

pues hay se guardaran los archivos a realizar.

Page 6: Afu3 gb manual de manipulación de datos

Ahora si vamos a empezar a trabajar con

Nos vamos al menú de herramientas Sitio, y

damos clic en nuevo sitio.

En la ventana que aparecerá agregaremos nombre al sitio en este caso el nombre de la

carpeta creada en Disco local(C:) xampp htdocs prueba4b y también es la ubicación a guardar

del sitio.

Page 7: Afu3 gb manual de manipulación de datos

Enseguida cambiamos y damos clic en

Servidores, donde vamos a crear nuestro

servidor para el sitio y presionamos el

signo + para añadirlo.

En esta interfaz vamos a crearlo asignándole cualquier

nombre en el menú de selección, seleccionaremos

Local/red, en la carpeta del servidor, seleccionamos la

carpeta que hemos creamos y en URL ponemos

localhost/nombre de la carpeta/.

Damos clic al botón de Avanzados,

donde vamos a configurar el modo del

servidor y seleccionamos PHP MySQL y

para terminar con la creación

presionamos el botón Guardar.

Page 8: Afu3 gb manual de manipulación de datos

Para terminar solo seleccionamos la opción De prueba y presionamos en Guardar.

Ahora para empezar a crear el sitio creamos los 2 archivos uno para el registro y el otro para

mostrar los registros en lista. Solo seleccionamos nuestro sitio, damos clic derecho en la

opcion Nuevo archivo y solo les ponemos nombre dando doble clic según la funcion .

Page 9: Afu3 gb manual de manipulación de datos

Ahora nos vamos a la barra de herramientas Referencias y activamos la Base De Datos.

Ya activada la BD damos clic en el signo + para crear la

conexión.

En la ventana que aparecerá

empezaremos con la conexión

signándole un nombre cualquiera, el

servidor, usuario y la BD a conectarse y

la cual seleccionaremos la que creamos

anterior mente y presionamos aceptar

y aceptar.

Page 10: Afu3 gb manual de manipulación de datos

Para empezar con el formulario en insertar seleccionamos Datos y dentro de datos Insertar

registro en

Al dar clic nos muestra esta ventana donde la conexión ya existe y con esto mostrara los datos

en una interfaz de la aplicación, quitemos el elemento de id_alumno, pues esto solo nos sirve

como el identificador.

Page 11: Afu3 gb manual de manipulación de datos
Page 12: Afu3 gb manual de manipulación de datos

Ahora vamos a seleccionar el archivo al que queremos que nos mande después de llenar los

campos presionando el botón Examinar.

Una vez que este todo listo de acuerdo a tu aplicación presionamos el botón Aceptar y nos

mostrara el diseño de lo que será la interfaz de una página del sitio.

Page 13: Afu3 gb manual de manipulación de datos

Y en seguida nos lo mostrara con los campos de registro y que sarán guardados en la BD.

Page 14: Afu3 gb manual de manipulación de datos
Page 15: Afu3 gb manual de manipulación de datos
Page 16: Afu3 gb manual de manipulación de datos

Nos vamos al buscador de internet e ingresamos localhost/”nombre_del_sitio”/ Enter

Nos mostrara lo que son las páginas del sitio presionas guardar_nombre.php y nos mostrara la

interfaz con los campos para registrar, al presionar el botón Insertar Registro nos mostrara en

una tabla todos los registros que hemos ingresado, guardándolos en la BD.

1

1

Page 17: Afu3 gb manual de manipulación de datos

Con este código se puede hacer que en el campo “Sexo” nos aparezcan el nombre de las

variables y no el valor y así mismo lo puedes utilizar en cualquier otros.

<?php if($row_Recordset1['sexo']==1){?> <td>Hombre</td> <?php }else{ ?> <td>Mujer</td> <?php } ?>

Page 18: Afu3 gb manual de manipulación de datos

Ahora vamos a redactar como Eliminar y Actualizar los registros ya agregados.

Eliminar

Para empezar vamos a agregar un nuevo archivo al que le

pondremos como nombre eliminar.php. Damos clic y nos

mostrara lo que Sara la interfaz de la página, pero, como solo

será para una función, nos vamos a Insertar en Datos y Eliminar

registro.

Nos aparecerá la siguiente ventana en la que vamos a dejarla con los datos tal y como aparece,

solo vamos a llenar el campo vacío, para que después de eliminar nos mande a la misma lista,

presionamos el botón Examinar y nos mostrara la siguiente ventana en la que nos mostrara las

archivos a los que nos mandara después de y en este caso lista.

Page 19: Afu3 gb manual de manipulación de datos

Y solo presionamos Aceptar y Aceptar.

Actualizar

Después de haber

agregado un nuevo

archivo y llamarlo

actualizar.php damos

clic en el nos vamos a

Datos e Actualizar

registro y

seleccionamos la

primer opción.

Page 20: Afu3 gb manual de manipulación de datos

Esta ventana nos aparecerá en seguida en el que

damos clic a juego de registro y nos enviara a la

siguiente

En esta ventana solo seleccionamos

Una página, para después de

actualizar un registro que nos

mande a la requerida en este caso

lista_alumnos.php y presionamos

Aceptar.

Ahora nos vamos a la pestaña de listas_alumnos.php y seleccionamos la última columna para

poder agregar dos nuevas columnas presionamos aceptar.

Page 21: Afu3 gb manual de manipulación de datos

Vamos a combinar las celdas y agregarles las acciones a realizar con los datos agregados, en

este caso Eliminar y Actualizar.

Ahora los seleccionamos Eliminar para crear un hipervínculo con la pagina eliminar.php para

realizar la acción y presionamos aceptar.

Page 22: Afu3 gb manual de manipulación de datos

Y realizamos lo mismo con el texto de Actualizar lo seleccionamos y creamos el hipervínculo

con actualizar.php y presionamos aceptar.

Page 23: Afu3 gb manual de manipulación de datos

Ahora tenemos que modificar el código de listas.php para que al momento de eliminar o

actualizar mande llamar la id_alumno desde la base de dato y lo que hacemos es agregar el

código seleccionado en ambas acciones.

Page 24: Afu3 gb manual de manipulación de datos

Ahora nos vamos al final al explorador e ingresamos localhost/misitio/guardar_alumno.php y

nos muestra la pagina ya lista e insertamos datos y duardamos.

Nos envira a la lista y nos mostrara los registros agregados los cuales podemos eliminar y

actualizar.

Para finalizar vamos a realizar el formato PDE solo agregamos a la lista la acción PDF

Page 25: Afu3 gb manual de manipulación de datos

Copeamos estos archivo en nuestra carpeta en htdocs, ya copiados actualizamos nuestro sitio

y hay nos aparecerá un archivo llamado reporte_alumno.php que es el que nos generara

nuestro reporte.

Ahora creamos un hipervínculo seleccionando Reporte PDF y lo hacemos con el archivo

reporte_alumno.php.

Page 26: Afu3 gb manual de manipulación de datos

Aquí también es necesario escribir el mismo código que Era eliminar y actualizar y listo.

Page 27: Afu3 gb manual de manipulación de datos
Page 28: Afu3 gb manual de manipulación de datos