msgbartop
¡Pocoyízate, Borja, pocoyízate!
msgbarbottom

20 nov 11 MTB a Fondo

El ciclismo, como sabe cualquiera que lea un poco estas páginas, es una de mis grandes pasiones. Disfruto con el ciclismo de carretera, pero tengo especial predilección por el ciclismo de montaña. Afición que, afortunadamente, comparto con una buena cantidad de amigos. Hace ya algún tiempo, en una charla con Mané, estuvimos hablando sobre la creación de un foro para nuestro grupo de amigos en el que pudiéramos charlar de las etapas, planificar salidas, y poder contar cosas en general sobre nuestra común afición.

Tiempo después, me encontré con un pequeño problema: desde hace un año registro todas las salidas que hacemos con la bici en archivos GPX, a fin de tenerlas documentadas para posteriores salidas, así como material para realizar los relatos con los que me gusta recordar las etapas. El almacenaje de esos gpx se estaba volviendo un tanto caótico (ya que no contenía referencias o datos más allá de la fecha del fichero), por lo que se me ocurrió poder utilizar algún gestor documental para almacenar las etapas de manera más ordenada, y que a la vez me sirviera de copia de seguridad de mi registro de archivos.

Fue entonces cuando se me ocurrió que podía aprovechar un gestor de contenidos con el que tengo bastante esperiencia, WordPress, para solucionar ambos problemas. Y fruto de esa idea fue como nació MTB A Fondo.

Captura de pantalla de MTB a Fondo

Captura de pantalla de MTB a Fondo

MTB a Fondo ha sido creado como una pequeña red social especializada en ciclismo; su principal función es que los aficionados al ciclismo podamos compartir noticias, ideas, experiencias y conocimiento. Es una herramienta pensada para ser usada por nuestro grupo de amigos, pero que está abierta a cualquiera que quiera participar. Originariamente fue creada como una sección de mi página principal (www.eniac2000.com), pero como me aconsejó mi buen amigo Manolo, si quería darle algo de vidilla, era más conveniente crear la red como una web aparte. Y así fue como me decidí a compar el dominio www.mtbafondo.es

En cuanto a su estructura, está formada por los siguientes elementos:

  • WordPress: Es un gestor de contenido. Aunque está principalmente enfocado a la creación de blogs, la gran cantidad de plugins que admite hace que se pueda extender su funcionalidad habitual mucho más allá, y dotar al sistema de capacidades adicionales, como en este caso.
  • BuddyPress: Es un plugin para WordPress que permite dotarlo de funcionalidades de red social (una especie de Feisbuk, para entendernos): un muro en donde puedes colgar rápidamente entradas rápidas o pequeños mensajes, una sección de usuarios ampliada, en la que se pueden establecer amigos y enviar mensajes privados, un foro integrado, una sección de grupos, donde se pueden crear agrupaciones de interés para temas comunes (y que se integra con el foro y el muro), etc…
  • Plugins adicionales: Además de este plugin, he añadido otros más a la red social, que permiten extender las funciones anteriores: un gestor de eventos, para gestionar las quedadas ciclistas, un gestor de archivos, para almacenar ficheros (caso de los GPX que citaba antes, además de imágenes), o un sistema de suscripción por correo electrónico, que permite que los artículos o novedades que se publiquen en la web sean enviados de manera automática a una dirección de correo, permitiendo escoger de qué secciones quieres recibir correos de aviso.

He hablado un poco de las principales funcionalidades que ofrece MTB a Fondo, pero existen otras dignas de destacar:

  • Suscripción RSS: MTB a Fondo dispone, como todo sitio basado en WordPress, de fuente de contenidos RSS, que permite que el contenido del sitio pueda ser seguido sin tener que acceder a la página, a traves de lectores como Google Reader o aplicaciones ajenas a navegadores, como lectores de correo o aplicaciones específicas para móvil
  • Icono de contenido RSS

    Icono de contenido RSS

  • Avisos por correo a usuarios: Cada vez que un usuario de la red cita a otro en sus comentarios (insertando una “@” delante de su nombre), el usuario citado recibe automáticamente un correo electrónico de aviso, lo que permite seguir de manera más ágil las conversaciones que se generan el el sitio.
  • Mensajes privados entre usuarios: Además de los mensajes públicos del sitio, se pueden enviar mensajes privados a usuarios, sin publicidad para el resto de la web.
  • Escribiendo un mensaje privado

    Escribiendo un mensaje privado

  • Chat integrado: Además de la parte de red social convencional, MTB a Fondo dispone de un chat integrado, visible sólo para los usuarios registrados. Este chat, al estilo de Google Talk, permite una mayor agilidad de comunicación entre los usuarios del sitio. :)
  • Aspecto general del chat integrado

    Aspecto general del chat integrado

  • Integración de sitios externos: ¿Escribes en otra página y no quieres tener que repetir contenido en este sitio? ¡Sin problemas! Ese es exactamente mi caso: escribo entradas de ciclismo en mi sitio habitual (www.eniac2000.com), y no me apetece tener que repetir lo que escribo en MTB a Fondo. Para ello he instalado un plugin (FeedWordPress) que permite hacer uso el RSS/Atom de tu sitio habitual para que el contenido de éste sea publicado de manera automática en tu usuario de MTB a Fondo.
  • Acceso optimizado para teléfonos móviles: Otra aplicación que le he instalado permite detectar automáticamente si se está accediendo a la web por un dispositivo móvil (Android, iPhone, etc…), y presenta una interfaz optimizada para acceder de manera más cómoda con estos dispositivos.
  • Captura de pantalla de MTB a Fondo en un Android

    Captura de pantalla de MTB a Fondo en un Android

  • Integración con Twitter: Otra de las vocaciones de esta red es la facilidad de compartir información. Cada una de las entradas publicadas tiene la posibilidad de ser compartida fácilmente con Twitter, y hacer un seguimiento de su actividad. Y es más, se puede sincronizar el usuario del MTB a Fondo con nuestro usuario de Twitter, de tal manera que los comentarios que se publique en MTB a Fondo puedan ser enviados automáticamente a Twitter, tan sólo añadiendo el tag #twitter delante de nuestra entrada.
  • Compartiendo información con Twitter

    Compartiendo información con Twitter

Otros Mundos

Otra de las cosas que he procurado proporcionar con MTB a Fondo es una facilidad para seguir la actividad del sitio. Esto no se limita al seguimiento mediante RSS que comentaba antes, sino que he integrado la publicación de la actividad de la página en Facebook y en Twitter:

  • Facebook: Para lograr la integración con Facebook, he creado una página (MTB a Fondo en Facebook) en la que se publican automáticamente las nuevas entradas de MTB a Fondo. Por desgracia, la sincronización no es bidireccional, por lo que, si bien es posible publicar cosas en la versión de FaceBook, estas publicaciones no aparecerán en MTB a Fondo. Pero espero mejorar esto. :) La sincronización se realiza mediante la aplicación de Facebook NetworkedBlogs.
  • MTB a Fondo en Facebook

    MTB a Fondo en Facebook

  • Twitter: ¡Tambien estamos en Twitter. Además de lo comentado anteriormente con respecto a Twitter, la propia MTB a Fondo tiene su correspondiente Twitter (MTB a Fondo en Twitter), donde igualmente se publican las novedades del sitio, y facilita seguir las novedades que acontezcan mediante esta popular aplicación.
MTB a Fondo en Twitter

MTB a Fondo en Twitter

Creo que con esto he desgranado lo más importante de la página, en lo que se refiere a los aspectos técnicos. Pero una web social no es nada sin sus usuarios. Por ello, animo a cualquiera que quiera participar en el sitio a que se registre, participe, disfrute con la página, y que la haga suya. ¡Adelante! :D

VN:F [1.9.20_1166]
Rating: 10.0/10 (1 vote cast)

Etiquetas: , , , , , , ,

17 sep 10 Corregido error que impedía publicar comentarios

Gracias a Ángel (¡gracias nen!) he visto que desde que actualicé el plugin que despliega el captcha para usuarios no autenticados (es decir, todo el mundo menos yo) no se podían escribir comentarios. Todo era un tema de permisos de escritura en el servidor, que ya ha quedado corregido. ^_^

Estaba ya a punto de empezar a cantar aquello de estoy solo, no me quieren… :mrgreen:

VN:F [1.9.20_1166]
Rating: 0.0/10 (0 votes cast)

Etiquetas: , , , ,

25 ago 10 Corrección de error en mostrado panorámicas con WordPress y Gallery2

El sistema que utilizo para publicar este sitio web es el siguiente: se utiliza como base el gestor de contenidos WordPress, complementado con algunas soluciones periféricas. La principal de ellas es la integración con el sistema de gestión de galerías fotográficas Gallery2, que se realiza mediante un plugin diseñado al efecto: WPG2.

No todas las fotografías que publico son gestionadas mediante Gallery2. Para fotografías sueltas utilizo el propio sistema de WordPress, pero cuando inserto referencias a una serie fotográfica (correspondiente a algún viaje o evento concreto) sí que suelo utilizar Gallery2. El sistema es bastante simple: una vez subidas las fotografías a Gallery2 y catalogadas por éste, desde WordPress sólo es necesario hacer referencia al identificador de la imagen mediante la etiqueta <wpg2id> para insertar la imagen en la entrada. Con esta referencia, el artículo muestra una versión reducida de la imagen, y un enlace a la imagen original dentro de la estructura de la galería de imágenes, adaptada para su visualización en WordPress,

Por lo general, el sistema funciona bastante bien. Sin embargo, desde hacía tiempo había observado un problema con las imágenes panorámicas, en las que existe una gran diferencia entre el ancho y el alto de la imagen: cuando insertaba una imagen mediante el sistema explicado anteriormente, en el caso de las fotografías panorámicas no se mostraba la miniatura de la imagen, sino la imagen completa, pero escalada al tamaño de la miniatura definida. Los problemas que esto provoca, especialmente en tiempo de carga, eran significativos, ya que algunas de las panorámicas pueden alcanzar tamaños de más de 10000×2000 píxels, y pesos superiores a los 10 MB, mientras que las miniaturas asociadas tienen unas dimensiones máximas de 400 píxels en su lado más grande, y pesos inferiores a los 30 KB.

Tras un tiempo de investigación, he conseguido dar con una solución al problema, en los foros de Gallery: <wpg2> tags use always full-size versions En una de las entradas, uno de los usuarios informa de que el problema se debe al método en el que el sistema estudia si ha de escoger mostrar una miniatura o la versión completa de la imagen, aunque escalada. Para determinar esto el sistema compara el ancho y el alto de la imagen. Esta comparación, si bien resulta adecuada para la mayoría de las imágenes, produce problemas en aquellas con importantes diferencias entre ancho y alto, como es el caso de las panorámicas. Ante ello, el usuario propone hacer uso sólo del ancho. Para ello, es necesario realizar modificaciones en el archivo ImageBlockHelper.class, ubicada en el directorio /modules/imageblock/classes de Gallery2 (en mi caso, al usar el paquete Debian, su ruta completa es /usr/share/gallery2/modules/imageblock/classes). En concreto, es necesario realizar unas modificaciones a partir de la línea 424 del archivo:

/* Get the list of resizes */
$resizes = array();
list ($ret, $ok) = GalleryCoreApi::hasItemPermission(
$derivativeParentId, 'core.viewResizes', $userId);
if ($ret) {
return array($ret, null);
}
if ($ok) {
list ($ret, $resizes) =
GalleryCoreApi::fetchResizesByItemIds(array($derivativeParentId));
if ($ret) {
return array($ret, null);
}
$resizes = isset($resizes[$derivativeParentId]) ? $resizes[$derivativeParentId]
: array();
}
if (isset($thumbnail)) {
$resizes[] = $thumbnail;
}
foreach ($resizes as $imageObject) {
/*Primera modificacion*/
/*                  $rawDifferential = ($imageObject->getHeight() - $maxSize)
+ ($imageObject->getWidth() - $maxSize);*/
$rawDifferential = ($imageObject->getWidth() - $maxSize);

if ($biggerOnly && $rawDifferential < 0) {
continue;
}
$resizeDifferential = abs($rawDifferential);
/*Segunda modificacion*/
/*                  $resizeSize = $imageObject->getHeight() * $imageObject->getWidth();*/
$resizeSize = $imageObject->getWidth();

/*
* If this differential is smaller than the last, update the image target and
* the comparison value.
* If two differentials are equidistant, use the larger based on image size.
*/
if ($resizeDifferential < $imageDifferential
|| $resizeDifferential == $imageDifferential
&& $resizeSize > $imageSize) {
$image = $imageObject;
$imageDifferential = $resizeDifferential;
$imageSize = $resizeSize;
}
}
}

Una vez hecho esto, en WordPress se empezarán a mostrar correctamente las miniaturas de las imágenes en vez de las versiones escaladas de las imágenes completas, en el caso de las panorámicas.

VN:F [1.9.20_1166]
Rating: 0.0/10 (0 votes cast)

Etiquetas: , , , ,

11 jun 09 Lavado de cara de la página

Aprovechando que estamos hoy de vacaciones en el curro, me he puesto por fin a darle un lavado de cara a esta página, ya que era algo que llevaba pidiendo a gritos mucho tiempo.

He optado por partir de la plantilla Google Chrome, a la que le he realizado algunas modificaciones (cambio de justificado, trasteo en la cabecera y algunas traducciones de texto) para que se amolde mejor a lo que estaba buscando. También me ha obligado a retocar un poco la integración con el sistema de publicación de galerías que utilizo, Gallery 2.

El aspecto me gusta bastante. Es más minimalista, más limpio y aprovecha mejor el espacio. Incluso tiene más fondo blanco y más esquinas redondeadas, así que supongo que es más web 2.0.

Hay algunas cosas más que me gustaría trastear, pero eso ya irá en función del tiempo que tenga disponible.

VN:F [1.9.20_1166]
Rating: 0.0/10 (0 votes cast)

Etiquetas: , ,