Arquitectura Web: Páginas Dinámicas
La gran ventaja de un servicio web es que puede cambiar la información de la página HTML según diferentes situaciones. Para eso es necesario contruir las páginas dinámicas.
Objetivos
- Arquitectura Web
- Formularios y Páginas Dinamicas
Clases
- Plan de Trabajo
- Qué tengo que hacer. Alcance de mi proyecto: Objetivos, tareas, fases del proyecto, etc
- Cómo lo voy a hacer. Recursos disponibles: tiempo, conocimiento y entorno de desarrollo
- Cuando lo voy a hacer: planificación (tareas y tiempo).
- Agenda de trabajo (Relaciona el qué tengo que hacer (tarea) con el cómo y el cuando (día y hora)
- Debe ser una Herramienta para hacer un Seguimiento Continuo
- Arquitectura Web
- Componentes C/S: Servidor Web, Servidor BD, Conexión, Programación
- Modelo 3C:
- Presentación: Páginas Estáticas servidas por el Servidor Web
- Datos. Modelo de Datos y Consultas (SQL) en el Servidor BD
- Lógica. Páginas Dinámicas servidas por Servidor de Aplicaciones (Servidor Web + API/módulo
- Pasos para la instalación
- Servidor Web
- Instalar Servidor Web (página estática)
- Instalar Extensión Programa (página dinámica)
- Arrancar y Mantener Servidor Web
- Servidor BD
- Instalar SBDDR
- Acceder desde consola (crear una tabla ejemplo)
- Conexión con la BD: Buscar cómo se conecta (librerias y/o APIs de BD en el lenguaje escogido)
- Servidor Web
- Formularios
- Elementos de HTML: Forms
- Estructura: programa a ejecutar (action), campos de introducción de datos (controles) y botones de enviar/borrar
- Tipos de Controles: button, checkbox, radio button, menu, text input, file select, hidden control
- Etiqueta INPUT (varios tipos de controles)
- Valores de Parámetros (nombre del campo y su valor)
- Envio de Información: Se le añade al URL, después de una ? los pares parámetro/valor separados por &. Ojo con la codificación
- Ejemplos de URL con parámetros:
/docencia/calendario/view?view=day&date=2005-03-18 http://www.google.com/search ?q=estructura+de+un+URL+par%C3%A1metros&start=0&start=0&ie=utf-8&oe=utf-8&client=firefox-a
- Ejemplo de Formulario Sencillo
Actividades
- Realizar un formulario para enviar los datos utilizando un cliente de correo electrónico
- Realizar una página dinámica con el lenguaje escogido que ponga Hola $nombre, siendo $nombre un valor que se le envia en el URL
- Realizar un formulario donde se introduzca el nombre y los apellidos y que al enviarlo (submit) muestre una página con esos datos.
- Realizar una formulario que tome los datos de algún campo (por ejemplo una lista) de una base de datos.
Duración del Curso
El esfuerzo estimado del curso es de 1 crédito ECTS. Unas 30 horas de dedicación.