lodemenos.net

Presentando Spip2Joomla

Carlos M. — 2009-01-31T04:48:46Z

Hasta ahora si queríamos migrar un sitio SPIP al gestor Joomla!, teníamos que realizar una tediosa tarea de importación de contenidos, adaptación de los mismos, adpatación de esqueletos/templates... Con Spip2Joomla, esos días tocan a su fin.

SPIP es un estupendo gestor de contenidos editoriales, tiene una gestión muy cómoda de los artículos y de usuarios/editores, pero para funciones avanzadas requiere un diseño y una estructura de sus plantillas (esqueletos) que escapa del tiempo que le podemos dedicar a nuestros sitios.

Es por este motivo y de cara a futuros cambios en lodemenos.net, que estuve buscando alternativas de migración a Joomla!. Como no vi ninguna me puse manos a la obra y empecé un proyecto de componente Joomla! que pretende ayudar a los webmasters y webmistress SPIP migrar sus sitios a Joomla!

Así hoy nace para el gran público Spip2joomla, un proyecto minoritario que pretende cubrir esa pequeña de los administradores y administradoras SPIP de migrar sus sitios a Joomla! Podéis encontrar los ficheros en su página en el JoomlaCode:

Componente Spip2Joomla

Aunque el componente es bilingúe (español, inglés), se aceptan contribuciones para traducirlo al francés (en Francia realmente es donde puede haber más necesidad de migraciones) y las instrucciones para acometer una migración con esta versión alpha 0.1 son:

Instalar el componente
Rellenar los campos de la configuración de la base de datos
Importar los autores
Importar las secciones y después las categorías
Finalmente importar los artículos

Todavía es una versión alpha y está pensada para funcionar en un servidor local que tenga fácil acceso a las bases de datos SPIP de la importación y por supuesto seguro que tiene miles de fallos, por lo que usadlo bajo vuestra propia responsabilidad y teniendo copias de seguridad de toda vuestra información.

Nueva revisión de SPIP 1.9.2

Carlos M. — 2008-10-03T16:22:35Z

Desde el pasado día 13 de septiembre está disponible la nueva revisión de la versión 1.9.2 de SPIP, la "e".

Esta versión apenas tiene modificaciones importantes y no realiza ninguna corrección de seguridad. No obstante, si os gusta estar a la última en vuestros sitios no podéis dejar la oportunidad de actualizar vuestros sitios.

Y no tenéis nada que temer por vuestros datos ya que ni siquiera realiza una actualización de la base de datos. El proceso es más simple de lo habitual: Os descargáis la nueva versión, la descomprimíis en vuestro ordenador y subís la archivos con vuestro cliente FTP habitual. Una vez terminada la subida ya tendréis la versión 1.9.2e de SPIP.

Descarga: http://www.spip.net/es_download

Problema de SPIP 1.9 con PHP 4.4.6

Carlos M. — 2007-03-25T17:40:39Z

A principios de este mes salía a relucir en los foros del sitio en francés de SPIP un problema de la última versión de SPIP con la versión 4.4.6 de PHP. Este bug provocaba que algunas de las páginas de nuestro sitio no se cargaran (ni siquiera en la parte privada) provocando un error de corte de la conexión de la página.

La solución a este problema fue dada a los pocos días dentro del mismo foro. Al parecer el problema venía de una expresión regular que se usaba en un fichero que utilia el motor de SPIP para generar los artículos: el fichero texte.php.

Solución

Como suele ocurrir en estos casos hay dos formas de solucionar el problema. La primera y más laboriosa consiste en buscar el fichero texte.php que está situado en ecrire/inc/ y modificar la siguiente línea:

/* 12 */ "/

([\n]*()*)*/",

Por la siguiente:

* 12 */ "/

\n*(?:\n*)*/",

La segunda solución es mucho más simple, sobretodo si no queremos "ensuciarnos las manos" con el código, y consiste en descargarnos el fichero texte.php de trac.rezo.net y sobreescribir el que tiene nuestra distribución situado en ecrire/inc/.

Este fallo todavía no se ha corregido en la versión estable que se puede descargar desde www.spip.net.

Recuperando las búsquedas con SPIP 1.83

Carlos M. — 2006-08-08T04:01:42Z

Muchos de nosotros nos hemos encontrado que tras un cambio de servidor o alguna recuperación de la web por pérdidas de datos, nuestras búsquedas en artículos antiguos ha dejado de funcionar. Aquí veremos cómo recuperar estas búsquedas.

Las búsquedas en SPIP funcionan de una forma sencilla y muy potente, lo cual nos permite ofrecer este servicio de búsqueda de una manera eficaz. Pero realmente las búsquedas en nuestro CMS no son tan sencillas técnicamente hablando y el motor de SPIP realiza tediosas operaciones de indexación de las palabras dentro de cada artículo para poder ofrecer este servicio de búsquedas tan eficaz. Podeis ver más información sobre las búsquedas en SPIP en su documentación técnica.

Lo que parece ser que sucede cuando hacemos este cambio de servidor es que se pierden los datos de indexación de la base de datos ya que el método de copias de seguridad de SPIP no guarda las tablas correspondientes a esta indexación.

El método que a priori nos podemos plantear para no perder estos datos de indexación es el de realizar las copias de seguridad de la base de datos nosotros mismos bien con phpmyadmin o cualquier otra herramienta que nos permita elegir los datos a guardar de una base de datos MySQL.

No obstante existe un método para recuperar los datos de indexación que no se hizo oficial en SPIP 1.8.3, aunque sí está disponible en SPIP 1.9 [2]. Así en nuestro SPIP 1.8.3, podremos recuperar los datos entrando en la siguiente dirección de nuestro sitio SPIP:

http://NUESTRO_SITIO_SPIP/ecrire/admin_index.php3


Página de reindexación situada en: http://NUESTRO_SITIO_SPIP/ecrire/admin_index.php3: En esta página de reindexación podremos reajustar los índices de nuestra web para recuperar las búsquedas.

Una vez aquí veremos 4 enlaces en francés que nos permiten modificar la indexación del sitio:

Pinche aquí para poner al día la indexación del sitio.
Pinche aquí para forzar la indexación del sitio.
Pinche aquí para relanzar la indexación del sitio sin borrar los datos.
Pinche aquí para borrar los datos de indexación.

Si hemos observado algunos problemas en las búsquedas con resultados que no se ajustan al contenido de los artículos, lo mejor es que primero borremos los datos de indexación (opción 4) y después comencemos la indexación desde cero (opción 2).

Llegados a este punto, tendremos que pinchar la opción 2 tantas veces como sea necesario hasta que las 4 barras de progreso que aparecen debajo de los enlaces lleguen a su máximo.

Para los que andéis cortos de tiempo y no podáis estar perdiéndolo pinchando en enlaces, el modo alternativo para forzar el reindexado de todo el sitio es yendo a la dirección:

http://NUESTRO_SITIO_SPIP/ecrire/admin_index.php3?forcer_indexation=XXX

Siendo XXX, el número de artículos que hay en vuestro sitio SPIP.

Con esto nuestro sitio SPIP volverá a tener de nuevo su función de búsqueda perfectamente funcional.

[1] Para la versión 1.9 este método se encuentra en el plugin recherche_etendue.

[2] Para la versión 1.9 este método se encuentra en el plugin recherche_etendue.

NOTA: Hay que tener en cuenta que la operación de indexación requiere mucha carga computacional por parte del servidor, por lo que si tenemos problemas de carga es preferible hacer estas operaciones en las horas donde tengamos menos visitantes.

SPIP ¿Sólo un gestor de contenidos?

Carlos M. — 2006-07-08T05:28:13Z

SPIP es un maravilloso gestor de contenidos que además de facilitarle la vida a los redactores de un sitio web, también permite un control absoluto del contenido de las páginas por parte de los administradores sin demasiadas complicaciones. Sin embargo ¿Por qué le ganan la partida otros gestores como Joomla o Moodle?

Y es que parece que las ventajas de SPIP no son suficientes para muchos administradores web y requieren CMSs mucho más difíciles de configurar e instalar pero que les aporten un mayor número de funcionalidades a costa de esa mayor complejidad.

¿Qué se busca en un CMS?

Normalmente un administrador web busca hacer su vida lo más fácil posible a la par que consigue un control absoluto sobre los servicios que quiere proporcionar en su web. En especial si buscamos un portal que proporcione un gran número de servicios, se suele optar por aquellos gestores que son ampliables gracias a la instalación de nuevos módulos y de plugins que permiten añadir nuevas funcionalidades.

Otro de los puntos más importantes a la hora de decantarse por un gestor de contenido, es la comunidad de usuarios y de desarrolladores que tenga detrás. Este punto es muy importante, ya que cuanta más gente esté apoyando y usando el proyecto más crecerá y ofrecerá una mayor variedad de funciones para cubrir nuestras necesidades.

¿Qué ofrece SPIP?

SPIP es un gestor de contenidos creado con una finalidad clara: Crear revistas, fanzines, periódicos, etc online. No obstante su enorme versatilidad permite adaptarlo a otras finalidades como portales de usuarios (un ejemplo claro es Colewebs), webs de comercio electrónico (en el spip-contrib tenemos alguna propuesta en el espacio privado) o incluso webs informativas que sean más bien estáticas.

Esta enorme versatilidad se consigue gracias a la enorme sencillez del diseño del aspecto del sitio. Así, teniendo conociemientos de HTML y diseño web, cualquiera puede crear un buen sitio con SPIP de una manera brillante. Pero no sólo eso, sino que además con un poco de imaginación se puede usar SPIP para crear casi cualquier cosa.

Si es tan bueno ¿por qué no se usa?

El uso de SPIP fuera de Francia (su pais de origen) está bastante restringido a usos de carácter no lucrativo como ONGs, movimientos sociales o webs de enriquecimiento cultural y personal. No obstante en su pais de origen, los desarrolladores no dejan de usar SPIP para crear webs de todo tipo, e incluso el mismo gobierno francés crea proyectos (proyecto agora) para adaptar SPIP a sus necesidades.

Una de las características que hacen que SPIP no sea un CMS dominante es su especificidad: Nació para ser un gestor de revistas online. Otro de los puntos más débiles de SPIP es la falta de una web oficial que cree el sentimiento de comunidad que muchos webmestres requieren para comenzar a usar un CMS.

Pero estos dos puntos ya tienen su respuesta, por un lado tenemos la versión 1.9 que permitirá la inclusión de plugins dentro de SPIP con los que podremos aumentar las funciones del CMS. Por otro lado, la comunidad hispana de SPIP se ha movilizado y a pesar de que ya existía una sección española en el spip-contrib, Martín Gaitán creó hace unos meses la web http://www.spip-es.net, donde podréis encontrar muchos recursos de la comunidad.

En resumen, si eres un webmestre y estás buscando un buen gestor de contenidos para hacer casi cualquier cosa, quizá debas echarle un vistazo a SPIP porque es el único CMS donde los límites los pone tu imaginación.

SPIP-Es.net: Punto de encuentro SPIP

Carlos M. — 2006-03-17T14:48:13Z

Acaba de empezar, pero spip-es.net ya se ha convertido en un punto de encuentro para todos los usuarios de SPIP y de obligada visita para los que se inician con este CMS.

Hace ya unos días que Martín Gaitán animado por todos los usuarios de la lista de correo de SPIP inició el proyecto de spip-net.es.

A pesar de su corto tiempo de vida, spip-es.net tiene todo lo que un portal de usuarios de software necesita: documentación, artículos de ampliación, foros, un wiki para trabajo colaborativo... Y todo esto funcionando con SPIP gracias al mágico trabajo de Martín.

Si a esto añadimos el fantástico diseño minimalista que ha realizado con una interfaz clara y muy dinámica además de que estamos usando el software de SPIP más actual que existe, tenemos un lugar que en poco espacio de tiempo será el punto de referencia, no ya de los usuarios de SPIP, sino de diseñadores web de habla hispana del mundo entero.

Este es uno de esos proyectos que por las ganas y el bien hacer de su fundador no se pueden dejar pasar y hay que sumarse a él lo antes posible porque de lo contrario uno se arrepiente el resto de su vida. Así que no lo dudéis, si sois usuarios de SPIP corred a registraros en el sitio y aportad vuestras ideas, y si aun no os habéis animado a probar SPIP y estáis buscando un CMS ¿A qué esperáis para hacerlo?

Corregido el error de la dirección web ;).
Cambios:

www.spip-net.es por www.spip-es.net

Esqueleto de Navidad

Carlos M. — 2006-02-06T16:53:27Z

Ante la llegada de las fechas navideñas lodemenos.tk se vistió con sus mejores galas para la ocasión. Aquí os dejamos el esqueleto que lució nuestra web esos días. ¿Demasiada Navidad?

El esqueleto en sí es una mezcla de motivos y colores navideños. Se intentó reforzar los bordes de las cajas para dar una sensación informal y más cercana. Las imágenes se añadieron casi todas como fondos en css excepto la bolita navideña de Firefox (que además contenía un enlace a http://www.getfirefox.com).

Las opiniones fueron variadas, pero en general no desagradó el toque navideño.

Extension firefox para diseñadores de páginas web

Julián González — 2005-12-20T06:18:52Z

De entre unas 8 extensiones para firefox que nos recomendaba este enlace me he quedado con una, la correspondiente a diseñadores web.

Aardvark esta especialmente indicada para los diseñadores web, ya que si hacemos boton derecho sobre una página y iniciamos aardvark, esta extensión nos separará con un borde color rojos las etiquetas div, tables y otros elementos html que contenga la página web. Esto nos va a permitir visualizar los diferentes elementos html y su posicionamiento en el navegador, permitiendonos realizar un diseño más eficiente, y aprender de otras páginas gracias a la visualización del código que se esta usando.

En el siguiente enlace podeis encontrar otras extensiones que pueden ser utiles, solo teneis que entrar y comprobarlo por vosotros mismos.

Un saludo, y a firefoxear!!!!

Una página con mucho estilo

Julián González — 2005-12-06T16:23:43Z

¿Eres diseñador web? si, cuantas veces no has buscado un efecto especial, un estilo diferente que te aporte ideas, o simplemente para aprender y posteriormente desarrollarte el tuyo propio. Muchas verdad?, pues ahora estamos de enhorabuena ...

Según he podido comprobar trás leerlo en www.digg.com , hay una página web con mucho estilo, con esto me refiero a que podemos encontrar muchos efectos todos ellos realizados con CSS, y esta organizado por secciones, y podemos encontrar cosas tan curiosas como estas:

http://www.w3.org/TR/xhtml11/DTD/xh...">

stu nicholls | CSS PLaY | fitted doors NO images

CSS PLaY

Experiments with Cascading Style Sheets

INFORMATION

Another one based on sliding doors this one uses NO images so it can be INFINITELY resized. It also allows the use of the whole tab for a hover effect. It uses a definition list to hold the menu and the curved corners are produced using styled spans. I have shown a 'selected' tab and the hover effect.

Works in IE5.01, IE5.5, IE6, Opera 7.5, Mozilla, Firefox and NN7.1

Update 1st June 2004

The third menu added, just for Ryan, to show how you could mix single and double line tabs. It's a bit of a fudge just to please Opera. There is an easier way for IE and Firefox etc.

Update 10th April 2005

Probably easier to use the 'Snazzy Menu'.

COPYRIGHT

There is NO copyright attached to this menu and as such it can be copied and used as you wish without any need to ask my permission.

APPROVALS
VALIDATION AND COMPLIANCE

Con esto que acabamos de ver, podemos hacernos una idea de lo mucho que podemos aprender, con estos ejemplos sobre el uso de CSS y el diseño de páginas web.Esto es solo una parte de los multiples ejemplos que hay, por tanto, os invito a tod@s los interesados en el diseño web a pasarse por esta página muy completa e interesante.

Enlace:

CSS PLay

Enlace encontrado Via: Digg.com

Menú por pestañas con SPIP

Carlos M. — 2005-10-01T17:31:55Z

El diseño web con CSS nos permite modelar nuestras páginas hasta límites insospechados, e incluso nos aporta funciones que con html simple no podríamos conseguir. Gracias a las ideas del mago del CSS Stu Nicholls y a las aportaciones de Ian Andolina en The Nemesis Project, he adaptado los menús por pestañas a SPIP. Os dejo un pequeño COMO para que os sirva de guía.

Si SPIP se os ha quedado pequeño y queréis cambiar de CMS no dudéis en consultar el artículo Presentando Spip2Joomla.

En primer lugar os muestro lo que vamos a conseguir con este pequeño tutorial aquí.

Conseguir este resultado no es difícil y tan sólo hay que tener cuidado con los estilos CSS y los bucles de SPIP. Para empezar tenemos dos partes bien diferenciadas, una de ellas es la parte del inicio del sitio (sommaire.html) donde no hay ninguna pestaña activa y se muestran las distintas secciones a las que se puede acceder dentro del sitio. Una vez que seleccionamos una sección (entramos ya en rubrique.html) vemos como su pestaña se activa y se muestra como la pestaña sobresaliente de un fichero. En esta parte he añadido además una pestaña que nos lleva al inicio del sitio, pero es preferible que éste enlace se sitúe en otro sitio distinto del contenido por cuestiones de usabilidad.

Elementos comunes a ambas partes

Como ya he comentado, para conseguir este efecto de pestañas he utilizado CSS2, por lo que lo primero es definir los estilos que gobernarán la apariencia de pestañas. Para implementar el menú de pestañas utilizaremos una lista desordenada ul. Así definiremos una clase para la lista general y después afinaremos y limitaremos el resto de las características al formato de cada uno de los ítems li. Así el estilo general es:

.pestanas {
 border: 0px;
 padding: 0.5em;
 margin: 0px;
 list-style: none;
 z-index: 0;
 }

Donde realmente reside la esencia de las pestañas está en el estilo individual de los ítems. Para que en lugar de mostrarnos la lista de forma vertical lo haga de forma horizontal, utilizaremos el valor inline para el atributo display. Esto elimina el formato de caja de los ítems y los situa como si de texto simple se tratase. Este efecto se puede conseguir también utilizando el formato de bloque flotante, eliminando el display: inline; y usando el valor left para float. No obstante con esta última forma hay problemas con el iexplorer ya que no se consigue una buena alineación de las pestañas con el cuerpo de la supuesta carpeta de debajo de ellas. El resto de argumentos se utilizan para darle el aspecto de separación de los bordes y demás aspectos estéticos.

.pestanas li{
 display: inline;
 background-color: #ffffff;
 border: 2px solid black;
 border-bottom: none;
 margin-top: 10px;
 margin-right: 5px;
 margin-left: 5px;
 margin-bottom: 0px;
 padding: 0.3em;
 }

Una vez definida la clase queremos que nuestras pestañas se nos muestren activas cuando estemos en la sección correspondientes. Para ello definimos un selector ID y más tarde se lo aplicaremos a esta pestaña. En este selector estamos definiendo un borde inferior mayor que el del borde del cuerpo donde se situará nuestro contenido y del mismo color que éste. Con esto conseguimos el efecto de desaparición del borde inferior de la pestaña activa. Nótese que en la parte del sommaire.html no se aplica este selector.

#activa{
 border-bottom:3px solid white;
 z-index: 1;
 margin: 0px;

Por último definimos el cuerpo del documento. Lo más destacable de esta clase es que tenemos que situar el margin-top con un valor negativo para que el borde de las pestañas queden justo encima del borde del contenido.

.cuerpo { 
 display:block;
 
 margin-top: -2px;
 
 padding: 0.7em;
 
 text-align: justify;
 
 background-color: #FFFDFD;
 width: 650px;
 height: 300px;
 
 border: 2px solid black;
 z-index: 3;
 
 }

Me gustaría resaltar que los valores de z-index no se aplican en el sitio, y están puestos más bien por seguridad. Ahora veremos cómo se codifica el sitio con los bucles y balizas de SPIP para conseguir nuestros objetivos.

La parte principal del sitio: sommaire.html

Como ya hemos comentado anteriormente, el aspecto de sommaire.html es ligeramente distinto al de las secciones para dar la sensación de que no se está en ninguna sección. Por tanto lo único que nos debe preocupar a la hora de seleccionar las secciones es que las pestañas no sobrepasen el tamaño del cuerpo ya que de lo contrario pierde totalmente la estética. Dentro del cuerpo podemos situar lo que queramos, ya sea texto, imágenes, balizas que nos den resultados de SPIP...


 
 
 [(#TITRE)]

 
 

 
 
 AQUI SITUAMOS LO QUE QUERAMOS, IMÁGENES, TEXTOS, BALIZAS DE SPIP...

Las secciones: rubrique.html

Realmente lo que puede resultar algo más chocante es el código de las secciones, ya que hay que hacer que SPIP nos dé como resultado la pestaña activa y además no debe moverla de sitio por cuestiones de usabilidad, si no, ¡nuestros visitantes se volverían locos! Así necesitaremos 3 bucles para que nos den:

Todas las secciones anteriores a la sección activa.
La sección activa actual, a la que además le añadimos el correspondiente selector ID que dé la sensación de que está activa.
Las secciones posteriores a nuestra sección activa. Así el código correspondiente será:
[(#TITRE)] [(#TITRE)] #ID_RUBRIQUE}{0,4}> [(#TITRE)] [(#TEXTE)]

Como veis no es en absoluto difícil conseguir un sitio con pestañas de SPIP, aunque como todo este diseño tiene sus limitaciones:

Limitaciones del diseño

Los tamaños deben estar bien definidos y por supuesto deben darse en píxeles para asegurarnos de que no se estropea por los distintos tamaños. Esto es un grave problema de accesibilidad ya que podría hacer que usuarios que necesiten usar un tipo de letra muy grande no puedan ver correctamente los textos. La solución pasa por tomar unos tamaños del cuerpo lo suficientemente grandes. Para el tamaño de las pestañas no se me ocurre una solución que sea compatible con el diseño.
El número de secciones está limitado por cuestiones de espacio. Este problema realmente no lo es si tenemos planeado un sitio con pocas secciones. Para sitios con muchas secciones siempre se puede reservar este diseño para las subsecciones o ir separando el diseño, primero en pestañas de secciones, después de subsecciones... Aunque no lo he implementado debe de ser sencillo implementar un submenú para las pestañas dentro del cuerpo.

La ventaja principal es la tremenda usabilidad que da al sitio al ser un método de organización muy usado en la vida real por su sencillez. Además nos aporta un diseño diferente que no está muy extendido y puede aportar originalidad a nuestra web.

Si encontráis fallos en el código o no os funciona bien, comentad el artículo e iré intentando arreglar los fallos que haya podido cometer al escribirlo.