Changeset 8083 for plugins_spip


Ignore:
Timestamp:
01/18/14 16:52:26 (6 years ago)
Author:
kent1
Message:

Readme sur lequel on a enlevé le contenu du plugin infographies

Version 0.2.0 stable avec un bon chemin de logo

Amélioration css

Location:
plugins_spip/terraeco_infographie/trunk
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • plugins_spip/terraeco_infographie/trunk/README.md

    r7983 r8083  
    11# Terraeco Infographies
    22
    3 Le site de texte est [terraeco.arscenic.org](http://terraeco.arscenic.org)
     3Le site de test est sur [terraeco.arscenic.org](http://terraeco.arscenic.org)
    44
    5 ## Description technique
     5Ce plugin nécessite le plugin *infographies* mis sur la zone
    66
    7 ### Tables sql
    8 
    9 Quatre tables SQL sont créées en utilisant les pipelines de l'API de création d'objets de SPIP. Elles peuvent donc êtres modifiées facilement.
    10 
    11 * **spip_infographies**
    12 
    13   Cette table définit les différentes infographies (du coup on peut en avoir plusieurs différentes).
    14  
    15   Cette table est définie comme éditable dans l'API, on peut donc accéder aux pages :
    16   * *ecrire/?exec=infographies* listant toutes les infographies
    17   * *ecrire/?exec=infographie_edit&new=oui* permettant de créer une nouvelle infographie
    18   * *ecrire/?exec=infographie&id_infographie=1* affichant le contenu d'une infographie dans l'espace privé.
    19  
    20   Ses informations sont définies sous la forme :
    21   * *id_infographie* : l'identifiant numérique de l'infographie
    22   * *titre* : le titre de l'infographie
    23   * *texte* : le texte de l'infographie
    24   * *credits* : les crédits de l'infographie
    25   * *date* : la date de l'infographie
    26   * *statut* : le statut de l'infographie (statuts similaires aux articles)
    27   * *maj* : la date de mise à jour
    28  
    29 * **spip_infographies_datas**
    30 
    31   Table définissant les jeux de données liés à une infographie ou plusieurs infographies (On utilise la table spip_infographies_datas_liens pour faire les liens entre jeux de données et infographies).
    32 
    33   Cette table est définie comme éditable dans l'API, on peut donc accéder aux pages :
    34   * *ecrire/?exec=infographies_datas* listant tous les jeux de données
    35   * *ecrire/?exec=infographies_data_edit&new=oui* permettant de créer un nouveau jeu de données
    36   * *ecrire/?exec=infographies_data&id_infographies_data=1* affichant le contenu d'un jeu de données dans l'espace privé.
    37  
    38   Ses informations sont définies sous la forme :
    39   * *id_infographies_data* : l'identifiant numérique du jeu de donnée
    40   * *titre* : le titre du jeu de donnée
    41   * *texte* : le texte du jeu de donnée
    42   * *css_class* : class css du jeu de donnée (pour être utilisé dans une visualisation)
    43   * *axe_x* : le label de l'axe horizontal de l'infographie
    44   * *axe_y* : le label de l'axe vertical de l'infographie
    45   * *unite* : unité de mesure du jeu de donnée (pour être utilisé dans une visualisation)
    46   * *credits* : les crédits du jeu de donnée
    47   * *type* : le type du jeu de donnée
    48   * *url* : URL distante du jeu de donnée si externe
    49   * *date* : la date du jeu de donnée
    50   * *maj* : la date de mise à jour
    51  
    52 
    53 * **spip_infographies_donnees**
    54 
    55   Table définissant les données en base liées à un jeu de donnée.
    56  
    57   Cette table est indiquée dans l'API comme non éditable, elle ne dispose donc pas de page d'édition spécifique.
    58   Les données s'éditent depuis la page de l'infographie.
    59  
    60   Chaque ligne se présente sous la forme :
    61   * *id_infographies_donnee* : l'identifiant numérique de la donnée
    62   * *id_infographies_data* : à quelle infographie est liée cette donnée
    63   * *rang* : la place de la donnée dans le jeu
    64   * *axe_x* : valeur de cette donnée sur l'axe X
    65   * *axe_y* : valeur de cette donnée sur l'axe Y
    66   * *commentaire* : un commentaire qui peut être utilisé ensuite dans l'infographie
    67   * *date* : date de la donnée
    68   * *maj* : date de mise à jour de la donnée
    69 
    70 
    71 * **spip_infographies_datas_liens**
    72 
    73   Table de jointures pour les jeux de données.
    74   Les jeux de données pouvant être liés à plusieurs infographies différentes par exemple.
    75  
    76   Elle est composée des champs suivants :
    77   * *id_infographies_data* : l'identifiant numérique du jeu de données lié
    78   * *id_objet* : l'identifiant numérique de l'objet lié
    79   * *objet* : le type d'objet lié
    80 
    81 
    82 ### Formulaires
    83 
    84 #### Formulaire d'édition d'infographie
    85 
    86 Le formulaire d'édition d'infographie permet de modifier son titre, son texte et les crédits associés.
    87 
    88 On l'appelle comme ceci :
    89 
    90         [(#FORMULAIRE_EDITER_INFOGRAPHIE{#ID_INFOGRAPHIE,#ENV{redirect}})]
    917
    928
     
    9511Le plugin utilise la librairie [d3.js](http://d3js.org/) pour les représentations graphiques.
    9612
    97 ### ModÚles
    98  
    99 ## Utilisation
     13### Intégration iframe
    10014
    101 ### Étape 1 : création de l'infographie
     15On peut intégrer l'infographie dans une iframe de la sorte :
    10216
    103 En primier lieu, on crée une infographie en lui donnant les informations nécessaires.
    104 
    105 ### Étape 2 : créer un ou plusieurs jeu de données
    106 
    107 On crée ensuite un jeu de données que l'on associe à l'infographie créée. L'association se fait sur la page de l'infographie puisqu'un même jeu de données pourrait être utilisé par plusieurs infographies différentes.
    108 
    109 ### Étape 3 : remplir le ou les jeux de données
    110 
    111 On ajoute des données au jeu de données.
    112 
    113 Les données sont ajoutées directement sur la page du jeu de données.
    114 
    115 Cet ajout peut être fait via téléchargement d'un fichier CSV (pour l'instant seul ce format est utilisable).
    116 
    117 Les données peuvent être supprimées toutes en même temps ou une à une.
    118 
    119 
    120 **Formatage du fichier CSV**
    121 
    122 Le fichier CSV doit avoir des données sur deux ou trois colonnes.
    123 
    124 * La premiÚre colonne est considérée comme valeurs de l'axe horizontal;
    125 * La seconde colonne est consdidérée comme valeurs de l'axe vertical;
    126 * La troisiÚme, quant à elle est facultative, elle correspond aux commentaires potentiels de chaque valeur;
    127 
    128 Lors de l'insertion depuis un fichier CSV, on vérifie :
    129 
    130 * si la premiÚre ligne est exclusivement composée de valeurs non numériques, cette ligne est considérée comme légende, on utilise ces valeurs pour remplir ou remplacer les valeurs *axe_x* et *axe_y* du jeu de donnée lié;
    131 
    132 
    133 
     17   ```<iframe src="http://terraeco.arscenic.org/spip.php?infographie1" width="100%" height="750px" style="border:none"></iframe>```
  • plugins_spip/terraeco_infographie/trunk/css/infographie.css

    r8081 r8083  
    77        max-width:900px;
    88        margin:0 auto 0 auto;
    9         padding:1% 1% 0 1%;
     9        padding:1%;
    1010        font-family:"Lato","Arial Narrow","Lucida Sans Unicode", "Lucida Grande", sans-serif;
    1111        color:#666;
     
    158158        position:absolute;
    159159        bottom:0;
    160         width:96%;
     160        width:98%;
    161161}
    162162
     
    230230}
    231231path.line.avtnaissance {
    232   fill: none;
    233   stroke: #D9D9D9;
    234   stroke-width: 5px;
     232        fill: none;
     233        stroke: #D9D9D9;
     234        stroke-width: 5px;
    235235}
    236236
     
    302302 */
    303303.axis {
    304   shape-rendering: crispEdges;
     304        shape-rendering: crispEdges;
    305305}
    306306
     
    311311
    312312.axis .tick line {
    313   stroke: #f29100;
    314   fill:#f29100;
     313        stroke: #f29100;
     314        fill:#f29100;
    315315}
    316316
     
    339339
    340340.axis path {
    341   fill:none;
    342   stroke:#ededed;
     341        fill:none;
     342        stroke:#ededed;
    343343}
    344344
    345345.y.axis path {
    346   stroke:#f29100;
     346        stroke:#f29100;
    347347}
    348348
  • plugins_spip/terraeco_infographie/trunk/paquet.xml

    r8079 r8083  
    22        prefix="terraeco_d3"
    33        categorie="multimedia"
    4         version="0.1.0"
    5         etat="dev"
    6         logo="prive/themes/spip/images/infographie-64.png"
     4        version="0.2.0"
     5        etat="stable"
     6        logo="images/image_terraeco_hover.png"
    77        compatibilite="[3.0.0;3.0.*]"
    8         schema="0.1.0"
    98>       
    109
Note: See TracChangeset for help on using the changeset viewer.