ESTRUCTURA DE INFORMACIN EN APLICACIONES WEB Lineal: Es la ms sencilla de todas, nos da la posibilidad de realizar un recorrido de pginas desde una pgina

inicial en forma rgida y secuencial como si fuera un libro. Jerrquica: Tambin denominada estructura "en rbol" o "arborescente. Es el clsico modelo de organizacin temtica de la informacin que refleja la dependencia de unos conocimientos respecto de otros, as como el orden que va de lo general a lo particular. De red o Reticular: No tiene al parecer un orden establecido, las pginas tienen conexin entre todas, por lo cual se vuelve un poco compleja desde el punto de vista del usuario. Ramificada: Este modelo representa una trayectoria de navegacin privilegiada (Entrada -A-B-C-Salida) en la que se han incluido nodos subordinados (A1, B2,C2, etc.) para permitir un mayor grado de interactividad al usuario. Mixta: Combina dos o ms modelos, Las estructuras Mixtas permiten aprovechar las ventajas funcionales de cada modelo y corregir sus deficiencias o limitaciones. Navegacin: Interactividad del usuario. Explotar el contenido Metaforas. Suelen utilizarse al menos tres tipos de metforas: 1. De objetos: el libro, el lbum, la agenda, el escritorio, la biblioteca. 2. De actividades: la visita, la exploracin, el viaje. 3. De lugares: la casa, la plaza, el museo, la ciudad, la isla. Mapas: Representacin grfica de la estructura del proyecto. Ayuda: Genricos. Ofrecen una referencia global y el usuario deber buscar entre la manera de resolver sus dudas Sensibles al contexto. Es una clase de ayuda en lnea, se obtiene de un punto especfico en el estado del software, proporcionando la ayuda para la situacin que se asocia a ese estado. Manuales Interactivos. Mens desplegables Personajes o mascotas USABILIDAD DE APLICACIONES WEB Usabilidad: rea que ofrece informacin para asegurar el desarrollo de interfaces en aplicaciones web. Alberga un conjunto de pautas que tienen en cuenta elementos desde el acceso a la aplicacin hasta conseguir que la aplicacin sea ms eficiente, pasando por una navegacin rpida e intuitiva y por la forma de mostrar los contenidos. Finalidad: Principal finalidad es brindan servicios simples pero con un sencillez y facilidad de uso que logren captar la atencin de un gran pblico. Cmo se logran hacer sitios altamente usables Cumpliendo los objetivos: Eficiencia. Relacionada con el tiempo y esfuerzo que realiza el usuario para llegar a su objetivo. Fidelizacin . Se da a travs de la creacin de una aplicacin dinmica y con contenidos que susciten el inters de los distintos usuarios. Perdurabilidad. Los diseos para aplicaciones deben prescindir de modas tendenciosas que rpidamente quedan obsoletas. Reduccin de errores. Una herramienta muy fcil de usar permitir a su usuario efectuar ms operaciones por unidad de tiempo, Aspectos a tomar Resumir todo a la mnima expresin: Los usuarios necesitan leer solo lo necesario. Evitar los listados extensos de links. Para reducir la cantidad de enlaces se recomienda utilizar un buscador para hacer ms encontrable todo. Simplificar el aspecto: Se trata de optimizar y lograr mediante pocos recursos grficos un buen diseo. Lo principal es tener en mente los principales conceptos del diseo. Una gran ayuda es el uso de CSS y XHTML Imgenes como referencias: Si se necesita dar prioridad a determinada pgina es recomendable utilizar imgenes para llamar un poco ms la atencin respecto a informacin de gran importancia. Fuentes de letras y sus propiedades: Es importante la variacin de los tamaos y colores de fuentes junto con las propiedades clsicas de las tipografas (negrita, cursiva, etc) harn que el mensaje sea entendible y de un solo vistazo. Ingeniera WEB Es el proceso utilizado para crear, implantar y mantener aplicaciones y sistemas web de alta calidadEste concepto nos lleva a abordar un aspecto clave de cualquier proyecto como es determinar que tipo de proceso es ms adecuado en funcin de las caractersticas del mismo. Proceso de ingeniera web: Formulacin. Planificacin Anlisis. Modelizacin Generacin de Paginas Pruebas Evaluacin del Cliente Control y Garanta de la Calidad: En las aplicaciones web existen diferentes factores que son de especial relevancia para valorar aspectos de calidad como: Usabilidad. Funcionabilidad Fiabilidad. Seguridad Eficiencia Mantenibilidad.

Control y Garanta de la Calidad Una de las tareas colaterales que forman parte del proceso es el Control y Garanta de la Calidad (CGC). Son igualmente aplicables a la Ingeniera Web. Control y Garanta de la Calidad Fatores Usabilidad. Funcionabilidad Fiabilidad. Seguridad Eficiencia Mantenibilidad. Control de la Configuracin Establecer mecanismos adecuados de control de la configuracin para la Ingeniera Web es uno de los mayores desafos a los que esta nueva disciplina se enfrenta.La Web tiene caractersticas nicas que demandan estrategias y herramientas nuevas. Aspectos a considerar para el control de la configuracin Web Contenido dinmico. es tarea compleja organizar racionalmente los objetos que forman la configuracin y establecer mecanismos de control. Personal: Hay mucho personal no especializado que no reconoce la importancia que tiene el control del cambio. Escalabilidad: Muchas aplicaciones crecen considerablemente de forma imprevista. Sin embargo, las tcnicas de control no escalan de forma adecuada Poltica: Quin posee la informacin? Quin asume la responsabilidad y coste de mantenerla? La gestin del Proceso En un proceso tan rpido como es la ingeniera de software donde los tiempos de desarrollo y los ciclos de vida de los productos son tan cortos Merece la pena el esfuerzo requerido por la gestin? La respuesta es que dada su complejidad es imprescindible. Diferencia respecto a los procesos tradicionales Enumeramos las siguientes diferencias: Confluencia de disciplinas: Sistemas de Informacin, Ingeniera Software y Diseo Grfico que requiere equipos multidisciplinares y polivalentes. Ciclos de vida y tiempo de desarrollo muy cortos Cambio continuo Necesidad de soluciones que permitan flexibilidad y adaptacin conforme el proyecto cambia. Requisitos fuertes de Seguridad, Rendimiento y Usabilidad Es necesario el proceso ? La Web evoluciona y crece sin diseo alguno. Prcticas tan pobres de calidad pueden introducir defectos que dejen al efecto 2000 como un juego de nios. Es deber de todos proporcionar cimientos firmes a una tecnologa que mgicamente nos permite acceder a cualquier hora a cualquier punto del planeta para obtener bienes tan valiosos como son los Servicios y la Informacin. Aplicacin Web En ingeniera del software una aplicacin web es aquella que los usuarios usan desde un servidor web a travs de Internet o de una intranet. Las aplicaciones web son populares debido a la ubicuidad del navegador como un cliente, a veces llamado cliente ligero. Servidor web: Es un programa que implementa el protocolo HTTP. Este protocolo est diseado para transferir lo que llamamos hipertextos, pginas web o pginas HTML: textos complejos con enlaces, figuras, formularios, botones y objetos incrustados como animaciones, reproductores de sonidos o video. Un servidor web: Se encarga de mantenerse a la espera de peticiones HTTP llevadas a cabo por un cliente HTTP que solemos conocer como navegador. El navegador realiza una peticin al servidor y ste le responde con el contenido que el cliente solicita lenguajes de programacin: PHP ASP JSP ASP Active Server Pages: Un archivo de pginas Active Server (ASP) es un archivo de texto con la extensin .asp que contiene cualquier combinacin de lo siguiente: ASP es una tecnologa desarrollada por MS (Microsoft) para crear pginas web de contenido dinmico apoyndose en scripts ejecutados en el servidor. PHP Es un lenguaje de programacin interpretado, diseado originalmente para la creacin de pginas web dinmicas Caractersticas Se ejecuta en un servidor web, tomando el cdigo en PHP como su entrada y creando pginas web como salida. Puede ser desplegado en la mayora de los servidores web y en casi todos los sistemas operativos y plataformas sin costo alguno. Se encuentra instalado en ms de 20 millones de sitios web y en un milln de servidores. El nmero de sitios en PHP ha compartido algo de su preponderante sitio con otros nuevos lenguajes no tan poderosos desde agosto de 2005. Wikipedia es un ejemplo de un sitio desarrollado en lenguje de programacion PHP. Tiene la capacidad de ser ejecutado en la mayora de los sistemas operativos. Al ser PHP un lenguaje que se ejecuta en el servidor no es necesario que su navegador lo soporte, es independiente del navegador. Para que las pginas PHP funcionen, el servidor donde estn alojadas debe soportar PHP. Permite la conexin a diferentes tipos de servidores de bases de datos tales como: MySQL, Postgres, Oracle, ODBC, DB2, Microsoft SQL Server, Firebird y SQLite. Funcionamiento El programa PHP es ejecutado en el servidor y el resultado enviado al navegador. El resultado es normalmente una pgina HTML Ventajas Es un lenguaje multiplataforma. Capacidad de conexin con la mayora de los motores de base de datos que se utilizan en la actualidad. Capacidad de expandir su potencial utilizando la enorme cantidad de mdulos (llamados ext's o extensiones). Posee una amplia documentacin en su pgina oficial. Es libre, por lo que se presenta como una alternativa de fcil acceso para todos. Permite aplicar tcnicas de programacin orientada a objetos. \ JSP Java Server Page: JavaServer Pages (JSP) es una tecnologa Java que permite generar contenido dinmico para web, en forma de documentos HTML, XML o de otro tipo.

ESTRUCTURA DE INFORMACIN EN APLICACIONES WEB Lineal: Es la ms sencilla de todas, nos da la posibilidad de realizar un recorrido de pginas desde una pgina inicial en forma rgida y secuencial como si fuera un libro. Jerrquica: Tambin denominada estructura "en rbol" o "arborescente. Es el clsico modelo de organizacin temtica de la informacin que refleja la dependencia de unos conocimientos respecto de otros, as como el orden que va de lo general a lo particular. De red o Reticular: No tiene al parecer un orden establecido, las pginas tienen conexin entre todas, por lo cual se vuelve un poco compleja desde el punto de vista del usuario. Ramificada: Este modelo representa una trayectoria de navegacin privilegiada (Entrada -A-B-C-Salida) en la que se han incluido nodos subordinados (A1, B2,C2, etc.) para permitir un mayor grado de interactividad al usuario. Mixta: Combina dos o ms modelos, Las estructuras Mixtas permiten aprovechar las ventajas funcionales de cada modelo y corregir sus deficiencias o limitaciones. Navegacin: Interactividad del usuario. Explotar el contenido Metaforas. Suelen utilizarse al menos tres tipos de metforas: 1. De objetos: el libro, el lbum, la agenda, el escritorio, la biblioteca. 2. De actividades: la visita, la exploracin, el viaje. 3. De lugares: la casa, la plaza, el museo, la ciudad, la isla. Mapas: Representacin grfica de la estructura del proyecto. Ayuda: Genricos. Ofrecen una referencia global y el usuario deber buscar entre la manera de resolver sus dudas Sensibles al contexto. Es una clase de ayuda en lnea, se obtiene de un punto especfico en el estado del software, proporcionando la ayuda para la situacin que se asocia a ese estado. Manuales Interactivos. Mens desplegables Personajes o mascotas USABILIDAD DE APLICACIONES WEB Usabilidad: rea que ofrece informacin para asegurar el desarrollo de interfaces en aplicaciones web. Alberga un conjunto de pautas que tienen en cuenta elementos desde el acceso a la aplicacin hasta conseguir que la aplicacin sea ms eficiente, pasando por una navegacin rpida e intuitiva y por la forma de mostrar los contenidos. Finalidad: Principal finalidad es brindan servicios simples pero con un sencillez y facilidad de uso que logren captar la atencin de un gran pblico. Cmo se logran hacer sitios altamente usables Cumpliendo los objetivos: Eficiencia. Relacionada con el tiempo y esfuerzo que realiza el usuario para llegar a su objetivo. Fidelizacin. Se da a travs de la creacin de una aplicacin dinmica y con contenidos que susciten el inters de los distintos usuarios. Perdurabilidad. Los diseos para aplicaciones deben prescindir de modas tendenciosas que rpidamente quedan obsoletas. Reduccin de errores. Una herramienta muy fcil de usar permitir a su usuario efectuar ms operaciones por unidad de tiempo, Aspectos a tomar Resumir todo a la mnima expresin: Los usuarios necesitan leer solo lo necesario. Evitar los listados extensos de links. Para reducir la cantidad de enlaces se recomienda utilizar un buscador para hacer ms encontrable todo. Simplificar el aspecto:

Se trata de optimizar y lograr mediante pocos recursos grficos un buen diseo. Lo principal es tener en mente los principales conceptos del diseo. Una gran ayuda es el uso de CSS y XHTML Imgenes como referencias: Si se necesita dar prioridad a determinada pgina es recomendable utilizar imgenes para llamar un poco ms la atencin respecto a informacin de gran importancia. Fuentes de letras y sus propiedades: Es importante la variacin de los tamaos y colores de fuentes junto con las propiedades clsicas de las tipografas (negrita, cursiva, etc) harn que el mensaje sea entendible y de un solo vistazo. Ingeniera WEB Es el proceso utilizado para crear, implantar y mantener aplicaciones y sistemas web de alta calidadEste concepto nos lleva a abordar un aspecto clave de cualquier proyecto como es determinar que tipo de proceso es ms adecuado en funcin de las caractersticas del mismo. Proceso de ingeniera web: Formulacin. Planificacin Anlisis. Modelizacin Generacin de Paginas Pruebas Evaluacin del Cliente Control y Garanta de la Calidad: En las aplicaciones web existen diferentes factores que son de especial relevancia para valorar aspectos de calidad como: Usabilidad. Funcionabilidad Fiabilidad. Seguridad Eficiencia Mantenibilidad. Control y Garanta de la Calidad Una de las tareas colaterales que forman parte del proceso es el Control y Garanta de la Calidad (CGC). Son igualmente aplicables a la Ingeniera Web. Control y Garanta de la Calidad Fatores Usabilidad. Funcionabilidad Fiabilidad. Seguridad Eficiencia Mantenibilidad. Control de la Configuracin Establecer mecanismos adecuados de control de la configuracin para la Ingeniera Web es uno de los mayores desafos a los que esta nueva disciplina se enfrenta.La Web tiene caractersticas nicas que demandan estrategias y herramientas nuevas. Aspectos a considerar para el control de la configuracin Web Contenido dinmico. es tarea compleja organizar racionalmente los objetos que forman la configuracin y establecer mecanismos de control.

Personal: Hay mucho personal no especializado que no reconoce la importancia que tiene el control del cambio. Escalabilidad: Muchas aplicaciones crecen considerablemente de forma imprevista. Sin embargo, las tcnicas de control no escalan de forma adecuada Poltica: Quin posee la informacin? Quin asume la responsabilidad y coste de mantenerla? La gestin del Proceso En un proceso tan rpido como es la ingeniera de software donde los tiempos de desarrollo y los ciclos de vida de los productos son tan cortos Merece la pena el esfuerzo requerido por la gestin? La respuesta es que dada su complejidad es imprescindible. Diferencia respecto a los procesos tradicionales Enumeramos las siguientes diferencias: Confluencia de disciplinas: Sistemas de Informacin, Ingeniera Software y Diseo Grfico que requiere equipos multidisciplinares y polivalentes. Ciclos de vida y tiempo de desarrollo muy cortos Cambio continuo Necesidad de soluciones que permitan flexibilidad y adaptacin conforme el proyecto cambia. Requisitos fuertes de Seguridad, Rendimiento y Usabilidad Es necesario el proceso ? La Web evoluciona y crece sin diseo alguno. Prcticas tan pobres de calidad pueden introducir defectos que dejen al efecto 2000 como un juego de nios. Es deber de todos proporcionar cimientos firmes a una tecnologa que mgicamente nos permite acceder a cualquier hora a cualquier punto del planeta para obtener bienes tan valiosos como son los Servicios y la Informacin. Aplicacin Web En ingeniera del software una aplicacin web es aquella que los usuarios usan desde un servidor web a travs de Internet o de una intranet. Las aplicaciones web son populares debido a la ubicuidad del navegador como un cliente, a veces llamado cliente ligero. Servidor web: Es un programa que implementa el protocolo HTTP. Este protocolo est diseado para transferir lo que llamamos hipertextos, pginas web o pginas HTML: textos complejos con enlaces, figuras, formularios, botones y objetos incrustados como animaciones, reproductores de sonidos o video. Un servidor web: Se encarga de mantenerse a la espera de peticiones HTTP llevadas a cabo por un cliente HTTP que solemos conocer como navegador. El navegador realiza una peticin al servidor y ste le responde con el contenido que el cliente solicita lenguajes de programacin: PHP ASP JSP ASP Active Server Pages: Un archivo de pginas Active Server (ASP) es un archivo de texto con la extensin .asp que contiene cualquier combinacin de lo siguiente:

ASP es una tecnologa desarrollada por MS (Microsoft) para crear pginas web de contenido dinmico apoyndose en scripts ejecutados en el servidor. PHP Es un lenguaje de programacin interpretado, diseado originalmente para la creacin de pginas web dinmicas Caractersticas Se ejecuta en un servidor web, tomando el cdigo en PHP como su entrada y creando pginas web como salida. Puede ser desplegado en la mayora de los servidores web y en casi todos los sistemas operativos y plataformas sin costo alguno. Se encuentra instalado en ms de 20 millones de sitios web y en un milln de servidores. El nmero de sitios en PHP ha compartido algo de su preponderante sitio con otros nuevos lenguajes no tan poderosos desde agosto de 2005. Wikipedia es un ejemplo de un sitio desarrollado en lenguje de programacion PHP. Tiene la capacidad de ser ejecutado en la mayora de los sistemas operativos. Al ser PHP un lenguaje que se ejecuta en el servidor no es necesario que su navegador lo soporte, es independiente del navegador. Para que las pginas PHP funcionen, el servidor donde estn alojadas debe soportar PHP. Permite la conexin a diferentes tipos de servidores de bases de datos tales como: MySQL, Postgres, Oracle, ODBC, DB2, Microsoft SQL Server, Firebird y SQLite. Funcionamiento El programa PHP es ejecutado en el servidor y el resultado enviado al navegador. El resultado es normalmente una pgina HTML Ventajas Es un lenguaje multiplataforma. Capacidad de conexin con la mayora de los motores de base de datos que se utilizan en la actualidad. Capacidad de expandir su potencial utilizando la enorme cantidad de mdulos (llamados ext's o extensiones). Posee una amplia documentacin en su pgina oficial. Es libre, por lo que se presenta como una alternativa de fcil acceso para todos. Permite aplicar tcnicas de programacin orientada a objetos. \ JSP Java Server Page: JavaServer Pages (JSP) es una tecnologa Java que permite generar contenido dinmico para web, en forma de documentos HTML, XML o de otro tipo.