Manual de Usuario Wampserver
El éxito no es un secreto! 1
Manual de Usuario Wampserver
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
El éxito no es un secreto! 2
Manual de Usuario Wampserver
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.
El éxito no es un secreto! 3
Manual de Usuario Wampserver
Tabla materia
El éxito no es un secreto! 4
Manual de Usuario Wampserver
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.
El éxito no es un secreto! 5
Manual de Usuario Wampserver
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.
El éxito no es un secreto! 6
Manual de Usuario Wampserver
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.
El éxito no es un secreto! 7
Manual de Usuario Wampserver
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. El éxito no es un secreto! 8
Manual de Usuario Wampserver
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.
El éxito no es un secreto! 9
Manual de Usuario Wampserver
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.
El éxito no es un secreto! 10
Manual de Usuario Wampserver
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
El éxito no es un secreto! 11
Manual de Usuario Wampserver
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.
El éxito no es un secreto! 12
Manual de Usuario Wampserver
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 importantesCar 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
El éxito no es un secreto! 13
Manual de Usuario Wampserver
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.
El éxito no es un secreto! 14
Manual de Usuario Wampserver
Ingresar registro.- toma o envía los datos del formulario o toma los datos de la base de datos.
Clic en aceptar
El éxito no es un secreto! 15
Manual de Usuario Wampserver
Procedemos a registrar los datos en el formulario
El éxito no es un secreto! 16
Manual de Usuario Wampserver
LISTA DE MANTENIMIENTOS En la vista de comportamientos del servidor Clic en juego de registro El éxito no es un secreto! 17
Manual de Usuario Wampserver
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
El éxito no es un secreto! 18
Manual de Usuario Wampserver
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
El éxito no es un secreto! 19
Manual de Usuario Wampserver
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.
El éxito no es un secreto! 20