source: presentations/trunk/OutilsPresentationWeb/outils.html@ 319

Last change on this file since 319 was 265, checked in by garnier, 17 years ago

preparation avant remodelage repository
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="../../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">
18
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>
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.