Está en la página 1de 20

ManualdeUsuarioWampserver

Elxitonoesunsecreto! 1

ManualdeUsuarioWampserver

Manual de usuario de una aplicacin web en wampserver


1. Manual de usuario 2. Crear una base de datos 3. Configuracin de sitio de Dreamweaver 4. Validacin 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 direccin en la barra de direccin escribimos http:localhost/phpmyadmin

Elxitonoesunsecreto! 2

ManualdeUsuarioWampserver

CREAR UNA BASE DE DATOS

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.

Elxitonoesunsecreto! 3

ManualdeUsuarioWampserver

Tabla materia

Elxitonoesunsecreto! 4

ManualdeUsuarioWampserver

Tabla profesores

CONFIGURACIN DE SITIO DE DREAMWEAVER


En la pgina principal de aplicacin dreamweaver hacemos clic en Sitio Dreamweaver.

Y aparece una ventana de definicin de sitio, en la cual clic en la vista avanzadas para proceder con la configuracin.

Elxitonoesunsecreto! 5

ManualdeUsuarioWampserver

1.- DATOS LOCALES

Escribir lo siguiente: nombre de sitio: proyecto carpeta raz: c:\wamp\www\proyecto_web carpeta predeterminada: c:\wamp\www\proyecto_web La carpeta raz local permite guardar todas las pginas en esa direccin y que puedan navegar de una forma ms fcil. La carpeta predeterminada de imgenes tambin nos permite enlazar a las imgenes del proyecto. Direccin http: esta direccin nos permite para vincular relativos al sitio en este caso escribimos localhost ya que est siendo trabajado localmente.

Elxitonoesunsecreto! 6

ManualdeUsuarioWampserver

2.-Datos remotos

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 direccin local adonde debe ingresar.

Elxitonoesunsecreto! 7

ManualdeUsuarioWampserver

4.-Spry Permite aceptar la validacin de los sitios, y la carpeta de acivos sry esta vinculado a la carpeta creada.

Y para surgir el cambio a la configuracin hacemos clic en Aceptar. Para realizar la aplicacin hacemos lo siguente. Abrimos el lenguaje php y procedemos a realizar los respectivos diseos.
Elxitonoesunsecreto! 8

ManualdeUsuarioWampserver

Para eso tenemos tres botones muy importantes

Cdigo

El cdigo permite visualizar todos los cdigos generados al realizar

la pagina o el sitio web.

Dividir

es el botn que nos permite trabajar cdigos y diseos.

Elxitonoesunsecreto! 9

ManualdeUsuarioWampserver

Diseo.

es el botn que permite trabajar con los diseos.

Como realizar la conexin php con MY Sql Primero hacemos clic en el panel de tareas que se encuentra ubicada a la derecha de la pgina de php, hacemos clic en Aplicaciones escogemos la vista base de datos.

Elxitonoesunsecreto! 10

ManualdeUsuarioWampserver

Y hacemos clic en conexin MY sql y aparece esta ventana

En la que escribimos: nombre de la conexin : proyecto servidor de my sql: localhost Nombre de usuario: root

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

Elxitonoesunsecreto! 11

ManualdeUsuarioWampserver

Y clic en Aceptar. Y automticamente se genera y visualizamos dentro de dreamweaver la base de datos.

VALIDACION DE CAMPO DE TEXTO


En la barra de herramientas de dreamweaver hacemos clic en SPRY

Y hacemos clic en campo de validacin de spry

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

Elxitonoesunsecreto! 12

ManualdeUsuarioWampserver

LAS PROPIEDADES DE VALIDACIN Tipo: examinamos el tipo de validacin para el campo. Formato: existe un formato predeterminado. Estado de vista previa: valido, verifica los datos vlidos. Obligatorio: insertar los datos de forma obligada o son datos importantesCar min.- cuantas letras o caracteres mnimos Car max.- el mximo carcter.

JUEGO DE REGISTRO
Clic en aplicacin Vista comportamiento de servidor

Elxitonoesunsecreto! 13

ManualdeUsuarioWampserver

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

Seleccionamos los campos que se va necesitar. Y aceptar. Y en dreamweaver se genera el cdigo.

Elxitonoesunsecreto! 14

ManualdeUsuarioWampserver

Ingresar registro.- toma o enva los datos del formulario o toma los datos de la base de datos.

Clic en aceptar

Elxitonoesunsecreto! 15

ManualdeUsuarioWampserver

Procedemos a registrar los datos en el formulario

Elxitonoesunsecreto! 16

ManualdeUsuarioWampserver

LISTA DE MANTENIMIENTOS
En la vista de comportamientos del servidor Clic en juego de registro
Elxitonoesunsecreto! 17

ManualdeUsuarioWampserver

Asignamos los campos correspondientes Aceptar. Y dentro de diseo creamos los campos principales

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

Luego de esto Seleccionamos la fila completa Para realizar repeticin regin

Elxitonoesunsecreto! 18

ManualdeUsuarioWampserver

Aceptar COMO HACER VINCULOS PARA VER DE FORMA DETALLADA Seleccionamos la palabra ver detalle En la parte inferior del diseo en la parte propiedades hacemos clic en una carpeta de vnculos

Y en la ventana de vnculos Aparece el botn de parmetros

Elxitonoesunsecreto! 19

ManualdeUsuarioWampserver

Clic en ella y llenamos la informacin nombre: id_alumno valor: Aceptar Se manda a ejecutar la aplicacin y est listo para ver los detalles de cada tabla.

Elxitonoesunsecreto! 20