Curso de Competencias Tecnológicas para
Transcripción
Curso de Competencias Tecnológicas para
Curso de Competencias Tecnológicas para Community Managers Asignatura 1: Supervisión de Sitios Web Página ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com 1 Bloque 2. Gestores de Contenido (CMS) Índice Gestores de Contenido (CMS) 1. Gestores de Contenidos (CMS) ..................................................................3 1.1 Introducción ....................................................................................3 1.2 CMS para webs básicas y blogs ..............................................................9 1.2.1 Wordpress.com ..............................................................................9 1.2.2 Blogger...................................................................................... 13 1.2.3 Google Sites ............................................................................... 15 1.3 Wordpress.org, el CMS de referencia para un proyecto estándar de un Community Manager ............................................................................................ 18 1.4 CMS para webs avanzadas y portales .................................................... 23 1.4.1 Joomla ...................................................................................... 23 1.4.2 Drupal ....................................................................................... 29 1.5 Otros CMS de interés ....................................................................... 30 1.5.1 Moodle ...................................................................................... 30 1.5.2 Miscelánea ................................................................................. 31 2. Plugins Sociales ................................................................................. 32 2.1 Plugins nativos de las grandes redes sociales .......................................... 32 2.1.1 Plugins de Facebook ...................................................................... 32 2.1.2 Widgets de Twitter ....................................................................... 39 3. Redifusión Web (RSS) .......................................................................... 41 3.1 Difundir una fuente web con Feedburner ............................................... 43 3.2 Leer desde un lector de RSS ............................................................... 44 4. Usabilidad y Accesibilidad .................................................................... 45 4.1 Introducción .................................................................................. 45 4.2 Usabilidad .................................................................................... 49 4.2.1 Principios generales de la usabilidad ................................................. 50 4.2.2 El ABC de la usabilidad (Consejos prácticos) ........................................ 52 4.3 Accesibilidad ................................................................................. 55 4.3.1 ¿Cómo hacer que tu sitio Web sea accesible? ....................................... 56 4.3.2 Como Community Manager, ¿qué debo saber sobre Accesibilidad web? ........ 58 Página ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com 2 5. Consejos prácticos sobre el manejo de CMS ............................................... 58 5.1 El ABC de la seguridad ..................................................................... 58 5.2 El ABC de las copias de respaldo ......................................................... 62 1. Gestores de Contenidos (CMS) 1.1 Introducción Un sistema de gestión de contenidos (Content Management System, CMS) es un programa que permite crear una estructura de soporte (framework) para editar, gestionar y publicar contenidos de un medio digital (un sitio web1). La utilización de estas aplicaciones por parte de un profesional del social media o del marketing online es casi inevitable, ya sea en la gestión de un blog personal, de un foro o en la publicación de artículos, u otros contenidos digitales, en un sitio web corporativo. A través de un sistema de permisos y roles (como Administrador, Editor, Redactor, Usuario sin permiso de edición, etc.) se asignan niveles de acceso a los usuarios. De esta forma, un usuario solamente podrá modificar unos aspectos concretos del sitio web en función de su perfil. Una característica identificativa de los CMS es que gestionan la apariencia del sitio web (la estética) de forma independiente al resto de información. Gracias a esta característica, es posible pasar de una plantilla a otra con unos simples clics, incluso cuando hay contenido publicado. La parte estética del diseño es solventada, en la mayoría de los casos, mediante plantillas editables. La tendencia de Internet es ir hacia portales con más y más contenidos, en los que participan muchos tipos de usuarios a través de foros, blogs y otros medios sociales. Este escenario ha convertido a los CMS en una herramienta imprescindible para empresas, organismos e incluso para muchos particulares, ya que permiten la generación colaborativa de contenidos sin la necesidad de recurrir a un experto en programación. Vemos cómo la reducción de costes de producción y mantenimiento es evidente. Los gestores de contenidos funcionan a través del navegador. Su utilización es muy sencilla, ya que está orientado a usuarios sin unos conocimientos técnicos especiales. Como resultado, a través de un interfaz siempre sencillo y asequible, se podrá crear el contenido digital que deseemos y dejarlo publicado en la Web. En la práctica, los gestores de contenidos podrían catalogarse en dos tipos: los que permiten a un usuario sin conocimientos técnicos crear y mantener un sitio web y los que requieren la intervención de un desarrollador web. En cualquier caso, la Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com Página En este documento se utilizan indistintamente los términos página web, portal web, sitio web, web y site. ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] 3 1 participación de un técnico especialista siempre está ligada a cierta complejidad y envergadura del proyecto y es mínima en proporción al volumen de contenidos, participantes y actividad gestionada. La implicación un perfil técnico (normalmente administrador del sistema) puede posibilitar la coordinación de un equipo de decenas de generadores de contenido (como redactores, editores, etc.). Un ejemplo muy ilustrativo de este sistema de edición web es el de un periódico digital (uno de los sectores más precoces en el uso de CMS). Este tipo de portales se caracteriza por contener gran cantidad de páginas y un flujo permanente de contenido actualizado (noticias de última hora son actualizadas incluso varias veces el mismo día). Por otra parte, la mayoría de las personas implicadas no poseen un perfil de desarrollador web. A través del gestor de contenidos, un amplio abanico de roles participan en armonía en el mantenimiento y la publicación de noticias. Editor, redactores, maquetadores, equipo de diseño, moderadores de foros y administradores del site, interactúan con el CMS en la faceta que le corresponde a cada uno. Todos participan directamente en el proceso de publicación en la Web. Otro ejemplo muy cercano es la plataforma de e-learning con la que se realiza este curso. Se trata de un gestor de contenidos (documentos, archivos, publicación en foros, mensajería interna, etc.) en el que se desarrolla un proyecto con diferentes tipos de usuarios (alumnos, profesores, coordinadores y soporte informático). Cada tipo de usuario posee unos permisos específicos y, gracias a ellos, desarrolla su papel con coherencia. En este caso es un entorno cerrado (solo para los participantes del curso), pero es un sitio web en el que todos los usuarios publicamos contenidos. CMS privados y CMS Open Source/Software libre Los CMS comúnmente conocidos son herramientas para administrar sitios web de forma sencilla. Además existen CMS desarrollados por empresas privadas que buscan dar servicio personalizado a aquellas otras que van más allá en sus necesidades. Estas soluciones de software propietario2 son implementadas ad hoc con nuevas funciones específicas en función de las características solicitadas. Para el resto de soluciones, la buena noticia del entorno de los gestores de contenido para la gestión de sitios web, es que se encuentra dominado por soluciones provenientes del movimiento Open Source . Son productos que han alcanzado un gran Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com Página Un software propietario es un programa informático que no posee una licencia de uso libre. Los derechos de utilización de ese software pertenecen a una empresa. ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] 4 2 nivel de calidad y desarrollo, con los que las soluciones comerciales no pueden competir (ya que se enfrentan a un gran servicio de carácter gratuito). Herramientas con licencia GPL3, de uso libre, y que cuentan con una comunidad de desarrolladores que continúan desarrollando y actualizando su software. En Internet puede encontrarse abundante documentación para el aprendizaje y puesta en marcha de estos CMS. Para modelos de negocio basados en Internet o que proporcionen un servicio a través de un site, un gestor de contenidos es la herramienta idónea para hacer de eje central del proyecto. Los promotores del negocio, que en muchos casos no poseen perfiles técnicos, pueden sumergirse en la herramienta y participar en primera persona en la marcha y perfeccionamiento del site. La elección del CMS a utilizar deberá contrastarse con un experto en desarrollo web y serán determinantes la naturaleza y las necesidades del proyecto. Una de las decisiones críticas pasa por adoptar una solución de código abierto o de software propietario. Ante esta tesitura, deberemos contar con el hecho de que el software propietario presenta un inconveniente: no es Fuente: Ejemplos de plantillas de un CMS de http://es.wix.com/ posible cambiar de equipo de desarrollo una vez iniciado el proyecto (solamente la empresa que desarrolla ese software posee los derechos de uso y el know how necesario). Esta imposición, a medio y largo plazo, ha generado la pérdida de competitividad y conflictos internos en muchos proyectos empresariales. En cambio, las soluciones de Open Source no implican este compromiso: es posible cambiar de equipo humano técnico o empresa proveedora y que continúen realizando el mantenimiento y desarrollando la herramienta (ya que son sistemas abiertos conocidos por muchos desarrolladores). Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com Página http://es.wikipedia.org/wiki/GNU_General_Public_License ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] 5 3 Funcionamiento La aplicación CMS y el sitio web que se administra, se encuentran en el mismo servidor web. Como se ha mencionado anteriormente, los usuarios acceden al gestor de contenidos usando un navegador y, en ciertos casos, puede ser necesario emplear un acceso FTP (utilizando para ello un cliente FTP). Fuente: Esquema de CMS de http://farboleda.wordpress.com A través de una comunicación de tipo Cliente – Servidor: 1. Los usuarios navegan por el gestor de contenidos haciendo peticiones, al tiempo que el servidor va sirviendo las páginas que el usuario le solicita. 2. El CMS aplica las acciones en el sitio web gestionado, definiendo el estilo del sitio, creando páginas y editando artículos, entre otras muchas funciones. 3. Y todo ello es realizado manipulando los datos del servidor. De donde también extrae la información que necesita para construir cada página, que será mostrada al usuario en función de sus permisos (determinante para lo que debe aparecer o no en pantalla). Página ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com 6 Los niveles de acceso de los usuarios es una forma de limitar su capacidad de acción. Se utiliza definiendo a través de permisos muy específicos las posibilidades de edición de cada grupo de usuarios. Estos grupos son los denominados roles, y se definen en función de la naturaleza del proyecto. Los CMS más utilizados Existe una gran variedad en función de sus funcionalidades. Gestión de Portales/Páginas Web avanzadas. Estos CMS sirven para gestionar todo el contenido de un Sitio Web ofreciendo un interfaz más técnico para desarrolladores pero permitiendo que otros perfiles profesionales participen directamente en la edición y publicación de contenidos. Actualmente, Joomla! ha conseguido una gran popularidad en los últimos años convirtiéndose en el más utilizado para gestionar sitios web. Otra solución muy extendida es Drupal. Blogs/Páginas webs sencillas. Existen soluciones muy básicas para usuarios sin conocimiento técnicos como Google Sites u otras soluciones privadas como Weebly, para crearse páginas web institucionales clásicas. En la mayoría de los proyectos para Community Manager, una solución todo en uno Blog/web sencilla suele ser la mejor solución para Autónomos, micro empresas y PYMES. Los dos CMS más populares son Blogger (la solución de Google) y Wordpress que viene en 2 modalidades, una gratuita en la nube, como Blogger y otra como paquete instalable en un plan de alojamiento especifico (Wordpress.org). Según Builtwith, una agencia que realiza estudios sobre tendencias en Internet, la utilización de los distintos CMS se reparte en la siguiente proporción. Página ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com 7 Fuente: Estudio de Usos de CMS realizado en marzo de 2013 por Buildwith. http://trends.builtwith.com/cms Analizando las búsquedas de Google Insights también podemos ver cómo Wordpress ha ido evolucionando año tras año en detrimento del resto de gestores de contenido (especialmente Joomla que ha sufrido una importante crisis desde 2009/2010) Fuente: Tendencias de búsqueda de Google (http://www.google.es/trends/) ¿Cómo seleccionar tu plataforma? Cada proyecto es distinto, pero a modo de indicación, he aquí un algoritmo de decisión muy sencillo para ayudarte a tomar la buena decisión: PASO 1 - ¿Es un prototipo? Sí: apuesta por una solución en la nube gratuita (Wordpress.com/Blogger, Google Sites o Weebly). No: Ir a Paso 2. PASO 2 -¿Es un proyecto sencillo para PYMES/autónomos? Sí: apuesta por un todo en uno basado en Wordpress.org, alojado en el plan de Hosting que habrás seleccionado. Página ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com 8 No: Ir a Paso 3. PASO 3 -¿Es un proyecto complejo con grupos de usuarios y roles? Sí: apuesta por un todo en uno basado en Joomla o Drupal, alojado en el plan de Hosting que habrás seleccionado. En este caso, el cliente debería tener un departamento técnico que te ayude a seleccionar la plataforma y a implementar el proyecto. Es más, en muchos casos, el CMS te vendrá impuesto por parte del cliente. Wordpress.org también ha evolucionado mucho en estos años y ha entrado a competir con estos CMS en la realización de proyectos complejos. Como ejemplo, la propia plataforma cuenta con un servicio de hosting VIP donde incluye a grandes clientes (CNN, CBS, Samsung…) que han desarrollo su sitio o parte de su sitio con Wordpress: http://vip.wordpress.com/clients/ Si el cliente te pide trabajar con una plataforma que nunca has manejado, ten cuidado. A veces es mejor saber rechazar una oportunidad que meterse en líos. 1.2 CMS para webs básicas y blogs 1.2.1 Wordpress.com Al introducir en el buscador Google el término ―Wordpress‖, el primer resultado de búsqueda es: ―WordPress.com — Consiga un blog gratis aquí‖ Según su creador, Matt Mullenweg, en agosto de 2011, el 14.7% de todos los sitios existentes en internet habían sido creados con esta herramienta4. Esto son solamente dos pinceladas sobre el monstruo Wordpress. Un gestor de contenidos Open Source, con licencia GPL, que ha sabido conquistar el corazón de la blogosfera. En un momento en que una gran necesidad emergía de los internautas, la propuesta de este CMS ha tocado las teclas adecuadas: ―aquí tienes tu sitio web, es gratis, es de calidad, no tiene nada que envidiar a cualquier otra opción tecnológica, y no necesitas más que interés para llevarlo a cabo (nada de informáticos)‖. No es necesario recurrir a un desarrollador web para crear un sitio web en Wordpress. Ofrece una amplia documentación a lo que hay que añadir que, en caso de encontrar alguna dificultad usando esta herramienta, siempre se puede consultar al Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com Página http://wordpress.org/news/2011/08/state-of-the-word/ ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] 9 4 servicio de soporte técnico de Wordpress o bien visitar los foros de ayuda en español. Desde su nacimiento en 2004, ha sido la herramienta más utilizada para la creación de blogs o bitácoras personales y siempre ha tenido una clara orientación al usuario particular. Al igual que otras herramientas, como Joomla! o Drupal, Wordpress también consta de una comunidad, especialmente numerosa, de desarrolladores y diseñadores que han hecho que goce de una evolución vertiginosa. Tanto es así, que actualmente ya no es una herramienta apta exclusivamente para la creación de blogs: es considerada válida para creación de páginas web y es posible implementar todas las funcionalidades que ofrecen otros CMS. La filosofía de Wordpress está muy ligada al cumplimiento de los estándares de W3C. Los metadatos siempre han tenido mucho protagonismo en el sistema, lo que generalmente ha ocasionado buenos resultados de posicionamiento en buscadores (con el consiguiente volumen de tráfico). Llegados a este punto, es preciso hacer una diferenciación entre wordpress.com y wordpress.org, puesto que son dos soluciones CMS diferentes. Características de Wordpress.com Página ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com 10 El portal wordpress.com ofrece la versión más sencilla del gestor de contenidos. Permite crear un site empleando el mínimo esfuerzo y sin necesidad de preocuparse por la gestión del sitio, el mantenimiento, las copias de seguridad, las actualizaciones ni el alojamiento. Todo ello es resuelto por el equipo de Wordpress de forma transparente al usuario, que solamente debe preocuparse de introducir los contenidos y elegir entre las opciones que le ofrece el sistema (como, por ejemplo, el diseño estético mediante una plantilla). Página de entrada de http://es.wordpress.com/ Para registrarse en wordpress.com, y crear un sitio con dominio www.nombre.wordpress.com, simplemente tendremos que facilitar una dirección de correo electrónico y un nombre de usuario. Todo son facilidades para que ningún usuario se quede fuera. La contrapartida de este planteamiento se traduce en algunas limitaciones: El alojamiento es gratuito y tiene un espacio limitado (3GB). No es posible configurar un dominio propio, se utiliza uno terminado en ―.wordpress.com‖. El número de plantillas es bastante limitado, a pesar de que está en constante crecimiento. Página ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com 11 La personalización de estas plantillas es muy limitada y no es posible añadir nuevas funcionalidades no previstas en ellas. No es posible subir vídeos en HD para reproducir en streaming. No es posible incluir publicidad en el site para rentabilizar el tráfico (por ejemplo a través de Google Adsense). Wordpress penaliza la publicidad en esta versión incluso con el cierre del site. En esta versión de Wordpress, es posible que se muestre publicidad no gestionada por el usuario sino por la propia herramienta para mantener su carácter gratuito. Extensiones de Pago en Wordpress.com Existe una versión intermedia para usuarios que no se sienten preparados para dar el salto a gestionar su propio site, pero que la opción .com se les queda pequeña. Esta opción consiste en utilizar la versión wordpress.com superando las limitaciones de espacio de disco, dominio propio, personalización de diseño y eliminación de la publicidad de Wordpress. La parte engorrosa sigue siendo gestionada por Wordpress, es decir, el usuario no necesita realizar gestiones ni tener ningún contacto con código HTML ni accesos FTP. Página ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com 12 La solución que Wordpress presenta consiste en pagar una cuota anual por cada limitación vencida (20€ anuales por dominio propio, 25€ anuales por suprimir la publicidad de Wordpress, etc.). De este modo financian el soporte necesario para dar cabida también a los usuarios que se encuentran a mitad de camino entre las opciones .com y .org. A pesar de aumentar sus posibilidades, esta opción de pago no puede compararse con el potencial que ofrece la instalación del CMS completo (o wordpress.org) que veremos más adelante. 1.2.2 Blogger En 1999 nacía de la mano de la empresa Pyro Labs como un sistema CMS de creación de blogs. Rápidamente tuvo un gran éxito, debido fundamentalmente a su facilidad de uso y al hecho de ser una de las primeras herramientas de su género. Google compró Pyro Labs en 2003, convirtiéndose progresivamente en lo que conocemos hoy: el servicio gratuito de Google de creación de blogs. Principales características: Página ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com 13 Su utilización requiere una cuenta Google. Hay una clara orientación a la utilización de Google Adsense para rentabilizar el blog. La barra para navegadores de Google tiene una funcionalidad denominada ―Blog This!‖ para que los usuarios de Blogger publiquen directamente entradas en su blog. Google Docs y Picasa permiten publicar contenidos directamente en Blogger. Pertenecer a la aristocracia web también conlleva otras ventajas, como que el editor de textos Microsoft Word posea una aplicación propia para la publicación directa en blogs, entre ellos Blogger. Google+ se integra fácilmente en Blogger. El resultado es una herramienta de creación y mantenimiento de blogs personales apta para usuarios sin conocimientos técnicos especiales. Con un interfaz muy intuitivo, es un servicio gratuito con las ventajas añadidas mencionadas de pertenecer a la red Google. Guarda cierta analogía con la propuesta del servicio Wordpress.com, en cuanto a la gestión transparente para el usuario del mantenimiento, gestión y actualizaciones de software. En este caso, los blogs creados poseen un dominio terminado en blogspot.com.es, aunque existe la posibilidad de personalizar este punto. Página ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com 14 Página de inicio del servicio de Blogger en español, www.blogger.com/start?hl=es Vista del editor WYSIWYG de Blogger, con los servicios de Google integrados 1.2.3 Google Sites Google Sites es una aplicación online del tipo CMS creada por la empresa Google (servicio en la nube). El planteamiento de esta herramienta es que cualquier usuario, independiente de su nivel de conocimientos técnicos, pueda crear y publicar un sitio web de forma gratuita simplemente realizando la configuración a través del navegador. No requiere ninguna codificación HTML. Es posible crear páginas webs, foros, tablones de anuncios y blogs (supera en simplicidad a Wordpress o Blogger en la publicación de artículos). Página ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com 15 Un atractivo adicional de esta herramienta es la familia de servicios de Google que son fácilmente integrables en el site, como G. Docs, G. Talk, G. Maps, G. Calendar, Picasa y muchos gadgets con funcionalidades específicas (RSS, multi-idioma, buscador integrado, etc). Este tipo de CMS son muy amigables y de una enorme sencillez. El gran inconveniente de esta solución tecnológica son las rigideces del sistema, no es posible reprogramar nuevas funciones ni salirse de las posibilidades marcadas por Google. No está prevista la compatibilidad con otras tecnologías. El modelo de negocio de Google está pensado para complementar herramientas de la misma casa. Este enfoque está habitualmente presente en todos sus servicios. Es la solución idónea para un proyecto web de bajo presupuesto en el que no se cuenta con la participación de un desarrollador web. Es habitual su uso para la creación de páginas personales o de pequeñas empresas locales. Edición colaborativa y sencillez El CMS Google Sites se vale de plantillas para la creación y personalización de los sites. La edición puede hacerse de forma individual o de forma colaborativa. ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com Página Propietarios: o Gestionan el sitio. o Añaden, gestionan y eliminan el contenido. o Modifican el aspecto visual. 16 En la sección de roles y usuarios podemos diferenciar 3 tipos de usuarios dentro de Google Sites: Colaboradores: o Pueden editar el contenido. o Tienen permisos para insertar comentarios o subir documentos y archivos. Lectores: o Cualquier visitante. o Pueden acceder al sitio por medio de una invitación. o No tienen permisos de modificación ni creación de contenido. Respecto a la publicación, se contemplan dos formas de uso: Sites públicos: o Para todo el público en la web. (No necesita iniciar sesión). o Cualquier usuario que le proporcionemos el enlace de nuestro site. Sin inicio de sesión. (A diferencia de la anterior ésta no estará disponible en los resultados de búsqueda de los buscadores). Sites privados: o De forma Privada y que requiere iniciar sesión para acceder al sitio. Historial de Revisiones Página ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com 17 El historial de revisiones de Google Sites proporciona la información detallada sobre el control de cambios de las paginas y archivos del sitio. Es posible realizar un control de cambios con fechas, autores de los cambios realizados y restablecimiento de la página a cualquier versión anterior. 1.3 Wordpress.org, el CMS de referencia para un proyecto estándar de un Community Manager Wordpress.org ofrece la versión del CMS totalmente editable. Es un planteamiento muy diferente al anterior que va dirigido a otro tipo de usuario. En este caso se eliminan todas las limitaciones y se deja accesible todo el potencial de la herramienta, trasvasando al usuario grandes responsabilidades y tareas de mantenimiento. Además de poseer unos conocimientos técnicos más amplios, es preciso contar con un hosting donde alojar el sitio web creado. Wordpress no proporciona un espacio de hosting gratuito para esta versión. No es preciso descargar el paquete de software e instalarlo en el hosting a través de una conexión FTP, puedes usar un servicio como QuickInstall o Fantastico que hemos repasado en el bloque anterior sobre Fundamentos de la Ingenieria Web. El usuario también es responsable del mantenimiento y la actualización del sistema. Por lo que la responsabilidad de que el site permanezca funcionando recae ahora sobre el usuario. Esta experiencia puede ser muy gratificante y aportar muchos conocimientos nuevos al usuario, aunque si no se posee una base técnica suficiente también puede ser arriesgado. Una mala gestión puede generar problemas y hasta provocar la pérdida del site. Como decimos, en esta versión del CMS, hay muchos detalles que, mientras en wordpress.com se gestionan de forma automática, en este caso pasan a ser responsabilidad del usuario. Algunos ejemplos son: los aspectos relacionados con el posicionamiento en búscadores (SEO), el filtrado de SPAM o la realización de copias de seguridad. Página ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com 18 A cambio de estas tareas adicionales, se eliminan las fronteras del CMS. En el Panel de Administración se obtiene un control total sobre la aplicación y sus posibilidades de personalización. Es posible utilizar un mayor número de plantillas y muchos plugins que no son compatibles con la versión de Wordpress.com. Se puede implementar cualquier cambio en el código directamente, contando con el respaldo de la enorme comunidad virtual que aglutina esta herramienta. En esta opción, el usuario es realmente el dueño total del sitio web, y, como tal, es libre de insertar la publicidad que estime oportuno para generar ingresos. Características de Wordpress.org Gestor de contenidos de uso sencillo. Un CMS mucho más fácil de configurar en sus dos versiones (.org y .com) que Joomla! o Drupal. El panel de administración es de una simplicidad ejemplar. Todas las modificaciones se realizan vía web en el panel de control, por lo que se puede operar desde cualquier ordenador con conexión a Internet. Los cambios realizados se aplican de forma instantánea. Todo ello convierte a esta herramienta en una opción muy dinámica y cómoda para el webmaster. Páginas y Entradas Wordpress distingue dos tipos de contenidos: las entradas: Son contenidos dinámicos son los propios de un blog, el famoso ―post‖. De actualización frecuente y orden cronológico de publicación. También está prevista la participación de otros usuarios o de una comunidad. las páginas: se corresponden con aquellas que cuentan con un contenido permanente o de escasa actualización, es decir, al contenido de una página web corriente. Estas dos vertientes pueden convivir en un mismo site, creando cualquier tipo de medio digital: desde una página web completamente estática a un portal con secciones de opinión tipo blog, foros, encuestas y mini chats (estos dos últimos instalando widgets específicos). Taxonomia Este CMS utiliza un sistema de organización de contenidos mediante categorías y tags (etiquetas). Tanto para la gestión interna como para la publicación, es una forma muy sencilla de jerarquizar los contenidos. ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com Página Es posible representar listados organizados de los contenidos, o agruparlos en función de sus temáticas. Pueden mostrarse a través de menús jerárquicos de páginas estáticas, mediante desplegables, usando nubes de tags, etc. Hay un gestor de menú que 19 Menús de navegación permite crear varios menús y organizarlos como se quiera. Usuarios Al igual que otros CMS mencionados, Wordpress cuenta con un sistema de roles y permisos que permite configurar a qué funciones puede acceder cada usuario. Fiel a sus orígenes como CMS para blogs, los perfiles definidos por defecto son: Super Admin: Quien cuenta con acceso a la característica de administración de la red de blogs completa. Administrador: Quien tiene acceso a todas las características de administración de un sitio en particular. Editor: Quien puede publicar y editar entradas, propias y de otros usuarios. Autor: Quien puede publicar y editar sus propias entradas. Colaborador: Quien puede escribir y editar sus propias entradas pero no publicarlas. Subscriptor: Quien solamente puede editar su perfil. CODEX, el centro de documentación (Avanzado) Puedes acceder a un montón e información avanzada (funcionalidades y desarrollo), desde el CODEX, al que puedes acceder en español desde aquí. Diseño Los sitios creados con Wordpress ―arrastran sus orígenes‖. Y es que se cree que su estética emula a un blog, de modo que una página web parecería un blog. Actualmente, esta creencia no tiene ningún fundamento. Página ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com 20 Wordpress también trata los contenidos de forma independiente de la estética. Existen miles de plantillas o temas (themes) disponibles con diseños propios de páginas. Especialmente en la versión del CMS Wordpress.org las plantillas son plenamente configurables, por lo que es posible alcanzar cualquier estilo de sitio web. Podemos encontrar un gran http://wordpress.org/extend/themes/. catálogo de estos complementos en Extensiones (Plugins y Widgets) Los plugins (y widgets) de Wordpress son paquetes de código que pueden añadirse modularmente al sitio web, aportándole nuevas funcionalidades. Su inclusión es extremadamente sencilla y generalmente suelen ubicarse en las barras laterales de los temas predefinidos. La mayoría de estos complementos solo pueden utilizarse en la versión completa del CMS (wordpress.org). Panel de administración, SEO, Backup, etc. ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com Página 21 Un widget suele ser un sub-elemento de un plugin, visible para el usuario que visita la web. Algunos plugins no tienen widgets, ya que tienen como objetivo de mejorar una funcionalidad de Wordpress sin que sea visible para un visitante: Podemos encontrar un gran http://wordpress.org/extend/plugins. catálogo de estos complementos en Temas Premium (de pago) Existen muchos proveedores de temas premium (de pago) para Wordpress. Estos temas ofrecen funcionalidades avanzadas que se puede activar/personalizar desde un gestor de tema específico a cada proveedor. La idea es de ofrecer mucha flexibilidad y capacidades de personalización a perfiles NO técnicos, gente que no sabe programar o maquetar. Empieza tus búsquedas sobre temas Premium en: Página ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com 22 WooThemes Elegant Themes Themes Forest El precio de un tema Premium es variable, pero no debería costarte más de 40 a 100 US$, en función de si compras tus actualizaciones de tema para un año o toda la vida. Desde luego, para un Community Manager, se trata de la mejor inversión posible si no quieres tener una web del montón que se parezca a la plantilla por defecto de Wordpress.org. 1.4 CMS para webs avanzadas y portales 1.4.1 Joomla Joomla! es un sistema de gestión de contenidos web de código abierto. Permite crear y mantener sitios web de forma sencilla. Para su funcionamiento, requiere la configuración de una base de datos (MySQL), lo cual complica algo (comparado con Wordpress.org) al usuario raso la creación de portales sin recurrir a un desarrollador web. ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com Página Desde su nacimiento, Joomla! ha sido un abanderado del software libre. Todo comenzó el verano de 2005 cuando uno de los CMS de open source punteros en ese momento, Mambo, dio un giro muy controvertido. Los propietarios del proyecto decidieron cambiar la licencia de uso de la herramienta, limitando su uso en muchos aspectos. Esto originó un conflicto interno de principios que se saldó con el abandono del proyecto por parte de una treintena de los principales desarrolladores del equipo. Este grupo en desacuerdo fundó ese mismo año Joolma! (palabra de origen africano que significa ―todos juntos‖). La comunidad open source reaccionó a la noticia del cambio en la licencia de Mambo volcándose con la nueva iniciativa. Se produjo una migración de miles de desarrolladores, diseñadores y otros profesionales que se sumaron al grupo inicial que se había marchado. Desde el primer momento, innumerables comunidades relacionadas con el código abierto se volcaron e insuflaron mucha energía a este proyecto, que hoy representa una de las alternativas CMS más utilizadas. Muchos autores lo consideran una demostración del potencial que pueden alcanzar las 23 A pesar de este escollo, una vez el sitio está creado, el punto fuerte de este CMS es la facilidad con la que todo tipos de usuarios pueden manipular sus contenidos (valiéndose del uso de roles). soluciones de software libre cuando existe una comunidad global con gran implicación trabajando en su desarrollo. Fue en enero de 2008 cuando se publicó la primera versión estable 5 del software, Joomla! 1.5. Actualmente, se encuentra disponible la versión 2.5 y se sitúa como uno de los tres gestores de contenidos más usados en todos los estudios del sector. Ventajas y características La clave de su funcionamiento y de su sencillez se debe a que está basado en módulos y complementos. Existen cientos de ellos y cubren todo tipo de funcionalidades. El sistema de creación de sitios web con Joomla! consiste en complementar todos estos componentes modulares, que siempre son fácilmente integrables. Esta composición por módulos ofrece resultados de gran limpieza estética. Un buen ejemplo de ello (www.cursocommunityfuned.com). es la página web de este curso Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com Página Una versión estable de un software está testada y funciona correctamente. En soluciones open source se publican versiones anteriores denominadas beta para que la comunidad las pruebe y se detecten fallos. ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] 24 5 A continuación se enumeran las características más importantes de este gestor de contenidos. Sencillez en la organización del sitio web: organiza sus contenidos en secciones y categorías que se gestionan a través de un panel de administración (muy logrado para los administradores). Facilidad para la publicación de Contenidos: desde un sencillo editor, cualquier usuario puede editar y publicar páginas. Escalabilidad e implementación de nuevas funcionalidades: uno de los aspectos más característicos de Joomla! son sus complementos y módulos. La posición que ocupan en la página es flexible y aportan funcionalidades muy interesantes para un sitio web (ej.: plugins sociales, galerías de imágenes, foros o newsletters). Fuente: Ejemplo de módulo de Joomla! de www.cursocommunityfuned.com ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com Página Potente administrador de usuarios: los niveles de acceso de los usuarios se crea mediante una jerarquía definida a través de roles y permisos 25 Estructura y estética del sitio web: la navegación y el menú principal son totalmente editables. Las líneas generales de diseño se definen utilizando el sistema de plantillas predefinidas. Alternar entre unas plantillas y otras es inmediato. (redactor, administrador, etc.). Otras ventajas: incorpora un sistema de noticias RSS de generación automática, un administrador de anuncios para disposición de banners en la web y un sistema de estadísticas sobre el tráfico, entre muchas otras funciones previstas. Listado de recursos Joomla! en Español URL: http://docs.joomla.org/ En este sitio web tenemos toda la documentación oficial que hay sobre el CMS Joomla. La información está clasificada según los roles que precises: Principiantes (Beginners): http://docs.joomla.org/Beginners Información para comenzar a trabajar con este gestor de contenidos a través de una serie de artículos que nos explican cómo hacer distintas cosas (crear un menú, gestionar imágenes, crear una galería...). También están disponibles enlaces a foros específicos según la versión del CMS. ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com Página Información referente a la API (conjunto de funciones, métodos y clases) necesarias para el desarrollo de extensiones (componentes, módulos, plugins y templates). En este apartado también hay pequeños tutoriales en los que se explica paso a paso como crear estas extensiones, clasificados por versiones del CMS. 26 Desarrolladores (Developers): http://docs.joomla.org/Developers Diseñadores (Web designers): http://docs.joomla.org/Web_designers Información relacionada con el desarrollo de templates o plantillas para el gestor de contenidos. Artículos que nos explican qué es cada uno de los elementos que forman un template. Administradores (Administratos): http://docs.joomla.org/Administrators Información destinada a los administradores de sitios web desarrollados con Joomla. Minitutoriales paso a paso para la gestión de nuestro portal: instalación, gestión de artículos, gestión de usuarios... Evaluadores (Evaluators): http://docs.joomla.org/Evaluators Información importante para mantener seguro y optimizado nuestro sitio web y conocer qué empresas y entidades confían en este CMS. Preguntas frecuentes sobre seguridad (en desarrollo de extensiones, servidores, etc.); Enlaces a demos de distintas versiones de Joomla y otros artículos de interés general sobre el gestor de contenidos. Desde esta página también tenemos acceso a una serie de sub-sitios que forman el portal oficial de Joomla (www.joomla.org). Estos sub-sitios son los siguientes: Comunidad: http://community.joomla.org/ Blogs de la comunidad que forma parte de este CMS. Artículos de interés sobre extensiones, eventos, nuevas características, nuevas versiones... Foros: http://forum.joomla.org/ (con información http://forum.joomla.org/viewforum.php?f=24 ). en español: Foros de opinión en donde puedes encontrar solución a los problemas más comunes. Están clasificados por versiones y por elementos (extensiones, plantillas, traducciones, seguridad, SEO y posicionamiento...). Extensiones: http://extensions.joomla.org/ JED o Centro de Extensiones de Joomla en el que encontraremos componentes, módulos y plugins para este CMS clasificadas por categorías. Acceso al conjunto de clases y métodos que forman este gestor de contenidos. ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com Página 27 API: http://api.joomla.org/ Comunidad hispana de Joomla! http://www.joomlaspanish.org/ http://ayudajoomla.com/ http://comunidadjoomla.org/ Página ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com 28 El directorio de extensiones de Joomla - http://extensions.joomla.org/extensions Portada de la comunidad española JoomlaSpanish - http://www.joomlaspanish.org/ 1.4.2 Drupal Drupal es un gestor de contenidos similar en muchos aspectos a Joomla!. Se considera un CMS modular, utiliza licencia GPL, y se desarrolla a través de una comunidad de miles de usuarios de todo el mundo que unifican sus avances en www.drupal.org. Se caracteriza por ser una herramienta con la que se implementan sitios web de una gran calidad de código. Lo que implica el cumplimiento de los estándares del W3C en lo referente a usabilidad y a consistencia en todo el sistema. Es una opción muy válida para proyectos que requieran un gran nivel de complejidad y el cumplimiento de unos estándares de calidad muy altos. Utilizado por ejemplo en la página web de la ―Casa Blanca‖ estadounidense. (http://www.whitehouse.gov/). Página ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com 29 Con Drupal, debes estar informado de la imposibilidad de que un usuario sin conocimientos técnicos previos pueda crear un site desde cero. De hecho posee un interfaz de trabajo poco amigable y la curva de aprendizaje es más pronunciada que en otros CMS, como Wordpress.org o Joomla!. Este CMS puede emplearse para la creación de muchos tipos de sitios web, siendo una buena alternativa para la creación de comunidades virtuales en Internet. También su utilización es frecuente para proyectos de enseñanza online, redes internas de empresas e incluso para administración de proyectos. Para buscar más información sobre Drupal en español, Haz Clic Aquí. 1.5 Otros CMS de interés 1.5.1 Moodle Moodle (Module Object-Oriented Dynamic Learning Environment ) es un CMS orientado a la formación en línea. Este tipo de gestores de contenido se denominan LMS (Learning Management System). Esta opción tecnológica posee muchas características típicas de los gestores de contenidos vistos anteriormente: Es software libre, licencia GPL. Gestiona de forma separada la parte estética de los contenidos, utilizando plantillas. Coordina la participación de todo tipo de usuarios mediante roles y permisos. Consiste en una base sobre la que se le añaden funcionalidades modularmente, a través de plugins y complementos. Cuenta con una numerosa comunidad que desarrolla el software y permanentemente crea módulos con nuevas funcionalidades. Esta comunidad ofrece abundante documentación y resolución de dudas mediante foros. Página ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com 30 En este caso es necesaria la intervención de un desarrollador web para el proceso de creación, mantenimiento y actualización del software. Una vez instalado, toda intervención de cualquier usuario, incluso para tareas de administración del sistema, se realiza a través del gestor de contenidos en la misma plataforma vía web. El ejemplo más cercano que podemos encontrar es la plataforma de e-learning de este curso. Se trata de un entorno cerrado, ya que solo los usuarios con clave pueden acceder. Pero no deja de ser un sitio web donde muchos usuarios publican contenidos y se gestiona y comparte gran cantidad de información. 1.5.2 Miscelánea Existen muchos más paquetes Open Source que podrás usar en función de las necesidades de un proyecto: Gestores de Foros: También hay CMS para la gestión de foros: phpBB, SMF, MyBB, PunBB. Wikis: Creación de sitios web colaborativos con MediaWiki, PMWki, Wikka. Gestores de Comercio Electrónico: Permiten generar Sitios Web específicos para comercio electrónico: Prestashop y Magento. CRM: Permiten generar Sitios Web específicos para comercio electrónico: Prestashop y Magento. Galerías: Administrar y generar automáticamente un portal que muestre contenido audiovisual, normalmente imágenes: Gallery y Dragonfly CMS. ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com 31 LMS Página Gestores de E-Learningv: Son los denominados (LearningManadamente Systems): Moodle, el más utilizado. 2. Plugins Sociales 2.1 Plugins nativos de las grandes redes sociales 2.1.1 Plugins de Facebook Son los plugins sociales más utilizados por las páginas webs. Pueden editarse de forma sencilla en su página web oficial: http://developers.facebook.com/plugins/ Botón “Me Gusta” (LikeButton) Es un icono que permite, a cualquier lector registrado en Facebook, compartir el contenido de un sitio web o blog, ya sean productos, servicios, vídeo, música o algún artículo. Cuando los lectores hacen clic en el botón, el contenido aparecerá en el lector de noticias de sus amigos con el link correspondiente con el sitio desde donde lo han realizado. Existen 3 tipos de botones de ―Me Gusta‖, la versión con tecnología XFBML o con Iframe: Página ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com 32 Html 5. La versión que deberías usar por defecto. La versión con XFBML es muy versátil. Tiene opciones en tiempo real, como ajustar el tamaño automáticamente, mostrar el número de ―Me Gusta‖ en ese momento o dar la opción al lector de escribir un comentario (que se publicará en su Muro con el link al sitio). El Iframe es mucho más limitado: solo mostrará el botón de ―Me Gusta‖. Para instalarlo hay que entrar en: http://developers.facebook.com/docs/reference/plugins/like/. Al completar los campos para personalizar el plugin a la web, podremos hacer clic en ―GetCode‖ para obtener el código que deberemos colocar en ella. Es recomendable para sitios web que tienen un contenido muy dinámico que se puede compartir individualmente. Ej: tiendas Virtuales, blogs, sitios de noticias y de descarga de Apps/software. Recomendaciones (Recommendations) ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com Página Como el contenido está hospedado en Facebook, el plugin no requiere que el usuario tenga su sesión abierta en la red social. 33 Este plugin muestra el contenido que más ha gustado a los lectores de un sitio gracias a la contabilización de todas las interacciones sociales con la URL del sitio web. Para instalarlo hay que entrar en: https://developers.facebook.com/docs/reference/plugins/recommendations/. Es recomendable para sitios web que tengan una gran cantidad de fans en Facebook y quieran mostrar a las nuevas visitas las recomendaciones de contenidos generados por su comunidad. Actividad Reciente (ActivityFeed) Este plugin muestra la actividad más reciente en Facebook de un sitio. Incluye el dato de cuántos usuarios han hecho clic en el botón ―Me gusta‖ o han compartido el contenido entre su red de contactos. Página ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com 34 Si el usuario esta registrado, el plugin mostrará la actividad de sus amigos relacionada con el site. Si no lo está, aparecerán las recomendaciones del sitio y la opción de registrarse. Para instalarlo hay que entrar en: https://developers.facebook.com/docs/reference/plugins/activity/ Es recomendable para sitios con una alta actividad de fans en Facebook y de publicación de contenidos. Para los blogs es una poderosa herramienta, ya que permite a los lectores ver qué temas son los más relevantes. Comentarios (Comments) ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com Página Para administrar los comentarios, es necesario registrase en Facebook como desarrollador de aplicaciones. Con esto se mostrara un link de ―Administrar comentarios‖ debajo del botón de Post. 35 Es un plugin que habilita para los usuarios la funcionalidad de introducir comentarios en el sitio web y compartirlos en Facebook (en su muro y lector de noticias). Para instalarlo hay que entrar en: https://developers.facebook.com/docs/reference/plugins/comments/ Es recomendable para sitios que no cuentan con un sistema de comentarios o, el que tienen, no contempla funcionalidades sociales. Caja de Me Gusta (Like Box) Plugin que permite a los dueños de páginas de Facebook incrementar el número de ―Me Gusta‖ desde su propio sitio web. La caja de ―Me Gusta‖ permite a los usuarios: Ver el número, y las fotos del perfil, de los usuarios a los que les gusta la página. Leer los artículos más recientes de la página. Clicar en ―Me Gusta‖ sin necesidad de visitar la página en Facebook. Página ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com 36 Para instalarlo hay que entrar en: https://developers.facebook.com/docs/reference/plugins/like-box/ Es recomendable para sitios web que tienen una sección estática. El objetivo del plugin es promocionar la marca a través de aquellos lectores que hagan clic en el botón de ―Me Gusta‖. La diferencia entre el botón y la caja ―Me Gusta‖ consiste en que, mientras el botón está enfocado a contenido dinámico individual como productos, servicios o artículos, la caja se dirige a la marca del sitio en general. Botón de Inicio de Sesión (LoginButton) ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com Página Es posible especificar el número máximo de filas en el que se mostraran dichas fotos, el plugin automáticamente se ajustará de tamaño. Por ejemplo, si especifica un máximo de cuatro filas de fotos y hay amigos solo para completar dos, esta última será la altura que adoptará el plugin. 37 El botón de inicio de sesión ofrece la funcionalidad de registrarse a Facebook desde un sitio web. Además muestra las fotos del perfil de los amigos del usuario que ya lo han hecho. Para instalarlo hay que entrar en: https://developers.facebook.com/docs/reference/plugins/login/ Es recomendable para sitios que tengan comunidades cuyos miembros consuman sus contenidos, los promuevan, e interactúen con sus amigos a través del sitio. Pila de Fotos (Facepile) Este plugin despliega las fotos de los usuarios a los que les gusta el sitio o se han registrado previamente. Es muy similar al botón de ―inicio de sesión‖ (LoginButton), pero sin la parte de registro. Para instalarlo hay que entrar en: https://developers.facebook.com/docs/reference/plugins/facepile/ Página ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com 38 Es recomendable para sitios que tienen un sistema de registro diferente y buscan promocionarse gracias a la aparición de los amigos de los usuarios que los visitan (para ello tendrán que tener la sesión abierta de Facebook). Transmisión en Vivo (Live Stream) Plugin que permite compartir la actividad y los comentarios en tiempo real. Funciona especialmente bien cuando se ejecuta un evento en vivo, como vídeo streaming, conciertos, discursos, conferencia, chats en vivo o juegos en internet. Para instalarlo hay que entrar en: https://developers.facebook.com/docs/reference/plugins/live-stream/ Es recomendable para sitios que transmiten eventos en vivo. Es una herramienta poderosa para la interacción en tiempo real, facilita dar seguimiento a preguntas, comentarios, concursos y promociones. 2.1.2 Widgets de Twitter Los widgets, o ―extensiones‖, de Twitter se pueden generar desde https://twitter.com/about/resources/widgets . Página ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com 39 Para ello necesitamos obtener el código del widget de Twitter que queramos llevar a cabo. Durante este proceso, Twitter permite pre-visualizar la salida definitiva en tiempo real. 2. 3. PERSONALIZAR (OPCIONES) 1. VISUALIZAR (VISTA PREVIA) COPIAR CÓDIGO (HTML) Para poder insertar el código en el site iremos a "Mi sitio web", donde encontraremos una serie de opciones para distintos tipos de widgets: Widget de perfil: muestra en la web nuestro perfil. Widget de Búsqueda (Hastag): introduce un buscador en vivo a través del cual se podrá realizar una búsqueda específica. Por ejemplo, si ponemos "CNN", nos irá mostrando todas aquellas entradas que contengan esas tres letras. Widget de Favoritos: muestra aquellas entradas marcadas como favoritas y la posibilidad de seguirlas. ListWidget: ofrece las entradas de los usuarios de alguna lista que tengamos configurada. Cuando hayamos seleccionado la opción que nos interese, para obtener el código, pulsaremos sobre el botón ―Finalizar & Guardar código‖. Simplemente habría que copiar el contenido del código e insertarlo en nuestra web. Página ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com 40 En el caso de wordpress.org se hará mediante el widget Texto/HTML, pegando ahí el código copiando en tu perfil de twitter. 3. Redifusión Web (RSS) El concepto redifusión web6 (también llamado sindicación) consiste en la redifusión o redistribución de un contenido web desde una fuente original (sitio web de origen) a otros sitios web destino que publican también ese contenido. Una fuente web (web feed) es un canal de redifusión de contenidos web. Los usuarios que están interesados en recibir la información actualizada que suministra esta fuente solo tienen que suscribirse a ella. El formato en que está codificada la información que emiten las fuentes web puede ser RSS o Atom (aunque existen otros muy poco utilizados). Es muy habitual que coloquialmente se utilicen indistintamente los términos fuente web, RSS o feed, aunque en realidad son conceptos diferentes. http://www.rss.nom.es/ ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com Página 6 41 Como generador de contenidos, la principal utilidad de este servicio consiste en facilitar a los usuarios interesados el seguimiento de sus nuevas publicaciones. Se utiliza habitualmente para la distribución de noticias, artículos de un blog o comentarios de un foro. Esta forma de difusión es enormemente efectiva y se ha convertido en una herramienta corporativa generalizada. Al fin y al cabo, es una forma más de crear comunidad, en este caso de suscriptores a un site (otro tipo de seguidores diferentes a los de Facebook). 42 ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com Página Ejemplo de feed de una web en Wordpress.org - http://www.ingresosalcuadrado.com/feed/ Como suscriptor, el atractivo se encuentra en poder seguir las actualizaciones de los sitios web que se deseen sin la necesidad de visitarlos para comprobar si han publicado alguna novedad. Las actualizaciones son recibidas automáticamente. Además, en este tipo de comunicación no es posible recibir SPAM y la cancelación de la suscripción se realiza de forma unilateral e inmediata. Esta tecnología permite a las páginas web y a sus usuarios permanecer conectados y al día. Los sites obtienen un público fijo y fiel a sus contenidos. Por otra parte, los usuarios se mantienen actualizados ahorrando la incomodidad de visitar las páginas de su interés con este fin. 3.1 Difundir una fuente web con Feedburner Para que sea posible que los usuarios se suscriban a un sitio web es necesario que tenga disponible el servicio de redifusión. Los CMS también tienen prevista esta activación dado que es una práctica muy habitual. De hecho, la mayoría de los blogs cuentan con este servicio activado por defecto. ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com Página Ejemplo de feed en Feedburner - http://feeds.feedburner.com/IngresosAlCuadrado 43 Feedburner es un servicio de Google para facilitar y potenciar las últimas noticias de una web con RSS, con una interfaz más amigable. Aquí tenemos el mismo Feed presentado en la página anterior pero en su versión Feedburner. Las fuentes RSS se identifican a través de URLs. Es la información que los usuarios necesitan para poder suscribirse. Esta información suele facilitarse en la página web a través de un enlace con el texto ―RSS‖, ―Atom‖ o directamente empleando el icono. 3.2 Leer desde un lector de RSS Para suscribirse a fuentes web es necesario disponer de un agregador (lector de RSS o agregador de noticias). Los 2 lectores RSS más famosos son: Feedly Netvibes En ambos casos, hay que crearse una cuenta (es gratuito) y luego agregar las fuentes RSS que te interesan (Blogs o webs) en tu lector, para poder acceder al contenido sin necesidad de desplazarse en las webs/blogs. ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com Página Se trata de un servicio muy productivo para los Community Managers, que suelen leer mucho a lo largo del día. 44 Vista de un lector RSS (Netvibe) 4. Usabilidad y Accesibilidad 4.1 Introducción Hoy sabemos que los usuarios cada día son más exigentes a la hora de abordar un sitio web. Muchos clics, dificultad de encontrar las secciones/contenidos que buscan, necesidad de pensar, falta de adaptación a personas discapacitadas… pueden derivar en que el usuario salga de nuestro site con ninguna intención de volver a entrar. Si queremos potenciar la navegabilidad por el nuestro site y fidelizar a nuestros visitantes, deberemos conocer, al menos en sus conceptos básicos, nociones de usabilidad y accesibilidad web. Para ello, empezaremos por centrarnos, desde un punto de vista técnico, en la experiencia de navegación de un usuario. La organización científica más importante es la Association for Computing Machinery (ACM) . Asociación americana que cuenta con un grupo especializado en IPO, el Special Interest Group in Computer Human Interaction (SIGCHI). Esta última define la IPO como la ―disciplina relacionada con el diseño, evaluación e implementación de sistemas informático interactivos para el uso de seres humanos, y con el estudio de los fenómenos más importantes con los que está relacionada‖. La disciplina de interacción persona-ordenador (IPO) se conoce en la comunidad internacional como human-computer interactions (HCI) o computer-human interacion (CHI). Tal y como ha explicado Eduardo Manchón en DesarrolloWeb.com, los primeros estudios específicos de IPO/HCI aparecieron en los años sesenta y se referían a la simbiosis Persona-Ordenador (Licklider, 1960). Este autor afirmó que el problema de la interacción hombre-ordenador realmente es crear ordenadores que sean capaces de anticipar y participar en la formulación de las preguntas. Licklider y Clark (1962) elaboraron una lista de 10 problemas que deberían ser resueltos para facilitar la interacción personas-ordenador. Sin embargo, actualmente aún no se han conseguido solucionar algunos de los relacionados con el largo plazo: 1. Compartir el tiempo de uso de los ordenadores entre muchos usuarios. 2. Un sistema de entrada-salida para la comunicación mediante datos simbólicos y gráficos. Página ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com 45 3. Un sistema interactivo de proceso de las operaciones en tiempo real. 4. Sistemas para el almacenamiento masivo de información que permitan su rápida recuperación. 5. Sistemas que faciliten la cooperación entre personas en el diseño y programación de grandes sistemas. 6. Reconocimiento por parte de los ordenadores de la voz, de la escritura manual impresa y de la introducción de datos a partir de escritura manual directa. 7. Comprensión del lenguaje natural, sintáctica y semánticamente. 8. Reconocimiento de la voz de varios usuarios por el ordenador. 9. Descubrimiento, desarrollo y simplificación de una teoría de algoritmos. 10. Programación heurística o a través de principios generales. Por su parte, Hansen realizó en su libro "User Engineering Principles for Interactive Systems" (1971) la primera enumeración de principios para el diseño de sistemas interactivos: 1. Conocer al usuario. 2. Minimizar la memorización, sustituyendo la entrada de datos por la selección de ítems, usando nombres en lugar de números, asegurándose un comportamiento predecible y proveyendo acceso rápido a información práctica del sistema. 3. Optimizar las operaciones mediante la rápida ejecución de operaciones comunes, la consistencia de la interfaz y organizando y reorganizando la estructura de la información basándose en la observación del uso del sistema. 4. Facilitar buenos mensajes de error, crear diseños que eviten los errores más comunes, haciendo posible deshacer acciones realizadas y garantizar la integridad del sistema en caso de un fallo de software o hardware. Página ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com 46 Lo que está claro, es que para la fundación teórico-práctica de la IPO es fundamental tanto el estudio del usuario dentro de sus organizaciones, como las condiciones ambientales y físicas que intervienen en su interacción con los distintos dispositivos. De esta forma, el estudio de la IPO está caracterizada por la interdisciplinariedad. En el siguiente esquema encontramos resumidos gráficamente los aspectos que se relacionan con la IPO: Fuente: ACM SIGCHI Vemos cómo por un lado está la persona, el usuario, con sus características de procesamiento de información, comunicación y ergonomía (físicas) que interactúa con un ordenador, que también cuenta con una serie de características tecnológicas para llevar a cabo dicha interacción. Al mismo tiempo, en la interacción también encontramos los distintos dispositivos que disponen la conexión y establecen las distintas reglas de diálogo entre la persona y el ordenador. Todo ello además sin perder de vista que la persona se encuentra dentro de una organización con sus propias características también. Disciplinas que se relacionan con el estudio de la IPO Página ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com 47 Las aportaciones más relevantes vienen de la mano de: Psicología: contribuye con los conocimientos y teorías sobre el comportamiento de las personas y la forma en que procesan la información. Así como con formas de evaluación del grado de satisfacción que tiene el usuario con el diseño de la interfaz. Inteligencia Artificial: búsqueda de ―interfaces inteligentes‖, en lenguaje natural, simplificación de tareas. Diseño: elemento fundamental para conseguir programas con gran usabilidad. Ergonomía: busca simplificar las tareas, aumentando la sensación de satisfacción y confort al usuario. Etnografía: sus herramientas de investigación son muy óptimas para responder a cuestiones relacionadas con las organizaciones. Ingeniería del Software: imprescindible para desarrollar un software de calidad. Disciplinas relacionadas con la IPO Fuente: ACM SIGCHI ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com Página Parte de la premisa de que los usuarios no han de cambiar su manera de ser, sino que los sistemas han de ser diseñados para satisfacer sus requisitos. 48 Objetivos de la IPO Básicamente consisten en: desarrollar o mejorar la seguridad, utilidad, efectividad, eficiencia y usabilidad de sistemas que incluyan ordenadores. Elementos que tiene en cuenta la IPO La interfaz es una parte muy importante del éxito o fracaso de una aplicación. Es la superficie de contacto entre dos entidades. Que, en este caso, son la persona (el usuario) y el ordenador. Podemos encontrar distintas definiciones de interfaz: Los aspectos del sistema con los que el usuario entra en contacto (Moran). Una interfaz es una superficie de contacto y refleja las propiedades físicas de los que interactúan, se tienen que intuir las funciones a realizar y nos da un balance de poder y control (Laurel, 1992). Al ser la principal vía de comunicación entre el usuario y el ordenador, tenemos que intentar que sea rica, que el tiempo en el que el usuario aprende a manejarla sea bajo (tiempo de aprendizaje), se potencie la productividad, el usuario se encuentre integrado y no se produzcan problemas de frustración por su parte. Hemos visto cómo, a la hora de llevar a cabo sistemas interactivos, deberemos tener en consideración las herramientas y técnicas necesarias en función de los factores psicológicos, ergonómicos, organizativos y sociales que marcan cómo trabajan las personas. De esta forma, trabajando en estos factores de la IPO, crearemos una mayor usabilidad y accesibilidad, amén de entornos más eficaces y eficientes, dotados de mayor utilidad y seguridad. 4.2 Usabilidad La usabilidad es la medida en la que un producto se puede usar por determinados usuarios para conseguir unos objetivos específicos con efectividad, eficiencia y satisfacción en un contexto de uso dado. Para que un sistema interactivo cumpla sus objetivos tiene que ser usable y accesible a la mayor parte de la población humana. ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com Página Para fomentar la usabilidad deberemos pues: 49 Cuando nos referimos a que una página web tiene una buena usabilidad estamos afirmando que su navegación es fácil de aprender y para el usuario es fácil de utilizar. Comprender los factores (psicológicos, ergonómicos, organizativos y sociales) que determinan cómo la gente trabaja y hace uso de los ordenadores. Desarrollar herramientas y técnicas para ayudar a los diseñadores de sistemas interactivos. Conseguir una interacción eficiente, efectiva y segura. 4.2.1 Principios generales de la usabilidad Facilidad de aprendizaje El tiempo requerido desde el no conocimiento de una aplicación hasta su uso productivo debe ser mínimo. Debe proporcionarse ayuda a usuarios intermedios para que alcancen un nivel de conocimiento y uso del sistema máximos Para que un sistema sea fácil de aprender debe ser: • Sintetizable: El usuario debe poder evaluar el efecto de operaciones anteriores en el estado actual. • Familiar: Debe existir una correlación entre los conocimientos que posee el usuario (interacción con el mundo real y con otros sistemas) y los conocimientos requeridos para la interacción en un sistema nuevo. • Predictivo: El sistema podremos decir que será predecible cuando las interacciones que ha llevado hasta ese momento, le sirven para determinar las que vendrán a continuación. Flexibilidad ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com Página El control del usuario: permitiéndole deshacer, empezar y terminar las operaciones siempre que sea posible, así como advirtiéndole cuando un 50 Este concepto implica la multiplicidad de maneras en que el usuario y el sistema pueden intercambiar información. Hay una serie de principios que lo fomentan, como son: proceso no se pueda interrumpir, visualizando mensajes apropiados al respecto. Migración de tareas: donde usuario y sistema potencialmente han de poder pasar de una tarea a otra sin dificultad. Iniciativa en el diálogo: lo lógico e ideal es que la tenga el usuario. Capacidad de sustitución: la cual permite que se puedan substituir unos valores por otros equivalentes. Capacidad de configuración: posibilidad de adecuar la interfaz de usuario, por parte del usuario o del sistema. Adaptabilidad: adecuación automática de la interfaz al usuario. Consistencia Es un concepto clave en la usabilidad. Un sistema es consistente si los mecanismos que se utilizan son siempre usados de la misma manera, siempre que se utilicen y sea cual sea el momento en que se haga. Para poder tener estos resultados, será importante: seguir guías de estilo (siempre que sea posible), diseñar un ―look & feel‖ común, solo hacer las modificaciones que sean necesarias y evitar cambiar las funcionalidades ya conocidas (si lo creemos necesario, siempre será más beneficioso añadir algunas nuevas que se sumen a las anteriores). Robustez Hablaremos de un sistema robusto cuando permita al usuario conseguir sus objetivos sin problemas. Recuperabilidad Página ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com 51 Es importante que el sistema le permita al usuario corregir una acción que ha sido identificada como errónea. Tiempo de respuesta Implica el tiempo que necesita el sistema para expresar los cambios de estado al usuario. Deberán ser siempre reducidos y, si no lo son, se deberá avisar al usuario de que se está trabajando en ello. Adecuación de las tareas Se refiere al grado en el que el sistema soporta las tareas que el usuario quiere hacer y la manera en que el usuario las comprende. Disminución de la carga cognitiva Es la búsqueda de favorecer en el usuario más el reconocimiento que el recuerdo. De esta forma, es importante que los usuarios no tengan que recordar abreviaturas o códigos complejos. Diseño centrado en el usuario Para ello, se llevan a cabo acciones como: implicar al usuario al máximo (incluso incluyéndolo en el equipo de diseño), observarlo en su trabajo habitual y realizar prototipos que el usuario pueda evaluar. 4.2.2 El ABC de la usabilidad (Consejos prácticos) Elementos de mayor importancia Una vez hemos analizado la importancia de la usabilidad a nivel teórico, vamos a tratar de explicar su funcionamiento con algunas normas básicas más de funcionamiento, pero enfocados en su parte práctica: Quien Soy. Qué hago. Para Quien. Por qué deberías leerme. ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com Página o o o o 52 Definir de forma clara los objetivos de cada página, prestando una especial atención a las páginas de mayor importancia, como la portada, un formulario de contacto, o la página de compra de un producto. De especial importancia es la cabecera de la web, que debería permitir en 10 segundos de explicar la propuesta de valor de la web. Ofrecer una organización intuitiva y clara de los distintos elementos visuales en cada página, con la idea de favorecer la consecución de los objetivos definidos en cada página (conversiones). Ofrecer una navegación sencilla y eficaz, tratando de ofrecer todos los contenidos de la webs en un máximo de 3 clics, para evitar que el usuario se canse de buscar y se vaya frustrado. Disponer de un camino de migas para facilitar la ubicación dentro de la web. Evitar enlaces rotos dentro de la web que rompen con los flujos de navegación en la web. Ofrecer una facilidad de búsqueda dentro de la web. Asegurarse que el tiempo de carga de las páginas sea razonable. Evitar los cambios de ―Look & Feel‖ bruscos en la misma web. Otros consejos relevantes Estilo del Texto: Algunos de los consejos más recomendados, van dirigidos a que la página no parezca un anuncio, por lo que deberemos eliminar al máximo los elementos de marketing superfluo. Potenciando, sobre todo, una correcta estructuración de las páginas (empleando para ellos varios niveles de títulos), con títulos sustanciales (que indiquen claramente qué va a encontrar el usuario), empleando además cualquier elemento que facilite la lectura rápida del site (como ordenar con listas, párrafos, resaltados, etc.). Estética de los colores: dificulta la usabilidad tanto los colores suaves, los bordes de transiciones suaves o los degradados, tanto como los colores demasiado llamativos (que recuerdan a formatos publicitarios). ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com Página Hipertexto: No nos olvidemos del principal elemento de Internet, el hipertexto. Los usuarios hace muchos años que dejaron de leer de forma lineal, debemos facilitarles la lectura no secuencial. Para ello, podemos 53 Contraste de texto: es fundamental que exista un suficiente contraste de luminancia entre texto y fondo para que el texto pueda ser leído. ofrecer la información más relevante al principio e ir incluyendo enlaces a partes más especializadas durante el texto. Debemos aprender a redactar en hipertexto. Una imagen no siempre describe mejor que las palabras: no debemos ahorrar una buena y valiosa explicación y substituirla por una imagen. La simetría y la armonía en las formas: hay que tener en cuenta que si todo es demasiado simétrico se reducen las posibilidades de jerarquizar, destacar o diferenciar un elemento del resto. Lo más apropiado es evitar simetrías en contenidos que deben ser percibidos como diferentes. Los estándares HTML: controles que tienen apariencia de relieve y su color claro permite un buen contraste del texto interior. Prácticas desaconsejadas La utilización de fuentes grandes y de colores demasiado llamativos: puede hacer que el site resulte desagradable a la vista, da aspecto de infantil e impiden una correcta lectura de los contenidos. Es recomendable que el usuario pueda elegir el tamaño e, incluso, el tipo de fuente. Querer extraer un número excesivo de datos de usuario: si pedimos la fecha de nacimiento probablemente nos la faciliten, pero pedir un email incluso para ver los contenidos del site, puede implicar una negativa y abandono por parte del usuario. ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com Página o Demasiados pop ups. o Uso de flash: ya que el usuario se tiene que enfrentar a algunos de sus problemas de lentitud de carga, al hecho de que no permite copiar texto, elegir el tamaño de la fuente, etc. o Abusar de banner animados complejos: tardan mucho en cargar y pueden resultar molestos por asemejarse a publicidad. o Abusar de los iconos y rollover: de lo contrario saturaremos determinadas zonas de la pantalla, y con ello al usuario. o Querer promocionar todo puede implicar una pérdida global de la efectividad. 54 Demasiada publicidad: confunden y molestan al usuario. Si la tenemos que situar en la primera página, hacerlo en la derecha de la página y con unas dimensiones reducidas. Llamadas a la acción poco claros: el usuario quiere tener en todo momento el control de la información de la que va disponiendo. Por ejemplo, el hecho de visitar un espacio de descarga y verse involucrado en otra acción (crear perfil antes de poder descargar), puede parecerle un engaño o un falta de transparencia. Las páginas pesadas: ya que no todos los usuarios disponen de conexiones ADSL. Los usuarios no esperan. No introducir botones para todo: acaban resultándole molestos al usuario. La falta de control del usuario: el usuario es verdadero protagonista del site, y él lo sabe. Debemos darle la posibilidad de retroceder, salir de un sitio, etc. Si no, se sentirá atrapado y el site le resultará opresivo. 4.3 Accesibilidad Las siglas WAI (Web Accesibility Initiative) amparan la normativa que emana del World Wide Web Consortium en cuanto a accesibilidad y sus buenas prácticas. WAI establece tres niveles de verificación o adecuación, que son: nivel 1 (A), nivel 2 (AA) y el nivel 3 (AAA), cuya obtención de niveles es acumulativa, siendo A el menor y AAA el mayor. Que el diseño de páginas web por lo menos cumpla el nivel 1 (A), es una garantía de accesibilidad a las páginas web. A partir de ese momento, su éxito quedará en función de la calidad de los contenidos y el interés que generen. Siguiendo la definición de la W3C, la idea principal de estas pautas ―radica en hacer la Web más accesible para todos los usuarios independientemente de las circunstancias y los dispositivos involucrados a la hora de acceder a la información. Página ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com 55 Partiendo de esta idea, una página accesible lo sería tanto para una persona con discapacidad, como para cualquier otra persona que se encuentre bajo circunstancias externas que dificulten su acceso a la información (en caso de ruidos externos, en situaciones donde nuestra atención visual y auditiva no están disponibles, pantallas con visibilidad reducida, etc.). La accesibilidad web incluye todas las discapacidades que afectan al acceso a la web: visual, auditiva, física, del habla, cognitivas y neurológicas. Por lo que hay que tener en cuenta que nos referimos a millones de personas. A pesar de ello, todavía hay muchos sites que cuentan con grandes barreras de accesibilidad. Lo que impide una igualdad de acceso y de oportunidades, ambos, elementos muy en boga hoy en día donde estamos viendo cómo la accesibilidad se está volviendo protagonista en cantidad de ámbitos (educación, gobierno, salud, etc.). De esta forma, hay que evitar diseñar creando barreras de base para las personas que tienen algún tipo de discapacidad, ya que estaríamos solo dirigiéndonos a personas de unas determinadas características. Se debe buscar un diseño universal que sea usable para el mayor número de personas posible, lo que viene además a incrementar el potencial del site puesto que se convierte en atractivo para cualquier tipo de usuario, con independencia de si es discapacitado o no lo es. El principal problema al respecto es que no todos los desarrolladores realizan los esfuerzos que son necesarios para poder reducir estas barreras y, conseguir así, el mayor número de usuarios posible (concepto que en teoría sí persiguen). Sin embargo, no hay que dejar a un lado el hecho de que la accesibilidad también puede beneficiar a personas que no tienen ninguna discapacidad. Elementos como la flexibilidad, visto en el apartado de usabilidad, puede implicar grandes beneficios para el usuario con independencia de sus características. 4.3.1 ¿Cómo hacer que tu sitio Web sea accesible? Hacer un sitio Web accesible puede ser simple o complejo, dependiendo de muchos factores tales como el tipo de contenido, el tamaño y la complejidad del sitio y las herramientas de desarrollo y el medio ambiente. Página ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com 56 Muchas características de accesibilidad se implementan con facilidad si se planean desde el inicio del desarrollo de sitios Web o rediseño. De sitios Web inaccesible puede requerir un gran esfuerzo, especialmente en sitios que no fueron originalmente "codificados" adecuadamente con el estándar XHTML marcado, y los sitios con ciertos tipos de contenido, como multimedia. Fuente: http://www.w3.org/WAI/intro/components.php ¿Qué principios rigen la accesibilidad? Es esencial que los diferentes componentes del desarrollo Web e interacción trabajen juntos a fin de que la Web sea accesible para las personas con discapacidad. Estos componentes incluyen: El contenido, que puede ser: tanto texto, imágenes y sonidos, como el código que define el site. Navegadores Web, reproductores multimedia y otros "agentes de usuario". Tecnología de asistencia: lectores de pantalla, teclados alternativos, conmutadores, software de escaneo, etc. Los usuarios de los conocimientos, experiencias, y en algunos casos, las estrategias de adaptación utilizando la Web. Página ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com 57 Los desarrolladores, diseñadores, programadores, autores, etc., incluidos los desarrolladores y los usuarios con discapacidad que contribuyen con el contenido. Herramientas de creación - software para crear sitios Web. Herramientas de evaluación - herramientas de evaluación de accesibilidad Web, validadores de HTML, validadores de CSS, etc. 4.3.2 Como Community Manager, ¿qué debo saber sobre Accesibilidad web? En la práctica, el 99% de tus clientes (autónomos/PYMES) no te van a pedir una web accesible, ni deberías tratar de ―venderse‖ como funcionalidad añadida. Los buenos gestores de contenidos como Wordpress.org o Joomla! ofrecen un nivel de accesibilidad WAI-A por defecto, para una gran mayoría de los casos. Siempre pueden haber excepciones que rompen el esquema. La accesibilidad es un tema complejo que involucra la producción de cada entrada: una imagen mal referenciada en un post puede romper la accesibilidad. Con lo cual una compatibilidad al 100% es ilusoria, y aumentaría de tal forma el presupuesto, que no sería rentable para tu cliente. Debes saber, si trabajas para la administración pública en España, que las AAPP. tienen la obligación legal de cumplir con los criterios de accesibilidad de WAI A o AA. 5. Consejos prácticos sobre el manejo de CMS 5.1 El ABC de la seguridad Vamos a hablar de conceptos básicos de la seguridad en internet y lo voy a enfocar hacia tu blog WordPress. Verás que son cosas interesantes pero tan obvias que seguramente, te va a sorprender que tenga que decírtelas. Empieza por tu usuario en Wordpress.org El acceso al panel de administración de tu blog se hace mediante un nombre de usuario (o login) y una contraseña (o password). ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com Página Cámbialo, cambia por el nombre que sea, pero que no sea "admin", porque te 58 Primera recomendación: no dejes que el usuario de acceso a tu panel de administración en WordPress sea "admin‖. sorprendería saber la cantidad de gente que activa un blog con este usuario y la contraseña "admin" o la contraseña "1234". Elige una contraseña fuerte Una buena contraseña debería tener, para mí, una mezcla de muchos aspectos: Debería tener números. Debería tener letras. Debería tener letras en minúsculas y letras en mayúsculas. Contener algún que otro carácter especial: un guión bajo, un guión, el símbolo ―&‖O algún carácter que sea diferenciador. Las contraseñas muy cortas no son seguras, trata de tener algo que sea fácil de recordar para ti pero tampoco tan fácil. Las contraseñas se cambian de vez en cuando Otro concepto importante: las contraseñas sí se cambian. De vez en cuando, cada trimestre o cuando tú estimes conveniente, tienes que cambiar tu contraseña. Nada de copiar todas tus contraseñas en un archivo en tu PC… y llamarlo “Contraseñas” Otra de las cosas que no puedes hacer es escribir tus contraseñas en un archivo que se llame "Contraseñas" o ―Login y passwords" en tu PC y luego no tener ningún sistema de protección tipo firewall o antivirus y que alguien entre en tu ordenador y obtenga estos datos. Mi recomendación es que te acuerdes de la contraseña que eliges, que no la escribas en ningún sitio. Cuidado con los PCs de uso compartido (Cibercafés) ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com Página Trata de no acceder o accede lo menos posible al panel de control de tu blog 59 El PC que usas para las conexiones a tu blog es mejor que sea siempre el mismo: el de tu casa o del trabajo. desde ordenadores públicos como un cibercafé o un evento, porque estos son accesos no seguros. Un PC limpio y seguro Que este PC tenga un sistema de antivirus y que de vez en cuando, limpies tu ordenador de posibles virus y que tengas un firewall, un sistema que protege de accesos remotos o que al menos controla los accesos remotos. No esperes a que ocurra un desastre para ocuparte de la seguridad Muy a menudo se trata de cosas muy básicas que no se hacen bien, por no saber o por dejadez y los temas de seguridad no le interesan a nadie hasta que alguien entra a tu panel de control, hackea tu portada y empieza a publicar, por ejemplo, mujeres desnudas en la web de tu cliente. Esto le puede pasar a cualquiera. Yo mismo he sido hackeado, a pesar de darte estas recomendaciones. Actualiza siempre tu CMS y los temas/extensiones El hecho de no actualizar un software instalado en tu plan de alojamiento, puede crear vulnerabilidades peligrosas: Actualiza el ―core‖ de tu CMS. Actualiza las plantillas. Actualiza los plugins o extensiones. Página ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com 60 En Wordpress.org, no tienes excusas porque el propio gestor te aviso que hay un componente a actualizar y puedes hacerlo en 1 solo clic. Y ¿qué pasa si me hackean? Bueno, si ocurre, no es el fin del mundo, tomate las cosas con calma. Si das u vistazo al siguiente apartado podrás ver como guardar de manera automática una copia de seguridad de tu web para que un ataque a tu sitio web no se convierta en el fin de tu sitio web. Lo que sí que te va a costar un disgusto muy grande y seguramente vas a perder un montón de tiempo y es posible que tengas que contratar a alguien para hacer una limpieza completa de lo que es el blog que has dejado. Página ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com 61 Apuesta por la prevención más que por medidas correctivas. Tampoco es tan complicado. 5.2 El ABC de las copias de respaldo En prevención de una catástrofe El primer proceso de prevención, antes de que suceda lo peor, es el proceso de copia de respaldo (o backup) . Una copia de respaldo se compone por un lado de tu base de datos, donde se encuentran almacenados los contenidos, las categorías, las etiquetas, las imágenes, todo lo que puedes tener en tu blog. Pero también debes hacer un backup de los ficheros de tu blog. Puedes hacerlo de forma manual (vía FTP y PHP MyAdmin) y puedes usar un plugin que haga estas tareas de forma automática para ti. (Ver FP1-plugins-esencialeswordpress-org.pdf, plugin Google Drive for Wordpress). Recuperar lo perdido El segundo proceso es el proceso de recovery: ha ocurrido un problema y necesitas hacer la restauración de tu blog a un punto anterior al del problema. En este caso, el primer reflejo que debes tener es el de contactar a tu proveedor de alojamiento para que él haga un backup completo de toda tu cuenta en sus servidores. Con lo cual es posible que te ofrezcan un backup que data de unos pocos días atrás y que pierdas quizás un par de entradas. Este servicio es gratuito en Hostgator, hacen un backup completo de tu cuenta una vez a la semana, y puedes pedir una restauración de servicio (la primera es gratuita). Si estás dispuesto a pagar, te pueden restaurar una versión más reciente (unos 50 US$), y en este caso, estarás seguro de no perder nada de contenidos en tu restauración. Si quieres, puedes no depender de nadie Página ___________________________________________________________________________________________ , www.cursocommunityfuned.com, [email protected] Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com 62 Si has puesto en marcha un proceso cotidiano de copias de seguridad, podrás tú mismo volver a reinstalar manualmente la última versión ―limpia‖ disponible.