SlideShare una empresa de Scribd logo
1 de 19
Descargar para leer sin conexión
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 II

Tema

MANIPULACION DE DATOS

Nombre completo del Alumno : Rocío Marbelin Zapata Palomo

Grado: 4

Grupo: “B”

Nombre del Docente : Eloy Contreras De Lira
Fecha de entrega : 08/11/2013
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

MANUAL DE CONEXIÓN
PASOS PARA HACER LA CONEXIÓN A UNA BASE DE DATOS
1.- Para iniciar nuestra conexión a una base de datos es indispensable que sea instalado un
Sistema Gestor De Bases De Datos y en este caso se utilizara el XAMPP. Y para acceder a este
SGBD abrimos el explorador y se teclea la URL localhost y de esta manera accederemos .

2.- Ahora se crea nuestra base de datos y esta se crea en la herramienta phpMyAdmin, para
comenzar a crearla nos vamos a la opción de crear nueva base de datos en la cual le daremos un
nombre en este caso será prueba4b y la damos clic en el botón crear.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

3.-Enseguida nos aparece una ventana en donde nos pide el nombre de la tabla y el numero de
campos que llevará nuestra base de datos en este caso se llamará alumnos y contendrá 6 campos
y damos clic en continuar.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

4.- A continuación nos aparece ya nuestra tabla creada. Y nos pide que llenemos cada uno de los
campos de nuestra tabla y damos clic en el botón grabar.

5-.Ahora nos muestra nuestra tabla “alumno” ya creada correctamente.

6.- Una vez

teniendo nuestra
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

base de datos ya creada, es necesario crear una carpeta dentro de nuestro servidor Xampp que
esta ubicada dentro de la carpeta htdocs y todo esto dentro de nuestro disco local. Es muy
importante que el nombre de nuestra carpeta tenga el mismo nombre que el de nuestra BD.

7.-Una vez que ya este nuestra carpeta creada abrimos el programa Dreamweaver para hacer
nuestra conexión.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

8.- Al estar dentro del programa es necesario crear un nuevo sitio y para esto nos vamos a la
pestaña que dice sitio y damos clic en nuevo sitio y nos abrirá una ventana en donde nos pide el
nombre del sitio y la carpeta del sitio local donde estará ubicado.

9.-Ahora en esta misma ventana nos vamos a la opción de servidores en donde configuraremos
nuestro servidor y damos clic en añadir nuevo sitio y nos aparecerá una ventana como la
siguiente:

En ella se pide el nombre de tu servidor y la conexión, la carpeta del servidor y la URL de este
mismo.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

10.-Después nos vamos a la opción de avanzadas y solo elegimos el modelo de servidor y damos
clic en guardar.

11.- Después de terminar la configuración del servidor no aparece una ventana donde solo
cambiamos de modo remoto a prueba y damos guardar.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

12.- Una vez creado nuestro sitio nos posicionamos en el y damos clic derecho y elegimos nuevo
archivo y asignamos nombres.

El sitio ya está
creado.

13.- A continuación nos vamos a la ventana y seleccionamos la opción base de datos para hacer
la conexión con la base de datos y para esto abrimos nuestro archivo ya creado
guardar_alumno.php. y damos clic en la conexión Mysql, y nos muestra una pantalla en donde
debemos llenar el nombre de la conexión, el servidor y el nombre de usuario y nuestra base de
datos y damos aceptar.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

14.- Enseguida nos vamos a la pestaña insertar datos y se elegimos la opción registro y damos
clic en asistentes de formularios de inserción de registros y llenamos nuestro formulario que nos
muestra y damos clic en aceptar.

15.- Aquí nos muestra el formulario ya creado.

16.- y a continuación abrimos nuestro archivo lista_alumnos.php y nos vamos nuevamente a la
pestaña insertar datos dinámicos y seleccionamos la opción tabla dinámica y nos aparece una
ventana como la siguiente en donde daremos clic en juego de registros.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Y nos aparecerá una ventana de nuestro juego de registro como la siguiente y damos clic en
aceptar.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
17.- Aquí se muestra la tabla de lista_alumnos.php esta nos va a permitir guardar los registros que
se vallan registrando en la base de datos.
18.- Una vez creada nuestra lista es necesario crear un nuevo archivo con el nombre de
eliminar.php para que nos permita eliminar los registros de nuestra base de datos.
19.-Despues abrimos nuestro archivo lista_alumnos.php en donde insertaremos dos columnas en
la cual estarán las acciones de Eliminar y Actualizar los registros.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

20.- Ahora se selecciona la accion Eliminar para hacer la vinculaciòn, y teniendo la accion
seleccionada nos vamos al còdigo y agregamos el sigiente codigo
 id_alumno=<?php echo $row_Recordset1['id_alumno']; ?>

21.-Nuevamente creamos un nuevo archivo con el nombre actualizar_alumno.php y se realiza lo
mismo que en el paso 20. El còdigo es el mismo solo que este se agrega en la linea de Actualizar
dentro del archivo lista_alumnos.php.

NOTA: Es muy importante que guardes todo lo que estas haciendo para que no presentes ningún
tipo de problemas al momento de verlo en el explorador.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

22.- Para saber si nuestra conexión se realizó correctamente, abrimos cualquier explorador en
donde se teclea la URL de la ubicación de nuestro sitio que en este caso es:
 http://localhost/prueba4b/

23.- Ahora abrimos el archivo guardar_alumno.php para comenzar a hacer nuestros registros.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Una vez que llenemos los datos de nuestro nuevo registro nos lleva a la lista_alumnos.php donde
se muestra el nuevo registro ya guardado, lo que significa que los datos fueron guardados xon
éxito dentro de nuestra base de datos como se muestra en nuestra tabla 1.2.
Tabla 1.1

Tabla1.2
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
24.- Ahora probaremos la accion Eliminar para ello solo dando clic en ella. Y se muestra que un
registro ya fue eliminado lo que significa que nuestros datos fueron eliminados dentro de nuestra
base de datos como se muestra en la tabla 2.2
Tabla 2.1

Tabla 2.2
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
25.- A continuacion haremos la prueba de Actualizar un registro y esto lo hacemos con un solo clic
en la opcion.

Nos aparece una ventana en donde nos pide que actualizemos los datos de nuestro registro, en el
cual podemos modificar cualquier dato y solo damos clic en actualizar registro, y nos aparece una
ventana en donde los datos fueron actualizados correctamente.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Como vemos en nuestra base de datos también aparecen las modificaciones que realizamos en el
explorador.

26.- Eseguida generaremos los reportes en pdf y lo hacemos de la siguiente manera.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
27.- una vez teniendo nuestras tablas en la base de datos y estando dento del pograma
Dreamwaeber, se deben pegar los siguientes archivos de la librería PDF en la capeta de nuestro
sitio.

28.- Una vez pegados nuestros archivos en la capeta modificamos el codigo del archivo
reporte_cliente.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

29.Despues de modificar nuestro código del archivo, nos vamos a cualquier explorador y
tecleamos la URL de nuestro sitio local y elegimos la opción generar reporte PDF, y se mostrara
nuestro PDF generado.

Más contenido relacionado

La actualidad más candente

Manual de manejo de datos en dreamweaver.
Manual de manejo de datos en dreamweaver.Manual de manejo de datos en dreamweaver.
Manual de manejo de datos en dreamweaver.yz8001
 
Manual de crear sitio en php.
Manual de crear sitio en php.Manual de crear sitio en php.
Manual de crear sitio en php.Kique Reyes
 
Documento página web propuesta ub vfinalangelisabel
Documento página web propuesta ub vfinalangelisabelDocumento página web propuesta ub vfinalangelisabel
Documento página web propuesta ub vfinalangelisabelinnovaciones_4
 
Apache: Servidores web con autentificación
Apache: Servidores web con autentificaciónApache: Servidores web con autentificación
Apache: Servidores web con autentificaciónpablozacrosuarez
 
Slideshare Jénnifer Mena_Daniel Mena_ 1I
Slideshare Jénnifer Mena_Daniel Mena_ 1ISlideshare Jénnifer Mena_Daniel Mena_ 1I
Slideshare Jénnifer Mena_Daniel Mena_ 1IAdri Cse Bdp
 
Apache: Servidores web virtuales (por IP y puerto)
Apache: Servidores web virtuales (por IP y puerto)Apache: Servidores web virtuales (por IP y puerto)
Apache: Servidores web virtuales (por IP y puerto)pablozacrosuarez
 
Www.tutorialesiuty.comlu.com
Www.tutorialesiuty.comlu.comWww.tutorialesiuty.comlu.com
Www.tutorialesiuty.comlu.comDarvin Farfan
 
aula virtual - moodle
aula virtual - moodleaula virtual - moodle
aula virtual - moodleMiguel Angel
 
Sesion 1 introduccion a moodle
Sesion 1  introduccion a moodleSesion 1  introduccion a moodle
Sesion 1 introduccion a moodleJose Ponce
 
Apache: páginas multilenguaje
Apache: páginas multilenguajeApache: páginas multilenguaje
Apache: páginas multilenguajepablozacrosuarez
 
Curso C M S 03
Curso  C M S 03Curso  C M S 03
Curso C M S 03Jose Ponce
 
Apache Tomcat 8: despliegue de una aplicación mediante terminal
Apache Tomcat 8: despliegue de una aplicación mediante terminalApache Tomcat 8: despliegue de una aplicación mediante terminal
Apache Tomcat 8: despliegue de una aplicación mediante terminalpablozacrosuarez
 
Apache: Servidores web virtuales (por nombre)
Apache: Servidores web virtuales (por nombre)Apache: Servidores web virtuales (por nombre)
Apache: Servidores web virtuales (por nombre)pablozacrosuarez
 
Presentaciondejavadoc rafaelnavarroprieto
Presentaciondejavadoc rafaelnavarroprietoPresentaciondejavadoc rafaelnavarroprieto
Presentaciondejavadoc rafaelnavarroprietoRafael Navarro Prieto
 

La actualidad más candente (20)

Final marycruzz
Final marycruzzFinal marycruzz
Final marycruzz
 
Manual de manejo de datos en dreamweaver.
Manual de manejo de datos en dreamweaver.Manual de manejo de datos en dreamweaver.
Manual de manejo de datos en dreamweaver.
 
Manual de crear sitio en php.
Manual de crear sitio en php.Manual de crear sitio en php.
Manual de crear sitio en php.
 
Documento página web propuesta ub vfinalangelisabel
Documento página web propuesta ub vfinalangelisabelDocumento página web propuesta ub vfinalangelisabel
Documento página web propuesta ub vfinalangelisabel
 
Manual de sitio
Manual de sitioManual de sitio
Manual de sitio
 
Curso Cms 03
Curso Cms 03Curso Cms 03
Curso Cms 03
 
P1 joanaramirez.2
P1 joanaramirez.2P1 joanaramirez.2
P1 joanaramirez.2
 
Catalogo en linea
Catalogo en lineaCatalogo en linea
Catalogo en linea
 
Apache: Servidores web con autentificación
Apache: Servidores web con autentificaciónApache: Servidores web con autentificación
Apache: Servidores web con autentificación
 
Slideshare Jénnifer Mena_Daniel Mena_ 1I
Slideshare Jénnifer Mena_Daniel Mena_ 1ISlideshare Jénnifer Mena_Daniel Mena_ 1I
Slideshare Jénnifer Mena_Daniel Mena_ 1I
 
Manuales eloy
Manuales eloyManuales eloy
Manuales eloy
 
Apache: Servidores web virtuales (por IP y puerto)
Apache: Servidores web virtuales (por IP y puerto)Apache: Servidores web virtuales (por IP y puerto)
Apache: Servidores web virtuales (por IP y puerto)
 
Www.tutorialesiuty.comlu.com
Www.tutorialesiuty.comlu.comWww.tutorialesiuty.comlu.com
Www.tutorialesiuty.comlu.com
 
aula virtual - moodle
aula virtual - moodleaula virtual - moodle
aula virtual - moodle
 
Sesion 1 introduccion a moodle
Sesion 1  introduccion a moodleSesion 1  introduccion a moodle
Sesion 1 introduccion a moodle
 
Apache: páginas multilenguaje
Apache: páginas multilenguajeApache: páginas multilenguaje
Apache: páginas multilenguaje
 
Curso C M S 03
Curso  C M S 03Curso  C M S 03
Curso C M S 03
 
Apache Tomcat 8: despliegue de una aplicación mediante terminal
Apache Tomcat 8: despliegue de una aplicación mediante terminalApache Tomcat 8: despliegue de una aplicación mediante terminal
Apache Tomcat 8: despliegue de una aplicación mediante terminal
 
Apache: Servidores web virtuales (por nombre)
Apache: Servidores web virtuales (por nombre)Apache: Servidores web virtuales (por nombre)
Apache: Servidores web virtuales (por nombre)
 
Presentaciondejavadoc rafaelnavarroprieto
Presentaciondejavadoc rafaelnavarroprietoPresentaciondejavadoc rafaelnavarroprieto
Presentaciondejavadoc rafaelnavarroprieto
 

Destacado

20151204 La delusione dell'OPEC
20151204   La delusione dell'OPEC20151204   La delusione dell'OPEC
20151204 La delusione dell'OPECClaudio Enriquez
 
Términos de la comunicación interactiva
Términos de la comunicación interactivaTérminos de la comunicación interactiva
Términos de la comunicación interactivaDiana Arenas
 
Interferometric Evanescent Wave Biosensor Principles and Parameters
Interferometric Evanescent Wave Biosensor Principles and ParametersInterferometric Evanescent Wave Biosensor Principles and Parameters
Interferometric Evanescent Wave Biosensor Principles and Parametersiosrjce
 
AWSOMFep proyecto
AWSOMFep proyectoAWSOMFep proyecto
AWSOMFep proyectoKerly Tobar
 
2013 Devices -- Take the Guesswork out of New Mobile Devices & Platforms for ...
2013 Devices -- Take the Guesswork out of New Mobile Devices & Platforms for ...2013 Devices -- Take the Guesswork out of New Mobile Devices & Platforms for ...
2013 Devices -- Take the Guesswork out of New Mobile Devices & Platforms for ...Enterprise Mobile
 
Remembering our Families on Remembrance Day
Remembering our Families on Remembrance Day Remembering our Families on Remembrance Day
Remembering our Families on Remembrance Day craigcantlie
 

Destacado (13)

Best spa nyc 2
Best spa nyc 2Best spa nyc 2
Best spa nyc 2
 
20151204 La delusione dell'OPEC
20151204   La delusione dell'OPEC20151204   La delusione dell'OPEC
20151204 La delusione dell'OPEC
 
Povestea apei
Povestea apeiPovestea apei
Povestea apei
 
Términos de la comunicación interactiva
Términos de la comunicación interactivaTérminos de la comunicación interactiva
Términos de la comunicación interactiva
 
Documento sin título
Documento sin títuloDocumento sin título
Documento sin título
 
Interferometric Evanescent Wave Biosensor Principles and Parameters
Interferometric Evanescent Wave Biosensor Principles and ParametersInterferometric Evanescent Wave Biosensor Principles and Parameters
Interferometric Evanescent Wave Biosensor Principles and Parameters
 
resume-nicole-faucheaux
resume-nicole-faucheauxresume-nicole-faucheaux
resume-nicole-faucheaux
 
Props
PropsProps
Props
 
AWSOMFep proyecto
AWSOMFep proyectoAWSOMFep proyecto
AWSOMFep proyecto
 
2013 Devices -- Take the Guesswork out of New Mobile Devices & Platforms for ...
2013 Devices -- Take the Guesswork out of New Mobile Devices & Platforms for ...2013 Devices -- Take the Guesswork out of New Mobile Devices & Platforms for ...
2013 Devices -- Take the Guesswork out of New Mobile Devices & Platforms for ...
 
Lotería de Navidad
Lotería de NavidadLotería de Navidad
Lotería de Navidad
 
Believe Letterhead
Believe LetterheadBelieve Letterhead
Believe Letterhead
 
Remembering our Families on Remembrance Day
Remembering our Families on Remembrance Day Remembering our Families on Remembrance Day
Remembering our Families on Remembrance Day
 

Similar a Manipulacion de datos (20)

Manual de manipulación de datos
Manual de manipulación de datosManual de manipulación de datos
Manual de manipulación de datos
 
Manual freddy
Manual freddyManual freddy
Manual freddy
 
Manual dreamweaver
Manual dreamweaverManual dreamweaver
Manual dreamweaver
 
Manual de phpmyadmin
Manual de phpmyadminManual de phpmyadmin
Manual de phpmyadmin
 
Manual de conexion
Manual de conexionManual de conexion
Manual de conexion
 
Base de datos y reportes
Base de datos y reportesBase de datos y reportes
Base de datos y reportes
 
manual-conexion-net beanmysql
 manual-conexion-net beanmysql manual-conexion-net beanmysql
manual-conexion-net beanmysql
 
Aplicacion movil con_bd
Aplicacion movil con_bdAplicacion movil con_bd
Aplicacion movil con_bd
 
Aplicacion movil con_bd
Aplicacion movil con_bdAplicacion movil con_bd
Aplicacion movil con_bd
 
Manual de-manipulacion-de-datos-rosario
Manual de-manipulacion-de-datos-rosarioManual de-manipulacion-de-datos-rosario
Manual de-manipulacion-de-datos-rosario
 
Tutorial Blanca Yesenia
Tutorial Blanca YeseniaTutorial Blanca Yesenia
Tutorial Blanca Yesenia
 
Tutorial
TutorialTutorial
Tutorial
 
Automoviles
AutomovilesAutomoviles
Automoviles
 
Manual de-manipulacion-de-datos-mario
Manual de-manipulacion-de-datos-marioManual de-manipulacion-de-datos-mario
Manual de-manipulacion-de-datos-mario
 
Trabajo programcion
Trabajo programcionTrabajo programcion
Trabajo programcion
 
Manual
ManualManual
Manual
 
Conexiondinamica
ConexiondinamicaConexiondinamica
Conexiondinamica
 
Conexiondinamica
ConexiondinamicaConexiondinamica
Conexiondinamica
 
Manual de Aplicación Móvil con Acceso a Datos
Manual de Aplicación Móvil con Acceso a DatosManual de Aplicación Móvil con Acceso a Datos
Manual de Aplicación Móvil con Acceso a Datos
 
Manualphpmyadmin aj
Manualphpmyadmin ajManualphpmyadmin aj
Manualphpmyadmin aj
 

Más de Chioo Marbelin Zapata (12)

Sistemas de telecomunicacion
Sistemas de telecomunicacionSistemas de telecomunicacion
Sistemas de telecomunicacion
 
Polimorfismo1
Polimorfismo1Polimorfismo1
Polimorfismo1
 
Aplicación móvil
Aplicación móvilAplicación móvil
Aplicación móvil
 
Tabla comparativa1
Tabla comparativa1Tabla comparativa1
Tabla comparativa1
 
Seguridad
SeguridadSeguridad
Seguridad
 
Use going
Use goingUse going
Use going
 
Use will
Use willUse will
Use will
 
Ingles.iii
Ingles.iiiIngles.iii
Ingles.iii
 
Bases de datosii
Bases de datosiiBases de datosii
Bases de datosii
 
Actividad 1 rocio_marbelin
Actividad 1 rocio_marbelinActividad 1 rocio_marbelin
Actividad 1 rocio_marbelin
 
Actividad 1 rocio_marbelin
Actividad 1 rocio_marbelinActividad 1 rocio_marbelin
Actividad 1 rocio_marbelin
 
Actividad 1 rocio
Actividad 1 rocioActividad 1 rocio
Actividad 1 rocio
 

Manipulacion de datos

  • 1. 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 II Tema MANIPULACION DE DATOS Nombre completo del Alumno : Rocío Marbelin Zapata Palomo Grado: 4 Grupo: “B” Nombre del Docente : Eloy Contreras De Lira Fecha de entrega : 08/11/2013
  • 2. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN MANUAL DE CONEXIÓN PASOS PARA HACER LA CONEXIÓN A UNA BASE DE DATOS 1.- Para iniciar nuestra conexión a una base de datos es indispensable que sea instalado un Sistema Gestor De Bases De Datos y en este caso se utilizara el XAMPP. Y para acceder a este SGBD abrimos el explorador y se teclea la URL localhost y de esta manera accederemos . 2.- Ahora se crea nuestra base de datos y esta se crea en la herramienta phpMyAdmin, para comenzar a crearla nos vamos a la opción de crear nueva base de datos en la cual le daremos un nombre en este caso será prueba4b y la damos clic en el botón crear.
  • 3. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 3.-Enseguida nos aparece una ventana en donde nos pide el nombre de la tabla y el numero de campos que llevará nuestra base de datos en este caso se llamará alumnos y contendrá 6 campos y damos clic en continuar.
  • 4. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 4.- A continuación nos aparece ya nuestra tabla creada. Y nos pide que llenemos cada uno de los campos de nuestra tabla y damos clic en el botón grabar. 5-.Ahora nos muestra nuestra tabla “alumno” ya creada correctamente. 6.- Una vez teniendo nuestra
  • 5. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN base de datos ya creada, es necesario crear una carpeta dentro de nuestro servidor Xampp que esta ubicada dentro de la carpeta htdocs y todo esto dentro de nuestro disco local. Es muy importante que el nombre de nuestra carpeta tenga el mismo nombre que el de nuestra BD. 7.-Una vez que ya este nuestra carpeta creada abrimos el programa Dreamweaver para hacer nuestra conexión.
  • 6. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 8.- Al estar dentro del programa es necesario crear un nuevo sitio y para esto nos vamos a la pestaña que dice sitio y damos clic en nuevo sitio y nos abrirá una ventana en donde nos pide el nombre del sitio y la carpeta del sitio local donde estará ubicado. 9.-Ahora en esta misma ventana nos vamos a la opción de servidores en donde configuraremos nuestro servidor y damos clic en añadir nuevo sitio y nos aparecerá una ventana como la siguiente: En ella se pide el nombre de tu servidor y la conexión, la carpeta del servidor y la URL de este mismo.
  • 7. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 10.-Después nos vamos a la opción de avanzadas y solo elegimos el modelo de servidor y damos clic en guardar. 11.- Después de terminar la configuración del servidor no aparece una ventana donde solo cambiamos de modo remoto a prueba y damos guardar.
  • 8. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 12.- Una vez creado nuestro sitio nos posicionamos en el y damos clic derecho y elegimos nuevo archivo y asignamos nombres. El sitio ya está creado. 13.- A continuación nos vamos a la ventana y seleccionamos la opción base de datos para hacer la conexión con la base de datos y para esto abrimos nuestro archivo ya creado guardar_alumno.php. y damos clic en la conexión Mysql, y nos muestra una pantalla en donde debemos llenar el nombre de la conexión, el servidor y el nombre de usuario y nuestra base de datos y damos aceptar.
  • 9. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 14.- Enseguida nos vamos a la pestaña insertar datos y se elegimos la opción registro y damos clic en asistentes de formularios de inserción de registros y llenamos nuestro formulario que nos muestra y damos clic en aceptar. 15.- Aquí nos muestra el formulario ya creado. 16.- y a continuación abrimos nuestro archivo lista_alumnos.php y nos vamos nuevamente a la pestaña insertar datos dinámicos y seleccionamos la opción tabla dinámica y nos aparece una ventana como la siguiente en donde daremos clic en juego de registros.
  • 10. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Y nos aparecerá una ventana de nuestro juego de registro como la siguiente y damos clic en aceptar.
  • 11. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 17.- Aquí se muestra la tabla de lista_alumnos.php esta nos va a permitir guardar los registros que se vallan registrando en la base de datos. 18.- Una vez creada nuestra lista es necesario crear un nuevo archivo con el nombre de eliminar.php para que nos permita eliminar los registros de nuestra base de datos. 19.-Despues abrimos nuestro archivo lista_alumnos.php en donde insertaremos dos columnas en la cual estarán las acciones de Eliminar y Actualizar los registros.
  • 12. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 20.- Ahora se selecciona la accion Eliminar para hacer la vinculaciòn, y teniendo la accion seleccionada nos vamos al còdigo y agregamos el sigiente codigo  id_alumno=<?php echo $row_Recordset1['id_alumno']; ?> 21.-Nuevamente creamos un nuevo archivo con el nombre actualizar_alumno.php y se realiza lo mismo que en el paso 20. El còdigo es el mismo solo que este se agrega en la linea de Actualizar dentro del archivo lista_alumnos.php. NOTA: Es muy importante que guardes todo lo que estas haciendo para que no presentes ningún tipo de problemas al momento de verlo en el explorador.
  • 13. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 22.- Para saber si nuestra conexión se realizó correctamente, abrimos cualquier explorador en donde se teclea la URL de la ubicación de nuestro sitio que en este caso es:  http://localhost/prueba4b/ 23.- Ahora abrimos el archivo guardar_alumno.php para comenzar a hacer nuestros registros.
  • 14. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Una vez que llenemos los datos de nuestro nuevo registro nos lleva a la lista_alumnos.php donde se muestra el nuevo registro ya guardado, lo que significa que los datos fueron guardados xon éxito dentro de nuestra base de datos como se muestra en nuestra tabla 1.2. Tabla 1.1 Tabla1.2
  • 15. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 24.- Ahora probaremos la accion Eliminar para ello solo dando clic en ella. Y se muestra que un registro ya fue eliminado lo que significa que nuestros datos fueron eliminados dentro de nuestra base de datos como se muestra en la tabla 2.2 Tabla 2.1 Tabla 2.2
  • 16. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 25.- A continuacion haremos la prueba de Actualizar un registro y esto lo hacemos con un solo clic en la opcion. Nos aparece una ventana en donde nos pide que actualizemos los datos de nuestro registro, en el cual podemos modificar cualquier dato y solo damos clic en actualizar registro, y nos aparece una ventana en donde los datos fueron actualizados correctamente.
  • 17. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Como vemos en nuestra base de datos también aparecen las modificaciones que realizamos en el explorador. 26.- Eseguida generaremos los reportes en pdf y lo hacemos de la siguiente manera.
  • 18. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 27.- una vez teniendo nuestras tablas en la base de datos y estando dento del pograma Dreamwaeber, se deben pegar los siguientes archivos de la librería PDF en la capeta de nuestro sitio. 28.- Una vez pegados nuestros archivos en la capeta modificamos el codigo del archivo reporte_cliente.
  • 19. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 29.Despues de modificar nuestro código del archivo, nos vamos a cualquier explorador y tecleamos la URL de nuestro sitio local y elegimos la opción generar reporte PDF, y se mostrara nuestro PDF generado.