Arquitectura Web: Páginas Dinámicas
cesareox -- Docencia -- DFSI -- Arquitectura Web: Páginas Dinámicas
Esta unidad didáctica trata de preparar algunos conceptos básicos para realizar la aplicación web objeto del mini-proyecto
Objetivos
- Arquitectura Web
- Formularios y Páginas Dinamicas
Indice de Contenidos
- 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)
- 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:
http://www.cesareox.com/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.