historia:
Hasta el día de hoy, lo más importante en el desarrollo de aplicaciones Web han sido las herramientas. Poco se ha dicho sobre el proceso de desarrollo.
La fácil creación de hojas HTML y en general de sitios Web, usando herramientas simples, ha hecho que el desarrollo de este tipo de aplicaciones se haga sin un trabajo serio de análisis y diseño.
Cualquier sistema de complejidad no trivial, necesita ser analizado y modelado. Las aplicaciones Web, al igual que otras aplicaciones, necesitan métodos formales de análisis y diseño.
¿Cuál es la diferencia entre un sitio Web y una aplicación Web?
“Una aplicación Web es un sitio Web donde la navegación a través del sitio, y la entrada de datos por parte de un usuario, afectan el estado de la lógica del negocio. En esencia, una aplicación Web usa un sitio Web como entrada (front-end) a una aplicación típica. ...Si no existe lógica del negocio en el servidor, el sistema no puede ser llamado aplicación Web.”
¿Es Altavista (o cualquier search engine) un sitio Web o una aplicación Web? ¿Qué pasa con un sitio Web como el de Microsoft donde hay que registrase antes de bajar algún software?
La arquitectura de un sitio Web tiene tres componentes principales: un servidor Web, una conexión de red, y uno o más clientes (browsers).
El servidor Web distribuye páginas de información formateada a los clientes que las solicitan. Los requerimientos son hechos a través de una conexión de red, y para ello se usa el protocolo HTTP.
Arquitectura básica de una aplicación/sitio Web
La información mostrada en las páginas está típicamente almacenada en archivos. Sin embargo, muchas veces esta información está almace- nada en una base de datos, y las páginas son creadas dinámicamente. Los sitios Web que usan este esquema, son llamados sitios dinámicos.
Páginas Web
Las páginas Web son el componente principal de una aplicación o sitio Web. Los browsers piden páginas (almacenadas o creadas dinámicamente) con información a los servidores Web.
En algunos ambientes de desarrollo de aplicaciones Web, las páginas contienen código HTML y scripts dinámicos, que son ejecutados por el servidor antes de entregar la página. Una vez que se entrega una página, la conexión entre el browser y el servidor Web se rompe (a diferencia de otros esquemas tipo cliente/servidor). Es decir que la lógica del negocio en el servidor solamente se activa por la ejecución de los scripts de las páginas solicitadas por el browser (en el servidor, no en el cliente).
Scripts en el cliente
Cuando el browser ejecuta un script en el cliente, éste no tiene acceso directo a los recursos del servidor.
Hay otros componentes que no son scripts, como los applets o los componentes ActiveX. Los scripts del cliente son por lo general código JavaScript o VBSscript, mezclados con código HTML.
Formularios
La forma más común de capturar la información dada por el usuario, es a través de formularios. Un formulario (form) es una colección de campos de entrada: textbox, text area, checkbox, radio button group, button y selection list.
Cuando un formulario es llenado, se envía al servidor usando una operación submit solicitada por el usuario típicamente al hacer click en un botón.
CLASIFICACIÓN APLICACIONES
WEB
Se puede hacer por varios conceptos, por ejemplo:
- Tipo de contenido (deportes, música, …)
- Tecnología usada (flash, html, java?)
- Según el tráfico, país,…
A efectos de diseño es mas interesante clasificarlas según el público al cual va dirigido (target) y que objetivo queremos conseguir
POSIBLE CLASIFICACIÓN
- Publicitario
- Informativo
- Comunidad
- Catalogo/tienda
PUBLICITARIO
• Conseguir el máximo impacto en el público, que recuerden el mensaje.
• Posiblemente lo verán una sola vez
• Flash? sonido? Cuanto mas grande mejor.
INFORMATIVO
- Que sea fácil y rápido llegar a la información
- Que esté actualizado
- Que esté bien estructurado, navegación consistente.
- Sindicación de contenidos (RSS)
www.terra.cl
www.lun.com
COMUNIDAD
• Usuarios con intereses similares
• Que los vínculos sean claramente visibles
• Que la red aporte un “valor añadido”
www.flickr.com
www.facebook.com
CATÁLOGO TIENDA
- Interesa poder llegar a un artículo concreto
- Herramienta para actualizar la información
- Estructura de “árbol” (secciones/subsecciones…)
- Guardar la información de navegación CRM (La administración basada en la relación con losclientes)
- Buscador
www.pcfactory.cl
MEZCLAS
• La mayoría de veces una web es la mezcla de varios de los tipos anteriores
• Ejemplo:
• Publicidad+catálogo
www.nike.com
• Catálogo+comunidad
www.ebay.com
FASES DE UN PROYECTO WEB
INTERACTIVO
“ A Grosso modo”
Toma de Requerimientos
Diseño
Producción
Pruebas, validación, correcciones, instalación
FASES
- Concepto – Objetivo del proyecto
- Diseño de estilo – Aspecto visual que queremos darle, “look & feel”
- Diseño funcional – Que contenido habrá. Estructura y mapa de
- contenidos. Idiomas. Secciones
- Diseño interactivo – Como navegamos de una página a la otra?
- Diseño técnico – Que herramientas usaremos
- Producción (integración)
- Diseño gráfico – “Dibujar” las pantallas
- Producción gráfica – Crear recursos gráficos, para construir las páginas
- Programación – Que “funcione”
- Contenidos – Introducirlo
- Pruebas, correcciones – Corregir errores
PROYECTO ARTÍSTICO VS.
CONVENCIONAL
• En un proyecto artístico no está tan claras las fases de definición ni de producción. Se suelen hacer muchos cambios. Se pueden dividir en micro-proyectos.
www.zexe.net/z
• En un proyecto convencional si hacemos bien la parte de definición nos podemos ahorrar mucho trabajo.
www.cunillorfebres.com
No hay comentarios:
Publicar un comentario