source: presentations/trunk/OutilsPresentationWeb/outils.html

Last change on this file was 265, checked in by garnier, 16 years ago

preparation avant remodelage repository
File size: 6.5 KB
RevLine 
[36]1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
[80]2<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="ltr" lang="fr">
[36]3
[82]4<head>
[207]5  <title>DevDur:Pr&eacute;sentations Web</title>
6
7  <meta http-equiv="Content-Type"        content="text/html; charset=UTF-8" />
8  <meta http-equiv="Content-Language"    content="fr" />
9  <meta http-equiv="Content-Style-Type"  content="text/css" />
10  <meta http-equiv="Content-Script-Type" content="text/javascript" />
[36]11       
[207]12  <meta name="author" content="Lal-DevDur">
13  <meta name="description" content="Pr&eacute;sentation de Slidy et autres &agrave; DevDur" />
14  <meta name="keywords" content="XHTML, CSS, HTML, (X)HTML">
[112]15
[265]16  <link rel="stylesheet" href="../../tags/Tools/v2/css/screen.css"      type="text/css" media="screen, projection, tv, print"> 
17  <link rel="stylesheet" href="../../tags/Tools/v2/Slidy/slidy-toc.css" type="text/css" media="screen, projection, print"> 
[36]18
[265]19  <script src="../../tags/Tools/v2/Slidy/slidy.js"     type="text/javascript"></script>
20  <script src="../../tags/Tools/v2/Slidy/slidy-toc.js" type="text/javascript"></script> 
[82]21</head>
[36]22
[82]23<body style="font-size: 18pt;">
[36]24
[83]25<!-- Cover -->
[82]26<div class="slide" id="cover">
[36]27
[83]28     <div class="callout">
[203]29     <p id="title">Les outils de Pr&eacute;sentations sur le Web</p>
[83]30     </div>
[80]31     <!--<q></q>-->
[207]32     <p id="author">Laurent Garnier, Antoine P&eacute;rus, Vincent Garonne</p>
[80]33      <br>
[207]34        <p id="date">10 Octobre 2006<br></p>
[203]35        <p id="event"><a href="http://trac.lal.in2p3.fr/devdu">Devdu</a></p>
[36]36</div>
37
[207]38<!-- Introduction [Start] -->
39<div style="border-style: none; display: none; visibility: hidden; position: absolute;" class="slide" id="logo">
40
41  <div class="callout">
42    <h1>Sommaire</h1>
43
44    <ul class="outline">
45      <li>Les solutions traditionnelles
46      </li>
47      <li>Solutions collaboratives
48        <ul>
49          <li>LaTeX</li>
50          <li>XHTML</li>
51        </ul>
52      </li>
[217]53      <li>Solutions Web</li>
54      <li>Exemples</li>
[207]55    </ul>
56  </div>
57 
58</div>
59
[83]60<!-- Diapo -->
61<div class="slide" >
[208]62      <h1>Solution traditionnelle</h1>
63      <ul class="incremental">
64        <li>Documents binaires uniques
65          <ul class="incremental">
66            <li>PowerPoint, OpenOffice, Keynote</li>
67             
[219]68            <li><font color="red"><b>Pro: </b></font><br />universel, maitris&eacute;, fichier unique ...</li>
[208]69
[220]70            <li><font color="red"><b>Cons: </b></font>
[218]71            <br />
72            - non versionnable, mal adapt&eacute;
[211]73            &agrave; l'&eacute;dition collaborative
74            <br />
[218]75            - probl&egrave;mes de compatibilit&eacute; entre versions
76            <br />
77            - souvent format propri&eacute;taire
[211]78            </li>             
[208]79          </ul>
80        </li>
81      </ul>     
[112]82</div>
[208]83
84
85<!-- Diapo -->
[204]86<div class="slide" >
[207]87      <h1>Travail collaboratif</h1>
[208]88      <ul class="incremental">
89        <li>Documents texte
90        <ul class="incremental">
91          <li>Versionnable, adapt&eacute; &agrave;
[211]92          l'&eacute;dition collaborative
93          <br />
94          Format <em>Open Source</em>
95          </li>
[208]96          <li>LaTeX
97          <ul>
98            <li>Ex.: <a href="http://latex-beamer.sourceforge.net/" >Beamer</a></li>
[219]99            <li><font color="red"><b>Pro: </b></font><br />fichier produit unique, multi formats, esth&eacute;tique</li>
100            <li><font color="red"><b>Cons: </b></font><br />r&eacute;serv&eacute; aux amateurs de LaTeX</li>
[208]101          </ul>
102        </li>
103        <li>Xhtml+CSS+JavaScript
104        <ul>
[221]105          <li>Ex.: <a href="http://www.w3.org/Talks/Tools/ outils du W3C, http://www.w3.org/Talks/Tools/Slidy/" >Slidy</a>, <a href="http://meyerweb.com/eric/tools/s5/" >S5</a>, <a href="http://goessner.net/articles/slideous/slideous.html" >Slideous</a>, <a href="http://icant.co.uk/domslides/" >DomSlides</a>, <a href="http://dret.net/projects/xslidy/" >XSlidy</a></li>
[208]106          <li>
[221]107          <font color="red"><b>Pro : </b></font><br />- l&eacute;ger,
108          <br />- ne n&eacute;cessite qu'un butineur Web (<em>moderne</em>)
109          </li>
110          <li>
111          <font color="red"><b>Cons : </b></font><br />- r&eacute;serv&eacute; aux amateurs de
112          CSS/JavaScript, <br />- pas d'&eacute;diteur
[208]113          sp&eacute;cialis&eacute; pour l'instant, &eacute;diteur <em>Ajax</em> annonc&eacute;
114          </li>
115        </ul>
116      </li>
117    </ul>
[204]118</div>
[112]119
[208]120
121<!-- Diapo -->
[205]122<div class="slide" >
[208]123    <h1>Pr&eacute;sentations Web</h1>
[209]124    <ul>
125      <li>Principe
126      <ul class="incremental">Le document source est un unique fichier XHTML, auquel
127        s'applique
128        <li>une ou plusieurs feuilles de style (<em>.css</em>)</li>
129        <li>un fichier JavaScript (<em>.js</em>)</li>
130      </ul>
131      </li>
132      <li class="incremental">&Eacute;crire sa pr&eacute;sentation se r&eacute;sume &agrave;
133      &eacute;crire, avec son <em class="non-incremental">&eacute;diteur
134      pr&eacute;f&eacute;r&eacute;</em>, ses diapos, sans se soucier
135      de la pr&eacute;sentation ...
136      </li>
[208]137    </ul>
[213]138
139    <div class="incremental">
140    <pre>
141&lt;div class="slide" &gt;
142    &lt;h1&gt;Pr&eacute;sentations Web&lt;/h1&gt;
143    &lt;ul&gt;
144      &lt;li&gt;Principe
145      &lt;ul class="incremental">Le document source est un unique fichier XHTML, auquel
146        s'applique
147        &lt;li>une ou plusieurs feuilles de style (&lt;em&gt;.css&lt;/em&gt;)&lt;/li&gt;
148        &lt;li&gt;un fichier JavaScript (&lt;em&gt;.js&lt;/em&gt;)&lt;/li&gt;
149      &lt;/ul&gt;
150      &lt;/li&gt;
151    &lt;/ul&gt;
152&lt;/div&gt;
153    </pre>
154    </div>
[205]155</div>
[112]156
[208]157
158<!-- Diapo -->
159<div class="slide" >
[212]160    <h1> Et ce qui arrive :</h1>
161    <ul class="incremental">
162      <li>des &eacute;diteurs <em>Ajax</em>, pour &eacute;diter en ligne, directement avec son butineur</li>
163      <li>le pilotage de la pr&eacute;sentation &agrave; distance</li>
164      <li>le son</li>
165      <li>... ?</li>
166    </ul>
167       
168</div>
169
170
171<!-- Diapo -->
172<div class="slide" >
[208]173    <h1> Exemples :</h1>
174    <ul>
175      <li><a href="http://icant.co.uk/domslides/" >DomSlides</a>,</li>
[214]176      <li><strong><a href="http://www.w3.org/Talks/Tools/Slidy/#(10)" >Slidy</a></strong> - <a href="http://goessner.net/articles/slideous/slideous.html" >Slideous</a> - <a href="http://dret.net/projects/xslidy/" >XSlidy</a>,</li>
177      <li><a href="http://meyerweb.com/eric/tools/s5/s5-intro.html" >S5</a> - <strong><a href="http://s5project.org/">S5 Project</a></strong>,</li>
178      <li><strong><a href="http://labs.cavorite.com/presentacular/example/#(5)"> Presentacular</a></strong></li>
[230]179        <li><a href="http://www.zohoshow.com/Home.do?ticket=f478353a06f282358ac4c67eb597414b">Zoho</a></li>
[208]180    </ul>
[215]181    <p><br /></p>
182    <ul>
[216]183      <li>Voir la page <a href="https://trac.lal.in2p3.fr/devdu/wiki/Outils/Presentations">Outils</a>, sur le site DevDur</li>
[215]184    </ul>
[208]185</div>
186
187
[139]188<!-- Thank You [Start] -->
[157]189<div class="slide" id="thanks">
190  <p>Questions ?</p>
191</div>
[87]192
[139]193
[36]194<!-- [End] -->
195</body>
[150]196</html>
Note: See TracBrowser for help on using the repository browser.