SlideShare una empresa de Scribd logo
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

Luis Alfredo Ojeda Vázquez
Grado:

4°

Grupo:

A

ITIC. 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
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
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

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
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

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
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
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
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
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 primariadebe 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.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
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.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

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
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

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.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
En la carpeta crear un nuevo archivo con el nombre deseado.

Ahora dar clic en esta pestañita para llenar los siguientes campos
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
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.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
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 .
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
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.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

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.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

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.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

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.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

En esta seleccionamos la base de datos.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Dentro de nuestros archivos vamos a crear uno nuevo que se llama Eliminar
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
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
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
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
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

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
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
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
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
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
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Más contenido relacionado

DOCX
Manual dreamweaver
DOCX
DOCX
Elaboracion de una bd con dreawever
PDF
Manual de-manipulacion-de-datos-rosario
DOCX
Manual de conexion
PDF
Manual de manipulación de datos
DOCX
Automoviles
PDF
Manual php myadmin
Manual dreamweaver
Elaboracion de una bd con dreawever
Manual de-manipulacion-de-datos-rosario
Manual de conexion
Manual de manipulación de datos
Automoviles
Manual php myadmin

La actualidad más candente (10)

DOCX
Manual tecnico
PDF
Manual access 2019 (1)
DOCX
Cartel de contenidos 2012
DOCX
Manual de uso de ms outlook
PDF
manual completo_office2013
PDF
Tema liderplus combinar correspondencia
DOCX
11 ada adicional
PDF
Taller Access #3
DOCX
trabajo de access
DOCX
cristian camacho cuellar - taller de evaluacion
Manual tecnico
Manual access 2019 (1)
Cartel de contenidos 2012
Manual de uso de ms outlook
manual completo_office2013
Tema liderplus combinar correspondencia
11 ada adicional
Taller Access #3
trabajo de access
cristian camacho cuellar - taller de evaluacion
Publicidad

Destacado (9)

PDF
Efisica
DOC
Programacion Educación Física
DOCX
Programación anual 2016 Educación Física.
DOCX
Programación anual 2016 pfrh
DOCX
PROGRAMACION ANUAL Y UNIDADES DE 2° PFRH
PDF
PROGRAMACIÓN ANUAL de Persona, Familia y Relaciones Humanas 2016
DOCX
PERSONA FAMILIA Y R.H_ANULA_1RO,2DO,3RO
DOCX
PERSONA FAMILIA Y RELACIONES HUMANAS_ANUAL_1RO A 5TO
Efisica
Programacion Educación Física
Programación anual 2016 Educación Física.
Programación anual 2016 pfrh
PROGRAMACION ANUAL Y UNIDADES DE 2° PFRH
PROGRAMACIÓN ANUAL de Persona, Familia y Relaciones Humanas 2016
PERSONA FAMILIA Y R.H_ANULA_1RO,2DO,3RO
PERSONA FAMILIA Y RELACIONES HUMANAS_ANUAL_1RO A 5TO
Publicidad

Similar a Manual freddy (20)

PDF
Dreamweaver
PDF
Manual dreamweaver
ODT
Manual de manejo de datos en dreamweaver.
PDF
Manual de crear sitio en php.
PDF
Manuales de como crear servidores en DreamWeaver
PDF
Manual de-manipulacion-de-datos-mario
PDF
Manual De Manipulacion De Datos
PDF
Manual de sitio
PDF
Manual de dreamweaver
DOCX
PDF
Manipulacion de datos
PDF
Manual phpMyAdmin
PDF
Manual de phpMyAdmin
PDF
Manual de Aplicación Móvil con Acceso a Datos
DOCX
Final marycruzz
PDF
Manipulación de datos
PDF
Manual php myadmin
PDF
Manual php myadmin
Dreamweaver
Manual dreamweaver
Manual de manejo de datos en dreamweaver.
Manual de crear sitio en php.
Manuales de como crear servidores en DreamWeaver
Manual de-manipulacion-de-datos-mario
Manual De Manipulacion De Datos
Manual de sitio
Manual de dreamweaver
Manipulacion de datos
Manual phpMyAdmin
Manual de phpMyAdmin
Manual de Aplicación Móvil con Acceso a Datos
Final marycruzz
Manipulación de datos
Manual php myadmin
Manual php myadmin

Manual freddy

  • 1. 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 Luis Alfredo Ojeda Vázquez Grado: 4° Grupo: A ITIC. 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 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
  • 3. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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
  • 4. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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
  • 5. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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
  • 6. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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 primariadebe 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.
  • 7. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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.
  • 8. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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
  • 9. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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.
  • 10. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN En la carpeta crear un nuevo archivo con el nombre deseado. Ahora dar clic en esta pestañita para llenar los siguientes campos
  • 11. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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.
  • 12. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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 .
  • 13. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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.
  • 14. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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.
  • 15. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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.
  • 16. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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.
  • 17. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN En esta seleccionamos la base de datos.
  • 18. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Dentro de nuestros archivos vamos a crear uno nuevo que se llama Eliminar
  • 19. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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
  • 20. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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
  • 21. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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
  • 22. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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
  • 23. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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
  • 24. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN