| 1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|---|
| 2 | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="ltr" lang="fr">
|
|---|
| 3 |
|
|---|
| 4 | <head>
|
|---|
| 5 | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|---|
| 6 | <meta http-equiv="Content-Language" content="ja" />
|
|---|
| 7 | <meta http-equiv="Content-Style-Type" content="text/css" />
|
|---|
| 8 | <meta http-equiv="Content-Script-Type" content="text/javascript" />
|
|---|
| 9 | <title>JI'06: Trac</title>
|
|---|
| 10 | <meta name="description" content="description" />
|
|---|
| 11 | <meta name="keywords" content="XHTML, CSS, HTML, (X)HTML" />
|
|---|
| 12 | <link rel="stylesheet" href="../Tools/v2/css/screen.css?format=raw" type="text/css" media="screen, projection, tv, print" />
|
|---|
| 13 | <link rel="stylesheet" href="..Tools/v2/Slidy/slidy-toc.css" type="text/css" media="screen, projection, print" />
|
|---|
| 14 |
|
|---|
| 15 | <script src="../Tools/v2/Slidy/slidy.js" type="text/javascript"></script>
|
|---|
| 16 | <script src="../Tools/v2/Slidy/slidy-toc.js" type="text/javascript"></script>
|
|---|
| 17 | </head>
|
|---|
| 18 |
|
|---|
| 19 | <body style="font-size: 18pt;">
|
|---|
| 20 |
|
|---|
| 21 | <!-- Cover -->
|
|---|
| 22 | <div class="slide" id="cover">
|
|---|
| 23 |
|
|---|
| 24 | <div class="callout">
|
|---|
| 25 | <p id="title">
|
|---|
| 26 | <a href="http://trac.edgewall.com">
|
|---|
| 27 | <img src="Images/trac_logo.gif" width="30%" height="10%" />
|
|---|
| 28 | </a>
|
|---|
| 29 | </p>
|
|---|
| 30 | </div>
|
|---|
| 31 | <p id="subtitle">Un outil pour le développement collaboratif</p>
|
|---|
| 32 | <p id="author"><a href="mailto:perus@lal.in2p3.fr">Antoine Pérus</a>
|
|---|
| 33 | <br /><a href="mailto:garnier@lal.in2p3.fr">Laurent Garnier</a>
|
|---|
| 34 | </p>
|
|---|
| 35 | <p id="date">20 Septembre 2006<br /></p>
|
|---|
| 36 | <p id="event"><a href="http://ji.in2p3.fr/">Journées Informatique IN2P3-DAPNIA</a>, Lyon-Valpré</p>
|
|---|
| 37 | </div>
|
|---|
| 38 |
|
|---|
| 39 | <!--<div class="slide toc"> <h1>Table of contents</h1> </div> -->
|
|---|
| 40 |
|
|---|
| 41 | <!-- Introduction [Start] -->
|
|---|
| 42 | <div class="slide">
|
|---|
| 43 |
|
|---|
| 44 | <h1>Outil collaboratif</h1>
|
|---|
| 45 | <ul class="incremental">
|
|---|
| 46 | <li><a href="http://projects.edgewall.com/trac/" >Trac</a> est
|
|---|
| 47 | avant tout une application web
|
|---|
| 48 | <strong>légère</strong> de <em>travail
|
|---|
| 49 | collaboratif</em> centrée sur le développement
|
|---|
| 50 | logiciel.<br /> Mais aussi :
|
|---|
| 51 | <ul class="incremental">
|
|---|
| 52 | <li>un logiciel "libre"</li>
|
|---|
| 53 | <li>un gestionnaire de plugins contenant (en standard)
|
|---|
| 54 | <ul class="incremental">
|
|---|
| 55 | <div class="non-incremental">
|
|---|
| 56 | <li>une interface sur un "VCS" (Subversion par défaut)</li>
|
|---|
| 57 | <li>un <em>"issue tracker"</em></li>
|
|---|
| 58 | <li>un wiki</li>
|
|---|
| 59 | </div>
|
|---|
| 60 | <li>une timeline</li>
|
|---|
| 61 | <li>une roadmap</li>
|
|---|
| 62 | <li>une fonction de recherche</li>
|
|---|
| 63 | <li>un outil d'administration</li>
|
|---|
| 64 | </ul>
|
|---|
| 65 | </li>
|
|---|
| 66 | <li>Un environnement de travail hautement configurable et évolutif (grâce aux plugins)
|
|---|
| 67 | </ul>
|
|---|
| 68 | </li>
|
|---|
| 69 | </ul>
|
|---|
| 70 |
|
|---|
| 71 | </div>
|
|---|
| 72 |
|
|---|
| 73 |
|
|---|
| 74 | <!-- Introduction [Start] -->
|
|---|
| 75 | <div class="slide">
|
|---|
| 76 | <h1>Le gestionnaire de plugins</h1>
|
|---|
| 77 | <img src="Images/plugins.jpg" width="90%" height="15%" />
|
|---|
| 78 | <ul class="incremental" >
|
|---|
| 79 | <li>C'est le noyau de l'application Trac</li>
|
|---|
| 80 | <li>Python, XHTML, CSS, RSS</li>
|
|---|
| 81 | <li>Intégré à l'interface web, permet de
|
|---|
| 82 | naviguer aisément entre les différents plugins installés</li>
|
|---|
| 83 | <li>Il est facilement possible d'ajouter de nouveaux
|
|---|
| 84 | plugins tels qu'un <strong>blog</strong>, un gestionnaire
|
|---|
| 85 | de <strong>discussions</strong>, un interpréteur <strong>GraphViz</strong> ...</li>
|
|---|
| 86 | <li>Tout les plugins <strong>communiquent</strong> aisément entre
|
|---|
| 87 | eux
|
|---|
| 88 | </li>
|
|---|
| 89 | <li>Mémorisation dans une BdD relationnelle, SQlite par défaut, MySQL et PostgreSQL possible</li>
|
|---|
| 90 | </ul>
|
|---|
| 91 | </div>
|
|---|
| 92 |
|
|---|
| 93 |
|
|---|
| 94 | <!-- Browser [1] -->
|
|---|
| 95 | <div class="slide" >
|
|---|
| 96 | <h1>L'interface Subversion </h1>
|
|---|
| 97 | <p>Trac intègre un <em>browser</em> sur un repository svn :</p>
|
|---|
| 98 | <ul class="outline">
|
|---|
| 99 | <li>Navigation aisée dans le repository (Ex: <a href="http://www.symfony-project.com/trac/wiki">Symphony</a>)
|
|---|
| 100 | <ul>
|
|---|
| 101 | <li>
|
|---|
| 102 | <img src="Images/browserSymphony.jpg" width="90%" height="75%"/>
|
|---|
| 103 | </li>
|
|---|
| 104 | </ul>
|
|---|
| 105 | </li>
|
|---|
| 106 | <li>Accès aux "Revision Log" (Ex: <a href="http://trac.adiumx.com/">Adium</a>)
|
|---|
| 107 | <ul>
|
|---|
| 108 | <li><img src="Images/revisionLogAdium.jpg" width="90%" height="70%" />
|
|---|
| 109 | </li>
|
|---|
| 110 | </ul>
|
|---|
| 111 | </li>
|
|---|
| 112 | <li>Différences entre revisions avec mise en valeurs
|
|---|
| 113 | des modifications (
|
|---|
| 114 | Ex:<a href="http://antony.lesuisse.org/qweb/trac/wiki/AjaxTerm">QWeb</a>)
|
|---|
| 115 | <ul>
|
|---|
| 116 | <li><img src="Images/diffsQWeb.jpg" width="90%" height="65%" />
|
|---|
| 117 | </li>
|
|---|
| 118 | </ul>
|
|---|
| 119 | </li>
|
|---|
| 120 | <li>Dernières modifications (Ex:<a href="http://www.openwengo.com">OpenWengo</a>)
|
|---|
| 121 | <ul>
|
|---|
| 122 | <li><img id="fullscreen" src="Images/changesetOpenWengo.jpg" />
|
|---|
| 123 | </li>
|
|---|
| 124 | </ul>
|
|---|
| 125 | </li>
|
|---|
| 126 | </ul>
|
|---|
| 127 | </div>
|
|---|
| 128 |
|
|---|
| 129 | <div class="slide">
|
|---|
| 130 |
|
|---|
| 131 | <h1>Le wiki (1/2)</h1>
|
|---|
| 132 | <ul class="incremental">
|
|---|
| 133 | <li>Gestion de version des documents
|
|---|
| 134 | <ul class="non-incremental">
|
|---|
| 135 | <li>Toujours possible de revenir en arrière</li>
|
|---|
| 136 | <li>Historique par page ou par site (menu timeline)</li>
|
|---|
| 137 | </ul>
|
|---|
| 138 | </li>
|
|---|
| 139 | <li>Instructions de formatage très simples à la <em>MoinMoin</em>
|
|---|
| 140 | <ul class="non-incremental">
|
|---|
| 141 | <li>Rendu à travers des feuilles de style (CSS)</li>
|
|---|
| 142 | <li>Produit du XHTML standard</li>
|
|---|
| 143 | <li>Relativement simple de convertir des documents existants</li>
|
|---|
| 144 | </ul>
|
|---|
| 145 | </li>
|
|---|
| 146 | <li>Références entre documents et
|
|---|
| 147 | éléments de l'outil
|
|---|
| 148 | <ul class="non-incremental">
|
|---|
| 149 | <li>Références internes entre tous les types
|
|---|
| 150 | de documents Trac (WiKi pages, tickets, roadmap,
|
|---|
| 151 | sources...) et entre projets Trac</li>
|
|---|
| 152 | </ul>
|
|---|
| 153 | </li>
|
|---|
| 154 | <li>Extensible grâce à des "Macros"
|
|---|
| 155 | <ul class="non-incremental">
|
|---|
| 156 | <li>Table des matières, Navigation, ...</li>
|
|---|
| 157 | </ul>
|
|---|
| 158 | </li>
|
|---|
| 159 | </ul>
|
|---|
| 160 | </div>
|
|---|
| 161 |
|
|---|
| 162 |
|
|---|
| 163 | <!-- Wiki [2] -->
|
|---|
| 164 | <div class="slide" >
|
|---|
| 165 | <h1>Le wiki du groupe <a href="https://trac.lal.in2p3.fr/devdu">devdu</a> au <a href="">LAL</a></h1>
|
|---|
| 166 | <img src="Images/wikiDevdu.jpg" width="90%" height="75%" />
|
|---|
| 167 | </div>
|
|---|
| 168 |
|
|---|
| 169 |
|
|---|
| 170 | <!-- Ticket [1] -->
|
|---|
| 171 | <div class="slide" >
|
|---|
| 172 | <h1>Issue tracker</h1>
|
|---|
| 173 | <ul>
|
|---|
| 174 | <li>Système intégré de gestion de tickets
|
|---|
| 175 | <ul class="outline">
|
|---|
| 176 | <li>Ex: <a href="http://trac.spip.org/trac/spip/wiki">SPIP</a>
|
|---|
| 177 | <ul>
|
|---|
| 178 | <li>
|
|---|
| 179 | <img src="Images/ticketSPIP.jpg" width="100%" height="75%" />
|
|---|
| 180 | </li>
|
|---|
| 181 | </ul>
|
|---|
| 182 | </li>
|
|---|
| 183 | <li>Possibilité de notification par email (Ex :<a href="http://zone.spip.org/trac/spip-zone/wiki">SPIPZone</a>)
|
|---|
| 184 | <ul>
|
|---|
| 185 | <li>
|
|---|
| 186 | <img id="fullscreen" src="Images/ticketSPIPZone.jpg" />
|
|---|
| 187 | </li>
|
|---|
| 188 | </ul>
|
|---|
| 189 | </li>
|
|---|
| 190 | <li>Suivi de modifications, ajouts de commentaires
|
|---|
| 191 | </li>
|
|---|
| 192 | <li>Classement des tickets par priorités (Ex: <a href="http://trac.adiumx.com/">Adium</a>)
|
|---|
| 193 | <ul>
|
|---|
| 194 | <li>
|
|---|
| 195 | <img id="fullscreen" src="Images/customQueryAdium.jpg" />
|
|---|
| 196 | </li>
|
|---|
| 197 | </ul>
|
|---|
| 198 | </li>
|
|---|
| 199 | <li>Mais aussi par composants, mots clés...
|
|---|
| 200 | </li>
|
|---|
| 201 | </ul>
|
|---|
| 202 | </li>
|
|---|
| 203 | <li>Communication aisée avec les autre composants de Trac :
|
|---|
| 204 | <ul class="incremental">
|
|---|
| 205 | <li>entre le wiki et les tickets et inversement</li>
|
|---|
| 206 | <li>vers le browser Svn, notamment dans les commentaires de <em>commit</em></li>
|
|---|
| 207 | </ul>
|
|---|
| 208 | </li>
|
|---|
| 209 | </ul>
|
|---|
| 210 | </div>
|
|---|
| 211 |
|
|---|
| 212 | <!-- Timeline [1] -->
|
|---|
| 213 | <div class="slide" >
|
|---|
| 214 | <h1>La timeline</h1>
|
|---|
| 215 | <ul class="incremental">
|
|---|
| 216 | <li>Visualisation et accès rapide aux dernières modifications du projet
|
|---|
| 217 | <ul class="incremental">
|
|---|
| 218 | <li>Les derniers tickets créés/fermés/modifiés</li>
|
|---|
| 219 | <li>Modifications sur le wiki</li>
|
|---|
| 220 | <li>Derniers jalons atteints (milestones)</li>
|
|---|
| 221 | <li>Commit dans le repository Svn</li>
|
|---|
| 222 | </ul>
|
|---|
| 223 | </li>
|
|---|
| 224 | <li>La timeline est accessible en flux <a href="">RSS</a></li>
|
|---|
| 225 | </ul>
|
|---|
| 226 | </div>
|
|---|
| 227 |
|
|---|
| 228 | <!-- Timeline [2] -->
|
|---|
| 229 | <div class="slide" >
|
|---|
| 230 | <h1>La timeline de <a href="">propel</a></h1>
|
|---|
| 231 | <img src="Images/timelinePropel.jpg" width="90%" height="75%" />
|
|---|
| 232 | </div>
|
|---|
| 233 |
|
|---|
| 234 | <!-- Roadmap [1] -->
|
|---|
| 235 | <div class="slide" >
|
|---|
| 236 | <h1>La roadmap</h1>
|
|---|
| 237 | <ul class="incremental">
|
|---|
| 238 | <li>Permet de suivre l'évolution des tickets par composants</li>
|
|---|
| 239 | <li>D'accéder aux tickets actifs ou fermés par jalon</li>
|
|---|
| 240 | </ul>
|
|---|
| 241 | </div>
|
|---|
| 242 |
|
|---|
| 243 | <!-- Roadmap [2] -->
|
|---|
| 244 | <div class="slide" >
|
|---|
| 245 | <h1>La roadmap de <a href="http://trac.edgewall.com">Trac</a></h1>
|
|---|
| 246 | <img src="Images/roadmapTrac.jpg" width="90%" height="75%" />
|
|---|
| 247 | </div>
|
|---|
| 248 |
|
|---|
| 249 |
|
|---|
| 250 | <!-- Administration [1] -->
|
|---|
| 251 | <div class="slide" >
|
|---|
| 252 | <h1>Administration</h1>
|
|---|
| 253 | <ul class="incremental">
|
|---|
| 254 | <li>Accessible sur authentification</li>
|
|---|
| 255 | <li>Gestion des :
|
|---|
| 256 | <ul class="incremental">
|
|---|
| 257 | <li>droits utilisateurs</li>
|
|---|
| 258 | <li>composants</li>
|
|---|
| 259 | <li>milestones</li>
|
|---|
| 260 | <li>version</li>
|
|---|
| 261 | <li>plugins</li>
|
|---|
| 262 | <li>...</li>
|
|---|
| 263 | </ul>
|
|---|
| 264 | </li>
|
|---|
| 265 | </ul>
|
|---|
| 266 | </div>
|
|---|
| 267 |
|
|---|
| 268 | <!-- Administration [2] -->
|
|---|
| 269 | <div class="slide" >
|
|---|
| 270 | <h1>Administration : Gestion des plugins</h1>
|
|---|
| 271 | <img src="Images/adminPlugins.jpg" width="90%" height="75%" />
|
|---|
| 272 | </div>
|
|---|
| 273 |
|
|---|
| 274 | <!-- Administration [3] -->
|
|---|
| 275 | <div class="slide" >
|
|---|
| 276 | <h1>Administration : Gestion des permission</h1>
|
|---|
| 277 | <img src="Images/adminPermissionsFeb.jpg" width="90%" height="75%" />
|
|---|
| 278 | </div>
|
|---|
| 279 |
|
|---|
| 280 | <!-- Conclusion [1] -->
|
|---|
| 281 | <div class="slide" >
|
|---|
| 282 | <h1>Conclusion</h1>
|
|---|
| 283 | <ul>
|
|---|
| 284 | <li>Trac est une application web indispensable au travail collaboratif</li>
|
|---|
| 285 | <li>Déja utilisée dans de nombreux projets</li>
|
|---|
| 286 | <li>Simple d'utilisation</li>
|
|---|
| 287 | <li>Légère</li>
|
|---|
| 288 | <li>Nécessite uniquement un browser web</li>
|
|---|
| 289 | </ul>
|
|---|
| 290 | </div>
|
|---|
| 291 |
|
|---|
| 292 |
|
|---|
| 293 | <!-- Thank You [Start] -->
|
|---|
| 294 | <div style="border-style: none; display: none; visibility: hidden; position: absolute;" class="slide" id="thanks">
|
|---|
| 295 |
|
|---|
| 296 | <p>Questions ?</p>
|
|---|
| 297 |
|
|---|
| 298 | </div>
|
|---|
| 299 |
|
|---|
| 300 |
|
|---|
| 301 | <!-- [End] -->
|
|---|
| 302 |
|
|---|
| 303 | </body>
|
|---|
| 304 | </html> |
|---|