Sicard, si générique dapoxetine je comprends bien. C commander atarax est fumeur ? , lance un convive. Elle duphaston n est « pas du genre à comparer ». C est www.propecia une culture très brutale, autoritaire. Aucun traitement achat viagra canada et aucun vaccin n existe à ce jour. Elles ont dans quel pays le viagra est il en vente libre désormais trois mois pour convaincre. Cec commander vardénafil : On parle beaucoup de suicide assisté . Tout vente lamisilate d un coup, il était mort. Voici lamisilate une sélection de ces témoignages. L kamagra générique en france émotion me laisse sans voix. Cinq levitra pas cher adultes et 24 enfants ont développé des ITL. Mais les ou acheter du viagra sur le net temps ont changé. Je me antabuse en ligne sens comme un soldat du feu , lance M.Debuiche. Un prix d'une boite de viagra point qui fait débat, notamment aux yeux de l ADMD. MANQUEMENTS AUX prix levitra RÈGLES C est une affaire dans l affaire. » Principalement www.viagra visé : SUD Santé. Cette ou acheter viagra générique affaire est avant tout un drame familial. C est acheter du viagra pas cher violent pour tout le monde. L'interface graphique depuis SPIP 1.8 - SPIP
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] [vi] [zh] Espace de traduction

Télécharger
Accueil > Documentation en français > Utiliser SPIP > Pour aller plus loin > L’interface graphique depuis SPIP 1.8

L’interface graphique depuis SPIP 1.8

Avril 2005 — mis à jour le : Novembre 2008

Toutes les versions de cet article :

L’interface graphique de l’espace privé a été, dans la version 1.8, largement remaniée. Au délà de l’aspect purement graphique de l’interface (qu’il est inutile de détailler), nous présentons ci-dessous quelques-uns des éléments d’ergonomie introduits, destinés à faciliter le travail à la fois des utilisateurs débutants et des utilisateurs confirmés.


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

L’une des principales tâches effectuées sur cette version a consisté à tenter de réduire le nombre de clics nécessaires pour accéder aux différentes pages. Il est destiné à la fois aux utilisateurs confirmés (ils « gagnent » du temps) mais aussi aux utilisateurs débutants en rendant visible toutes les informations nécessaires (telle page n’est pas « cachée » comme sous-option d’une autre page, elle est accessible directement).

Évidemment, on a tenté ici, selon l’habitude de SPIP, de ne pas rendre plus confuse l’interface pour les débutants en voulant faciliter le travail des utilisateurs confirmés.

La modification la plus visible par rapport aux versions précédentes (depuis la version 1.4) est la disparition du second bandeau de navigation. Désormais tous les éléments de ce « second bandeau » apparaissent en « popup » par survol des éléments principaux (eux-mêmes réorganisés selon des principes simplifiés — comme un retour à l’interface de SPIP 1.0 !). Ainsi chacune des pages de ce « second bandeau » devient accessible en un clic depuis toutes les pages de l’espace privé.

Selon la même logique, le « bandeau coloré » accueille, outre les options d’interface (couleur, taille de l’écran, etc.), quelques popups récapitulant en permanence certaines informations utiles :
-  une navigation dans l’intégralité de la hiérarchie des rubriques, par un système de menus déroulants,
-  un rappel des articles en cours de rédaction et proposés à la publication, ainsi qu’un des boutons « créer un article, une brève... »,
-  l’interface de recherche,
-  les raccourcis liés au calendrier interne et à la messagerie.

À différents endroits de l’interface (notamment sur la page « À suivre »), on pourra repérer des petits boutons « Plus ». Destinés aux utilisateurs confirmés (l’absence de descriptif explicite de ces boutons faisant qu’on en découvre l’usage au fur et à mesure), ils envoient à des pages spécifiques. Par exemple, à côté d’une liste d’articles, ce bouton mène à la page « Tous vos articles » ; à côté d’une liste de brèves, le bouton mène à la page de gestion des brèves, etc.

Changements de statut dans les listes

Une interface de changement de statut à l’intérieur même des listes (d’articles, notamment) permet aux administrateurs de modifier le statut d’une série d’éléments sans changer de page. Cette manipulation, immédiate, permet de changer, par exemple, le statut de tous les articles d’une même rubrique (tous les publier, tous les dépublier) sans changer de page.

Des vignettes et des rotations

Si vous disposez de fonctions de traitement d’images sur votre serveur, SPIP peut en tirer partie pour « illustrer » graphiquement l’espace privé :
-  vignettes des logos dans les listes d’articles, brèves, sous-rubriques,
-  vignettes des auteurs dans les forums internes.

Ces fonctions graphiques rendent l’interface plus agréable, mais aussi plus lisible (les éléments des listes étant ainsi mieux différenciés graphiquement par l’affichage d’un petit logo).

Ces fonctions permettent aussi d’effectuer des rotations de photographies dans la nouvelle interface de portfolio.

Le calendrier

Outre les changements graphiques de l’interface du calendrier interne, on remarquera l’apparition de cinq petits boutons de réglage ergonomique :
-  les petites horloges permettent de développer plus ou moins l’affichage de la matinée ou de l’après-midi ;
-  des loupes « plus » et « moins » permettent de zoomer sur cet affichage.

Interface purement textuelle

SPIP 1.8 introduit une version nouvelle de l’interface, destinée aux malvoyants. Par rapport à la version « texte » de l’interface (introduite dans SPIP 1.4), cette nouvelle interface est nettement « allégée » (l’interface « texte » de l’interface, elle, convient aux connexions relativement lentes, mais pour une lecture à l’écran par un utilisateur voyant).

On peut accéder à cette interface par l’adresse /ecrire/oo, ou bien en suivant le lien « Afficher l’interface textuelle simplifiée » qui apparaît sur les butineurs ne comprenant pas Javascript.

Il est possible de revenir à l’interface habituelle en suivant le lien proposé en bas de page (« Retour à l’interface graphique complète »). Notez qu’alors vous revenez en interface dite « simplifiée ».

L’équipe des développeurs (liste de discussion spip-dev) est très intéressée par des retours d’expérience de la part d’utilisateurs concernés par cette interface. Nous manquons cruellement de témoignages pour améliorer le système en fonction de tels utilisateurs.

On notera que cette interface est également particulièrement adaptée aux connexions sur supports mobiles dotés de connexions très lentes et/ou d’écrans de petite taille (smartphones, PDA communiquants).

Espaces plus grands (ou pas...)

La zone « Texte » du formulaire de modification d’articles s’adapte pour occuper toute la hauteur de la fenêtre. Ce qui, dès qu’on utilise une définition d’écran supérieure à 800x600, permet d’agrandir notablement l’espace pour saisir son texte.

Selon le même principe, les fenêtres de « Navigation rapide » occupent toute la hauteur de l’écran.

Formulaires dynamiques

De nombreux formulaires deviennent dynamiques : des boutons de validation, des cases de sélection, ainsi que des zones de texte, apparaissent ou disparaissent en fonction des choix des utilisateurs.

Ainsi, dans l’affichage d’un article, certains boutons de « Validation » n’apparaissent que lorsqu’on modifie le menu déroulant attenant. On pourra également voir de tels formulaires dans l’espace de configuration du site (par exemple, dans la zone « Référencement de sites », selon qu’on sélectionne « Gérer un annuaire de sites Web » ou « Déselectionner », et « Utiliser la syndication » ou non, on voit les options de configuration changer immédiatement).

Statistiques

Les pages d’affichage des statistiques ne changent pas dans leur principe. On notera l’apparition de boutons de « zoom » pour l’évolution des statistiques.

Les pages des « répartitions de visites » devient nettement plus compréhensible !

Pour les webmestres...

Les adeptes de HTML pourront se demander comment les grandes icones de navigation de l’espace privé changent de couleur selon le choix de l’utilisateur. Cet effet est réalisé en utilisant des icones au format PNG 24, et en profitant de la transparence fine autorisée par ce format (couche alpha).

Or, il est habituellement expliqué que Microsoft Explorer est incapable d’exploiter la couche alpha du PNG24. L’espace privé de SPIP utilise une astuce permettant cependant de faire utiliser cette couche alpha par Microsoft Explorer. Les webmestres intéressés pourront avantageusement l’exploiter pour la partie publique de leur site, lors de la création de leurs propres squelettes...

Il convient de créer une classe de style, classe que l’on attribuera aux images concernées (notez bien : on peut appliquer sans risque cette classe à des images dans d’autres formats que le PNG, la classe sera alors simplement inutile, mais sans déterioration de ces images).

Cette classe pourra se définir ainsi :

qu’on applique dans les balises <img src="..." class="format_png">.

On constate que cette classe utilise une caractéristique de Microsoft Explorer, l’appel d’un behavior. Celui-ci est un fichier Javascript, présent dans l’espace privé (/ecrire/win_png.htc), que l’on recopie à la racine du site pour l’exploiter en dehors de l’espace privé.

En ouvrant ce fichier de comportement (behavior), on verra qu’il fait appel à un fichier /img_pack/rien.gif dans son fonctionnement. On doit donc recopier ce fichier à la racine du site (depuis /ecrire/img_pack/rien.gif), et remplacer le chemin dans la version de win_png.htc installée à la racine du site.

Vous n’aimez pas le vert ?

Les goûts et les couleurs...

Les couleurs de l’interface peuvent être complétées d’autres couleurs, ou remplacées. Pour cela, il suffit d’installer des variables dans un fichier /ecrire/mes_options.php :

Ici, on a remplacé le vert (variable « 1 » ; les couleurs de l’installation normale sont numérotées de 1 à 6, on peut donc toutes les modifier), et ajouté une nouvelle couleur ($couleurs_spip[] indiquant qu’on ajoute une valeur au tableau (array) $couleurs_spip.


Voir le squelette de cette page Site réalisé avec SPIP | Espace de traduction | Espace privé