Módulo 2 - Lectura 4.pdf

Metodología de desarrollo de sitios web En la actualidad, gran cantidad de sistemas de información tienen características de aplicación web. Una aplicación web es aquella aplicación que los usuarios pueden utilizar accediendo a un servidor web a través de internet o una intranet mediante un navegado...

Metodología de desarrollo de sitios web En la actualidad, gran cantidad de sistemas de información tienen características de aplicación web. Una aplicación web es aquella aplicación que los usuarios pueden utilizar accediendo a un servidor web a través de internet o una intranet mediante un navegador. Las aplicaciones web se conforman con páginas web, las cuales permiten la comunicación activa de los usuarios, trabajar en forma colaborativa y compartir información en forma interactiva. Presentan ciertos atributos que las diferencian de aplicaciones típicas de cliente-servidor y exigen un enfoque metodológico con algunas variantes para su desarrollo. En esta lectura, se describen algunos procesos metodológicos específicos para el desarrollo de sitios web. Para trabajar los conceptos, analizaremos el caso SEGUX Compañía de Seguros descripto en la lectura: Aplicación web. Metodología de desarrollo de sitios web Referencias Revisión del módulo Lección 1 de 3 Metodología de desarrollo de sitios web Actualmente, existen varios procesos metodológicos sugeridos para llevar a cabo el desarrollo e implementación de sitios web. Cabe destacar que no hay una metodología estándar, pero se puede optar por algunas de las propuestas, si se tienen en consideración las particularidades propias de la implementación que se desea realizar. Con la aparición de las aplicaciones y sitios web se presentan oportunidades de acceder a nuevos mercados, incursionar en el comercio electrónico o implementar sistemas de información que flexibilizan la operatoria de las organizaciones. Es importante contar con mecanismos y enfoques metodológicos que permitan el desarrollo de este tipo de software de modo tal que se puedan satisfacer las necesidades de los usuarios y los clientes. Metodologías Dentro de las metodologías de desarrollo más usadas, se pueden destacar las siguientes: Relationship Management Methodology (RMM) La RMM o Relationship Management Methodology se define como un proceso de análisis, diseño y desarrollo de aplicaciones hipermedia. Por ejemplo para aplicaciones cuando se trabaja con catálogos o bases de datos de tipo tradicional… El modelo propone el uso de un lenguaje que permite describir el dominio, representando los objetos, cómo se interrelacionan y los mecanismos de navegación hipermedia de la aplicación. (Lamarca Lapuente, 2013, http://www.hipertexto.info/documentos/rmm.htm). Es una metodología de diseño basada en la aproximación centrada en la información. Propone un lenguaje de modelado de sitios web a nivel lógico. Se puede integrar a en una metodología de desarrollo. Facilita la estructuración de páginas web complejas. Permite la reutilización de elementos en el diseño. Mantener contexto de navegación.  En el siguiente enlace se puede encontrar un mayor detalle sobre esta metodología: http://www.hipertexto.info/documentos/rmm.htm Object Oriented Hypermedia Design Method (OOHDM) Esta metodología propone un proceso de desarrollo de aplicaciones hipermedia compuesto por cuatro etapas bien definidas: Diseño conceptual – El desarrollo se inicia con el diseño de la capa conceptual. El objetivo principal es capturar los conceptos del dominio de la aplicación y realizar una representación mediante diagramas que permitan expresar con claridad el comportamiento, la estructura y las relaciones entre dichos conceptos. Diseño navegacional – La capa navegacional se compone de objetos construidos a partir de objetos conceptuales, nodos, enlaces, anclas y estructuras de acceso. Los objetos navegacionales pueden servir para construir vistas de objetos conceptuales y como adaptadores para extender la actividad navegacional de un nodo. Diseño de interfaz abstracta – Una vez construidas las estructuras navegacionales, el próximo paso consiste en especificar los aspectos de interfaz. Definiendo la forma en la cual los objetos navegacionales pueden aparecer, cómo activar la navegación y el resto de la funcionalidad de la aplicación. Un punto crítico es el desarrollo de las interfaces de usuario de aplicaciones interactivas. Esta metodología propone el diseño de una interfaz abstracta para describir la interfaz del usuario de la aplicación, es decir cómo es el comportamiento. La apariencia física real y la disposición de las propiedades de la interfaz se realizan en la fase de implementación. Implementación – Esta es la fase de implementación del diseño, teniendo en cuenta el entorno particular en el cual se va a ejecutar la aplicación (Lamarca Lapuente, 2013).  En el siguiente enlace se puede encontrar un mayor detalle sobre esta metodología: http://www.hipertexto.info/documentos/oohdm.ht m UML-Based Web Este método utiliza técnicas que vienen de la orientación a objetos para especificar aplicaciones hipermedia. Plantea un enfoque iterativo y progresivo en el cual se realizan el análisis de requisitos y el diseño conceptual tanto de la navegación como de la presentación. Utiliza como herramientas los diagramas de clases UML, diagramas de estado, entre otros recursos. Algunos aspectos destacados de esta metodología son: Uso de una notación estándar, para todos los modelos, basado en el lenguaje de modelado unificado. Definición de los pasos para la construcción de los diferentes modelos. Pasos de la metodología: Análisis de requisitos – En esta etapa se establecen los requisitos funcionales de la aplicación web. Se construyen los diagramas de casos de uso. Diseño conceptual – Se detalla el modelo conceptual del dominio de la aplicación en función de los requisitos detallados en los casos de uso. Diseño navegacional – Se realiza el modelo de espacio de navegación y el de estructura de navegación. Estos modelos definen cómo se navega a través del espacio de navegación. Se obtienen diagramas de clase que representan estos modelos. Diseño de presentación – Se representan las vistas de interfaz del usuario mediante modelos de interacción UML.  En el siguiente enlace se puede encontrar un mayor detalle sobre esta metodología: http://www.hipertexto.info/documentos/uml.htm  Referencia caso de estudio Para el caso de estudio desarrollado, el principal objetivo de la aplicación tiene que ver con desarrollar un sistema de información basado en aplicación web para poder integrar a los procesos organizacionales, proveedores y clientes en general. Es un sistema dedicado a la gestión de la empresa que necesita de un nivel de especificación de requerimientos importante, debido a que se deben tener muy claros los procesos a llevar a cabo. Se puede aplicar, en este caso, una metodología basada en UML, ya que brinda un nivel de detalle adecuado a las necesidades. Aspectos generales de una metodología de desarrollo Las metodologías de desarrollo, en general, permiten definir los pasos necesarios para llevar a cabo un proceso ordenado de construcción de una aplicación. La mayoría comparte pasos en común, los detallamos a continuación. Análisis y definición de requisitos Esta es una de las fases más importantes en una metodología de desarrollo de sistemas, se aplica independientemente del tipo de aplicación que se desarrolle. El proceso de identificación de requerimientos y definición de especificación de requisitos del sistema permite determinar cuál debe ser el contenido del sitio, objetivos y a quiénes es dirigido. Para llevar a cabo este proceso se llevan a cabo tres actividades: Captura de requisitos. Definición de requisitos. Validación de requisitos. Clasificación de requisitos para sitios Web Los sistemas web presentan características diferentes a las de los sistemas tradicionales. Por su naturaleza, exigen la participación de roles diferentes dentro de los equipos de desarrollo y esta participación debe ser activa por parte de analistas, clientes, usuarios e incorpora profesionales como diseñadores gráficos y expertos en multimedia, entre otros. Una característica claramente diferenciadora de los sistemas web es la navegabilidad que se entiende como la facilidad con que un usuario puede desplazarse por el sistema. La navegabilidad de una página web se refiere a la facilidad con que un usuario puede desplazarse por ella. Si una página web es clara, sencilla, comprensible, ofrece al usuario una experiencia satisfactoria. Cuando diseñamos una página web debemos proporcionarle al usuario una serie de recursos y estrategias para que logre conseguir con autonomía y rapidez la información que está buscando. Una página web tiene un nivel óptimo de navegabilidad cuando su interfaz le responde al usuario las siguientes preguntas: ¿dónde estoy?, ¿dónde he estado?, ¿dónde puedo ir? (San Miguel, 2015, p. 39). Es importante que el sistema desarrollado presente una estructuración de navegación adecuada que oriente al usuario para que pueda encontrar y acceder a la información que necesite. Definición de arquitectura Un aspecto relevante a tener en cuenta es cuál debe ser la arquitectura de implementación y el tipo de tecnología a utilizar. Lugar de alojamiento de servidores. Ancho de banda de la comunicación del servidor web con internet. Páginas estáticas o dinámicas. Lugar de almacenamiento de los datos. Definición de estructura lógica del sitio Implica el diseño de la estructura lógica de navegación del sitio. En esta etapa, se diseña el inicio, la página principal, secciones de las páginas, sección de novedades, dirección de contacto y toda tipo información que se considere útil de publicar. Definición de estructura física Posterior a la definición lógica, se define la estructura física que puede tener la misma o una lógica totalmente independiente. Hace referencia a los archivos y carpetas que se deben utilizar. Creación de contenidos Los contenidos son aquellos elementos que brindan la información a los usuarios del sitio. Para los casos de sitios basados en páginas dinámicas, se pueden utilizar conjuntamente con Base de Datos. En este caso es fundamental proveer de los elementos necesarios para realizar la carga de los datos en la base, además de poder realizar el recorrido y consulta. Diseño gráfico En este proceso se deben definir los colores, tipografía, botones de navegación, logotipos, etc. Esta etapa se realiza posteriormente a las definiciones lógicas y físicas, y en ella se procede a crear los contenidos del sitio. Creación de página En función de las necesidades detectadas se crean las páginas necesarias para el sitio, pudiendo ser páginas estáticas o dinámicas. Verificación de funcionamiento Esta etapa contempla las actividades de verificación de funcionamiento del sitio web. Es una etapa de gran importancia, en la cual se pueden realizar test sobre los siguientes aspectos: Comprobación de conexión con la base de datos. Verificación de que no existan enlaces rotos. Comprobación de que todos los recursos empleados se encuentren disponibles. Comprobación del sitio web con diferentes navegadores. Realización de pruebas de esfuerzo para evaluar el rendimiento.  Referencia caso de estudio Es importante respetar las pautas de diseño del proyecto que se lleva a cabo. No se deben saltar ninguna de las etapas, ya que cada una de ellas sirve para definir el correcto funcionamiento del sistema. Un aspecto importante a tener en cuenta en el caso es que representa un importante nivel de reglas de negocio, las cuales deben ser correctamente determinadas en el proceso de análisis y requerimientos. Es importante definir claramente la navegabilidad y realizar procesos de testeo exhaustivos para asegurar el buen funcionamiento de la aplicación. Consejos para diseñar páginas web El desarrollo de páginas web implica la participación de disciplinas diferentes, desde actividades de programación a diseño gráfico. Antes de realizar cualquier actividad de programación de la página, es imprescindible haber desarrollado las etapas previas del proceso de desarrollo del sitio web. El desarrollo a implementar depende en gran medida del diseño creado. ¿Cómo hacer para que una página, o sitio, sea eficiente, rápida de acceder y, además, atractiva? Para dar respuesta a los interrogantes debemos tener en cuenta algunas consideraciones básicas. Sitio rápido y ágil Estas son características fundamentales sobre todo cuando trabajamos en sitios de negocio. El sitio debe responder en forma rápida, de modo tal que resulte práctico y atractivo para los usuarios. Presentación acorde al objetivo Se debe tener en cuenta a qué clientes está dirigido el sitio para poder realizar un diseño acorde a las actividades a la que es destinada la página. Por ejemplo, un sitio de negocios es un sitio muy diferente a un sitio destinado a la diversión o a la salud. Esto significa que el diseño debe estar siempre en concordancia con el servicio que se ofrece. De todas formas, independientemente del tipo de sitio que se trata, la apariencia de un sitio es condición principal, siempre debe ser agradable a la vista. Esto implica combinación de colores, desarrollo de los gráficos, textos y la distribución de la información en general para que sean claros y atractivos. Otra consideración hace referencia al tamaño de la página, el cual, se sugiere, idealmente no debe exceder los límites de la ventana visible del navegador. Fácil de usar y navegar El sistema desarrollado debe brindar estas dos características, sin excepción. El usuario debe poder adaptarse rápidamente a la operación del sistema, de modo tal que pueda acceder a la información buscada rápidamente. La navegabilidad es, también, fundamental, ya que si resulta complicado moverse de una página a otra en el sitio puede provocar problemas. Es importante considerar algunos tips para mejorar considerablemente la experiencia del usuario. Por ejemplo: Navegabilidad – Implica utilizar elementos que faciliten el proceso de navegación a través del sitio. Utilización de menús laterales y/o superiores, barras de navegación en la parte superior indicando la ubicación actual en la estructura del sitio y botón de enlace a la página principal o home, pueden ser algunos de los recursos útiles que se pueden incorporar. Contenido – Debe ser claro, conciso y directo. Un sitio web es la carta de presentación de la organización; en consecuencia, el diseño debe considerar que se muestre claramente la información que la empresa desea mostrar y que la experiencia de los visitantes permita a estos encontrar la información adecuada que necesitan. La información se debe presentar claramente, respetando que los textos presenten los tipos y tamaños de fuente adecuados. Idiomas – El sitio debe estar preparado para mercados amplios, esto implica tener en cuenta la posibilidad de publicarlo en al menos dos idiomas, español e inglés, por ejemplo. Accesibilidad – Un tema de relevancia es la accesibilidad. Es de vital importancia que todo sitio sea diseñado para que pueda ser accedido desde cualquier navegador. Es decir, el sitio debe poder visualizarse con cualquier tipo de navegador y en cualquier tipo de plataforma o sistema operativo que pueda tener un usuario potencial. Contactos y retroalimentación – Los sitios web se pueden crear para cubrir distintos objetivos, por ejemplo con fines comerciales. Es por ello que se plantea la necesidad de mecanismos de contacto que permitan a los visitantes intercambiar opiniones sobre funcionamiento, productos o procesos de la organización. Esta retroalimentación es fundamental para los procesos de mejora del sitio, sus prestaciones e interfaz. Amigable con los motores de búsqueda – Los usuarios, en general, utilizan buscadores para encontrar la información buscada o un sitio en particular. Para que un usuario encuentre fácilmente el sitio de la organización es necesario incorporar en el desarrollo el conjunto de palabras claves que se identifiquen rápidamente en los buscadores. De no realizar esta especificación de palabras claves es muy probable que el sitio no pueda ser ubicado. Páginas efectivas – Los sitios deben proveer información útil y concisa. Por ejemplo, si un sitio es de ventas de productos y/o servicios, se debe dar una descripción concisa de estos. Las descripciones detalladas deben figurar contenidas en páginas aparte y es importante que la información sea completa, por ejemplo, en un sitio de venta de gran escala resulta importante no solo la descripción de los productos que ofrece sino también las formas de pago, plazos de entrega, formas de envío, etc. Para una página corporativa, que sirve de sistema de información para el desarrollo de la actividad de una organización, es necesario considerar la correcta definición de interfaces para permitir pedidos en línea por parte de proveedores, consultas de liquidaciones, reportes de estado de entregas. Es vital que la operatoria del sistema sea fácil de utilizar y debe proveer al usuario de avisos automáticos de recepción y seguimiento. Mantenimiento y actualización – Es fundamental que el sitio siempre se mantenga actualizado con las novedades y cambios que se requieran, ya sea de contenido o de reglas de negocio. Esto implica que los mecanismos de mantenimiento y actualización sean sencillos. El objetivo de mantener el sitio actualizado es brindar certeza al usuario que accede al sistema.  Referencia caso de estudio Teniendo en cuenta las consideraciones de diseño detalladas, podemos observar que en el caso del sistema a desarrollar para la compañía se debe prestar atención en la cantidad de usuarios con diferentes roles, lo cual influye en el desarrollo de las interfaces del sistema. También son fundamentales los procesos de mantenimiento y actualización para poder mantener las reglas de negocio actualizadas en función de las necesidades. Sin dudas, es importante tratar de asegurar que el desarrollo pueda funcionar en cualquier navegador o browser. C O NT I NU A R Lección 2 de 3 Referencias Lamarca Lapuente, M. J. (2013). Hipertexto, el nuevo concepto de documento en la cultura de la imagen. Recuperado de http://www.hipertexto.info/documentos/rmm.htm Lamarca Lapuente, M. J. (2013). Hipertexto, el nuevo concepto de documento en la cultura de la imagen. Recuperado de http://www.hipertexto.info/documentos/oohdm.htm Lamarca Lapuente, M. J. (2013). Hipertexto, el nuevo concepto de documento en la cultura de la imagen. Recuperado de http://www.hipertexto.info/documentos/uml.htm San Miguel, J. (2015). Implantación de aplicaciones web en entornos internet, intranet y extranet. ES: Paraninfo. C O NT I NU A R Lección 3 de 3 Revisión del módulo Hasta acá aprendimos Aplicación web – Se denomina aplicación web a aquella aplicación que los usuarios pueden utilizar accediendo a un servidor web a través de internet o una intranet, mediante un navegador web. Permiten la independencia del sistema operativo del cliente. Entornos web – Determinan el ámbito de ejecución de una aplicación web. Se definen Internet, intranet y extranet. La WWW es uno de los servicios más importantes que se brindan en Internet. Evoluciona en el tiempo como Web 1.0, Web 2.0, Web 3.0. Arquitecturas de las aplicaciones web – Dependiendo de cómo se implementan las funcionalidades básicas de la parte que corresponde al servidor, servicio HTTP, servicio de aplicaciones y servicio de base de datos se obtienen distintas variantes de arquitectura posibles. Metodología de desarrollo de sitios web – Los procesos metodológicos permiten llevar a cabo el desarrollo e implementación de sitios web. Combinados con las buenas prácticas definidas para la construcción de sitios se logran sistemas eficientes, amigables y de rápido acceso.