Ingeniera Civil Industrial, Tpicos de Programacin y Computacin Universidad de La Serena, Chile

Arquitectura del Diseo Web en la Actualidad

Evelyn Torres Cerda,*1, Juan Castillo Navarrete1 Allison Araya Alfaro1 Pamela Osses Villegas1 (1) Estudiantes, Ingeniera Civil Industrial, Universidad de La Serena, Chile Informacin Artculo Publicacin Noviembre de 2013 Palabras Clave Arquitectura Desarrollo Web Diseo Web Metodologas Sitos Web Accesibilidad Usabilidad Analisis Web Autor de Correspondencia * Benavente N 980 La Serena, Chile 1720170 en_2010@live.cl juancastillonavarrete@gmail.com aray.allison@gmail.com pamssss@hotmail.com +56051204262 Resumen

En la actualidad podemos definir la Arquitectura de la Informacin como una disciplina, que nos permitir estructurar, organizar y definir informacin que nos puede ser til para la creacin de aplicaciones y sitios web. Teniendo en cuenta metodologas, tcnicas y herramientas que nos ayudaran a obtener un modelo ptimo de diseo, que lleva a la indicada utilizacin de este recurso que es la Web. Los sitios web nos ayudan a la interconexin de culturas, organizaciones, negocios, mejorar la comunicacin, entre otras utilidades, y poseen caractersticas que los relacionan directamente con el amplio campo de la Ingeniera. Una de las caractersticas principales que debe poseer este gran recurso, debido a los cambios y a la diversidad de los usuarios, es la usabilidad y accesibilidad, a travs de normativas y leyes, cosa que hoy en da, pese a todos los esfuerzos realizados, aun no sea logrado por completo. La cuna de estas caractersticas se ve ubicada en la correcta planificacin del diseo de dichas pginas web, los que nos permitir mejorar el contenido que posee, es por esto que la arquitectura ha tomado un rol fundamental dentro de este proceso. Tambin existen tcnicas que permitirn evaluar el funcionamiento de dichas pginas web, lo que llevara a medir la eficiencia del trabajo realizado.

1. Introduccin Durante los ltimos aos la navegacin usando pginas web han adquirido una importancia considerable, no slo entre el mundo acadmico, sino tambin entre los estudiantes , los padres , la industria y las empresas, pero los pioneros de la web eran investigadores y profesores universitarios. (Mrs. Sunita S. Padmannavar, Dr. Milind J. Joshi, 2011). La cantidad de la informacin de los sitios web en la actualidad, la continua evolucin del medio y la heterogeneidad de perfiles de los usuarios tpicos, hacen que la tarea de diseo web sea ardua y compleja. (Christos Katsanos, Nikolaos Tselios, Nikolaos Avouris,2010). La Internet ha creado un nuevo segmento de artistas que no existan hace 20 aos. Ellos son los diseadores web, y ellos combinar la creatividad con el marketing, el merchandising, la tecnologa, y los negocios. Diseo web va ms all de talento artstico y la imaginacin, poniendo las ideas que se utilizar para empresas y particulares. (Techdirections, 2013) El diseo web, es acompaado de la Arquitectura de la Informacion, lo que se define como la disciplina que se encarga de disear los sitios web para que sean tiles, es decir, para que el usuario pueda encontrar lo que busca en el sitio. Cada da que pasa, millones de nuevas pginas web se aaden a las ya existentes y se muestran en internet para ser visitadas. Su xito es sin embargo muy dispar. Algunas cubren sus objetivos

comunicativos recibiendo millones de visitas y otras pasan desapercibidas sin apenas registrar usuarios que se interesen por ellas. Las causas que pueden explicar esa variacin en el xito comunicativo de las webs pueden ser mltiples: el grado de inters de sus contenidos, el posicionamiento al que las sitan los buscadores en los resultados de las bsquedas, o su nivel de usabilidad y accesibilidad. Todas estas causas, por s mismas o de forma combinada, pueden explicar el xito comunicativo de un sitio web. (Mario Prez-Montoro, 2010) 2. Que es el Desarrollo Web? La Web es como una enorme enciclopedia de informacin. La Web como fuente de informacin es un objeto de inters especial a las informaciones cientficas, y que exige mucha nueva investigacin. Sitios Web desempean un papel crtico en la comunicacin para los aumento del uso de la Web como fuente de informacin tanto dentro como fuera de la academia, la centralidad de las revistas en la difusin de la investigacin cientfica, etc. (Mrs. Sunita S. Padmannavar, Dr Milind J.Joshi, 2011) Los sitios web que ayudan a administrar y mostrar el contenido que se relaciona con diversos campos de la ingeniera se han convertido en un auxiliar importante para las industrias de la ingeniera. En muchos casos se

desarrollan dichos sitios web para hacer frente a la audiencia internacional y se refiri a los sitios web como interculturales. (Gatis Vitols, Irina Arhipova, Yukako Hirata, 2011) Los equipos de programacin de aplicaciones web estn formados por profesionales de diversas reas. Entre ellos los arquitectos de la informacin trabajan en el modelado conceptual y en la concrecin de aspectos no funcionales de una aplicacin web interactiva, y tratan de enlazar las ideas conceptuales que surgen en las fases iniciales con la informacin de diseo que posteriormente necesitarn los ingenieros del software. (Luis Alberto Rojas Pino y Jos Antonio Macas Iglesias, 2012) Como dato histrico, podemos decir que, la arquitectura de la informacin, partiendo de los slidos principios clsicos de la ciencia de la informacin tradicional, nace hacia finales de los aos 90. Es una disciplina encargada de estructurar, organizar y etiquetar los elementos que conforman los entornos informacionales para facilitar la bsqueda y recuperacin de la informacin que contienen y mejorar, as, la utilidad y el aprovechamiento de la misma por parte de sus usuarios.(Mario PrezMontoro, 2010) A medida que la Web contina su crecimiento, respecto a la importancia en las organizaciones apuntando a la entrega de informacin , a partir de la estructuracin de la informacin lineal, se establece, que esta es esencial para apoyar los negocio y la comunicacin. Al mismo tiempo, la naturaleza emergente de crecimiento y desarrollo de la web y la facilidad de la participacin en la publicacin de pginas web, por mltiples actores organizacionales, se introducen sin precedentes retos en la estructuracin de la informacin en un nuevo entorno de la informacin y sin tradiciones ni practicas establecidas. (Sally Burford, 2011) La acelerada trasformacin de los medios de comunicacin en internet y el creciente nivel de exigencia de los usuarios hace necesaria una evaluacin constante de los cibermedios, especialmente si tomamos en cuenta la incorporacin de herramientas que permiten una participacin ms activa de los usuarios. En Amrica Latina, como en otras partes del planeta, la evolucin de los cibermedios ha estado marcada por una limitada utilizacin de los recursos propios del medio digital; sin embargo parece haber un compromiso por superar esta situacin, derivado de la necesidad de los medios por adaptarse a los nuevos mercados de consumidores de informacin. (Elas Said-Hung, Carlos Arcila-Caldern y Jorge MndezBarraza, 2011) 3. Qu es la arquitectura de la informacin? El diseo de un sitio web suele incluir una propuesta de prototipo de su estructura arquitectnica (PedrazaJimnez,2009), obtenindose como resultado una serie de diagramas que cubren dos funciones esenciales: Representar todos los aspectos bsicos de los elementos arquitectnicos del sito web, componentes de cada uno de los sistemas (organizacin, etiquetado,

navegacin, bsqueda y vocabularios) que conforman la anatoma del sitio, la estructura de los contenidos y las relaciones existentes entre ellos. Poder comunicar de forma eficaz esos aspectos a otros profesionales implicados en el proyecto (Brown, 2007, Yusef et al., 2004). Los dos principales tipos de diagramas o prototipos que se utilizan son los denominados blueprints y wireframes. El blueprint (plano o mapa) es un esquema donde se representa la estructura arquitectnica del sitio web con todas sus pginas y donde se ponen de manifiesto las distintas relaciones existentes entre la pgina principal, las pginas que conforman el sitio y los contenidos que componen esas pginas. Un wireframe (o maqueta), en cambio, es un prototipo arquitectnico de cada pgina del sitio web. Es un esquema que representa el contenido y la arquitectura de la informacin(sin elementos grficos) de cada una de las clases de pgina de un sitio. (Mario Prez-Montoro y llus Codina, 2010) La arquitectura de la informacin (IA), aunque presente en cierta manera desde hace ms de 50 aos, ha tomado especial relevancia con la llegada de la Web y el aumento de la cantidad de informacin a nue tro alcance. La disciplina cuenta ya con unos pilares claros, que se fundamentan en los contenidos gestionados pero sobre todo en los usuarios, sin olvidar su contexto. (Roberto Garca, Federico Botella, Mari-Carmen Marcos, 2010) De acuerdo con la tecnologa de la informacin (IT), la arquitectura es un proyecto que se desarrolla, implementa, mantiene y utiliza para explicar y orientar la forma en que la informacin y elementos de gestin de la organizacin trabajan juntos para lograr con eficiencia la misin de la organizacin. La arquitectura del sistema de informacin con los requisitos de informacin y sistemas de apoyo a una empresa, combina elementos estructurales y capacidades de comportamiento del sistema de informacin. En esta arquitectura, un modelo conceptual facilita la comunicacin entre los usuarios , los constructores , y la gestin , y como el sistema est desarrollado , el modelo es progresivamente refinado . Tal proceso de desarrollo requiere de varias actividades de arquitectura , incluido el proceso la arquitectura, la arquitectura funcional , el software la arquitectura y la arquitectura de la red.(Sabah Al-Fedaghi, Ahmed Abdullah, 2013) Uno de los factores ms importantes en el diseo de un sitio web es la correcta construccin de su arquitectura de la informacin (IA). Esta disciplina se centra en el modo en el que se estructura la informacin en la web, lo que tiene una gran influencia en la forma en que los usuarios acceden e interaccionan con ella (Rosen- feld; Morville, 2006). Pero este no es el nico factor a tener en cuenta en los sistemas interactivos, y a menudo la IA queda enmascarada detrs de los mecanismos utilizados para proporcionar interactividad al sistema, por lo que resulta complicado realizar la evaluacin de manera independiente, determinar la raz de los problemas de

Ingeniera Civil Industrial, Tpicos de Programacin y Computacin, Universidad de La Serena, Chile

usabilidad detectados y ofrecer oportunidades de mejora. (Juan-Miguel Lpez-Gil, Carolina Navarro-Molina, Roberto Garca, Rafael Aleixandre-Benavent, 2010) Determinar dnde empieza y dnde termina la IA es complicado. Comprende desde el diseo grfico hasta la ingeniera de la usabilidad, pasando por el periodismo o la biblioteconoma, pero cualquier campo basado en la informacin y su uso ser un buen lugar donde aplicar arquitectura de la informacin. La arquitectura de la informacin pone en su punto de mira a los usuarios, y en particular a sus necesidades de informacin. stas pueden variar ampliamente, y hacen que los usuarios muestren conductas especficas de bsqueda. A veces los usuarios abandonan la bsqueda sin haber conseguido su objetivo, en un estado de satisfac- cin parcial o de frustracin. Tambin puede suceder que durante el proceso encuentren una informacin que les haga cambiar parcial o totalmente sus planes. 3. 1 Principios y componentes Una buena IA debe ser invisible para los usuarios, no interferir sino ayudar a su interaccin. A primera vista, los elementos ms prominentes son los relacionados con el diseo grfico, como la gama de colores, la organizacin del texto con diferentes disposiciones en columnas, o las tipografas. Pero mirando ms detenidamente se detectan cuatro sistemas: (Roberto Garca, Federico Botella y Mari-Carmen Marcos) . Sistemas de organizacin : permiten presentar la informacin de diferentes maneras , a raz de diferentes esquemas que permitan al grupo o diferencian a la informacin utilizando diferentes criterios , como cronolgico , orden geogrfico o alfabtico. . Los sistemas de navegacin : ayudan a los usuarios se mueven a travs de la informacin disponible. Por ejemplo , hay barras de navegacin, facetas o mapas del sitio . . Sistemas de etiquetado : describen las categoras , opciones y enlaces utilizando trminos que sean significativos para los usuarios. Todos ellos estn alrededor de la arquitectura de la informacin de un sitio, incluso como parte de otros sistemas, por ejemplo, barras de navegacin etiquetas. . Sistemas de bsqueda : permiten a los usuarios buscar trozos de informacin especficos sobre la base de algn tipo de palabras clave. Tambin piden mecanismos para restringir el espacio de bsqueda . (Josep Maria Brunetti, Rosa Gil, Juan Manuel Gimeno, Roberto Garcia, 2012) Podemos entonces empezar a estudiar estos elementos en las pginas de cualquier sitio web, especial- mente en las homes o pginas principales. Cuando estn bien diseadas, stas tratan de anticipar las necesidades generales de informacin de los usuarios, encaminndolos hacia los contenidos que les puedan interesar. La forma ms comn de elaborar una arquitectura de la informacin es ir de lo general al detalle (top-down).

La otra opcin, denominada del detalle a lo general (bottom-up), enfoca el problema partiendo de contenidos individuales y no de una visin general. Esos contenidos estn descritos mediante metadatos y palabras clave. A partir de ellos se construyen mecanismos que ayudan a los usuarios a entender de qu trata el contenido, cmo usarlo o cmo encontrarlo. Esta aproximacin bottom-up est adquiriendo importancia ya que cada vez es ms comn que los usuarios lleguen hasta los contenidos de un sitio sin pasar por la pgina principal, desde buscadores, enlaces desde otros sitios o agregadores de noticias. Por lo tanto, una buena IA, aparte de los aspectos topdown ms clsicos, debe ser robusta y tener en cuenta aspectos bottom-up que permitan una navegacin simple y prctica desde cualquier punto del sitio. A continuacin veremos con qu piezas cuenta un arquitecto de la informacin para tal fin, y cmo proceder para combinarlas. (Roberto Garca, Federico Botella y Mari-Carmen Marcos) Otro sistema que resulta til, es la utilizacin de un sistema llamado facetas, cuando el usuario ya se ha centrado en algn tipo particular de recursos, por lo que es posible organizarlos utilizando las propiedades que tienen en comn y se muestran como facetas. Una vista facetas de todo el conjunto de datos se convierte fcilmente en inutilizable porque se acumulan todas las propiedades que se utilizan para describir los recursos del conjunto de datos , y la mayora de ellos acaba de ser utilizado por un subconjunto de ellos . Por lo tanto , antes de realizar esta navegacin facetas , se requiere un punto de vista ms general del conjunto de datos . Los mejores candidatos para esto son , siguiendo la tradicin IA, sistemas de navegacin global . Sistemas mundiales de navegacin por lo general toman la forma de las barras de navegacin que, en el caso de los sitios web , se llaman mundial porque estn presentes en todas las pginas . Proporcionan una visin de las principales clases de cosas en todo el sistema de informacin, por lo que es ms fcil de mover desde cualquier punto del espacio de informacin a otro siguiendo un nmero limitado de pasos. Desafortunadamente, estos sistemas de IA son bastante caros de desarrollar y mantener, especialmente si tratan con conjuntos de datos grandes y complejos. Tambin se han considerado otros componentes IA . Los sistemas de etiquetado. Otras opciones son mapas de sitio , que se pueden generar con un enfoque similar al de la creacin de mens de navegacin , o pan rallado, que hacen un seguimiento de los pasos de navegacin seguido por el usuario hasta el momento. (Josep Maria Brunetti, Rosa Gil, Juan Manuel Gimeno, Roberto Garcia, 2012) El xito en el diseo de un sitio web depende en gran parte de la capacidad de crear una IA que soporte la organizacin de los contenidos y su navegacin desde la visin del visitante (Krug, 2005). (Daniel Mordecki, 2010)

Ingeniera Civil Industrial, Tpicos de Programacin y Computacin, Universidad de La Serena, Chile

Existe una aplicacin de la arquitectura que se ha extendido a gran velocidad en la actualidad, esta es la Arquitectura Orientada a los Servicios(SOA), que utiliza varias tcnicas y principios que se basan en la Arquitectura de la Informacion.. 3. 2 SOA arquitectura orientada a servicios Debido al nivel de integracin de la aplicacin, los servicios Web han crecido en popularidad y estn empezando a mejorar los procesos de negocio. De hecho , los servicios Web estn siendo llamados la prxima evolucin de la web. Los servicios web proporcionan un marco prometedor para el desarrollo , la integracin y la interoperabilidad de las aplicaciones de software distribuidas. La adopcin a gran escala de la tecnologa de servicios web en aplicaciones crticas de negocio depender de la viabilidad de la creacin de servicios altamente confiables . La Tecnologa de servicios Web permite la interaccin de los componentes de software a travs de las fronteras organizacionales . En tal entorno distribuido , es fundamental para eliminar los errores en la fase de diseo, antes de que se desplieguen los servicios. Los servicios web proporcionan un marco prometedor para el desarrollo , la integracin y la interoperabilidad de las aplicaciones de software distribuidas. La adopcin a gran escala de la tecnologa de servicios web en aplicaciones crticas de negocio depender de la viabilidad de la creacin de servicios altamente confiables . Hoy en da , la arquitectura orientada a servicios ( SOA) y servicios web que permiten la integracin flexible y flexible de aplicaciones dentro y fuera de las empresas se han convertido en uno de los temas ms fenomenales , tanto en la academia como en la industria . SOA es un concepto de arquitectura de software que define la utilizacin de servicios para apoyar las necesidades de los usuarios de software. Se trata de un sistema para vincular los recursos bajo demanda. En una SOA , los recursos se ponen a disposicin de otros participantes en la red como servicios independientes que se accede de una manera estandarizada. Esto proporciona una articulacin flexible ms flexible de los recursos que en arquitecturas de sistemas tradicionales. El proveedor de servicios ofrece un servicio dado y publica descripcin del servicio en un registro de servicios . El solicitante del servicio consulta el registro para encontrar un determinado servicio 3.2.1 La Arquitectura de Servicios Web "Los servicios Web son programas dinmicos que permiten a los datos y aplicaciones interactuar uno con el otro en la Web a travs de las conexiones ad hoc, sin ninguna intervencin humana", dijo Sidharth, gerente tcnico de productos para la gestin de identidades de Sun. Un Servicio web est destinado normalmente a ser un componente de una aplicacin distribuida. Sus clientes son otras aplicaciones, no los seres humanos. Un servicio Web es cualquier pedazo de cdigo que puede comunicarse con otras piezas de cdigo a travs de

tecnologa comn de Internet. Un servicio Web es una "componente virtual" que se esconde "idiosincrasia middleware" como el componente subyacente modelo, protocolo de invocacin medida de lo posible. La arquitectura en los servicios Web que se asemejan al modelo de referencia TCP / IP se presenta en cinco niveles: Red, Transporte, embalaje, descripcin y Discovery. Cada nivel est representado por diferentes protocolos bsicos. El nivel de la red de acuerdo con el nivel de red del TCP / IP El modelo de referencia, que ofrece la comunicacin bsica, direccionamiento y enraizamiento. Por encima del nivel de la red no es el nivel de transporte que ofrece la oportunidad de comunicacin directa entre las aplicaciones existentes de la red. Los protocolos ms importantes son: TCP / IP, UDP, FTP, HTTP, SMTP, Jabber. (Marilena Dumitrache, Stelian Dumitra, Mircea Baciu, 2010)

Figure 3. Web Services Architecture

3.2.3 Arquitectura de Servicios REST El protocolo REST, plantea un estilo de arquitectura cliente-servidor en la cual un servicio es visto como un recurso y es identificado a travs de una URL, mediante la cual este puede ser consumido. Para acceder a los servicios Web, se hace uso de mensajes en formato simple, los cuales se intercambian entre cliente y servidor. REST define a partir del protocolo HTTP, cuatro mtodos: GET, PUT, DELETE y POST, de los cuales los ms usados son: GET y PUT. Para la comunicacin e intercambio de informacin entre cliente y servidor a travs de REST, se puede hacer uso de diversos formatos y lenguajes: XML, HTML, JSON; debido a la sencillez y facilidad de procesamiento de los mensajes JSON, este es el tipo de mensajes ms usado en servicios de redes sociales y comunidades en Internet. (Wilmar Y. Campo, Gabriel E. Chanch y Jos L. Arciniegas, 2013)

Ingeniera Civil Industrial, Tpicos de Programacin y Computacin, Universidad de La Serena, Chile

El servidor, compuesto principalmente por la plataforma de servicios, provee la infraestructura necesaria para mantener los repositorios del sistema, ejecutar las interacciones a nivel de dominio y exponer la interfaz de servicios Web que interacta con la aplicacin cliente. Los repositorios sern implementados tpicamente a travs de una base de datos relacional. Mdulo Cliente El mdulo Cliente es el componente con el cual interactan en forma directa los usuarios. Consiste de una aplicacin para escritorio, con capacidad para comunicarse con el servidor de aplicaciones a travs de una interfaz de diversos servicios Web. La interaccin Cliente-Servicios Web requiere de un Cliente de Servicios, el cual se encargar de encapsular las llamadas a los servicios Web a travs de la red, usando el protocolo SOAP (Simple Object Access Protocol) sobre HTTP (HyperText Transfer Protocol ). (Daniel Vsquez, Narciso Cerpa, Renzo Angles , 2012)

3.2.4 Arquitectura y diseo Se utiliza el patrn arquitectnico Modelo Vista Controlador (MVC). El mismo separa la implementacin del sistema en tres capas fundamentales: La capa modelo: es la lgica del negocio, la cual representa la informacin en la cual la aplicacin opera. La capa vista renderiza el modelo dentro de una pgina web apropiada para que el usuario pueda interactuar. La capa controladora, responde a las acciones del usuario e invoca cambios en el modelo genera la vista apropiada, dependiendo de las peticiones del usuario. (Miguel ngel Fernndez Marn, Dbora Gonzlez Tolmo, Annia Valds Daz, 2012)

El modelo cliente servidor, se considerar para garantizar la separacin entre la Interfaz de usuario (cliente web) y la Base de datos (servidor de base de datos). La capa lgica de la aplicacin (servidor de aplicaciones) media entre el cliente y la capa del servidor. La comunicacin es asegurada por el protocolo TCP/IP.( Francisca Losavio, Alfredo Matteo, Patricia Morantes, 2010) Mdulo Servidor

Figura 1. Arquitectura general del sistema de discusin propuesto. 4. Metodologias Las Metodologas de desarrollo de aplicaciones son los procedimientos paso a paso para llevar a cabo las actividades de desarrollo en diferentes fases del ciclo de vida de desarrollo de un sistema. Una metodologa tiene sus propias suposiciones acerca de la realidad, sus propias tcnicas para apoyar los principios de trabajo y mantener la disciplina, y sus propias herramientas para

Ingeniera Civil Industrial, Tpicos de Programacin y Computacin, Universidad de La Serena, Chile

generar los productos entregables de las actividades. En otras palabras, hay una coleccin de tcnicas y herramientas especficas para una determinada metodologa de desarrollo. Avison y Fitzgerald (2003) clasifican las metodologas del sistema en: poca anterior a la metodologa (sin metodologa), era de la metodologa temprana (ciclo de vida cascada y el diagrama de flujo), era de la metodologa (diseo estructurado, diagrama entidad-relacin, creacin de prototipos, CASE), y despus la era posterior a la metodologa. Ahora estamos en la era posterior a la metodologa, en que las metodologas son ad -hoc y de ensayo y error basado en el conocimiento y la experiencia personal de los desarrolladores. (Mnica Lam, 2012). Un diseo deficiente puede reducir la usabilidad y la accesibilidad de los contenidos web. De acuerdo con un estudio realizado por Jacob Nielsen, sobre el 90% de los sitios web comerciales tienen una poca facilidad de uso. Un mal diseo de una pgina web es causado principalmente por la falta de comprensin de los usuarios objetivo, as como la cultura a la que pertenecen los usuarios. . (Gatis Vitols, Irina Arhipova, Yukako Hirata, 2011). El objetivo de una buena Arquitectura de la Informacin no slo debe ser obtener un sistema usable sino un sistema usable y accesible. En lo que se refiere a la accesibilidad web es justo reconocer que, poco a poco, se ha ido consolidando como disciplina: se ha definido un marco normativo y legislativo razonablemente avanzado, se han mejorado tcnicas y tecnologas y se han creado nuevas directrices de creacin de contenido accesible. A pesar de ello, no es difcil encontrar estudios de accesibilidad que demuestran que la Web sigue siendo en gran medida inaccesible. (Ramn Voces-Merayo, 2010) Las Metodologas para la mejora y diseo de las pginas web, enfocada en la usabilidad intercultural y la accesibilidad puede ser desarrollado sobre la base de los mtodos disponibles, problemas conocidos, prcticas y recomendaciones. Esta metodologa se dirige directamente a la pgina web, diseadores de interfaces y proveedores de contenido. (Gatis Vitols, Irina Arhipova, Yukako Hirata, 2011) Como se mencion anteriormente, hoy en da no hay una metodologa establecida para la construccin de los sitios web, ya que la arquitectura actual se basa principalmente en el ensayo-error, es por esto que se pueden usar distintas metodologas, a continuacin se describirn algunos pasos generales que se deben considerar en las diversas metodologas, para el proceso de construccin de un sitio web. Construir Perfil de Usuario Un cuestionario creado para los usuarios que participarn tanto en la clasificacin de las tarjetas y de las pruebas de usabilidad. Un perfil de usuario consiste en la recopilacin de informacin del segmento objetivo. Es el acto de registro de los datos demogrficos y psicogrficos de los sujetos de prueba. Los perfiles estn diseados para ayudar a hacerse una idea de cmo el usuario medio entiende la navegacin web, as como

para aprender de sus experiencias y antecedentes que podran ayudar en el proceso. No slo es importante conocer la forma en que estn familiarizados con la navegacin web (alfabetizacin internet), tambin es importante su edad y gnero. Tambin se pide, dentro del perfil de usuario, la ocupacin que desempean. Esta informacin se utiliza para determinar si el usuario est familiarizado con la materia objeto de la pgina web que se desea disear, que puede ayudar a determinar si el conocimiento en el campo de ayuda a la navegacin del sitio web. Construir listado con informacin Construir una lista exhaustiva de todos los contenidos que deben estar representados en el sitio web. La lista no consiste en una amplia clasificacin de los elementos de informacin, pero s de los artculos ms especficos. Sistema de numeracin jerrquica Con el fin de indicar donde ciertos contenidos estn ubicados dentro de una pgina web, se aade un sistema de numeracin jerrquica a la lista de la informacin. La Arquitectura de la informacin se estructura con enlaces globales y locales. Los enlaces globales proporcionan las principales categoras en las que el resto de los contenidos se organizan en consecuencia. Estos enlaces se describen la parte mas alta en las que los usuarios encontrarn los enlaces locales relacionados. Enlaces globales se consideran persistentes que aparecen en todas las pginas del sitio. Vnculos locales proporcionan subcategoras que enlazan a los usuarios a la lista de las pginas bajo los vnculos globales . En las figuras 2.3.1 y 2.3.2 , los vnculos globales , locales y sub - locales se han indicado , as como los contados, para mostrar cmo se aplica el sistema de numeracin para los propsitos de la organizacin . En primer lugar, los nmeros por niveles se muestran como ndices para las partes jerrquicas ms altas. Este sistema de numeracin es til tanto en la tarjeta de clasificacin y pruebas de usabilidad , y se utiliza para ayudar a determinar qu etiquetas locales se han agrupado correctamente con sus respectivas categoras globales.

Figura 2.3.1: Sistema de numeracin jerrquica en el Listado de la Informacin.

Ingeniera Civil Industrial, Tpicos de Programacin y Computacin, Universidad de La Serena, Chile

Los datos cualitativos relacionados con la satisfaccin de los usuarios y los comentarios sobre la experiencia de navegacin pueden ser otra fuente de datos valiosos. Anlisis de Datos Pruebas de usuario produjo una gran cantidad de datos cuantitativos y cualitativos. Los datos recogidos por lo general proporciona piezas del rompecabezas en lugar de una solucin clara. El anlisis de los datos de los resultados de las pruebas es un importante paso final en la aplicacin efectiva de la arquitectura de la informacin . (Myung Hae Park, 2013) 5. Influencia de Herramientas y Tecnologias en el Desarrollo Web Las tecnologas Web 2.0 han dado lugar al desarrollo significativo de la tecnologa de Internet. Esto puede ser una solucin prometedora para resolver los problemas de participacin en el sistema. Con las tecnologas Web 2.0 , la informacin es ms accesible y por lo tanto aumenta la participacin de los ciudadanos. Una mejora significativa de la World Wide Web y un avance importante en trminos de la participacin se basa en las tecnologas de la Web 2.0. La versin "gran lanzamiento" de las tecnologas de la Web 2.0 sobre la base de nuevos elementos interactivos y de colaboracin. Esto le permite a cualquier usuario a conocer, editar o distribuir la informacin deseada. Esto, a su vez, conduce no slo a la final del perodo de intercambio de informacin centralizado, pero tambin cambiar la forma de intercambio de informacin a ser modas nuevos y dinmicos (vase la Figura 4).

Figura 2.3.2: Global, Local, and Sub-Local Test de clasificacin de tarjetas La prueba de clasificacin de cartas es una tcnica simple que se usa para ver cmo los usuarios podran buscar un sitio con cualquier ayuda grfica. Es un mtodo confiable, pero barato para encontrar patrones en la forma en que los usuarios esperan encontrar contenido. Hay dos mtodos principales para la realizacin de las clases de tarjetas: (1) tarjeta de clasificacin abierta y (2) Clasificacin de las tarjetas cerradas ( Spenser y Warfel , 2004 ) . Una tarjeta de tipo cerrado normalmente funciona mejor cuando el probador est trabajando con un conjunto predefinido de categoras y quiere aprender cmo los usuarios de contenido ordenar los elementos en cada categora. Los resultados de la prueba podran informar al proceso de desarrollo de arquitectura de la informacin e indican cmo los usuarios piensan que la informacin debe ser organizada y sin las restricciones de ver lo que ya est organizado en un sitio web. Se trata de una importante oportunidad para que los estudiantes involucren los usuarios reales en el proceso de diseo. Pruebas de Usabilidad Las pruebas de usabilidad puede ayudar a crear el diseo del sitio web usable , proporcionando informacin acerca de si el sitio es fcil de usar y contiene la funcionalidad que el usuario necesita . El objetivo principal de la prueba es detectar problemas de usabilidad tan temprano en el proceso de desarrollo posible. El primer paso es definir 6-10 tareas comunes de bsqueda de informacin. Registros del motor de bsqueda y de investigacin pblico objetivo son tanto buenos recursos para descubrir lo que la gente busca en un sitio. Las preguntas que requieren que el usuario encontrar cierta informacin en las categoras locales o sub - local. Despus de que las tareas se escriben , la pgina se evala para cada tarea y una nota hizo una de las cuales los posibles usuarios podan seleccionar como los pasos ptimos hacia la informacin que buscan. A partir de esta prueba, habr informacin til para determinar si la arquitectura de la informacin ha hecho un buen trabajo de presentar la informacin sobre la base de la perspectiva del usuario . Comentarios del sitio

Figura 4. Tecnologias Web 2.0 Las tecnologas de la Web 2.0 ofrecen ahora nuevas posibilidades de participacin con tecnologas especficas (herramientas ordenadas), a partir de los blogs y redes sociales (como Facebook) para las nuevas TIC (Tecnologas de la Informacin y la Comunicacin) conceptos como el cloud computing y protocolos web, como AJAX (Asynchronous JavaScript y XML). Adems varias otras tecnologas (por ejemplo, Twitter) que los usuarios puedan consumir y distribuir informacin no slo

Ingeniera Civil Industrial, Tpicos de Programacin y Computacin, Universidad de La Serena, Chile

de plataforma estacionaria tradicional, como una computadora de escritorio, sino de plataforma dinmica, como un telfono celular tambin. (Laosuwan, T. and Ritjareonwattu, S., 2012) En Web 2.0 se describen las tecnologas basadas en la Web, tales como wikis, blogs, sitios de redes sociales (SNS), y los canales RSS, destinado a facilitar y coordinar masivamente el conocimiento pro reducida y contenido. Como los investigadores de Internet y los estrategas de marketing han sealado con razn, lo que hace que la Web 2.0 algo categricamente diferente de anteriores tecnologas de la World Wide Web es su facilidad de uso y su capacidad para coordinar un gran volumen de conocimientos, informacin, y los productores culturales. Es claro que las tecnologas de Internet estn profundamente involucrados en conductas que dan forma y relaciones que surgen en las comunidades en lnea , blogs, SNS , wikis y otros portales de alojamiento comunidades de informacin ( Cerveza y Burrows 2007 ; boyd 2006 ; Donath 1996 , Golder y Donath 2004 ; Welser , Kossinets , Smith, y Cosley 2008 ) .(Hector Postigo, 2011) El volumen y la complejidad de los datos disponibles en la web es cada vez mayor . En estas circunstancias , los desarrolladores de aplicaciones de BI se enfrentan a muchos problemas. Entre los retos ms interesantes que encontramos , por ejemplo, la extraccin y la integracin de fuentes de datos heterogneas , desarrollo de repositorios web , dirigindose a la calidad de datos , utilizar las tecnologas de la Web Semntica , aplicacin de minera de la Web , la aplicacin de BI en los datos no estructurados ( por ejemplo , en el texto) o semi estructurada (por ejemplo, XML). Otro reto es el de Web Intelligence , explorando el uso de la inteligencia artificial en combinacin con las tecnologas web , incluyendo una nueva metodologa estadstica. Anlisis y uso en aplicaciones de BI de informacin sobre el acceso de las pginas web - Uso de datos Web (por ejemplo, registros , los clics, el trfico , visitantes , etc ) pueden proporcionar informacin para el desarrollo de aplicaciones Web con un alto nivel de adaptabilidad. Cristian Bucur, 2012 Los desarrolladores de software durante su trabajo se enfrentan a varias opciones fundamentales con una multitud de opciones . Hay opciones metodolgicas , en las que se seleccionan entre los posibles procesos de desarrollo , y las opciones tecnolgicas con respecto a las herramientas de desarrollo instancia o tecnologas de base para el producto de software . Si bien una serie de resultados de investigacin slidos estn disponibles en algunos temas metodolgicos ( como la revisin o tcnicas de prueba ) , no hay casi ninguna informacin de alta calidad sobre la forma especfica el xito del desarrollo de tecnologas influencia. (Lutz Prechelt, 2010) 6. Anlisis Web Tambin es necesario recalcar tcnicas que nos sirvan para evaluar la eficiencia de un sitio web, es por esto que nace el Anlisis web que tiene como objetivo

principal desarrollar un sistema automatizado que ayude en el anlisis de rendimiento del sitio web de manera eficiente. El Anlisis Web registrar las organizaciones o los sitios web y mantendr su informacin. Es esta tcnica puede proporcionar la informacin en tiempo real sobre el nmero de visitantes, los visitantes de un determinado pas, etc. El concepto principal es que un cdigo se coloca en la pgina web que nos permite analizar y controlar todos los visitantes del sitio web en tiempo de ejecucin. El sistema toma como entrada el acceso de los usuarios cuando visitan el sitio web. Cada sitio web tiene un cdigo y un espacio de registro. Se pone el cdigo en la pgina web, y cada vez que el usuario visita la pgina web el cdigo enva la informacin valiosa acerca de la visita. El Anlisis Web es una prctica de medicin, recopilacin, anlisis y presentacin de informes sobre los datos de Internet a los efectos de entender cmo un sitio web es utilizado por su audiencia y cmo optimizar su uso. Caractersticas: Estadsticas de resumen configurables: Se utilizan estas estadsticas para mostrar de un vistazo cuntas veces se cargas la pgina, visitantes nicos, los visitantes que regresan y los visitantes que por primera vez ha recibido el sitio hasta la fecha. Anlisis de Visitantes : El uso de esta herramienta, se puede ampliar al visitante y obtener un informe detallado sobre su lugar de origen , su configuracin del sistema, conexiones contempladas sitio web, as como sus rutas de navegacin a travs de su sitio. Pginas ms populares: anlisis web le permite ver las pginas de su sitio de clasificados de acuerdo a la popularidad. Enlaces Referenciales : Esta es una de la caracterstica ms importante de los anlisis web . Esto le permite ver cmo sus visitantes llegan a la bsqueda de su sitio, y de donde vienen. Estadsticas de motores de bsqueda : anlisis web le permiten ver si los motores de bsqueda generan ms trfico. Anlisis de palabras clave : Este anlisis web le permite ver las palabras clave que se utilizan para llegar a su sitio web, calificado por su popularidad. Estadsticas del navegador: Este anlisis le permite ver qu navegadores la utilizan los visitantes para ver su sitio y entre ellos , que son los ms populares . Estadsticas de funcionamiento del sistema: Esta herramienta te muestra en qu sistemas operativos usan los visitantes y clasificarlos de acuerdo a la popularidad. Estadsticas de Resolucin: La analtica web identifican las resoluciones de pantalla utilizados por sus visitantes clasificados en orden de popularidad . Esto permite asegurar su sitio se ve mejor para la mayora de los usuarios. Gestin de acceso del usuario: gestin de accesos de usuario le permite proporcionar acceso a su cuenta para mltiples otros usuarios. Es posible limitar el acceso para que los usuarios adicionales slo para ver las estadsticas para sus proyectos, o proyectos especficos. (Wankhade R.S, Ingle D.R, Meshram B.B,2012)

Ingeniera Civil Industrial, Tpicos de Programacin y Computacin, Universidad de La Serena, Chile

Referencias Gatis Vitols, Irina Arhipova, Yukako Hirata: Improvement of Engineering Website for Cross-Cultural Accessibility and Usability: Engineering for Rural Development: Jeralva,26: (2011) Ramon Voces-Merayo: Diseo de arquitecturas de informacin lineales para mejorar la accesibilidad web: El profesional de la informacin, v19, n.4, Julio-Agosto (2010). Monica Lam: Methodologies, tools, and techniques in practice for Web Application development: Journal of Technology Research: 2012. Myung Hae Park: The Teaching Methodology of User Experience on the Web: California State University, USA: The International Journal of Technology, Knowledge, and Society: Volume 8, Issue 3:(2013) Mario Prez-Montoro: Arquitectura de la informacin en entornos web: El profesional de la informacin, Vol 19, N4, pp. 333-337 :(2010) Mrs. Sunita S. Padmannavar, Dr. Milind J. Joshi: Survey Analysis on the Web: Similarities and Differences in University Website Information: Intenational Journal of Engineering Science and Technology: Vol.3 N07:(2011) Christos Katsanos, Nikolaos Tselios, Nikolaos Avouris: Asurvey of Tools Supporting Design and Evaluation of Websites Based on Models of Human Information Interaction: Intenational Journal on Artificial Intelligence Tools: Vol. 19, N 6: pp 755-781:(2010) Career Directions: Teehdirections: (2013) Elas Said-Hung, Carlos Arcila-Caldern, Jorge MndezBarraza: Desarrollo de los Cibermedios en Colombia: El profesional de la Informacion: Vol 20, N 1: (2011) Sally Burbord: Complexity and the Practice of Web Information Architecture: Journal of the American Society for Information Science and Technology, pp 2024-2037: (2011) Luis-Alberto Rojas-Pino, Jos-Antonio Macas-Iglesias: Sistema automatizado de Integracin de arquitectura de la Informacin en el desarrollo de aplicaciones web Interactivas: El profesional de la informacin: Vol 21, N2: (2012) Wankhade R.S, Ingle D.R, Meshram B.B: Web Analytics Dashboard and Analysis System: Advances in Computational Research: Vol 4, Issue 1, pp.-83-86: (2012)

Laosuwan, T. , Ritjareonwattu, S. : An Innovative Approach to the Development of Spatial Data Infrastructures and Web 2.0 Technologies: International Journal of Geoinformatics:, Vol. 8, N.2: (2012) Lutz PrecheLt: Plat_forms is there one best Web development technology?: Communications of the Acm: Vol. 53 , N 8: (2010) Hector Postigo: Questioning the Web 2.0 Discourse: Social Roles, Production, Values, and the Case of the Human Rights Portal: The Information Society: pp 181193: (2011) Cristian Bucur: Implications and Directions of Development of Web Business Intelligence Systems for Business Community: Economic Insights Trends and Challenges: Vol . 64, N2, pp 96-108: (2012) Mario Prez-Montoro y llus Codina: Sotfware de prototipado para la arquitectura de la informacin:funciona idad y evaluacin: El profesional de la informacin: Vol. 19, N 4, pp 417.424: (2010) Roberto Garca, Federico Botella, Mari-CarmenMarcos:. Hacia la arquitectura de la informacin 3.0: pasado, presente y futuro: El profesional de la informacin: Vol 19, N 4, pp. 339-347: (2010) Sabah Al-Fedaghi, Ahmed Abdullah: A New Approach to Component-Based Development of Software Architecture: International Review on Computers and Software: Vol. 8, N1: (2013) Juan-Miguel Lpez-Gil, Carolina Navarro-Molina, Roberto Garca, Rafael Aleixandre-Benavent : Anlisis de la arquitectura de webs mediante tests de estrs de navegacin, de usabilidad y eye tracking: El profesional de la informacin: Vol 19, N 4: (2010) Daniel Mordecki: Arquitectura de informacin para sitios de gran porte: El profesional de la informacin: Vol 19, N 4, pp. 368-373: (2010) Josep Maria Brunetti, Rosa Gil, Juan Manuel Gimeno, Roberto Garcia :Improved Linked Data Interaction Through An Automatic Information Architecture: International Journal of Software Engineering and Knowledge Engineering: Vol. 22, N 3, p p 325- 343: (2012) Marilena Dumitrache, Stelian Dumitra, Mircea Baciu: Web Services Integration With Distributed Applications: Journal of Applied Quantitative Methods: Vol 5, N 2: (2010) Wilmar Y. Campo, Gabriel E. Chanch y Jos L. Arciniegas: Arquitectura de Software para el Soporte de Comunidades Acadmicas Virtuales en Ambientes de Televisin Digital Interactiva: Formacin Universitaria: Vol. 6, N 2, pp 3-14: (2013)

Ingeniera Civil Industrial, Tpicos de Programacin y Computacin, Universidad de La Serena, Chile

Miguel ngel Fernndez Marn, Dbora Gonzlez Tolmo, Annia Valds Daz : Sistema automatizado para la gestin del programa de control sanitario internacional de Cuba: Revista Cubana de Informatica Medica: Vol 4, N4, pp 18-34: (2012) Francisca Losavio, Alfredo Matteo, Patricia Morantes: MODELACIN DE LA ORIENTACIN A ASPECTOS: Revista de la Facultad de Ingenieria U.C.V: Vol 25, N 3, pp 57-65, (2010) Daniel Vsquez, Narciso Cerpa, Renzo Angles: Un sistema de discusin seguro con participacin annima a travs de servicios Web: Revista Chilena de la Ingenieria: Vol21, N 1, pp 82-95: (2013)

Ingeniera Civil Industrial, Tpicos de Programacin y Computacin, Universidad de La Serena, Chile