Manual freddy

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

Luis Alfredo Ojeda Vázquez

Grado: 4° Grupo: A

ITIC. Eloy Contreras de Lira

Fecha de entrega : 08/11/2013



En la pantalla que se muestra en seguida lo primero que asemos es seleccionar nuestro navegador.

Luego entramos a phpmyadmin para crear la base de datos



Al darle clic en esta opción nos manda a la siguiente ventana para empezar a crear una base de datos y a continuación le damos el nombre a la base de datos

En esta ventana lo primero que tenemos que hacer o el primer paso a seguir es darle el



nombre a nuestra base de datos el nombre de nuestra base de datos

Después de escribir el nombre como mostré en la pantalla de arriba damos clic el crear como mostrare en la pantalla para que así quede guardada o creada nuestra base de datos :

Esta ventana muestra como la base de datos se creo correctamente



En este caso lo llamaremos alumno y le daremos como numero de campos 4, y damos clic en continuar.

Nos manda ala siguiente pantalla donde aremos lo siguiente en los espacios vacios de el apartado campo pondremos lo que nesesitas en tu tacla creada en la base de datos donde pide el nombre de los campos asi como sus atributos



En este caso pusimos los siguientes campos id alumno, nombre, apellido paterno, apellido materno, a a ojo todas sus tablas deben llevar un id como llave primaria debe de ser de tipo int llave primaria y autoincrementadle como les mostrare en la tabla siguiente.



La llave primaria se pondrá o la seleccionaremos en el campo o apartado índice y diremos que sea autoincremental seleccionando en el cuadrado de enfrente.

En el caso de los otros campos se pondrá el tipo de dato que sea en este caso los tres son varchar y pondremos la longitud que se necesite que en este caso yo puse 50.



Y cuan do demos grabar en la pantalla de arriba Ya nos muestra nuestra base de datos hecha como se les muestra abajo.

Entramos a la carpeta XAMP que se encuentra en el disco local C:

Despues a la carpeta con nombre htdocs



Ya estando dentro de la carpeta creamos una nueva hay dentro y la guardamos

Abrimos el SW Adobe Dreamweaver CS6 para continuar con la creación de nuestra Base de Datos y que esta sea conectada le damos clic en la pestaña SITIO y creamos nuestro nuevo sitio.



Un sito de Dreamweaver es el conjunto de archivos y activos que se utiliza en el sitio web,consta de dos partes una carpeta local en su equipo en la que almacena y trabaja con los archivos y una capeta remota ubicada en un servidor.

En nuestro caso asignaremos el nombre de nuestro stio.

En la carpeta crear un nuevo archivo con el nombre deseado.



Ahora dar clic en esta pestañita para llenar los siguientes campos

Se llenan los campos y le damos aceptar



Después damos clic en ventana e insertar y nos aparecerá un a nuestra derecha un cuadrito buscamos donde diga base de datos y damos clic en insertar registro y después en asistente de

formulario de insertar registro.

Después nos muestra esta otra ventana donde nos muestra la s carpetas que están adrento de xampp y le damos clic en la carpeta htdocs.



Ahora buscamos nuestro sitio .

Le damos en la opción de seleccionar.



Después le damos en la opción de servidor y le damos en el signito de mas.



Llenamos los campos que se muestran en la pantalla conectar usando le ponemos local/red.

Cuando le damos en la opción local/red, buscamos la carpeta en donde esta guardado nuestro sitio.



Le damos en la opción de avanzados y elegimos el modelo se servidor php mysql.

Le damos en la opción guardar y esta listo.



Despues le damos en nuevo archivo y le ponemos un nombre esn este caso el mi sera alumno.php.

Le damos clic en base de datos y nos aparecerá una tabla como la siguiente imagen llenamos los campos.



En esta seleccionamos la base de datos.



Dentro de nuestros archivos vamos a crear uno nuevo que se llama Eliminar

Dentro del archivo lista se crea un campo en el cuadro y el mismo se enlaza al archivo eliminar



Luego nos muestra a donde queremos que nos envíe al eliminar en este caso nos va a mandar hacia lista

En este cuadro nos notifica que es lo que se va a eliminar en la tabla, le presionamos aceptar



Despues nos vamos a ir al codigo de el archivo eliminar y vamos a pegar el codigo señalado



Ya terminada la función eliminar creamos otro campo en la tabla del archivo vista que se llame actualizar asimismo un archivo con el mismo nombre el cual es enlazado con el campo de la tabla de la lista

Después de esto se busca la opción actualizar y aparece un recuadro que notifica lo que se va actualizar

Después aparece el archivo donde va la función actualizar y hay lo guardara



Luego se hace similar a la función eliminar y se copia el mismo código y se pega donde mismo

Ya copiado el código se verifica en el explorador que el sitio funcione correctamente



Si el sitio funciona correcta mente muestra los datos como en la siguiente imagen



Documents

Manual freddy