Outils pour utilisateurs

Outils du site


public:interface_expo

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
Dernière révision Les deux révisions suivantes
public:interface_expo [2015/04/07 08:53]
matthieu.decorde@ens-lyon.fr
public:interface_expo [2015/04/21 15:08]
matthieu.decorde@ens-lyon.fr
Ligne 7: Ligne 7:
 ===== Méthode ===== ===== Méthode =====
  
-On fait un dessin. +  * On fait un dessin. 
-On le prend en photo. +  ​* ​On le prend en photo. 
-On développe un nouveau mode d'​interface. +  ​* ​On développe un nouveau mode d'​interface. 
-On fait un tutoriel de la recette. +  ​* ​On fait un tutoriel de la recette. 
-On déploie la nouvelle version du portail. +  ​* ​On déploie la nouvelle version du portail. 
-On fait faire la recette à un grand public.+  ​* ​On fait faire la recette à un grand public.
  
 ==== État de la plateforme ==== ==== État de la plateforme ====
Ligne 19: Ligne 19:
  
 ===== Solution ===== ===== Solution =====
 +
 +==== Spécifications des développements de la version BETA ====
  
 On ajoute une option de lancement (URL) de portail : mode (expo, normal) On ajoute une option de lancement (URL) de portail : mode (expo, normal)
Ligne 27: Ligne 29:
  
 En mode expo : En mode expo :
-  * chapeau d'​introduction : lu à partir du paramètre de serveur ​"expo_mode_title" et "​expo_mode_subtitle"​ +  * chapeau d'​introduction : lu à partir du paramètre de serveur ​**expo_mode_title** 
-    * MD: finalement j'ai pas utilisé le "​expo_mode_subtitle"​ et le "​expo_mode_title" ​est affiché dans la barre principale (que j'ai conservé donc)+    * Il est affiché dans la barre d'​outils du portail à qui il ne reste que le bouton d'aide
   * volet gauche affichant une page HTML qui contient de liens internes qui remplacent le contenu du volet de droite. C'est donc l'​auteur de la page HTML qui décide des recherches effectives.   * volet gauche affichant une page HTML qui contient de liens internes qui remplacent le contenu du volet de droite. C'est donc l'​auteur de la page HTML qui décide des recherches effectives.
-    * nom de la page : "​expo_left_panel.jsp"+    * nom de la page : **LeftPanel_expo.jsp**
     * la largeur n'est plus réglable     * la largeur n'est plus réglable
-    * 2 zones :+    * composée ​2 zones :
       * mots :        * mots : 
         * contient         * contient
Ligne 40: Ligne 42:
             * MD: pas fait, j'ai récupéré la Chaîne utilisée pour le bouton "​Recherche"​ du formulaire de concordances             * MD: pas fait, j'ai récupéré la Chaîne utilisée pour le bouton "​Recherche"​ du formulaire de concordances
           * aide : "Vous pouvez saisir les mots que vous recherchez."​           * aide : "Vous pouvez saisir les mots que vous recherchez."​
-        * comment écrire le mot : clavier physique ou virtuel 
         * cas des séquences de mots :          * cas des séquences de mots : 
           * solution 1 : découper au blancs           * solution 1 : découper au blancs
Ligne 47: Ligne 48:
     * chaque lien est souligné et est bleu     * chaque lien est souligné et est bleu
     * chaque lien déclenche une commande interne du portail qui lance une concordance de CQL qui précise si il s'agit d'une recherche de forme ou de lemme.     * chaque lien déclenche une commande interne du portail qui lance une concordance de CQL qui précise si il s'agit d'une recherche de forme ou de lemme.
-  * volet à droite unique ​sans onglets : par exemple, un lien de gauche appelle Concordance(edition=ouverte sur premier hit) +  * fenêtre principale ​sans onglets ​**Home_expo.jsp** ​: par exemple, un lien de gauche appelle Concordance (edition=ouverte sur premier hit) 
-    * le retour au texte depuis la concordance se fait par simple clic (option de portail ?)+    * le retour au texte depuis la concordance se fait par simple clic
       * le pivot est souligné et bleu       * le pivot est souligné et bleu
         * MD: pas fait, pas eu le temps (il me reste demain si je me débrouille bien)         * MD: pas fait, pas eu le temps (il me reste demain si je me débrouille bien)
-    * vérifier que la ligne cliquée ​est mise en évidence en même temps que le mot mis en évidence dans l'​édition+    * À l'​ouverture de la concordance,​ la première ​ligne est mise en évidence en même temps que le mot mis en évidence dans l'​édition
     * la commande Edition :     * la commande Edition :
       * garde sa navigation       * garde sa navigation
Ligne 60: Ligne 61:
         * MD : pas fait, mais ça ressemble au comportement du bouton "​Biblio"​ ?         * MD : pas fait, mais ça ressemble au comportement du bouton "​Biblio"​ ?
           * SH: comprend pas           * SH: comprend pas
-    * la commande Concordance perd ses paramètres +    * la commande Concordance perd tous ses paramètres : requête ​et réglages des propriétés
-      * MDest-ce-que le champ de requête ​reste ? +
-        * SH: non+
       * la hauteur n'est plus réglable       * la hauteur n'est plus réglable
-  * on n'a pas la barre du haut +  * La barre de statut ​n'est pas affichée 
-    * MD: pour l'​instant oui, j'ai juste retiré tous les boutons inutiles (il reste l'​icone pour ouvrir l'​accueil,​ le message "​expo_mode_title",​ le bouton Aide et le bouton ​de changement de la langue +  * Aide générale ​: affiche en plein écran le contenu du fichier **Help_expo.jsp**
-  * on n'pas la barre de statut +
-  * Aide générale+
     * l'​interface prévoit un appel possible à l'aide qui affiche un écran scénarisé avec plusieurs étapes 1 2 3     * l'​interface prévoit un appel possible à l'aide qui affiche un écran scénarisé avec plusieurs étapes 1 2 3
       * un simple clic cache l'aide       * un simple clic cache l'aide
-      * MD: j'ai pu faire ça, il faut éditer le fichier "​Help_expo.jsp", ​le plus simple pour l'​instant est de mettre une image dans cette page. Si non, il faut que le bouton ouvre une concordance pour afficher tous les éléments ​(vue des requetes, résultat de concordance,​ édition)+      * MD: le plus simple pour l'​instant est de mettre une image dans cette page. Si non, pour que la superposition fonctionne bien, il faut que le bouton ouvre une concordance pour afficher tous les éléments.
     * ou utiliser un carton IRL     * ou utiliser un carton IRL
-  * l'​interface retourne à l'​accueil après temporisation ou bien par un bouton 'Retour à l'accueil'​ +  * l'​interface retourne à l'​accueil après temporisation ​de 3min sans activité ​ou bien par le bouton 'Home' ​situé ​en haut à gauche 
-    * MD: fait. Il faut préciser la temporisation : 15 minutes ? +    
-      * SH: 3 minutes (un lecteur passe moins de 3 minutes sur un écran. En général, le poste est découvert ​en étant positionné ​à l'​accueil ce qui permet de démarrer une session directement) +
 {{:​public:​2015-02-25_16.32.27.jpg?​width=700|Maquette}} {{:​public:​2015-02-25_16.32.27.jpg?​width=700|Maquette}}
 +
 +==== Devs supplémentaires après V1 ====
 +  * devs supplémentaires :
 +    * régler la taille de la police : nouveau paramètre de portail si possible
 +      * Cette solution devra sûrement s'​appuyer sur les CSS et le système de skin de smartgwt
 +      * MD : **Pas fait** en attendant, pour l'​expo,​ je réduit la taille des icones et il faut zoomer dans la page
 +    * taille des contextes de la concordance : nouveau paramètre de corpus dans le fichier import.xml : %%uis/​ui@concordance/​context_sizes@left|right%%
 +      * MD: **OK** implémenté
 +    * références par défaut de la concordance : utilisation de la propriété de mot '​ref'​ (à faire évoluer vers un nouveau paramètre de corpus)
 +      * doit afficher le nom du locuteur + timing : variable Groovy
 +        * MD: **OK** implémenté
 +      * doit distinguer les noms de journalistes (avec "​*"​) : utilise les nom de locuteurs déclarés dans les métadonnées de texte "​enqXXX"​
 +        * MD: **OK** implémenté
 +    * mettre en italique le discours des journalistes dans les éditions : nouvelle variable de script d'​import (à faire évoluer vers un nouveau paramètre de corpus) : une variable Groovy permet de choisir la balise à utiliser. Par défaut "​i"​.
 +      * MD: **OK** implémenté
 +    * retour à l'​accueil du portail en cas d'​absence d'​activité
 +      * ajouter un tooltip : "​Retour à l'​accueil"​
 +        * MD : **OK**
 +      * corriger le code d'​ouverture de la page d'​accueil
 +        * MD: **OK** implémenté
 +    * remplacer l'​icone TXM de retour à l'​accueil du portail (situé en haut à gauche de l'​interface)
 +      * maison {{:​public:​home-icon.png?​width=48}}
 +      * MD : **OK** si le mode expo est activé, c'​est ​ l'​image %%images/​icons/​home_expo.png%% qui est utilisée (au lieu de TXMLogo.png)
 +    * remplacer le bouton '​Aide'​ par une icone conventionnelle {{:​public:​18_information.png?​width=40}} et ajouter le flyover '​Aide'​)
 +      * MD : **OK**
 +    * ajouter une option de portail pour activer ou non l’enregistrement de l'​activité : %%log_activity=true|false%%
 +      * MD : **OK**
 +    * commande Aide :
 +      * si sur page d'​accueil (pas de concordance+édition affichés) alors afficher un texte d'aide '​Help_expo.jsp'​ (contenu : cliquer sur les mots de la liste de gauche pour les rechercher dans le corpus)
 +      * sinon afficher '​Help_expo_command.jsp'​ (avec le contenu du '​Help_expo.jsp'​ actuel)
 +    * charte graphique du mode expo :
 +      * images de fond
 +        * afficher l'​image de fond du bandeau supérieur à partir du fichier **expo_banner.jpg**
 +
 +=== Retours ===
 +SLH - 20-04-2015
 +<​code>​
 +Tooltips :
 +- bouton Chercher : Lancer la recherche
 +- Aide : Afficher l'aide
 +- Home : Revenir à l'​accueil
 +- Champ de saisie : Saisir le mot ici 
 +
 +- loupe
 +-- marge gauche
 +-- couleur plus foncée
 +
 +- droits anonymous sur GE
 +
 +- aide
 +-- home
 +--- régler la position de la flèche sur un mot (plus à droite)
 +--- couleur de la police : outline (blanc avec contours noirs)
 +--- police un peu plus grande encore
 +-- concordance
 +--- régler la position des flèches pour un zoom de 170%
 +--- couleur de la police : outline (blanc avec contours noirs)
 +--- police un peu plus grande encore
 +
 +- édition
 +-- demander à ce que le focus soit centré verticalement
 +-- verrouiller la largeur de la page
 +-- première page : '​Transcription Drucker'​ -> '​Témoignage de Simon Drucker'​
 +
 +- concordance
 +-- supprimer le bord vertical gauche et le bord horizontal inférieur
 +
 +- empêcher les messages d'​erreur : exemple 'La requête CQL est mal formulée : \nCorpus...
 +
 +- message recherche infructueuse : 'Pas de résultat à afficher'​ -> 'Pas de résultat'​
 +
 +- verrouiller le zoom à 170% 
 +</​code>​
  
 ==== État de l'art ==== ==== État de l'art ====
Ligne 112: Ligne 180:
 En attendant que je mette à jour le portail test :  En attendant que je mette à jour le portail test : 
  
-{{:​public:​conc_expo.jpg|Screenshot}}+{{:​public:​accueil_expo.png|Screenshot 1}} 
 + 
 +{{:​public:​conc_expo.jpg|Screenshot ​2}} 
 + 
public/interface_expo.txt · Dernière modification: 2015/05/05 14:13 par matthieu.decorde@ens-lyon.fr