Desarrollo de software en el rea de "Aplicaciones Web".

Los alumnos utilizarn el formato oficial vigente, pero es recomendable que tomen en cuenta los siguientes puntos, de ser aplicables a su proyecto: Se recomienda utilizar la metodologa del ciclo de vida clsico. FORMULACIN Identificar objetivos y metas de la aplicacin Web.

Describir el objetivo principal por el que se necesita producir esta aplicacin web. Describir los objetivos secundarios que impulsan a llevarla a cabo.

La falta de objetivos claros llevan a los sitios al fracaso. Este problema puede ser detectado por los siguientes sntomas: Informacin desordenada, navegacin desordenada, interaccin difcil, contenido insuficiente, contenido obsoleto y grficos malos, molestos o distractores.

Describir las metas informativas, las cuales nos indicarn el contenido especfico que el sitio debe tener para que sirva al usuario final (y con ello sirva al solicitante del sitio). Describir las metas de aplicacin (bsquedas, registro de usuarios, llenado de formularios, etc.), que nos indican las habilidades necesarias en el residente para cumplir con el proyecto. Desarrollar un "perfil de usuario" el cual incluye caractersticas relevantes de los usuarios potenciales, tales como antecedentes, conocimientos, preferencias y necesidades. Especificar si ser necesario integrar al sitio algn sistema de informacin existente (por ejemplo, una base de datos) en la aplicacin Web.

PLANIFICACIN Hacer una estimacin de tiempo y recursos necesarios, evaluar los riesgos del desarrollo y definir una planificacin del desarrollo. Herramientas a utilizar: Diagrama de Gantt. ANLISIS Establecer los requisitos tcnicos necesarios para producir la aplicacin, identificar los elementos del contenido a incorporar y definir los requisitos del diseo grfico (esttica). Se pueden identificar cuatro tipos de anlisis:

Anlisis del contenido. Describir el espectro completo de contenido a incluir (tales como texto, grficos, imgenes, video y sonido). Se pueden usar herramientas de modelado de datos. Herramientas a utilizar: Diagrama de rbol de datos. Diagrama de clases. Anlisis de la interaccin. Describir la interaccin entre el usuario y la aplicacin Web. Se pueden usar casos prcticos. Herramientas a utilizar: Diagrama de casos de uso. Diagrama de secuencia. Diagrama de estado. Propotipos de interfaz de usuario. Anlisis funcional. Descripcin detallada de todas las funciones y operaciones a realizar en el sitio por parte de los visitantes. Herramientas a utilizar: Diagrama de actividad. Anlisis de configuracin. Descripcin detallada del entorno y de la infraestructura en donde reside la aplicacin (Internet, Intranet o Extranet). Indicar la infraestructura de los componentes y el grado de la utilizacin de la base de datos para generar el contenido. Herramientas a utilizar: Diagrama de despliegue. DISEO El diseo se puede subdividir en: Diseo arquitectnico. Definir la estructura global hipermedia para la aplicacin. Se recomienda incluir diagramas que muestren la estructura (lineal, reticular, jerrquica o de red) de la aplicacin. Diseo de navegacin. Definir las rutas de navegacin que permiten al usuario acceder al contenido y a los servicios. Las opciones de navegacin deben ser consistentes en todas las pginas. Se deben elegir enlaces de navegacin adecuados para el contenido, establecer las convenciones y ayudas adecuadas, por ejemplo los iconos y enlaces grficos deben tener un aspecto clickable (capacidad de accederse). Se recomienda disear ayudas para la navegacin tales como mapas de sitio, tablas de contenido, mecanismos de bsqueda y servicios dinmicos de ayuda. Herramientas a utilizar (opcional):

Diagrama de USN (Unidad Semntica de Navegacin).

Diseo de la interfaz. Disear una interfaz que sea consistente en todas las pginas, tales como colores, tipos de letra, posicin de las opciones de navegacin, etc. Unas lneas generales de diseo son: Considerar la probabilidad de errores del servidor. La lectura en el monitor es ms lenta que leer una copia impresa, por lo tanto no obligar al usuario a leer grandes volmenes de texto en monitor. Evitar smbolos bajo construccin ya que levantan expectacin y provocan un enlace innecesario. Evitar que el usuario tenga que recorrer la pantalla (en lo posible), la informacin importante debe estar a la vista. Los mens de navegacin y las barras de cabecera deben disearse de manera consistente y deben estar disponibles en todas las pginas. Considerar que la esttica no sustituye a la funcionalidad. Las opciones de navegacin deben ser obvias; incluso para el usuario casual. En el diseo de la base de datos incluir: Normalizacin. Diagrama Entidad-Relacin (E-R). Integridad referencial. Cardinalidad. IMPLANTACIN 1. Configuracin de servidores (en caso de ser necesario). 2. Preparacin: Compra e instalacin de equipos, publicacin del sitio, etc. 3. Migracin de datos. 4. Conversin del sistema (paralelo, piloto, por mdulos, etc.). 5. Liberacin y entrega del sistema. 6. Capacitacin. Manual de usuario. Otros aspectos a considerar en la implantacin: Definir un manual de procedimientos para describir la actualizacin de la aplicacin. Definir la publicidad de la aplicacin Web, buscando publicarla en diferentes buscadores (excluyendo Intranet). Asignar palabras clave al implementar las pginas, para implementar bsqueda de informacin.

PRUEBAS. Realizar diferentes tipos de pruebas:

Revisin para descubrir errores tipogrficos, gramaticales, de consistencia de contenido, en representaciones grficas y de referencias cruzadas. Revisin para descubrir errores de navegacin. Ejercitar cada escenario de utilizacin frente al diseo arquitectnico y de navegacin. Pruebas de unidad a los componentes de proceso. Se prueban los componentes dentro de cada pgina (formularios, scripts, applets, etc). Pruebas de integracin. Se prueba el funcionamiento correcto entre varias pginas. Prueba en diferentes entornos. Se realizan pruebas con diferentes sistemas operativos, navegadores, plataformas de hardware y protocolos de comunicacin. Prueba con usuarios finales. Se selecciona un grupo de usuarios para que prueben la aplicacin.

RECOMENDACIONES ADICIONALES Diseo previo del sitio. Es costumbre comn hacer el diseo sobre la marcha, pero se recomienda que se disee previamente todo el sitio, incluyendo los contenidos de las pginas para evitar que problemas de otro tipo (Java, diseo grfico, etc.) se conviertan en distractores que cambien el rumbo del diseo general. Ttulo de la pgina. Es lo primero que debe ser visualizado por el visitante, evitar que la atencin inicial se centre en animaciones, grficos o frases introductorias (por ejemplo: bienvenido a mi pgina, la cual es el resultado de mucho esfuerzo...) Disee pginas livianas. Tener que esperar desalentar a muchos usuarios a seguir explorando su sitio. Las animaciones y grficos utilizan tiempo adicional. Se recomienda que los grficos no ocupen ms de 25KB y los banners menos de 12 KB. Animaciones y Sonido. No usar ms de dos animaciones en cada pgina y tampoco poner animaciones en todos lados, hay que usarlas con reserva. Lo mismo ocurre con el sonido: a menos que sea indispensable; utilizar ms de un archivo de sonido puede resultar fastidioso para el visitante. Pginas Splash. Son esas pginas que hacen una presentacin (Flash por ejemplo) de la empresa y despus hay que oprimir un botn virtual que dice para entrar... No se recomienda su uso, pues resultan desesperantes. Una excepcin sera por ejemplo si con el splash se desea reforzar la marca o producto que se anuncia en el sitio web. Agregue mecanismos de bsqueda. Si su sitio tiene muchas pginas es conveniente que le d acceso directo por contenido, no espere que el usuario entienda y navegue hasta encontrar lo que busca.

Use una estructura clara y ayude a la navegacin. Un usuario debe saber en todo momento donde est, donde ha estado y hacia donde puede ir. La barra de navegacin debe estar en la primera pgina y en todas las pginas con el mismo formato y ubicada en donde mismo. Texto. Evitar el texto ilegible, difcil de leer o pesado de lectura, ya sea por el exceso de adornos que contiene o por tener colores muy suaves o lo contrario, demasiado fuertes (cansan la vista). Tampoco es conveniente utilizar muchos tipos de texto en la misma pgina, adems de que es recomendable utilizar la misma tipografa para aspectos similares en todo el sitio. Fecha de actualizacin. Es conveniente agregarla para que el visitante tenga una idea de la frescura de lo que encontrar. Contador. Si se agrega, habr que especificar cundo fue inicializado. E-mail. Siempre es conveniente que se incorpore al menos un correo hacia donde escribir para hacer comentarios, preguntas, etc. No use scrolling en mens de navegacin. Los usuarios tienen que poder ver todas las alternativas al mismo tiempo. De otro modo, las opciones que no se vean, generalmente no sern usadas. El contenido es lo importante. La interfaz no debe ser una barrera para poder entender el contenido. Texto o imgenes animadas slo distraen y no aportan contenido. La finalidad del sitio Web no es que el programador demuestre su dominio de Java o del ltimo software de diseo grfico. Recuerde, adems que la mayora de los usuarios no lee todo, sino que hace una lectura rpida, seleccionando texto o enlaces destacados. Prevea cambios. Visualice aquellas secciones que pueden ser cambiadas constantemente para que considere un diseo flexible en ellas (Por ejemplo: Si es un sitio de ventas, posiblemente los precios cambien muy seguido). Uso de Flash o similares. Si se desea utilizar, es conveniente que las animaciones Flash sean contenidas por el sitio y no al revs. Crear un sitio web dentro de un traje Flash evita que el sitio sea encontrado por los buscadores, as que solo podr ser visto por quienes lo conozcan. Por otro lado, hay que tomar en cuenta que una animacin Flash es una motivacin de cargado lento y que adems requiere que el navegante haya instalado el plug-in, por lo para algunos se har ms lento (habr que bajar el plug-in). Habr que preguntarnos si el visitante realmente necesita que se le motive (por lo general ya va motivado por la consecucin de informacin). Entretener, informar y educar son los tres requisitos que debe tener un sitio web para ser exitoso.

Recomendacin final: Sea flexible. Si bien las recomendaciones anteriores aplican comunmente, no necesariamente son la ltima verdad en todos los casos. Cada sitio tiene caractersticas especiales y hay que ser adaptables (por ejemplo, es inevitable utilizar muchos grficos en un sitio dedicado a la venta de vestidos de novia). BIBLIOGRAFA: Ibarra, Blanca; Blanco, Ricardo y Ruiz, Judith. (25 enero 2001). Trabajo Final de Residencias Profesionales para el rea de Diseo de Pginas. En: documentos dirigidos a la Academia de Sistemas y Computacin. ITCh-II. Jakob Nielsen. (Enero de 1999). User Interface Directions for the Web. En: Communications of the ACM. Pressman Roger S. (2006). Ingeniera del software, un enfoque prctico. McGraw Hill. Elabor: Academia de Sistemas y Computacin, agosto del 2010.