Benemrita Universidad Autnoma de Puebla Facultad de Ciencias de la Computacin

Peridico Digital en Plataformas Open Source

Presenta:

Pablo de Jess Cano Espinoza

Asesora:

Dra. Mara Josefa Somodevilla Garca

Peridico Digital en Plataformas Open Source Presenta: Pablo de Jess Cano Espinoza

Introduccin Objetivos Estado del Arte Modelado WebML Modelo Estructural Modelo de hipertexto Modelo de composicin Modelo de navegacin Modelo de presentacin Modelo de personalizacin Ventajas de usar WebML y MVC Necesidades a Cubrir por un CMS Tipos de Gestores de Contenidos Estandares W3C y HTML 5 Conclusiones y trabajos a futuro
Peridico Digital en Plataformas Open Source

3 14 11 16 20 21 21 22 23 24 25 35 36 37 65
Presenta: Pablo de Jess Cano Espinoza

 Introduccin

En este proyecto de tesis se desarrolla una aplicacin Web para un Peridico Digital basada en plataformas Open-Source que permita a los usuarios una navegacin sencilla, natural, segura, flexible y personalizada. Los elementos a desarrollar se basan en modelos WebML (Web Modeling Language o Lenguaje de Modelado Web) que ayudan al desarrollo de aplicaciones Web complejas usando datos intensivamente. Este mtodo tiene cinco modelos: estructural, hipertexto, presentacin y personalizacin, los cuales se desarrollan en un proceso iterativo. Se utiliz el modelo MVC (Modelo, Vista y Controlador), cuya funcin es la de subdividir una aplicacin en tres mdulos que corresponden a la vista del usuario (la interfaz a la que accede el usuario), una lgica de control (controlador) para captar los eventos que el usuario ha generado a travs de la interfaz, y un modelo que gestiona los datos segn le indique la lgica de control.

Peridico Digital en Plataformas Open Source

Presenta: Pablo de Jess Cano Espinoza

Desarrollo de un peridico digital que cumple con los principios de la plataforma (World Wide Web): la multimedialidad, la hipertexualidad y la interactividad Salverra y Plissier. Adems intervienen principios que se definen en relacin al uso de tcnicas de Desarrollo de Software, as como el manejo de Tendencias de Bases de Datos que influyen directamente en los medios digitales. Algunos de los puntos que comprende el proyecto:

Usabilidad: Tcnicas que ayudan a los seres humanos

a realizar tareas en entornos grficos de ordenador, 3 conceptos muy importantes:

- Trabajamos para seres humanos, que quieren

realizar una tarea de una forma sencilla y eficaz frente a un ordenador en un entorno grfico, la (World Wide Web).

Multimedia: el medio puede integrar en una misma

plataforma los formatos: texto, audio, vdeo, grficos, fotografas, animaciones, infografas, etc.

Portabilidad: Que la aplicacin pueda ser visualizada

en los diferentes navegadores, sistemas operativos y dispositivos mviles.

Hipertexto: la posibilidad de acceder a la informacin de

manera multidireccional y no lineal. Permite la navegacin en el contenido a travs de enlaces en relacin al texto.

Estandarizacin: El objetivo es crear un Web que

trabaje mejor para todos, con sitios accesibles a ms personas y que funcionen en cualquier dispositivo de acceso a la (World Wide Web).

Interactividad: se refiere a la posibilidad que tienen los

usuarios de interactuar con el medio, los autores y el texto permitiendo de esta forma un desarrollo de acciones que proponen y comunican directamente.
Peridico Digital en Plataformas Open Source

Multi-plataforma: Que el sitio funcione con tecnologas

AJAX, APIs de diferentes proveedores como Google, YouTube, Twitter, Facebook, etc.
Presenta: Pablo de Jess Cano Espinoza

 Estado del Arte

El peridico digital, se define como producto interactivo y multimedia, integra diferentes recursos como el texto, la imagen, el vdeo y el sonido; y est revolucionando los conceptos bsicos del periodismo impreso. El periodismo en Internet no solamente lo encontramos en las pginas de peridicos online, televisin online o radio online, tambin est presente en otros sitios. La recepcin de informacin en los mviles nos presenta un nuevo desafo. Algunos conflictos legales dan muestra de que el peridico online es un nuevo medio. El uso de Internet ha de ser considerado como la aparicin de un nuevo medio. La prensa, que en un principio slo busca un nuevo soporte de distribucin, ha de adaptarse rpidamente a esta competencia entrando en la red con nuevos productos.

Peridico Digital en Plataformas Open Source

Presenta: Pablo de Jess Cano Espinoza

1.3 Componentes de los Sistemas Multimedia

Un sistema multimedia se compone de medios, tecnologa y productos. A continuacin se detallan cada uno de ellos: Los Medios o Elementos: Texto Audio Medios Visuales (Imgenes y Video) La Tecnologa: identifica a los equipos y el software utilizado y sus caractersticas, por ejemplo: Computadoras Dispositivos de captura, como cmaras, scanners, video grabadoras Software de edicin digital de imgenes, audio y vdeo
Peridico Digital en Plataformas Open Source

Los Productos: que son el resultado del arte multimedia, como: Simuladores, Enciclopedias, juegos,

Figura 1.1 Elementos Multimedia

Presenta: Pablo de Jess Cano Espinoza

Ahora bien los peridicos actuales estn en camino hacia integrarse al ecosistema Web 2.0 y deben lograr las caractersticas de Peridico Digital, estar en constante actualizacin las 24 horas del da, tener contenidos noticiosos y cumplir con las reglas de Interfaz de Usuario, por ejemplo : e-consulta.com : -Cumple con las caractersticas de peridico digital. -En ocasiones el sitio inserta acciones sin que el usuario genere la orden. -Es confuso y el usuario debe recordar minuciosamente los elementos y funciones. -No es consistente dado que existen varias iconografas para realizar una accin y los controles de usuario no estn bien ubicados.

lajornadadeoriente.com.mx -Cumple con las caractersticas de peridico digital -El Sitio da control total al usuario. -Es confuso y el usuario debe recordar minuciosamente las funciones y los elementos. -No es consistente dado que existen varias iconografas para los controles de usuario. elmundo.es -Cumple con las caractersticas de peridico digital. -El sitio da control total al usuario. -El usuario debe recordar minuciosamente las funciones y los elementos. -Es consistente en la forma y ubicacin de controles de usuario.

En conclusin los peridicos digitales son una aplicacin Web, periodicodigital.com.mx: del ecosistema Web 2.0 y estos deben tener su eje principal en -Cumple con las caractersticas de peridico digital. los usuarios, siendo estos los consumidores de sus contenidos -El Sitio da control total al usuario. por tanto se deben regir por las reglas de desarrollo de Interfaces -Es confuso y el usuario debe recordar minuciosamente los Humano - Computadora y un esquema de modelado como el elementos. WebML para disear adecuadamente la forma de interaccin de -No es consistente dado que existen varias iconografas para los mdulos con los usuarios adems de utilizar el MVC para la realizar una accin. implementacin de las funciones y elementos.
Peridico Digital en Plataformas Open Source Presenta: Pablo de Jess Cano Espinoza

1.5 Objetivos de la Tesis

Teniendo en cuenta los antecedentes del proyecto as como el estado del arte se definen a continuacin los objetivos de la tesis. Objetivo General: Desarrollar una metodologa para crear un peridico digital que contemple la utilizacin de Web ML como base de desarrollo y adecuado a las reglas de las interfaces humano computadora. Objetivo Especfico: Desarrollar un prototipo de peridico digital siguiendo la metodologa WebML, utilizando plataformas Open-Source, tecnologas AJAX y APIs de plataformas de redes de comunicacin.

Peridico Digital en Plataformas Open Source

Presenta: Pablo de Jess Cano Espinoza

Modelado WebML y el Paradigma MVC

2.1 Introduccin al paradigma MVC
MVC son las siglas de Modelo Vista Controlador, que es un patrn de arquitectura de software cuya funcin es subdividir una aplicacin en tres mdulos que corresponden a la vista del usuario (la interfaz a la que accede el usuario), una lgica de control para captar los eventos que el usuario ha generado a travs de la interfaz, y un modelo que gestiona los datos segn le indique la lgica de control. Por lo tanto, se detallan a continuacin (ver figura 2.1), los tres componentes que conforman este patrn: 1.Modelo: Esta es la representacin especfica de la informacin con la cual el sistema opera y se compone por el Sistema de Gestin de Base de Datos y la lgica de negocio. La lgica de negocio asegura la integridad de estos y permite derivar nuevos datos. El Sistema de Gestin de Base de Datos (SGBD) ser el encargado de almacenar los cambios en los datos (agregar
Peridico Digital en Plataformas Open Source

datos, editarlos o borrarlos) producidos por la lgica de negocio; ejemplos de SGBD son MySQL, Oracle... Es recomendable una capa de abstraccin extra denominada Data Access Object (DAO), que es un componente de software que suministra una interfaz comn entre la lgica de negocio y el SGBD. 2.Vista: Este presenta el modelo en un formato adecuado para interactuar, usualmente la interfaz de usuario. Por lo tanto, la vista es la encargada de presentar los datos al usuario y la interfaz necesaria para modificarlos. Un ejemplo de tecnologa podra ser las JSP que, mediante el servidor, genera HTML que interpreta el navegador del usuario mostrndole los datos y los formularios que constituyen la vista para que pueda interactuar con la aplicacin. 3. Controlador: Este responde a eventos, usualmente acciones del usuario e invoca cambios en el modelo y probablemente en la vista. Por lo general, el controlador sera la unidad central que comunica la vista con el modelo y viceversa, asociando los eventos del usuario con los cambios que se producirn en el modelo y devolviendo los datos resultantes que genere el modelo a la vista que corresponda.
Presenta: Pablo de Jess Cano Espinoza

2.2 WebML (Web Modeling Language o Lenguaje de Modelado Web)

Es una notacin visual para el diseo de aplicaciones Web complejas que usan datos intensivamente, este mtodo tiene cinco modelos: estructural, hipertexto, presentacin y personalizacin. Estos modelos se desarrollan en un proceso iterativo. WebML (Web Modeling Language o Lenguaje de Modelado Web) es desarrollado por Web Models, una empresa creada por el Politcnico de Miln. Entre 1999 y 2000, fue lanzada la primera versin de WebML, tras 3 aos de investigacin. En el 2001, es desarrollado WebRatio, software CASE para trabajar con WebML, y generar aplicaciones en JSP (Java Server Pages). El primer portal Web desarrollado bajo WebRatio, fue el de Acer. La especificacin de la aplicacin Web en WebML (ver figura 2.2) consiste en cuatro perspectivas ortogonales: Modelo estructural Modelo de hipertexto Figura 2.2 Especificacin WebML Modelo de presentacin (Ciclo de vida) Modelo de personalizacin
Peridico Digital en Plataformas Open Source Presenta: Pablo de Jess Cano Espinoza

2.3 Ventajas de usar WebML y MVC

Qu ventajas tiene el uso de WebML? Puede reducir esfuerzos, costo y tiempo. Los productos son ms reutilizables y acordes con la realidad. Los modelos son auto-documentables y siempre actualizados con el producto.

Facilidad para la realizacin de pruebas unitarias de los componentes, as como de aplicar desarrollo guiado por pruebas (TDD). Reutilizacin de los componentes. Simplicidad en el mantenimiento de los sistemas. Facilidad para desarrollar prototipos rpidos. Los desarrollos suelen ser ms escalables.

2.4 Desventajas
Qu ventajas tiene el uso del patrn MVC? Clara separacin entre interfaz, lgica de negocio y de presentacin, que adems provoca parte de las ventajas siguientes. Sencillez para crear distintas representaciones de los mismos datos.
Peridico Digital en Plataformas Open Source

Al ser un lenguaje propietario, slo puede interactuar con su herramienta Web Ratio, y los resultados van a estar limitados al utilizar la herramienta ya que las aplicaciones son decodificadas en JSP. Para el MVC las desventajas que se requiere mayor abstraccin para ubicar correctamente las partes del paradigma Modelo, Vista y Controlador.
Presenta: Pablo de Jess Cano Espinoza

Recursos de Desarrollo y Estndares

Interfaz de usuario Web (IUW)
La interfaz de usuario es la manera en que los usuarios se pueden comunicar con un ordenador. Las interfaces Web tienen ciertas limitaciones en las funcionalidades que se ofrecen al usuario. La creacin de una Sitio Web es posible por la conjuncin de varias metodologas necesarias para su funcionamiento. Lo que es visible para el usuario, el diseo y el contenido, y lo que est del lado del servidor que es igual o ms importante, la programacin Web, accesibilidad y la interfaz Web. La interfaz Web, IUW, es un conjunto de elementos Hardware y Software que presentan informacin al usuario y le permiten interactuar con la informacin y el Internet. Si la IUW est bien diseada, el usuario encontrar la respuesta que espera a su accin. Si no es as puede ser frustrante su operacin, y evite la utilizacin de la misma. En conclusin es un conjunto que forman una estructura digital que tiene como funcin hacer llegar al usuario o cliente toda la informacin de manera adecuada y accesible.
Peridico Digital en Plataformas Open Source Presenta: Pablo de Jess Cano Espinoza

 Frameworks y Bibliotecas
Framework define, en trminos generales, un conjunto estandarizado de conceptos, prcticas y criterios para enfocar un tipo de problemtica particular, que sirve como referencia para enfrentar y resolver nuevos problemas de ndole similar. En el desarrollo de software, un framework es una estructura conceptual y tecnolgica de soporte definida, normalmente con artefactos o mdulos de software concretos, con base en la cual otro proyecto de software puede ser organizado y desarrollado. Tpicamente, puede incluir soporte de programas, bibliotecas y un lenguaje interpretado entre otros programas para ayudar a desarrollar y unir los diferentes componentes de un proyecto.

Peridico Digital en Plataformas Open Source

Presenta: Pablo de Jess Cano Espinoza

 jQuery
Para simplificar, podramos decir que jQuery es un Framework JavaScript con clases (POO) que nos permiten programar sin preocuparnos del navegador con el que nos est visitando el usuario, ya que funcionan de exacta forma en todas las plataformas ms habituales. JQuery ayuda en la creacin de Interfaces de usuario, efectos dinmicos, aplicaciones que hacen uso de Ajax, etc. jQuery es una interfaz de programacin que permite estandarizar la compatibilidad de navegadores para la utilizacin de funciones bsicas en JavaScript. Requiere conocer las libreras del framework y programar utilizando las clases, sus propiedades y mtodos para la consecucin de nuestros objetivos. El archivo del framework ocupa unos 56 KB, lo que es una ventaja a la hora de desarrollo de las aplicaciones.
Peridico Digital en Plataformas Open Source

Mootools
Es un Framework JavaScript, que proveen clases de programacin orientada a objetos, para realizar una amplia gama de funcionalidades en pginas Web, como trabajo con capas, efectos diversos, Ajax y mucho ms. Con Mootools podemos programar todo tipo de scripts en el cliente rpidamente y sin preocuparnos de las distintas particularidades de cada navegador. Mootools est especialmente indicado para programar scripts complejos, que nos costara mucho ms trabajo de realizar si partisemos de cero.

Presenta: Pablo de Jess Cano Espinoza

 CMS Como Base de Desarrollo de Medios Digitales

Es un sistema de gestin de contenidos, aplicable a la administracin usuarios. Es la base de administracin general y especifica de un peridico digital en el cual se pueden organizar por roles las actividades de los administradores y a los usuarios se les da la oportunidad de tener interactividad con el sitio. Esta gestin de administracin es escalable, es decir puede crecer (contenidos, notas, usuarios).

Consiste en una interfaz que controla una o varias bases de datos donde se aloja el contenido del sitio Web. El sistema permite manejar de manera independiente el contenido y el diseo. As, es posible manejar el contenido y darle en cualquier momento un diseo distinto al sitio Web sin tener que darle formato al contenido de nuevo, adems de permitir la fcil y controlada publicacin en el sitio a varios editores. Un ejemplo clsico es el de editores que cargan el contenido al sistema y otro de nivel superior (moderador o administrador) que permite que estos contenidos sean visibles a todo el pblico (los aprueba).

CMS
Un sistema de gestin de contenidos (en ingls Content Management System, abreviado CMS) es un programa que permite crear una estructura de soporte (Frameworks) para la creacin y administracin de contenidos, principalmente en pginas Web, por parte de los administradores, editores, participantes y dems roles.
Peridico Digital en Plataformas Open Source

Presenta: Pablo de Jess Cano Espinoza

 Tipos de gestores de contenidos

Los gestores de contenido se pueden clasificar segn diferentes criterios: Por sus caractersticas Segn el lenguaje de programacin empleado, como por ejemplo Active Server Pages, Java, PHP, ASP.NET, Ruby On Rails, Python Segn la licencia: Cdigo abierto o Software propietario Por su uso y funcionalidad Blogs; pensados para pginas personales. Foros; pensados para compartir opiniones. Wikis; pensados para el desarrollo colaborativo. Enseanza; plataforma para contenidos de enseanza on-line. Comercio electrnico; plataforma de gestin de usuarios, catlogo, compras y pagos. Publicaciones digitales. Difusin de contenido multimedia. Propsito general.
Peridico Digital en Plataformas Open Source

Estndares de desarrollo Web.

Un estndar es el modelo a seguir al hacer algo. Son procedimientos que dan los detalles tcnicos y las reglas necesarias para que un producto o tecnologa se use correctamente. Los estndares Web son propuestos por una gran cantidad de organismos, como ejemplo existe un conjunto de recomendaciones dadas por el World Wide Web Consortium (W3C) y otras organizaciones internacionales acerca de cmo crear e interpretar documentos basados en el Web. Son un conjunto de tecnologas que, combinados, ayudan a que las pginas Web sean accesibles a todos los usuarios y entendidas por todo tipo de navegador o de dispositivo de acceso a la Web. Estos estndares tratan de que los tres elementos esenciales que configuran el funcionamiento de una pgina Web queden debidamente separados los unos de los oros. Estos elementos son: Estructura, Presentacin y Comportamiento.
Presenta: Pablo de Jess Cano Espinoza

Modelado WebML
4.1 Modelo Estructural
El esquema estructural de la Figura 4.1 muestra el esquema entidad relacin del CMS Joomla versin 1.5 que permite tener un bloque preestablecido de funcionamiento, manejo de sesiones y categorizacin de contenido.

Figura 4.1 Modelo Estructural de Joomla 1.5

Peridico Digital en Plataformas Open Source Presenta: Pablo de Jess Cano Espinoza

Por otro lado la Figura 4.2 muestra el esquema entidad relacin del componente K2 ya que su utilizacin mejora la organizacin de contenidos enriquecidos con multimedia, adems de que la implementacin de nuevos trozos de cdigo que se desarrollen puede enriquecer ms aun la funcionalidad del componente preestablecido.

Figura 4.2 Modelo Estructural de K2

Peridico Digital en Plataformas Open Source Presenta: Pablo de Jess Cano Espinoza

4.1.1 Descripcin General del Componente K2 Joomla

K2 es el poderoso componente de contenido popular para Joomla! con caractersticas como la CCK desarrollado por JoomlaWorks, los responsables de las excelentes extensiones de Joomla! desde 2006. Proporciona una solucin integrada que ofrece formas de contenido para los artculos (imagina Joomla! Artculos con campos adicionales para imgenes artculo, videos, galeras de imgenes y archivos adjuntos), referentes a categoras, etiquetas, comentarios, un sistema para ampliar la base del tmplate con campos adicionales (similar a la CCK para aquellos familiarizados con Drupal), un potente plugin de la API para ampliar el tmplate, la categora y los formularios de usuario, ACL, edicin de frontend, sub-templetes.
Peridico Digital en Plataformas Open Source

4.2 Modelo de Hipertexto

El modelo de hipertexto es llamado site view, que describe las vistas del modelo estructural que estarn publicadas en el sitio web. El site view se divide en dos modelos, el de navegacin y el de composicin. El modelo de composicin define qu pginas estarn contenidas en el sitio web, y qu contenido tiene cada pgina. En el modelo de composicin se construyen nodos de hipermedia con enlaces estructurales o internos, que no son convertidos en hiperenlaces. Los elementos del modelo de composicin son llamados unidades. El modelo de navegacin sirve para especificar los enlaces entre pginas y unidades de contenido.

Presenta: Pablo de Jess Cano Espinoza

4.2.1 Galera-Fotos (mod_galery_k2)

Este mdulo mostrar la informacin en un formato dual el cual contendr elementos multimedia, Texto, imgenes, enlaces la cual vincular a una noticia de seccin integrada al sistema de contenidos K2 como se muestra en la Figura 4.3.

4.2.2 Foto-Bloque (mod_foto_bloque_k2)

Este mdulo mostrar la informacin en un formato dual el cual contendr elementos multimedia, Texto, imgenes, enlaces dando como prioridad al texto, la cual vincular a una noticia de seccin integrada al sistema de contenidos K2 como se muestra en la Figura 4.4.

Figura 4.3 Modelo de hipertexto mdulo Galera fotos

Peridico Digital en Plataformas Open Source

Figura 4.4 Modelo de hipertexto mdulo Foto-Bloque

Presenta: Pablo de Jess Cano Espinoza

4.2.3 Galera Video (mod_galery_video)

Este mdulo mostrar la informacin en un formato dual el cual contendr elementos multimedia, audio, imgenes, enlaces la cual vincular a una seccin integrada al sistema de contenidos K2 multimedia como se muestra en la Figura 4.5.

4.2.4 Menu Principal (mod_main_menu)

Este mdulo enlazara la informacin a una seccin integrada al sistema de contenidos K2 o multimedia, el cual es parte del sistema de navegacin del sitio como se muestra en la Figura 4.6.

Figura 4.5 Modelo de hipertexto mdulo galera Videos

Peridico Digital en Plataformas Open Source

Figura 4.6 Modelo de hipertexto mdulo Men Principal

Presenta: Pablo de Jess Cano Espinoza

4.2.5 Buscador (mod_search_k2)

Este mdulo mostrar la informacin en un formato de enlaces con texto el cual vincular a una seccin integrada al sistema de contenidos K2 o elementos multimedia como se muestra en la Figura 4.7.

4.2.6 Compartir en redes Sociales (mod_share_k2)

Este mdulo vincular a los elementos multimedia, audio, imgenes, enlaces, textos a plataformas de redes sociales en este caso las ms usadas por el pblico (ver Figura 4.8).

Figura 47 Modelo de hipertexto mdulo Buscador

Figura 4.8 Modelo de hipertexto mdulo Compartir en redes Sociales

Presenta: Pablo de Jess Cano Espinoza

Peridico Digital en Plataformas Open Source

4.2.7 Insercin de Banners (mod_banners_k2)

Este mdulo mostrar la informacin en un formato dual el cual contendr elementos multimedia, audio, imgenes, pelculas flash, enlaces la cual vincular a una seccin integrada al sistema de contenidos K2 como se muestra en la Figura 4.9.

4.2.8 Navegacin Seccin (mod_navegacion_seccion)

Este mdulo enlazar la informacin a una seccin integrada al sistema de contenidos K2 o multimedia, el cual es parte del sistema de navegacin del sitio como se muestra en la Figura 4.10.

Figura 4.9 Modelo de hipertexto mdulo Insercin de Banners

Peridico Digital en Plataformas Open Source

Figura 4.10 Modelo de hipertexto mdulo Navegacin Seccin

Presenta: Pablo de Jess Cano Espinoza

4.3 Modelo de Presentacin

En la Figura 4.11 se muestra el esquema del modelo de presentacin de la portada del peridico la cual se muestra una interfaz amigable e intuitiva.

Peridico Digital en Plataformas Open Source

Presenta: Pablo de Jess Cano Espinoza

4.3.1 Modelo de Presentacin Galera Fotos

En la Figura 4.12 se describe la presentacin de la galera as como los controles y descripcin de los contenidos.

4.3.2 Modelo de Presentacin Foto Bloque

En la Figura 4.13 se describen los bloques de informacin que son ms recurrentes tanto en portada como en seccin de interiores este mdulo es una pieza clave de la presentacin de los contenidos en un formato de peridico digital.

4.3.3 Modelo de Presentacin Men Principal

En este bloque se muestra el formato de navegacin que siempre estar presente en todas las partes del sitio en una zona destacada como se mostr en la Figura 4.3.1.

Figura 4.14 Modelo de Presentacin Men Principal

Presentacin
Peridico Digital en Plataformas Open Source Presenta: Pablo de Jess Cano Espinoza

4.3.4 Modelo de Presentacin Compartir Redes Sociales

La interaccin actual con otros sistemas es una parte angular del desarrollo de sitios web funcionales en la Figura 4.15 se generan los elementos de control de usuario para vincular el peridico digital con plataformas de redes sociales. Estas pueden ser de varios tipos pero el ms usado son los Botones que las mismas plataformas proveen para la insercin en los sitios publicadores.

4.3.5 Modelo de Presentacin Compartir Galera Video

Los videos hoy en da son una herramienta de informacin la cual provee de elementos com0 audio e imagen que en conjuncin transmiten un mensaje en la siguiente Figura 4.16 se muestra la interfaz de control respecto a este elemento.

4.3.6 Modelo de Presentacin Compartir Navegacin Secciones

Este elemento est presente en todas las partes del sitio, es una ayuda para el usuario para poder referir en donde se encuentra en el sitio y a que parte deseara accesar, esto se muestra en la figura 4.17.

Figura 4.15 Modelo de Presentacin Compartir Redes Sociales

Peridico Digital en Plataformas Open Source

Figura 4.16 Modelo de Presentacin Compartir Galera Video

Figura 4.17 Modelo de Presentacin Compartir Navegacin - Secciones

Presenta: Pablo de Jess Cano Espinoza

En la Figura 4.18 se muestra el esquema del modelo de presentacin de los interiores del peridico, la cual se muestra una una interfaz amigable e intuitiva. Adems esta presentacin tiene elementos reutilizados de la figura 4.3.1, lo cual permite una mayor estandarizacion de elementos y a su vez reducir el tiempo de desarrollo.

Figura 4.18 Modelo de Presentacin Interiores

Peridico Digital en Plataformas Open Source Presenta: Pablo de Jess Cano Espinoza

Conclusiones y trabajo a futuro

El desarrollo de una interfaz til y adecuada para la lectura de noticias mejora los tiempos de estancia en el peridico digital, se tiene contemplada la utilizacin de metodologas de interfaz Google para saber la ubicacin de elementos como la publicidad y elementos grficos dentro del despliegue del formato de noticia. Estas metodologas se basan en un estndar de tecnologas usadas e implementadas por Google para el uso de comercio electrnico. El desarrollo de nuevos complementos y extensiones a medida brindan una oportunidad de crecimiento de la empresa y trabajo sustentable a desarrolladores, siendo las plataformas Open-Source herramientas viables y
Peridico Digital en Plataformas Open Source

efectivas para usuarios. Por otra parte, esta es una plataforma slida para el desarrollo de este tipo de problemas o Apps Web ms elaboradas resolviendo problemas ms complejos. El uso en conjunto de tecnologas tales como: HTML, JavaScript, PHP, MySql, MVC y WebML hacen posible encontrar una solucin a cualquier tipo de problema en forma de aplicacin Web. El trabajo a futuro contemplara el desarrollo de complementos y extensiones hbridas, que puedan conjuntar Servicios Web ya sea en Java, DotNet etc. que permitan obtener lo mejor de cada lenguaje de programacin para as resolver un sin nmero de problemas relacionados a este campo y otros.
Presenta: Pablo de Jess Cano Espinoza