19 /** |
20 /** |
20 * Now redirect user to Twitter site so they can log in and |
21 * Now redirect user to Twitter site so they can log in and |
21 * approve our access |
22 * approve our access |
22 */ |
23 */ |
23 $consumer->redirect(); |
24 $consumer->redirect(); |
|
25 |
24 } |
26 } |
25 |
27 |
26 ?> |
28 ?> |
27 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
29 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
28 |
30 <html lang="<?php echo($actual); ?>"> |
29 <html lang="en"> |
|
30 <head> |
31 <head> |
31 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
32 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
32 <title>ENMI 2010 - Live Video and Annotation</title> |
33 <title>Polemic tweet - Live Video and Annotation</title> |
33 |
34 |
34 <!-- Framework CSS --> |
35 <!-- Framework CSS --> |
35 <link rel="stylesheet" href="res/blueprint/screen.css" type="text/css" media="screen, projection"> |
36 <link rel="stylesheet" href="res/blueprint/screen.css" type="text/css" media="screen, projection"> |
36 <link rel="stylesheet" href="res/blueprint/print.css" type="text/css" media="print"> |
37 <link rel="stylesheet" href="res/blueprint/print.css" type="text/css" media="print"> |
37 <!--[if lt IE 8]><link rel="stylesheet" href="blueprint/ie.css" type="text/css" media="screen, projection"><![endif]--> |
38 <!--[if lt IE 8]><link rel="stylesheet" href="blueprint/ie.css" type="text/css" media="screen, projection"><![endif]--> |
38 |
39 |
39 <!-- Import fancy-type plugin for the sample page. --> |
40 <!-- Import fancy-type plugin for the sample page. --> |
40 |
41 |
41 <link rel="stylesheet" href="res/blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection"> |
42 <link rel="stylesheet" href="res/blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection"> |
42 <link rel="stylesheet" href="res/css/custom.css" type="text/css" media="screen, projection"> |
43 <link rel="stylesheet" href="custom.css" type="text/css" media="screen, projection"> |
43 <link rel="stylesheet" href="res/css/tabs-slideshow.css" type="text/css" media="screen, projection"> |
44 <link rel="stylesheet" href="tabs-slideshow.css" type="text/css" media="screen, projection"> |
44 <link rel="stylesheet" type="text/css" href="res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.css" media="screen"> |
45 <link rel="stylesheet" type="text/css" href="res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.css" media="screen"> |
45 <link rel="stylesheet" type="text/css" href="res/niceforms/niceforms-custom.css" media="screen" > |
46 <link rel="stylesheet" type="text/css" href="res/niceforms/niceforms-custom.css" media="screen" > |
46 |
47 |
47 <!-- JAVASCRIPT --> |
48 <!-- JAVASCRIPT --> |
48 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> |
49 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> |
112 </head> |
113 </head> |
113 <body> |
114 <body> |
114 <div class="container"> |
115 <div class="container"> |
115 <img src="images/ENMI_2010_logo.gif" class="logo"> |
116 <img src="images/ENMI_2010_logo.gif" class="logo"> |
116 <ul class="menu"> |
117 <ul class="menu"> |
117 <li class="menuUnderline"><a href="<?php URL_ROOT ?>?CONNECT=true" target="_blank" class="menuLink">S'identifier</a></li> |
118 <li class="menuUnderline"><a href="<?php URL_ROOT ?>?CONNECT=true" class="menuLink"> |
118 <li class="menuUnderline"><a href="about.php" target="_blank" class="menuLink">A propos</a></li> |
119 <?php print $translate->_("S'identifier"); ?></a></li> |
119 <li ><a href="mailto:contact@iri.centrepompidou.fr" class="menuLink" >Contact</a></li> |
120 <li class="menuUnderline"><a href="about.php" class="menuLink"> |
|
121 <?php print $translate->_("A propos"); ?></a></li> |
|
122 <li ><a href="mailto:contact@iri.centrepompidou.fr" class="menuLink" > |
|
123 <?php print $translate->_("Contact"); ?></a></li> |
120 </ul> |
124 </ul> |
121 |
125 |
122 |
126 <ul class="menu lang" > |
|
127 <li class="menuUnderline"><a href="<?php URL_ROOT ?>?lang=ja_JP" class="menuLink" > |
|
128 <img src='images/flag_jp.gif'<?php if($actual!="ja_JP"){echo("style='opacity: .5;'"); } ?> /> |
|
129 <?php print $translate->_("Japonais"); ?></a></li> |
|
130 <li class="menuUnderline"><a href="<?php URL_ROOT ?>?lang=fr" class="menuLink"> |
|
131 <img src='images/flag_fr.gif' <?php if($actual!="fr"){echo("style='opacity: .5;'"); } ?> /> |
|
132 <?php print $translate->_("Français"); ?></a></li> |
|
133 <li ><a href="<?php URL_ROOT ?>?lang=en" class="menuLink"> |
|
134 <img src='images/flag_en.gif' <?php if($actual!="en"){echo("style='opacity: .5;'"); } ?> /> |
|
135 <?php print $translate->_("Anglais"); ?></a></li> |
|
136 </ul> |
|
137 |
123 <div class="introBox"> |
138 <div class="introBox"> |
124 |
139 |
125 <div class="slider"> |
140 <div class="slider"> |
126 <!-- container for the slides --> |
141 <!-- container for the slides --> |
127 <div class="images"> |
142 <div class="images"> |
128 <!-- first slide --> |
143 <!-- first slide --> |
129 <div class="slides" style="background-image:url('images/slide0.gif');"> |
144 <div class="slides" style="background-image:url('images/slide0.gif');"> |
130 <p class="slideTitle" > |
145 <p class="slideTitle" > |
131 0. Comment utiliser Polemic tweet en 4 étapes : |
146 <?php print $translate->_("0. TitreSlide"); ?> |
132 </p> |
147 </p> |
133 <p style="padding-top:90px;padding-left:280px;width:520px;" class="slideText"> |
148 <p style="padding-top:90px;padding-left:280px;width:520px;" class="slideText"> |
134 Nous allons vous présenter comment utiliser le tweet polemci en 4 étapes |
149 <?php print $translate->_("0. TextSlide"); ?> |
135 cliquez sur les boutons ci dessous pour changer les slides. |
|
136 </p> |
150 </p> |
137 </div> |
151 </div> |
138 <div class="slides" style="background-image:url('images/slide1.jpg');"> |
152 <div class="slides" style="background-image:url('images/slide1.jpg');"> |
139 <p class="slideTitle" > |
153 <p class="slideTitle" > |
140 1. Identifie toi |
154 <?php print $translate->_("1. TitreSlide"); ?> |
141 </p> |
155 </p> |
142 <br/><br/><br/><br/> |
156 <br/><br/><br/><br/> |
143 <p style="width:400px;padding-left:400px;" class="slideText"> |
157 <p style="width:400px;padding-left:400px;" class="slideText"> |
144 <a class="button_b" href="#" id="IDENTIFIER"><span>S'Identifier</span></a>sur l'application de tweet polemic,<br/> <br/> |
158 <a class="button_b" href="#" id="IDENTIFIER"><span> |
145 <a class="button_w" href="#" id="ACCES"><span>ou accèder lecture seul.</span></a> |
159 <?php print $translate->_("1.1 TextSlide"); ?></span></a> |
|
160 <?php print $translate->_("1.2 TextSlide"); ?>,<br/> <br/> |
|
161 <a class="button_w" href="#" id="ACCES"><span> |
|
162 <?php print $translate->_("1.3 TextSlide"); ?></span></a> |
146 </p> |
163 </p> |
147 </div> |
164 </div> |
148 <!-- second slide --> |
165 <!-- second slide --> |
149 <div class="slides" style="background-image:url('images/slide2.jpg');"> |
166 <div class="slides" style="background-image:url('images/slide2.jpg');"> |
150 <p class="slideTitle" >2. Exprime ton opinion </p> |
167 <p class="slideTitle" ><?php print $translate->_("2. TitreSlide"); ?></p> |
151 <br/><br/> |
168 <br/><br/> |
152 <p style="padding-top:90px;padding-left:280px;width:520px;" class="slideText"> |
169 <p style="padding-top:90px;padding-left:280px;width:520px;" class="slideText"> |
153 Utilise la syntaxe polémique en ajoutant<br/> |
170 <?php print $translate->_("2. TextSlide"); ?> |
154 les caractères suivants ("??", "++", "--", "==") <br/> |
|
155 afin de te positionner par rapport aux propos de la conférence. |
|
156 </p> |
171 </p> |
157 </div> |
172 </div> |
158 <!-- third slide --> |
173 <!-- third slide --> |
159 <div class="slides" style="background-image:url('images/slide3.gif');"> |
174 <div class="slides" style="background-image:url('images/slide3.gif');"> |
160 <p class="slideTitle" >3. Visualise la polémique</p> |
175 <p class="slideTitle" ><?php print $translate->_("3. TitreSlide"); ?></p> |
161 <br/><br/> |
176 <br/><br/> |
162 <p style="width:400px;padding-right:400px;" class="slideText"> |
177 <p style="width:400px;padding-right:400px;" class="slideText"> |
163 Après l'événement une timeline agrége les tweets de l'auditoire et présente le débat synchronisé à l'enregistrement video de la conférence. |
178 <?php print $translate->_("3. TextSlide"); ?> |
164 </p> |
179 </p> |
165 </div> |
180 </div> |
166 <!-- fourth slide --> |
181 <!-- fourth slide --> |
167 <div class="slides" style="background-image:url('images/slide4.jpg');"> |
182 <div class="slides" style="background-image:url('images/slide4.jpg');"> |
168 <p class="slideTitle" >4. Prochain rendez vous ! </p> |
183 <p class="slideTitle" ><?php print $translate->_("4. TitreSlide"); ?></p> |
169 <br/><br/><br/> |
184 <br/><br/><br/> |
170 <p style="width:400px;padding-right:400px;" class="slideText"> |
185 <p style="width:400px;padding-right:400px;" class="slideText"> |
171 RSLN vous invite Jeudi 7 avril à 19h30, à une rencontre avec Mercedes Bunz sur le thème : |
186 <?php print $translate->_("4. TextSlide"); ?> |
172 "Comment les algorithmes ont fini par devenir des producteurs d'infos et pourquoi ils ne remplaceront pour autant jamais les journalistes." |
|
173 </p> |
187 </p> |
174 |
188 |
175 <a class="button_b" href="client.php"><span> Cliquez ici pour allez sur la page de live</span> </a> |
189 <a class="button_b" href="client.php"><span> <?php print $translate->_("4. Button"); ?></span> </a> |
176 |
190 |
177 </div> |
191 </div> |
178 </div> |
192 </div> |
179 |
193 |
180 <!-- the tabs --> |
194 <!-- the tabs --> |
195 <!-- --> |
209 <!-- --> |
196 <div class="archivesBox"> |
210 <div class="archivesBox"> |
197 <div class="archivesBoxHeader"></div> |
211 <div class="archivesBoxHeader"></div> |
198 <div class="archivesBoxContainer"> |
212 <div class="archivesBoxContainer"> |
199 <!-- --> |
213 <!-- --> |
200 <h3 class="archivesTitle">Les derniers événements qui ont utilisé le tweet polemic : </h3> |
214 <h3 class="archivesTitle"><?php print $translate->_("Archive Title :"); ?></h3> |
201 <div id="AVB1" class="archivesVideoBox"> |
215 <div id="AVB1" class="archivesVideoBox"> |
202 <a href="http://amateur.iri.centrepompidou.fr/nouveaumonde/enmi/conf/program/2010_2" target="_blank"> |
216 <img src="images/tail_enmi2010.jpg" width="270" height="150"/> |
203 <img src="images/tail_enmi2010.jpg" width="270" height="150"/> |
|
204 </a> |
|
205 <div class="AVBtitle">ENMI 2010</div> |
217 <div class="AVBtitle">ENMI 2010</div> |
206 <div class="AVBtext"> |
218 <div class="AVBtext"> |
207 par <a href="http://www.iri.centrepompidou.fr" target="_blank">IRI</a> au Centre Pompidou |
219 par <a href="#">IRI</a> au Centre Pompidou |
208 <br/>les 14 et 15 décembre 2010 |· 08:30 - 10:30 |
220 <br/>les 14 et 15 décembre 2010 |· 08:30 - 10:30 |
209 </div> |
221 </div> |
210 </div> |
222 </div> |
211 <!-- --> |
223 <!-- --> |
212 <div id="AVB3" class="archivesVideoBox"> |
224 <div id="AVB3" class="archivesVideoBox"> |
213 <a href="rsln/polemicaltimeline.php"> |
225 <a href="rsln/polemicaltimeline.php"> |
214 <img src="images/tail_clay.jpg" width="270" height="150"/> |
226 <img src="images/tail_clay.jpg" width="270" height="150"/> |
215 </a> |
227 </a> |
216 <div class="AVBtitle">Clay Shirky le net, le surplus cognitif</div> |
228 <div class="AVBtitle">Clay Shirky le net, le surplus cognitif</div> |
217 <div class="AVBtext"> |
229 <div class="AVBtext"> |
218 par <a href="http://www.rslnmag.fr/" target="_blank">RSLN</a> à Microsoft France |
230 par <a href="#">RSLN</a> à Micorsoft France |
219 <br/>le lundi 31 janvier 2011·| 08:30 - 10:30 |
231 <br/>le lundi 31 janvier 2011·| 08:30 - 10:30 |
220 </div> |
232 </div> |
221 </div> |
233 </div> |
222 <!-- --> |
234 <!-- --> |
223 <div id="AVB2" class="archivesVideoBox"> |
235 <div id="AVB2" class="archivesVideoBox"> |
224 <a href="rsln-opendata/polemicaltimeline.php"> |
236 <a href="rsln-opendata/polemicaltimeline.php"> |
225 <img src="images/tail_opendata.jpg" width="270" height="150"/> |
237 <img src="images/tail_opendata.jpg" width="270" height="150"/> |
226 </a> |
238 </a> |
227 <div class="AVBtitle">OPENDATA</div> |
239 <div class="AVBtitle">OPENDATA</div> |
228 <div class="AVBtext"> |
240 <div class="AVBtext"> |
229 par <a href="http://www.rslnmag.fr/" target="_blank">RSLN</a> à Microsoft France |
241 par <a href="#">RSLN</a> à Micorsoft France |
230 <br/>le jeudi 17 mars 2011 | 14:30 - 17:15 |
242 <br/>le jeudi 17 mars 2011 | 14:30 - 17:15 |
231 </div> |
243 </div> |
232 </div> |
244 </div> |
233 |
245 |
234 </div> |
246 </div> |