SPIP

[ar] [ast] [bg] [br] [ca] [co] [cpf] [cs] [da] [de] [en] [eo] [es] [eu] [fa] [fon] [fr] [gl] [id] [it] [ja] [lb] [nl] [oc] [pl] [pt] [ro] [ru] [sk] [sv] [tr] [uk] [vi] [zh] Espace de traduction

Descargar
Portada del sitio > Documentación en español > Utilizar SPIP > Para profundizar más > La interfaz gráfica a partir de SPIP 1.8

La interfaz gráfica a partir de SPIP 1.8

Mayo de 2005 — mis à jour le : Abril de 2013

Todas las versiones de este artículo:

La interfaz gráfica del espacio privado, en la versión 1.8, se ha modificado abundantemente. Junto al mero aspecto gráfico de la interfaz (que no es necesario describir), presentamos a continuación algunos elementos ergonómicos introducidos, destinados a facilitar el trabajo tanto de los usuarios principiantes como de las usuarias expertas.


«The “Un-seul-click”™ interface for the SPIP-user»

Una de las principales tareas realizadas en esta versión ha consistido en intentar la reducción del número de clics necesarios para acceder a las diversas páginas. Está destinado al mismo tiempo a los usuarios expertos (que «ganan» tiempo) y a los usuarios principiantes, haciendo visible toda la información necesaria (tal página no está en la «caché» como sub-opción de otra página, es accesible directamente).

Evidentemente, aquí se ha intentado, según la costumbre de SPIP, no hacer más confusa la interfaz para los principiantes cuando se desea facilitar el trabajo de los usuarios avanzados.

La modificación más visible respecto a las versiones precedentes (desde la versión 1.4) es la desaparición de la segunda barra de navegación. Desde ahora todos los elementos de esa «segunda barra» aparecen en «popup» al recorrer los elementos principales (reorganizados a su vez siguiendo el principio de simplificación — ¡como una vuelta a la interfaz de SPIP 1.0!). Así cada página de esta «segunda barra» se hace accesible en un clic desde todas las páginas del espacio privado.

Siguiendo la misma lógica, la «barra de color» acoge, además de las opciones de interfaz (color, tamaño de pantalla, etc.), algunos popups que recuerdan constantemente cierta información útil:
-  una navegación por la totalidad de la jerarquía de secciones, con un sistema de menús desplegables,
-  un recordatorio de los artículos en curso de redacción y propuestos para su publicación, así como uno de los botones «crear un artículo, una breve...»,
-  la interfaz de búsqueda,
-  los atajos relativos al calendario interno y a la mensajería.

En diferentes lugares de la interfaz (especialmente en la página «Novedades»), se podrán observar los pequeños botones «Más». Destinados a los usuarios expertos (la ausencia de descripción explícita de estos botones hace que se descubra su utilidad poco a poco), dirigen a páginas específicas. Por ejemplo, junto a una lista de artículos, el botón lleva a la página «Todos tus artículos»; junto a una lista de breves, el botón lleva a la página de gestión de las breves, etc.

Cambios de estado en las listas

Una interfaz de cambio de estado en el propio interior de las listas (de artículos, especialmente) permite a las administradoras modificar el estado de una serie de elementos sin cambiar de página. Esta modificación, permite cambiar de inmediato, por ejemplo, el estado de todos los artículos de une misma sección (publicar todos, poner todos como no publicados) sin cambiar de página.

Las miniaturas y las rotaciones

Si dispones de funciones de tratamiento de imágenes en el servidor, SPIP puede sacarles partido para la «ilustración» gráfica del espacio privado:
-  miniaturas de los logos en las listas de artículos, breves, sub-secciones,
-  miniaturas de los autores en los foros internos.

Estas funciones gráficas hacen la interfaz más agradable, pero también más legible (los elementos de las listas están mejor diferenciados gráficamente con la inclusión de un pequeño logo).

Estas funciones también permiten efectuar rotaciones de fotografías en la nueva interfaz de portafolios (álbum de fotos).

La agenda (calendario)

Además de los cambios gráficos en la interfaz de la agenda interna, se destaca la aparición de cinco botoncitos de ajuste ergonómico:
-  los pequeños relojes permiten desarrollar más o menos el horario de la mañana o de la tarde;
-  las lupas «más» y «menos» permiten ampliar esta presentación.

Interfaz en texto puro

SPIP 1.8 introduce una versión nueva de la interfaz, destinada a quienes tengan problemas de visión. Respecto a la versión «texto» de la interfaz (introducida en SPIP 1.4), esta nueva interfaz está claramente «aligerada» (la versión «texto» de la interfaz, es conveniente para conexiones relativamente lentas; pero para su lectura en pantalla por usuarios sin problemas de visión).

Se puede acceder a esta interfaz en la dirección /ecrire/oo, o bien siguiendo el enlace «Mostrar la interfaz en texto simplificado» que aparece en los navegadores que no entiendan Javascript.

Es posible volver a la interfaz habitual siguiendo el enlace situado al final de la página («Volver a la interfaz gráfica completa»). Atención, se vuelve a la interfaz llamada «simplificada».

El equipo de desarrolladores (lista de discusión spip-dev) está muy interesado en conocer las experiencias de la parte de los usuarios a quienes está dirigida esta interfaz. Por desgracia, carecemos de referencias para mejorar el sistema en función de tales usuarios.

Igualmente hacemos notar que esta interfaz está particularmente adaptada para las conexiones con soportes móviles dotados de enlaces muy lentos y/o de pantallas de pequeño tamaño (smartphones, PDA con comunicaciones).

Espacios más grandes (o no...)

La zona «Texto» del formulario de modificación de artículos se adapta para ocupar toda la altura de la ventana. Lo que, cuando se utiliza una definición de pantalla superior a 800x600, permite agrandar notablemente el espacio para introducir texto.

Siguiendo el mismo principio, las ventanas de «Navegación rápida» ocupan toda la altura de la pantalla.

Formularios dinámicos

Numerosos formularios se han hecho dinámicos: los botones de validación, las cajas de selección, al igual que las zonas de texto, aparecen o desaparecen en función de las preferencias de los usuarios.

Así, en la presentación de un artículo, ciertos botones de «Validación» no aparecen hasta que se modifica el respectivo menú desplegable. También se pueden ver esos formularios en el espacio de configuración del sitio (por ejemplo, en la zona «Referenciación de sitios», según se seleccione «Llevar un anuario de sitios Web» o «Desmarcar», y «Utilizar la sindicación» o no, se ve que las opciones de configuración cambian de inmediato).

Estadísticas

Las páginas de presentación de las estadísticas en principio no cambian. Se notará la aparición de botones de «zoom» para la evolución de las estadísticas.

Las páginas de «reparto de las visitas» se han hecho bastante más comprensibles.

Para las webmestres...

Los aficionados al HTML podrán preguntarse cómo cambian de color los grandes iconos de navegación del espacio privado según la selección del usuario. Este efecto se consigue utilizando iconos en formato PNG 24, y aprovechando la transparencia suave que permite este formato (canal alfa).

Por supuesto, se ha explicado habitualmente que Microsoft Explorer no es capaz de utilizar el canal alfa de PNG24. El espacio privado de SPIP utiliza un truco que permite, no obstante, a Microsoft Explorer aprovechar este canal alfa. Los webmasters interesados podrán utilizarlo ventajosamente en la parte pública de su sitio, cuando fabriquen sus propios esqueletos...

Es conveniente crear una clase de estilo, clase que se asignará a las imágenes afectadas (atención: se puede aplicar sin peligro esta clase a imágenes en formatos distintos del PNG, la clase en este caso simplemente será inútil, pero sin deterioro de las imágenes).

Esta clase podrá definirse así:

que se aplica en las balizas <img src="..." class="format_png">.

Se constata que esta clase utiliza una característica de Microsoft Explorer, la llamada a un behavior. Este es un fichero Javascript, presente en el espacio privado (/ecrire/win_png.htc), que se copia en la raíz del sitio para utilizarlo fuera del espacio privado.

Abriendo este fichero de comportamiento (behavior), se verá que al ejecutarse hace una llamada al fichero /img_pack/rien.gif. Por lo tanto se debe copiar ese fichero en la raíz del sitio (desde /ecrire/img_pack/rien.gif), y cambiar la ruta de acceso en la versión de win_png.htc instalada en la raíz del sitio.

¿No te gusta el verde?

Los gustos y los colores...

Los colores de la interfaz pueden completarse con otros colores, o cambiarse. Para eso, basta con añadir variables en un fichero /ecrire/mes_options.php3:

Aquí, se ha cambiado el verde (variable «1»; los colores de la instalación normal están numerados del 1 al 6, por lo tanto se pueden modificar todos), y se añade un color nuevo ($couleurs_spip[] indicando los valores que se asignan en la tabla (array) $couleurs_spip.


Ver el esqueleto de esta página Sitio desarrollado con SPIP | Espace de traduction | Espacio privado