Nuevas Tendencias Web

Comunidad de OpenCms en Castellano  OpenCms Hispano  Sergio Raposo Vargas  Alejandro Alves Calderón

Índice OpenCms Hispano Accesibilidad Usabilidad Gestores de Contenido y de portales Posicionamiento en buscadores Web 2.0 Web Semantica Tipos de web El futuro Preguntas

OpenCms Hispano OpenCms es un Gestor de Contenido basado en java y xml con más de 10 años de recorrido OpenCms Hispano nace para cubrir la carencia de información en castellano de este producto Actualmente OpenCms Hispano trabaja ya en su segunda versión del portal, mucho más adecuado a las nuevas necesidades de la comunidad.

Accesibilidad ¿Que es la Accesibilidad? “La accesibilidad es el grado con el que algo puede ser usado, visitado o accedido por todas las personas, independientemente de sus capacidades” Que más implica? Acceso desde todo tipo de navegadores Acceso desde todo tipo de dispositivos Acceso de robots de búsquedas

Accesibilidad Niveles de accesibilidad (WCAG 1.0) Nivel de Conformidad A Nivel de Conformidad AA Nivel de Conformidad AAA Estas pautas fueron desarrolladas por el grupo de trabajo llamado WAI (Web Accessibility Initiative). Grupo de trabajo perteneciente al W3C.

Accesibilidad WCAG 2.0. Nuevas normas de accesibilidad Desde Diciembre del 2008 son una realidad. Adaptan las antiguas normas de accesibilidad de la WCAG 1.0 a las nuevas tecnologías. Solo deberemos adaptarnos a las nuevas normas: Web Perceptible Web Operable Web Entendible Web Robusta

Accesibilidad La legislación Española Real Decreto 1494/2007, de 12 de noviembre, por el que se aprueba el Reglamento sobre las Condiciones Básicas para el Acceso de las Personas con Discapacidad a las Tecnologías, Productos y Servicios Relacionados con la Sociedad de la Información y Medios de Comunicación Social. (BOE de 21 de noviembre de 2007) Estas leyes fijan por fin el nivel de adecuación obligatorio de los portales de Internet, no ya sólo de la Administración Pública sino de entidades bancarias, agencias de viaje, aseguradoras, empresas de transporte, suministradoras de electricidad, gas y agua, etc. en la prioridad 2 de la Norma UNE :2004, a partir del 31 de diciembre de 2008.

Usabilidad La clave: No hagas pensar al usuario!! Usabilidad en la web: Usar una estructura clara y sencilla Debemos poder encontrar todo el contenido lo más rápido posible Debemos resaltar la información relevante Separar las distintas áreas de información Resaltar las zonas con las que podamos interactuar (ej: enlaces, zonas desplegables,...) Debemos mantener la información siempre en el mismo sitio Usabilidad en aplicaciones

Usabilidad Problemas comunes: Titulos y vocabularios confusos Los usuarios deben recordar demasiadas cosas Demasiados gráficos innecesarios Diseño no concuerda con las características del usuario Que no se debe preguntar el usuario: ¿Dónde estoy? ¿Por dónde empiezo? ¿Dónde esta.....? ¿Dónde está la información más importante? ¿Por qué le han puesto ese nombre?

Usabilidad Beneficios Sitios de más calidad Usuarios contentos Minimizar el tiempo de aprendizaje de los usuarios Minimizar el numero de incidencias derivadas de un mal uso Diseño centrado al usuario Se basa en realizar diseños a medida para el usuario que va lo va a utilizar. Usabilidad adaptada

Gestores de Contenido Una aplicación CMS (Content Management System) o gestor de contenidos es una aplicación transparente a los visitantes de un sitio Web que permite: El mantenimiento de un portal Web Añadir nuevos contenidos Editar y actualizar los ya existentes Eliminarlos definitivamente ¿Qué ocurriría si no dispondríamos de estas herramientas?

Gestores de Contenido Ejemplos: Portales: OpenCms, Type 3, Magnolia, Drupal, Joomla Foros: phpBB, MvnForum, jForum Blogs: Wordpres, blogspot Wikis: TikiWiki, mediawiki Ecommerce: OsCommerce, KonaKart E-Learnig: Moodle, sakai

Gestores de Portales Herramientas utilizada para la gestión de la apariencia de un portal web. También llamado contenedor de portlets. Un portlet es un componente web Estandar java: jsr 168 Ejemplos: Pluto Liferay Oracle Portal...

Posicionamiento en buscadores Situarnos en las primeras posiciones en los buscadores más usados. Nadie pasa de los primeros resultados de búsqueda!! El contenido es la clave Atraerá más enlaces Nuestros usuarios volverán Usar palabras clave que se correspondan con el contenido real Saber posicionar estas palabras clave puede ser fundamental Actualizar con frecuencia nuestros contenidos Diseño sencillo. Priorizar el contenido por encima del diseño Accesibilidad y usabilidad PageRank: Uno de los factores más importante para Google

Posicionamiento en buscadores Técnicas penalizadas por buscadores. Pueden llegar a “echarnos” de la red!! Cloaking: Cambiar la página cuando nos visita el robots Doorway: Generar una página con muchas palabras claves y a los usuarios redirigirlos a la página real. Texto y enlaces ocultos: Se esconden usando el mismo color del fondo Abusar de las palabra claves No olvidemos el gran objetivo: A traer usuarios a nuestra web!!

“La Web 2.0 es la representación de la evolución de las aplicaciones tradicionales hacia aplicaciones web enfocadas al usuario final. La Web 2.0 es una actitud y no precisamente una tecnología.“ El usuario final participa en el contenido!! Antes: Web estáticas sin participación del usario. Nace: Web 2.0 Conference WEB 2.0

Ejemplos más significativos: Wiki Blogs Foros En general todas las herramientas de compartición de contenido: Imagenes/fotografias, videos, información, música,... Acompañada de una evolución en el diseño: Simplicidad Pocas columnas: No mas de 3 Navegación sencilla: Menú siempre visible Tamaño de texto grande Superficies “enriquecidas”: Degradados, efectos 3D, fondos, reflejos,... Iconos originales....

Web Semántica La importancia del significado!!! “La Web Semántica es una Web extendida, dotada de mayor significado en la que cualquier usuario en Internet podrá encontrar respuestas a sus preguntas de forma más rápida y sencilla gracias a una información mejor definida.“ Debe ser una herramienta para la solución de problemas cotidianos de una forma automática y eficaz. Uso principal: Buscadores Semánticos. Ejemplo más conocido: RSS. Publicación de contenido.

Web Semántica El estandar de la W3C: RDF: Formato para publicar información simple sobre los recursos de la web. SPARQL: Lenguaje de consulta sobre RDF OWL: es un mecanismo para desarrollar temas o vocabularios específicos en los que asociar esos recursos RDFa Mediante RDFa se pueden representar los datos estructurados visibles en las páginas Web. GRDDL Técnica estándar para extraer la información expresada en RDF desde documentos XML, y en particular, de las páginas XHTML.

Web Semántica Ejemplo del calendario

Web Semántica Otras herramientas: Meta-Información: Uso de las etiquetas para ofrecer información extra. Muy devaluado debido al mal uso que se ha hecho de ellas Microformatos: hcalendar: Calendario hcard: Contactos hreview: criticas hresume: Curriculum reltag: Para asignar etiquetas a los enlaces Ejemplo: Juan Pérez El Ejemplo S. A

Tipos de Web Clasificación según la finalidad de la web Portal de información: Portales cuya finalidad es aportar gran cantidad de información: Terra, El Pais, 20 minutos, Orange,... Web corporativa: El escaparate de una empresa en internet. Tiendas virtuales Ebay Amazon napster ServiCaixa Istockphoto...

Tipos de Web Redes sociales: Los usuarios son la clave! FaceBook Tuenti Twitter Xing SourceForge MySpace Webs Personales – Blogs: El mejor ejemplo de evolución de la Web 1.0 a la Web 2.0 Intranets: Webs internas para uso exclusivo de los empleados de una empresa, o administración pública en la que se ofrecen una serie de herramienta y de información exclusiva para estos empleados. Funcionales: Aplicaciones de gestión que funcionan a través de internet.

El futuro Aparece el concepto de Web 3.0 (2006) Idea principal: La adaptación definitiva de la web semántica. Otros elementos Mundos virtuales Movilidad Sitios web como servicios web Video online e internet TV Web Internacional Personalización

MUCHAS GRACIAS Preguntas?