Paricia padilla pasos_del_sitio

31
Universidad tecnológica del estado de zacatecas Unidad académica de pinos Desarrollo De Aplicaciones Web Manual De Manipulación De Datos Alumno(a): Silvana patricia padilla palomo Profesor: Eloy contreras de lira 8/11/2013 Pinos, zacatecas

Transcript of Paricia padilla pasos_del_sitio

Page 1: Paricia padilla pasos_del_sitio

Universidad tecnológica del estado de zacatecas

Unidad académica de pinos

Desarrollo De Aplicaciones Web

Manual De Manipulación De Datos

Alumno(a): Silvana patricia padilla palomo

Profesor: Eloy contreras de lira

8/11/2013 Pinos, zacatecas

Page 2: Paricia padilla pasos_del_sitio

En esta imagen configuramos el idioma en que queremos que el xampp se abra para comenzar a trabajar.

En esta imagen vamos a seleccionar phpHyAdmin para poder crear la base de datos y comenzar a trabajar.

Page 3: Paricia padilla pasos_del_sitio

Aquí colocamos el nombre a nuestra base de datos cuando lo escribamos damos en crear.-

Se coloca el nombre de la tabla y la cantidad de campos que deseamos que contenga y seleccionamos el botón crear.

Aquí llenaremos los campos que deseamos que sean llenados por los usuarios con su información.

Page 4: Paricia padilla pasos_del_sitio

En este punto nos daremos cuenta que seleccionamos la ID_Alumno como clave primaria y auto incremental.

Cundo ya allas terminado de llenar tus datos correctamente selecionas el boton grabar para que se cree nuestra base de datos.

Page 5: Paricia padilla pasos_del_sitio

Despues de aber grabado nuestar base de datos nos bamos a disco local C a XAMPP y dentro de la carpeta de htdocs creamos una carpeta onde se guardara nuestro sitio.

Cuando ya tengamos nuestra carpeta guardada ahora si vamos a Dreamwaver CS6.

Page 6: Paricia padilla pasos_del_sitio

Nos vamos a la barra de tareas que se encuentra en la parte superior clik en sitio y en nuevo sitio.

Aperecera esta ventana donde colocaremos el nombre de nuestro sitio y el lugar donde se ba a guardar nuestro sitio que eneste caso sera la carpeta que anteriormente aviamos creado.

Page 7: Paricia padilla pasos_del_sitio

En la misma ventana selecionamos en servidores y despues de ay en el signo de pocitivo que esta en la parte de abajo.

Aquí colocamos el nombre de nuestro servidor y seleccionamos la opcion que sea local/red.

Page 8: Paricia padilla pasos_del_sitio

Despues seleccionamos la carpeta donde se encuentra el servidor que sera la misma de donde guardamnos el sitio la creada en phpMyAdmin.

Clik en avzanzadas y dentro de hay seleccionamos PHP MySQL y ahora sy lo guardamos

Cambiamos la palomita que esta selecionando la opcion de remoto y la ponemos en de prueva.

Page 9: Paricia padilla pasos_del_sitio

Ahora si checamos que nuestro sitio aya sido creado.

Cuando ya tenemos el sitio creado clik derecho y seleccionaos nuevo archivo.

Creamos dos achivos uno llamado lista_alumnos.php y registrar_alumno.php.

Page 10: Paricia padilla pasos_del_sitio

Abrimos el archivo de registrar alumno para comesar la conexión.

Page 11: Paricia padilla pasos_del_sitio

Clik en la opcion ventana y activamos la opcion de Base de Datos.

Abrimos la opcion de Base de Datos y click el signo de pocitivo.

Page 12: Paricia padilla pasos_del_sitio

En esta ventana colocamos el nombre de la conexión el servidor y el nomre de usuario.

Seleccionamos la base de datos que en este caso se yamara igual a la carpeta creada.

Page 13: Paricia padilla pasos_del_sitio

Aquí ya observamos que la conexión se a llevado acavo correctamente.

Nos vamos a la opcion de insertar y selecionamos Datos

Page 14: Paricia padilla pasos_del_sitio

Después de haber activado la opción de datos seleccionamos insertar registro y de hay asistente de formulario de inserción.

Nos despliegara esta tabla donde colocaras nombre de la conexio de tu tabla. Hay tambien quitaremos el dato de id_alumno seleccionandolo y click en el simbolo negativo

Page 15: Paricia padilla pasos_del_sitio

Aquí seleccionamos un archivo de redirección.

Page 16: Paricia padilla pasos_del_sitio

Tendra que quedar en el campo tras insertar lista lumno.

Seleccionamos la opcion de sexo para agregarle un grupo de opcion.

Page 17: Paricia padilla pasos_del_sitio

Ya dentro de grupo de opcion colocamos des opciones Hombre con numero 1 y Mujer con numero 2, seleccionamos aceptar.

Depues acemos algo similar con la opcion de grupo pero ahora seleccionamos un menu.

Page 18: Paricia padilla pasos_del_sitio

Aquí colocaremos un cierto numero de grupos los que tu sitio requiera y aceptar.

Damos en archivo y guardamos todo para poder verificar si funciona con un explorador.

Page 19: Paricia padilla pasos_del_sitio

En nuestro explorador colocaremos en este caso la instrucción localhost/prueba4b/ . para que nos muestre la ventana que vemos

Click e registrar alumno y nos mostrara esta interfaz donde llenaremos con los datos solisitados. Click en insertar registro.

Page 20: Paricia padilla pasos_del_sitio

Cuando ingresamos el registro aperecera na ventana en blanco la ual indica que el registro fue guardado exitosamente.

Nos colocaos nuevamente en dreamwever para en el archivo de lista alumno colocar una tabla dinamia.

Aquí damos click en la opción juego de registros.

Page 21: Paricia padilla pasos_del_sitio

En este punto solo damos click sin haber modificado nada para que nos muestre la próxima ventana.

En esta cambiamos la opcion de mostrar por mostrar todos los registros y aceptar.

Despues de haver echo lo anterion en le archivo lista alumno saldra este recuadro.

Page 22: Paricia padilla pasos_del_sitio

Guardamos todo para volver a ejecutarlo en un explorador.

Volvemos a llenar todos los datos e insertamos el rejistro.

Ahora en vez de mandarnos a una ventana en blanco nos mostrara esta tabla donde se encuentran los datos que guardamos con anterioridad y los actuales

Page 23: Paricia padilla pasos_del_sitio

y nuestro sitio estara listo para registrar datos de alumnos.

Para eliminar o modificar los registros nos posicionamos en el archivo de lista.php, seleccionamos apellido materno y damos click en derecho e

insertamos dos clumnas y las nombramos eliminar y modificar

Creamos otros dos archivos uno llamado eliminar y el otro modificar.

Abrimos el archivo nos vamos a datos y seleccionamos la opción eliminar registro.

Page 24: Paricia padilla pasos_del_sitio

Hacemos la conexión a nuestra BD y seleccionamos la tabla y examinamos a donde se quiere regresar después de eliminar el registro. Seleccionamos examinar.

Nos mostrara esta esta pantalla donde seleccionaremos el archivo eliminar y clik en aceptar.

Page 25: Paricia padilla pasos_del_sitio

Este código tenemos que copiarlo y pegarlo en otra parte de nuestro código como se mostrara enseguida.

El código anteriormente mencionado se colocara frente a la variable eliminar.php?

Para nuestra archivo de modificar realizaremos lo siguiente:

Abrimos el archivo.

Page 26: Paricia padilla pasos_del_sitio

Click en datos y juego de rejistros.

Seleccioonamos la conexión y la tabbla.

Hacemos la conexión con nuestro archivo de guardar para que nuestro sitio en la web modifique los cambies que realicemos.

Para crear nuestro reporte es necesario realizar la copia de los siguientes archivos a la carpeta donde tenemos creado nuestro sitio.

Page 27: Paricia padilla pasos_del_sitio

Abrimos el archivo reporte_cliente para comenzar a modificar nuestro reporte.

Aquí nos muestra nuestro reporte al ingresar datos a nuestra BD y nuestro sitio queda terminado.

Page 28: Paricia padilla pasos_del_sitio