Materia

Desarrollo de aplicaciones

Tema

Manual para el desarrollo de aplicaciones web

Nombre completo del Alumno : José Jonathan Torres Castillo

Grado: 4 Grupo: “B”

Nombre del Docente : Eloy de Lira Contreras

Fecha de entrega : 8/10/2013

Primero ingresamos la dirección “local host” en nuestro navegador y nos

aparecerá una ventana la cual nos indica que ya estamos dentro de XAMPP.

Seleccionamos el idioma en el que deseamos trabajar en mi caso será en

(español).

Después nos muestra una ventana con la siguiente interfaz, en la parte

izquierda de la pantalla seleccionamos la opción de phpMyAdmin.

Después nos aparece la interfaz en donde creamos el nombre de nuestra base

de datos le damos clic en crear

Ingresamos el nombre de la tabla y el número de campos que contendrá y

damos click al botón continuar

Tenemos la tabla y debemos llenarla con la información que nosotros vamos a

ingresar

Ya cuándo tengamos la información guardada dentro de nuestra basa de datos

damos click en el botón grabar

Nos aparecerá una veta en donde nos dice que la base de datos ha sido

creada

Nos vamos a la opción de mi PC

Después de que nos metimos a mi PC nos vamos a disco extraíble (c:)

Damos clic en la carpeta de XAMMP

Damos doble clic en la carpeta de (htdocs) para poder crear una nueva carpeta

Estando dentro de la carpeta htdocs creamos una nueva carpeta con un

nombre de identificarse para su posterior uso (registro).

Ya una vez creado las carpetas nos iremos a Adobe Dreamweaber CS6

Nos vamos a la pestaña de sito, esperamos que se desplace la barra de

opciones y damos click en nuevo sitio

Ahora vamos a ingresar el nombre del sitio y elegir la carpeta. Elegimos la

carpeta que creamos anteriormente en htdocs y guardar

Ahora creamos un nuevo archivo

Ya que creamos el archivo, a hora volvemos a crear otro nuevo archivo

Después damos doble click sobre el archivo guardar

Estando dentro del archivo guardar damos click en base de datos. Con esto se

abrirá una nueva ventana en la parte derecha de la interfaz.

Damos click en servidor de prueba

Aparecerá la siguiente pantalla donde vamos configuraremos nuestro sitio.

En la opción de avanzadas damos click en PHP MySQL. Damos click en

guardar

Después nos aparecerá la siguiente interfaz y damos click en el botón guardar

Cuando ya hemos ingresado los datos, damos click en el botón aceptar

Cuando terminemos la conexión nos deberá aparecer en el lado derecho en

forma de cilindro eso quiere decir que la conexión se izo favorablemente

Nos vamos a la pestaña de insertar, damos click en común y datos

Insertar registro y después asistente de formulario de inserción de registros

Eliminaremos la id_nombre oprimiendo el botón (-)

Ya después de que eliminamos el id_nombre damos click en el botón aceptar

Nos aparecerá la siguiente interfaz elegimos el de registrar y damos aceptar

Cuando le dimos click a aceptar nos aparecerá una tabla en Dreamweaver

Nos vamos a archivo y seleccionamos (Guardar todo) para que nos guarde los

cambios

-En nuestro explorador ingresamos el URL correspondiente al lugar y nombre

de tu carpeta http://localhost/misitio

Lo cual nos llevara hasta esta parte donde se registra y se guardan los datos

-si te aparece esta interfaz quiere decir que si estás bien que si guarda los

registros

Eliminar

Ahora creamos un archivo con el nombre de “eliminar”.

Nos vamos a la opción de INSERTAR-DATOS-ELIMINAR REJISTRO-

Vamos a actualizar y eliminar los registros ya agregados.

Interfaz de la página, vamos a “insertar datos” y “eliminar registro”.

Nos aparecerá la siguiente venta que es

En seguida nos aparecerá la siguiente ventana

Después nos aparece esta ventana

Aquí es la opción elegida es la de asistente de formulario de actualización de

registros

Seleccionamos la opción tablas y dentro de ella nos aparecerán varias

opciones y nosotros elegimos insertar filas o columnas.

Se muestra la siguiente ventana en la cual podemos poner cuantas filas y

columnas deseamos insertar

En esta ventana nada más combinaremos las celdas

Se muestra como quedaron las celdas a después de haberlas combinado

Seleccionamos las letras que dicen eliminar, esto es para crear un vínculo

Nos aparece una interfaz y elegimos la opción eliminar como vinculo para las

letras que ya seleccionamos

Actualizar

Seleccionamos la palabra actualizar asemos lo mismo que con el de eliminar solo que

ahora elegimos las opción “lista alumno”

Vamos a crear el vínculo

Nos aparece un formulario de actualización de registros

Nos vamos al código de “lista_alumnos” y acomodamos el código de la

siguiente manera

La parte que esta seleccionada se copea y se pega en la parte que esta

seleccionada en la segunda imagen

El documento ya funciona se va a mostrar desde el explorador y aquí es

donde se guardan los registros

En esta parte es donde se muestran los datos insertados

Desde esta parte ya podemos eliminar, actualizar nuestros datos