manual de wampserver
DESCRIPTION
Manual para configurar Wamp SErverTRANSCRIPT
Manual de Usuario Wampserver
El éxito no es un secreto!
1
Manual de Usuario Wampserver
El éxito no es un secreto!
2
Manual de usuario
de una aplicación web en wampserver
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
Manual de Usuario Wampserver
El éxito no es un secreto!
3
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.
Manual de Usuario Wampserver
El éxito no es un secreto!
4
Tabla materia
Manual de Usuario Wampserver
El éxito no es un secreto!
5
Tabla profesores
CONFIGURACIÓN DE SITIO DE DREAMWEAVER
En la página principal de aplicación dreamweaver hacemos clic en Sitio Dreamweaver.
Y aparece una ventana de definición de sitio, en la cual clic en la vista avanzadas para
proceder con la configuración.
Manual de Usuario Wampserver
El éxito no es un secreto!
6
1.- DATOS LOCALES
Escribir lo siguiente:
nombre de sitio: proyecto
carpeta raíz: c:\wamp\www\proyecto_web
carpeta predeterminada: c:\wamp\www\proyecto_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.
Manual de Usuario Wampserver
El éxito no es un secreto!
7
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 dirección local adonde debe ingresar.
Manual de Usuario Wampserver
El éxito no es un secreto!
8
4.-Spry
Permite aceptar la validación de los sitios, y la carpeta de acivos sry esta vinculado a la
carpeta creada.
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.
Manual de Usuario Wampserver
El éxito no es un secreto!
9
Para eso tenemos tres botones muy importantes
Código El código permite visualizar todos los códigos generados al realizar
la pagina o el sitio web.
Dividir es el botón que nos permite trabajar códigos y diseños.
Manual de Usuario Wampserver
El éxito no es un secreto!
10
Diseño. es el botón que permite trabajar con los diseños.
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.
Manual de Usuario Wampserver
El éxito no es un secreto!
11
Y hacemos clic en conexión MY sql y aparece esta ventana
En la que escribimos:
nombre de la conexión : proyecto
servidor de my sql: localhost
Nombre de usuario: root
Seleccionamos la base de datos que hayamos creado , para ello clic en seleccionar
Manual de Usuario Wampserver
El éxito no es un secreto!
12
Y clic en Aceptar.
Y automáticamente 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 validación de spry
Pero es necesario tener seleccionado el campo que debemos o queremos validar.
Manual de Usuario Wampserver
El éxito no es un secreto!
13
LAS PROPIEDADES DE 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
Manual de Usuario Wampserver
El éxito no es un secreto!
14
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 código.
Manual de Usuario Wampserver
El éxito no es un secreto!
15
Ingresar registro.- toma o envía los datos del formulario o toma los datos de la base de
datos.
Clic en aceptar
Manual de Usuario Wampserver
El éxito no es un secreto!
16
Procedemos a registrar los datos en el formulario
Manual de Usuario Wampserver
El éxito no es un secreto!
17
LISTA DE MANTENIMIENTOS
En la vista de comportamientos del servidor
Clic en juego de registro
Manual de Usuario Wampserver
El éxito no es un secreto!
18
Asignamos los campos correspondientes
Aceptar.
Y dentro de diseño creamos los campos principales
Nos vamos a vista de vínculos y arrastramos a cada campo de la tabla los campos
de la base de datos.
Luego de esto Seleccionamos la fila completa
Para realizar repetición región
Manual de Usuario Wampserver
El éxito no es un secreto!
19
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
Y en la ventana de vínculos
Aparece el botón de parámetros
Manual de Usuario Wampserver
El éxito no es un secreto!
20
Clic en ella y llenamos la información
nombre: id_alumno
valor:
Aceptar
Se manda a ejecutar la aplicación y está listo para ver los detalles de cada tabla.