source: presentations/tags/DevDu-061010-PresentationsWeb/outils.html

Last change on this file was 230, checked in by garnier, 18 years ago

ajout de zoho aux outils web
File size: 6.5 KB
Line 
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  <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" />
11       
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">
15
16  <link rel="stylesheet" href="../Tools/v2/css/screen.css"      type="text/css" media="screen, projection, tv, print"> 
17  <link rel="stylesheet" href="../Tools/v2/Slidy/slidy-toc.css" type="text/css" media="screen, projection, print"> 
18
19  <script src="../Tools/v2/Slidy/slidy.js"     type="text/javascript"></script>
20  <script src="../Tools/v2/Slidy/slidy-toc.js" type="text/javascript"></script> 
21</head>
22
23<body style="font-size: 18pt;">
24
25<!-- Cover -->
26<div class="slide" id="cover">
27
28     <div class="callout">
29     <p id="title">Les outils de Pr&eacute;sentations sur le Web</p>
30     </div>
31     <!--<q></q>-->
32     <p id="author">Laurent Garnier, Antoine P&eacute;rus, Vincent Garonne</p>
33      <br>
34        <p id="date">10 Octobre 2006<br></p>
35        <p id="event"><a href="http://trac.lal.in2p3.fr/devdu">Devdu</a></p>
36</div>
37
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>
53      <li>Solutions Web</li>
54      <li>Exemples</li>
55    </ul>
56  </div>
57 
58</div>
59
60<!-- Diapo -->
61<div class="slide" >
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             
68            <li><font color="red"><b>Pro: </b></font><br />universel, maitris&eacute;, fichier unique ...</li>
69
70            <li><font color="red"><b>Cons: </b></font>
71            <br />
72            - non versionnable, mal adapt&eacute;
73            &agrave; l'&eacute;dition collaborative
74            <br />
75            - probl&egrave;mes de compatibilit&eacute; entre versions
76            <br />
77            - souvent format propri&eacute;taire
78            </li>             
79          </ul>
80        </li>
81      </ul>     
82</div>
83
84
85<!-- Diapo -->
86<div class="slide" >
87      <h1>Travail collaboratif</h1>
88      <ul class="incremental">
89        <li>Documents texte
90        <ul class="incremental">
91          <li>Versionnable, adapt&eacute; &agrave;
92          l'&eacute;dition collaborative
93          <br />
94          Format <em>Open Source</em>
95          </li>
96          <li>LaTeX
97          <ul>
98            <li>Ex.: <a href="http://latex-beamer.sourceforge.net/" >Beamer</a></li>
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>
101          </ul>
102        </li>
103        <li>Xhtml+CSS+JavaScript
104        <ul>
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>
106          <li>
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
113          sp&eacute;cialis&eacute; pour l'instant, &eacute;diteur <em>Ajax</em> annonc&eacute;
114          </li>
115        </ul>
116      </li>
117    </ul>
118</div>
119
120
121<!-- Diapo -->
122<div class="slide" >
123    <h1>Pr&eacute;sentations Web</h1>
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>
137    </ul>
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>
155</div>
156
157
158<!-- Diapo -->
159<div class="slide" >
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" >
173    <h1> Exemples :</h1>
174    <ul>
175      <li><a href="http://icant.co.uk/domslides/" >DomSlides</a>,</li>
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>
179        <li><a href="http://www.zohoshow.com/Home.do?ticket=f478353a06f282358ac4c67eb597414b">Zoho</a></li>
180    </ul>
181    <p><br /></p>
182    <ul>
183      <li>Voir la page <a href="https://trac.lal.in2p3.fr/devdu/wiki/Outils/Presentations">Outils</a>, sur le site DevDur</li>
184    </ul>
185</div>
186
187
188<!-- Thank You [Start] -->
189<div class="slide" id="thanks">
190  <p>Questions ?</p>
191</div>
192
193
194<!-- [End] -->
195</body>
196</html>
Note: See TracBrowser for help on using the repository browser.