Sitio prueva1

18
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 Erik Jhovany Guevara Juares Grado: Grupo: A ITIC. Eloy Contreras de Lira Fecha de entrega : 08/11/2013

description

 

Transcript of Sitio prueva1

Page 1: Sitio prueva1

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

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

DESARROLLO DE APLICACIONES II

MANUAL

Erik Jhovany Guevara Juares

Grado: 4° Grupo: A

ITIC. Eloy Contreras de Lira

Fecha de entrega : 08/11/2013

Page 2: Sitio prueva1

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

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

Para empezar abrimos LOCALHOST:

Seleccionamos la opción PHPMYADMIN:

Ponemos el nombre que le queremos dar a nuestra base de datos y damos clic a CREAR:

Page 3: Sitio prueva1

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

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

Aquí creamos nuestras tablas ponemos el nombre de la tabla y el numero de campos que queremos:

Llenamos los campos que corresponden empezando por en id y damos clic en GRABAR:

Page 4: Sitio prueva1

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

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

Aquí nuestra base de datos ya esta creada:

Después nos vamos a esta dirección C:\xampp\htdocs y creamos una carpeta para nuestro sitio:

Page 5: Sitio prueva1

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

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

Abrimos dreamwever:

Después seleccionamos la pestaña SITIO y NUEVO SITIO:

Page 6: Sitio prueva1

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

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

Después ponemos el nombre del sitio y la ubicación de la carpeta en donde se va a crear,

Después damos clic en guardar.

Page 7: Sitio prueva1

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

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

Damos clic derecho en la carpeta del sitio que se creo y seleccionamos nuevo archivo:

Creamos un archivo que se llame guardar.html.

Damos clic en sitio pero ahora seleccionamos la opción servidores, y damos clic en el signo de +.

Page 8: Sitio prueva1

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

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

Seleccionamos la opción FTP y la cambiamos por local/red, después llenamos los campos necesarios:

Después damos clic en guardar:

Damos clic en avanzados y seleccionamos modo de servidor y PHP MySQL y en guardar.

Page 9: Sitio prueva1

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

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

Damos clic en la pestaña ventana y seleccionamos la opción base de datos

Seleccionamos la opción base de datos y conexión MySQL

Page 10: Sitio prueva1

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

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

Después insertar, datos, insertar registros, asistente de formulario de inserción de registros

Borramos el id y seleccionamos la opción examinar

Page 11: Sitio prueva1

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

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

Seleccionamos la opción guardar.php.

Damos clic en aceptar

Y este es el resultado

Creamos un archivo que se llame lista.php

Page 12: Sitio prueva1

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

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

Abrimos el archivo y seleccionamos la opción Insertar, datos

Seleccionamos la opción Datos dinámicos y Tabla dinámica

Cuando nos aparece esta ventana borramos el id_alumno y le decimos que tras insertar valla a guardar

Seleccionamos la opción Todos los registros y aceptar

Como resultado nos aparece esta tabla en donde nos aparecerán todos los registros

Page 13: Sitio prueva1

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

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

Después seleccionamos las dos ultimas columnas y damos clic derecho seleccionamos la opción Tabla, Insertar fila o columna

Le decimos que inserte 3 columnas y presionamos la opción aceptar

La tabla debe de quedar maso menos así

Creamos el archivo Eliminar.php

Page 14: Sitio prueva1

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

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

Aquí ya esta creado el archivo

En la opción insertar datos seleccionamos la opción Eliminar registro

Nos aparece esta ventana y le decimos que después de Eliminar un registro se baya a la lista y damos clic en aceptar

En el archivo de la lista nos vamos al código y después de la parte donde dice eliminar penemos el código que se muestra en la imagen

Page 15: Sitio prueva1

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

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

En el archivo lista en el diseño seleccionamos Eliminar y creamos el vinculo correspondiente

Creamos el archivo Actualizar

Aquí el archivo Actualizar ya esta creado

Elegimos la opción Actualizar registro que esta en la opción Insertar

Page 16: Sitio prueva1

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

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

Damos clic en aceptar

Cuando nos muestra esta ventana borramos el id_ alumno y le decimos que después de Actualizar se baya a el archivo lista

Y este es el resultado

En el archivo lista seleccionamos Actualizar y creamos su vinculo correspondiente

Page 17: Sitio prueva1

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

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

Después nos vamos a el código y después de la parte donde dice Actualizar ponemos el código que se muestra en la siguiente imagen