manual de sitio

23
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Materia Desarrollo de aplicaciones web Tema manual Nombre completo del Alumno : Sergio Santoyo molina Grado: 4 Grupo: BNombre del Docente : Eloy contreras de lira Fecha de entrega : 09/11/13

Upload: sergio-santoyo

Post on 25-Dec-2014

45 views

Category:

Documents


6 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Manual de sitio

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

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

Materia

Desarrollo de aplicaciones web

Tema

manual

Nombre completo del Alumno : Sergio Santoyo molina

Grado: 4 Grupo: “B” Nombre del Docente : Eloy contreras de lira Fecha de entrega : 09/11/13

Page 2: Manual de sitio

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

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

Ingresamos en un navegador no importa cuál sea “localhost” y nos

aparecerá esta pantalla la cual nos indica que ya estamos dentro de

XAMPP. Aquí agregamos la opción de idioma deseada en este caso

(español).

Despues te mandara a esta interfaz, en la parte izquierda de la

pantalla se encuentran varias opciones presionamos la herramienta

phpMyAdmin.

Page 3: Manual de sitio

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

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

La siguiente interfaz que

aparece nos permite

nombrar a la base de

datos y el cotejamiento oprimimos el botón crear y enseguida te la

crea

Ponemos el nombre y

el cotejamiento

el que te da por de

faul.

Page 4: Manual de sitio

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

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

Despues agregamos el nombre de la tabla y el número de campos que

tendrá y damos clic al botón continuar.

Page 5: Manual de sitio

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

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

Ahora nos muestra varias opciones o los campos que agregamos al

principio donde debemos agregar varias cosas como si es entero los

valores claves

primarias etc.

-Ya cuando llenamos toda la información dentro de la tabla damos clic

en el botón grabar

Page 6: Manual de sitio

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

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

-Esta interfaz nos indica que se creó correctamente la tabla que

llenamos.

Ya que hemos creado nuestra base de datos tocara el turno de crear

las carpetas para nuestro sitio

1.-Ingresmos a equipo.

Page 7: Manual de sitio

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

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

2.-Ingresamos a disco local (c:).

3.-ingresamos a la carpeta de XAMPP.

4.-Ahora doble clic sobre la carpeta htdocs para crear ahí nuestra

carpeta.

5.-estando dentro de la carpeta htdocs creamos una nueva carpeta

con un nombre que sea capaz de identificarse para su posterior uso

(registro).

Page 8: Manual de sitio

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

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

-Ahora es turno de abrir Adobe Dreamweaber CS6

-Ahora la interfaz se muestra e ingresamos a la opción sitio,

esperamos que se desplace la barra de opciones y damos click en

nuevo sitio

Page 9: Manual de sitio

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

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

-Ahora es tiempo de ingresar el nombre del sitio y elegir la carpeta.

Elegimos la carpeta que creamos anteriormente en htdocs y

oprimimos botón guardar

-Ahora creamos un nuevo archivo con el nombre correspondiente

Page 10: Manual de sitio

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

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

-Ya que creamos el archivo volvemos a crear otro

-Damos doble click sobre el archivo

guardar

-Estando dentro del archivo guardar elegimos la pestaña de ventana y

damos click en base de datos. Con esto se abrirá una nueva ventana

en la parte derecha de la interfaz.

Page 11: Manual de sitio

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

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

-Ahora dentro de la ventana nueva damos click en servidor de prueba

Page 12: Manual de sitio

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

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

-Nos aparecerá la siguiente pantalla donde configuraremos nuestro

sitio.

-En la opción de avanzadas damos click a la opción PHP MySQL.

Damos click en guardar

-A continuación aparece la siguiente interfaz y oprimimos guardar

Page 13: Manual de sitio

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

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

-Dentro de la ventana base

de datos desplazamos la

ventana (+) y damos clIck

en conexión MySQL para comenzar la conexión

-Ya que ingresamos los datos damos click en aceptar

Page 14: Manual de sitio

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

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

-La conexión nos tendrá que aparecer en la parte de la derecha

-Ahora en la pestaña insertar damos click en común y datos

Page 15: Manual de sitio

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

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

-La opción elegida será insertar registro y después asistente de

formulario de inserción de

registros

Ahora nos aparece la siguiente interfaz nosotros eliminaremos el

id_nombre

oprimiendo el

botón (-)

Page 16: Manual de sitio

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

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

-ahora oprimimos el botón guardar

-Aparece la siguiente interfaz y elegimos la opción aceptar

-a continuación nos aparecerá la siguiente tabla

-Ahora abrimos nuestro otro archivo (registrar)

Page 17: Manual de sitio

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

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

-Escojamos la opción de insertar datos-datos dinámicos-tablas

dinámicas

Creamos dos archivos

modificar y eliminar.

Page 18: Manual de sitio

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

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

Nos posicionamos en el archivo eliminar, en datos damos clic en

eliminar registro.

Nos aparece la siguiente ventana y en la opción después de

borrar damos clic en examinar y seleccionamos lista

En el archivo lista seleccionamos eliminar y la vinculamos con el

archivo eliminar.php

Después nos vamos al código y después del código eliminar.php

escribimos el siguiente código ?id_alumno= y copeamos el código

siguiente código

Page 19: Manual de sitio

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

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

En el archivo modificar nos vamos a datos en actualizar registro

y vamos a tener q crear un juego de registros presionamos clic en

aceptar.

En la opción después de eliminar ir a le presionamos clic en

examinar y lista.

Después en el archivo lista seleccionamos modificar y creamos un

hipervínculo a modificar.php

Page 20: Manual de sitio

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

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

Después nos vamos al código y hacemos lo mismo que en

eliminar, copeamos el código.

Page 21: Manual de sitio

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

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

Para generar el reporte copeamos los siguientes archivos en la

carpeta donde tenemos guardado nuestro sitio.

Abrimos el archivo de reporte cliente para modificar el código y que

nos genere el reporte de nuestra base de datos.

Page 22: Manual de sitio

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

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

Se modifica los campos de la base de datos

Nos vamos a nuestra lista y seleccionamos en nuestro registro –

reporte, y nos muestra el reporte ya creado

Page 23: Manual de sitio

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

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