1. UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
Tecnologías de la Información y Comunicación
DESARROLLO DE APLICACIONES WEB
Eloy Contreras de Lira
“Manual de usuario”
Ángel de Jesús Aguilar Trujillo 3 “A”
17/07/2015
2. Universidad Tecnológica del Estado de Zacatecas
Desarrollo de Aplicaciones Web Tecnologías de la Información y Comunicación Ángel de Jesús Aguilar Trujillo
1
MANUAL DE CONEXIÓN DINÁMICA
Abrimos nuestro DW y nos vamos a la opción “Sitio”/Nuevo sitio...
Ya dentro ponemos nombre y damos clic en la carpeta para seleccionar donde se guardará
nuestro sitio.
3. Universidad Tecnológica del Estado de Zacatecas
Desarrollo de Aplicaciones Web Tecnologías de la Información y Comunicación Ángel de Jesús Aguilar Trujillo
2
Ahora nos vamos a “Servidores”.
Damos clic en la pestaña de “+”.
4. Universidad Tecnológica del Estado de Zacatecas
Desarrollo de Aplicaciones Web Tecnologías de la Información y Comunicación Ángel de Jesús Aguilar Trujillo
3
Nos aparecerá otra ventana.
Después de esto damos clic en Avanzadas y en el modelo de servidor ponemos la opción
de php mysql.
Nos guardara el servidor como remoto, pero le cambiamos a de prueba. Después de hacer
esto le damos en guardar y estará cread nuestro servidor.
Antes de crear nuestra conexión necesitamos tener creada nuestra Base de Datos en
MySQL.
5. Universidad Tecnológica del Estado de Zacatecas
Desarrollo de Aplicaciones Web Tecnologías de la Información y Comunicación Ángel de Jesús Aguilar Trujillo
4
Encendemos nuestro XAMPP.
Nos vamos a nuestro navegador preferido y en el URL escribimos localhost, y nos vamos a
php MyAdmin que está en la parte inferior.
Damos en Nueva, damos nombre a nuestra base de datos y en crear.
6. Universidad Tecnológica del Estado de Zacatecas
Desarrollo de Aplicaciones Web Tecnologías de la Información y Comunicación Ángel de Jesús Aguilar Trujillo
5
Y aparecerá nuestra Base de Datos creada.
Ahora dentro de la Base de Datos creada creamos las tablas que necesitemos.
Creamos nuestras filas sin olvidar darle los valores correspondientes
7. Universidad Tecnológica del Estado de Zacatecas
Desarrollo de Aplicaciones Web Tecnologías de la Información y Comunicación Ángel de Jesús Aguilar Trujillo
6
Ahora lo que vamos a realizar las respectivas relaciones con otras tablas. Damos clic en
diseñador.
Ya en diseñador nos vamos a la opción de crear relación.
Empezamos de llave primaria con llave foránea porque de no ser así las relaciones al
momento de almacenar nos llevara a un error.
8. Universidad Tecnológica del Estado de Zacatecas
Desarrollo de Aplicaciones Web Tecnologías de la Información y Comunicación Ángel de Jesús Aguilar Trujillo
7
Ya una vez damos clic en OK.
Y estará creada nuestra relación. Así relacionamos las tablas que tengamos.
Ya una vez terminadas nuestras tablas podemos hacer nuestra conexión.
9. Universidad Tecnológica del Estado de Zacatecas
Desarrollo de Aplicaciones Web Tecnologías de la Información y Comunicación Ángel de Jesús Aguilar Trujillo
8
Para crear nuestra conexión buscamos en la barra lateral derecha donde dice Base de
Datos y elegimos la “+” y en conexión MySQL.
Aparecerá una nueva ventana en el cual llenaremos con los datos requeridos.
Después de dar clic a seleccionar mostrara nuestras Base de Datos y seleccionamos en las
cual se almacenara la información después de esto damos clic en aceptar.
10. Universidad Tecnológica del Estado de Zacatecas
Desarrollo de Aplicaciones Web Tecnologías de la Información y Comunicación Ángel de Jesús Aguilar Trujillo
9
Nos aseguramos de que aparezca la Base de Datos seleccionada y damos en aceptar. Y
estará creada nuestra conexión a Base de Datos.
Para guardar registro creamos un archivo nuevo y lo guardamos como guarda(nombre de
lo que vamos a guardar).php.
Debemos recordar que va en nuestra carpeta con la conexión antes realizada.
11. Universidad Tecnológica del Estado de Zacatecas
Desarrollo de Aplicaciones Web Tecnologías de la Información y Comunicación Ángel de Jesús Aguilar Trujillo
10
Ahora nos vamos en la parte de la conexión en la pestaña en Insertar/Datos/Insertar
registro: Asistente de formulario.
Seleccionamos en la tabla que guardaremos ahora. También a donde se va a regresar
después de guardar también eliminamos los que nos da por default (llaves primarias). Ya
después de hacer lo anterior damos clic en aceptar.
12. Universidad Tecnológica del Estado de Zacatecas
Desarrollo de Aplicaciones Web Tecnologías de la Información y Comunicación Ángel de Jesús Aguilar Trujillo
11
Ya nos regresara nuestra tabla ahora guardamos todo y comprobamos si funciona
realmente-en-nuestra-dirección
local(localhost/(nombredesitio)/(nombrededocumento.php))
Comprobamos que guarde el registro en nuestra Base de Datos.
13. Universidad Tecnológica del Estado de Zacatecas
Desarrollo de Aplicaciones Web Tecnologías de la Información y Comunicación Ángel de Jesús Aguilar Trujillo
12
Para mostrar registros vamos a la barra lateral y en Datos dinámicos: Tabla Dinámica
damos clic, después juego de registros:
14. Universidad Tecnológica del Estado de Zacatecas
Desarrollo de Aplicaciones Web Tecnologías de la Información y Comunicación Ángel de Jesús Aguilar Trujillo
13
Nos aparecerá otra ventana y ponemos en aceptar y en esta tabla agregaremos los datos
que queramos que aparezcan.
Y nos mostrará una nueva tabla.
Ahora guardamos todo y checamos que funcione en nuestro sitio, aparecerán los datos
que tengamos registrados en nuestra Base de Datos.
15. Universidad Tecnológica del Estado de Zacatecas
Desarrollo de Aplicaciones Web Tecnologías de la Información y Comunicación Ángel de Jesús Aguilar Trujillo
14
Ahora nos vamos a la tabla y damos en la opción de insertar columna.
Y le ponemos a la columna borrar.
Seleccionamos la nueva fila y nos vamos a crear vínculo.
16. Universidad Tecnológica del Estado de Zacatecas
Desarrollo de Aplicaciones Web Tecnologías de la Información y Comunicación Ángel de Jesús Aguilar Trujillo
15
Ahora seleccionamos de donde nos va a eliminar y vamos a parámetros.
En esta seleccionamos la id de la tabla con el rayo en el campo de valor.
17. Universidad Tecnológica del Estado de Zacatecas
Desarrollo de Aplicaciones Web Tecnologías de la Información y Comunicación Ángel de Jesús Aguilar Trujillo
16
Ya dado esto damos en aceptar y guardamos todo. Probamos que si elimine los registros
que deseemos borrar.
Para actualizar registro nos vamos a la parte de Actualizar registro: Asistente de
formulario.
Llenamos los datos que se nos pide y damos clic en siguiente.
Ahora checamos que guarde los cambios.