Descargar

Manual de usuario de una aplicacion web en Wampserver

Enviado por Aidy C


  1. Manual de usuario
  2. Crear una base de datos
  3. Configuración de sitio de Dreamweaver
  4. Validación de campo de texto
  5. Juego de registro
  6. Lista de mantenimientos

Los programas que fueron utilizados para los sistemas son los siguientes:

Servidor web: Apache

Base de datos: My sql

Aplicaciones: Dreamweaver

Lenguaje: php

MANUAL DE USUARIO

Ingresamos a la base de datos

Clic en internet explorer

En la dirección en la barra de dirección escribimos http:localhost/phpmyadmin

edu.red

CREAR UNA BASE DE DATOS

edu.red

Escribimos el nombre de una base de datos y hacemos clic en aceptar

Y aparecerá "la base de datos se creó."

Y procedemos a crear las tablas correspondientes a la base de datos.

edu.red

edu.red

Tabla materia

edu.red

Tabla profesores

edu.red

CONFIGURACIÓN DE SITIO DE DREAMWEAVER

En la página principal de aplicación dreamweaver hacemos clic en Sitio Dreamweaver.

edu.red

Y aparece una ventana de definición de sitio, en la cual clic en la vista avanzadas para proceder con la configuración.

1.- DATOS LOCALES

edu.red

Escribir lo siguiente:

nombre de sitio: proyecto

carpeta raíz: c:wampwwwproyecto_web

carpeta predeterminada: c:wampwwwproyecto_web

La carpeta raíz local permite guardar todas las páginas en esa dirección y que puedan navegar de una forma más fácil.

La carpeta predeterminada de imágenes también nos permite enlazar a las imágenes del proyecto.

Dirección http: esta dirección nos permite para vincular relativos al sitio en este caso escribimos localhost ya que está siendo trabajado localmente.

2.-Datos remotos

edu.red

Acceso: le escribimos local/red ya que estamos trabajando en forma local.

y la carpeta remota: direccionamos a la carpeta que estamos trabajando.

3.-Servidor A Prueba

Aquí especificamos el modelo del servidor

Php, mysql

Prefijo URL. Es el prefijo de url o dirección local adonde debe ingresar.

edu.red

4.-Spry

Permite aceptar la validación de los sitios, y la carpeta de acivos sry esta vinculado a la carpeta creada.

edu.red

Y para surgir el cambio a la configuración hacemos clic en Aceptar.

Para realizar la aplicación hacemos lo siguente.

Abrimos el lenguaje php y procedemos a realizar los respectivos diseños.

edu.red

Para eso tenemos tres botones muy importantes

Códigoedu.redEl código permite visualizar todos los códigos generados al realizar la pagina o el sitio web.

edu.red

Dividiredu.redes el botón que nos permite trabajar códigos y diseños.

edu.red

Diseño. edu.redes el botón que permite trabajar con los diseños.

edu.red

Como realizar la conexión php con MY Sql

Primero hacemos clic en el panel de tareas que se encuentra ubicada a la derecha de la página de php, hacemos clic en Aplicaciones escogemos la vista base de datos.

edu.red

Y hacemos clic en conexión MY sql y aparece esta ventana

edu.red

En la que escribimos:

nombre de la conexión : proyecto

servidor de my sql: localhost

Nombre de usuario: root

edu.red

Seleccionamos la base de datos que hayamos creado , para ello clic en seleccionar

edu.red

Y clic en Aceptar.

Y automáticamente se genera y visualizamos dentro de dreamweaver la base de datos.

edu.red

VALIDACION DE CAMPO DE TEXTO

En la barra de herramientas de dreamweaver hacemos clic en SPRY edu.red

Y hacemos clic en campo de validación de spry

edu.red

Pero es necesario tener seleccionado el campo que debemos o queremos validar.

edu.red

LAS PROPIEDADESDE VALIDACIÓN

Tipo: examinamos el tipo de validación para el campo.

Formato: existe un formato predeterminado.

Estado de vista previa: valido, verifica los datos válidos.

Obligatorio: insertar los datos de forma obligada o son datos importantes-

Car min.- cuantas letras o caracteres mínimos

Car max.- el máximo carácter.

JUEGO DE REGISTRO

Clic en aplicación

Vista comportamiento de servidor

edu.red

Juego de registro.- este juego de registro permite vincular con los campos de la base de datos con los del formulario.

edu.red

Seleccionamos los campos que se va necesitar.

Y aceptar.

Y en dreamweaver se genera el código.

edu.red

Ingresar registro.- toma o envía los datos del formulario o toma los datos de la base de datos.

edu.red

Clic en aceptar

edu.red

edu.red

Procedemos a registrar los datos en el formulario

edu.red

edu.red

LISTA DE MANTENIMIENTOS

En la vista de comportamientos del servidor

Clic en juego de registro

Asignamos los campos correspondientes

Aceptar.

Y dentro de diseño creamos los campos principales

edu.red

Nos vamos a vista de vínculos y arrastramos a cada campo de la tabla los campos de la base de datos.

edu.red

Luego de esto Seleccionamos la fila completa

Para realizar repetición región

edu.red

edu.red

Aceptar

COMO HACER VINCULOS PARA VER DE FORMA DETALLADA

Seleccionamos la palabra ver detalle

En la parte inferior del diseño en la parte propiedades hacemos clic en una carpeta de vínculos

edu.red

Y en la ventana de vínculos

Aparece el botón de parámetros

Clic en ella

edu.red

y llenamos la información

nombre: id_alumno

valor:

aceptar

y le mandamos a ejecutar la aplicación y está listo para ver los detalles de cada tabla.

Gracias por este tiempo.

Autor:

Aidy