# HG changeset patch # User Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> # Date 1302106037 -7200 # Node ID 948129d1817eec79ccf53c4edf366f1e2af9391f # Parent 7f43d14b32cd0a6316452b1484e45b4d2725e363 some cleaning and correct url to css open data diff -r 7f43d14b32cd -r 948129d1817e web/rsln-opendata/custom.css --- a/web/rsln-opendata/custom.css Wed Apr 06 17:53:16 2011 +0200 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,95 +0,0 @@ -/* ----------------------------------------------------------------------- - - - IRI - Live tweet annotation CSS - http://www.iri.centrepompidou.fr - - * Copyright (c) 2010-Present. See LICENSE for more info. (cecill-C) - * Contributor : Samuel Huron - ------------------------------------------------------------------------ */ - -body {background-image:url(images/bgd.jpg);background-repeat:repeat-x;background-color:#f7f6f6;font-family: 'PT Sans', arial, serif; } -textarea {margin-left:3px;height: 60px;width: 330px;padding:5px;background-image:url(images/tweetWriterBgdTxtArea.gif);background-repeat:no-repeat;border: none;} -.loginbutton{margin-left:3px;height: 60px;width: 330px;padding:5px;background-image:url(images/tweetWriterBgdUnconnect.gif);background-repeat:no-repeat;border: none;margin-bottom:10px;color:#fff;} -.loginlink{text-decoration:none;color:#fff;} -.menuLink:active {text-decoration:none;} -.menuLink:visited {text-decoration:none;} -h3{font-size: 1.5em;line-height: 1;margin-bottom: 0.3em;} - -#Aboutbox{background-image:url(images/about_bgd.jpg);background-repeat:no-repeat;width:600px;height:360px;overflow:auto; border:1px solid #fff;} -.lightBorder{padding:20px;} -.lightTitle{font-size: 48px;font-weight:900;color:#e6e6e6;font-family: 'Geo', arial, serif;line-height:80%} -.lightSubTitle{font-size: 24px;font-weight:bold;color:#262626; width:250px;line-height:80%} -.lightDescription{font-size: 12px;color:#000; width:288px;text-align:justify;margin-top:15px;} -.lightButton{width:134px;height:22px;background-image:url(images/bt_bgd_grey.jpg);background-repeat:no-repeat;} -.lightButton:active{width:134px;height:22px;background-image:url(images/bt_bgd_grey.jpg);background-repeat:no-repeat;} -.lightButton:over{text-decoration:none;background-image:url(images/bt_bgd_grey.jpg);background-repeat:no-repeat;} - - -.logo{padding-right:10px;float:left;} -.menu{float:left;height:62px;border-left:1px solid #c3c3c3;list-style-type:none;padding:0px;margin:0px;} -.menuUnderline{margin-left:0px;padding-left:0px;background-image:url(images/menu_underline.gif);background-repeat:no-repeat;background-position:left bottom; width:205px;margin-top:3px;} -.menuLink{text-decoration:none; margin:5px; color:#000} -.menuLink:active {text-decoration:none;} -.menuLink:visited {text-decoration:none;} - -.tweetContainer{position:absolute; margin-top:70px;} -.tweetWriter{background-image:url(images/tweetWriterBgd.gif);width:359px;height:136px;padding:10px;position:absolute; margin-top:70px;} -.tweetWriterTitle{color:4b4b4b;font-family: 'PT Sans Narrow', arial, serif;} -.tweetExplain{background-image:url(images/tweetExplainBgd.gif);width:359px;height:510px;padding:10px;position:absolute; margin-top:70px;} - -.tweetReader{width:377px;height:450px;position:absolute; margin-top:225px;border:1px solid #c3c3c3;background:#ffffff;} -.tweetButton{float:right;margin-right:5px;} - -.timelinePlayer{border:1px solid #c3c3c3;width:650px;height:650px;} -.videoLivePlayer{border:1px solid #c3c3c3;width:500px;height:375px;} -.videoLive{width:500px;height:378px;background:#fff;float:left;margin-top:20px;padding:5px;} -.videoLiveProgram{width:500px;margin-top:425px;margin-left:392px;position:absolute;} -.videoLiveProgram2{width:500px;margin-top:470px;margin-left:392px;position:absolute;} - -.videoLiveProgramTitle{color:#4b4b4b;font-family: 'PT Sans Narrow', arial, serif;font-size: 1.5em;padding:5px;border:1px solid #c3c3c3;background-color:#efefef;background-image:url(images/bgdTitle.jpg);background-repeat:no-repeat;} -.videoLiveProgramDescription{padding:5px;border:1px solid #c3c3c3;padding:5px;border-top:none;background-color:#fff;background-image:url(images/bgdDescription.jpg);background-repeat:no-repeat;height:163px;overflow:scroll;} - - -.footer{margin-top:700px;width:960px;height:20px;position:absolute;text-align:center;} -.footerLink{text-decoration:none; margin:5px; color:#000;font-family: 'PT Sans Narrow', arial, serif;font-size: 1.1em;} -.footerLink:active {text-decoration:none;} -.footerLink:visited {text-decoration:none;} - -.tooltip {display:none;background:transparent url(images/white_arrow.png);font-size:12px;height:70px;width:160px;padding:25px;color:#000;} - -.timeline{height:28px;border: 1px solid #ccc;} -.timeFragment {float:left;position:relative;float:left;} -.timeFrame {border-left: 1px solid #AAA;border-right: 1px solid #AAA;height:10px;float:left;position:relative;} -.bigTimeFrame {border-right: 1px solid #ccc;float:left;position:relative;} - -.arrowContainer{height:10px;width:100%;} - -.cleaner {clear:both;} -.txt{visibility:hidden;} - - -.clear { /* generic container (i.e. div) for floating buttons */ - overflow: hidden; - width: 100%; -} - -a.button_w { background: transparent url('images/bg_button_a_w.png') no-repeat scroll top right; color: #444;display: block;float: left;font: normal 12px arial, sans-serif;height: 24px;margin-right: 6px;padding-right: 18px; text-decoration: none;} -a.button_w span { background: transparent url('images/bg_button_span_w.png') no-repeat; display: block;line-height: 14px; padding: 5px 0 5px 18px;} - -a.button_b { background: transparent url('images/bg_button_a_b.png') no-repeat scroll top right; color: #fff;display: block;float: left;font: bold 12px arial, sans-serif;height: 24px;margin-right: 6px;padding-right: 18px; text-decoration: none;} -a.button_b span { background: transparent url('images/bg_button_span_b.png') no-repeat; display: block;line-height: 14px; padding: 5px 0 5px 18px;} - -#question{background: transparent url('images/bt_blue.png') no-repeat; width:32px;height:20px;text-decoration: none;font: normal 12px;color: #444;text-align:center; } -#question:active {text-decoration:none;} -#question:visited {text-decoration:none;} -#reference{background: transparent url('images/bt_yellow.png') no-repeat;width:32px;height:20px;text-decoration: none;font: normal 12px;color: #444;text-align:center; } -#reference:active {text-decoration:none;} -#reference:visited {text-decoration:none;} -#positive{background: transparent url('images/bt_green.png') no-repeat;width:32px;height:20px;text-decoration: none;font: normal 12px;color: #444;text-align:center; } -#positive:active {text-decoration:none;} -#positive:visited {text-decoration:none;} -#negative{background: transparent url('images/bt_red.png') no-repeat;width:32px;height:20px;text-decoration: none;font: normal 12px;color: #444;text-align:center; } -#negative:active {text-decoration:none;} -#negative:visited {text-decoration:none;} diff -r 7f43d14b32cd -r 948129d1817e web/rsln-opendata/index - Copie.php --- a/web/rsln-opendata/index - Copie.php Wed Apr 06 17:53:16 2011 +0200 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,540 +0,0 @@ -getRequestToken(); - $_SESSION['TWITTER_REQUEST_TOKEN'] = serialize($token); - - /** - * Now redirect user to Twitter site so they can log in and - * approve our access - */ - $consumer->redirect(); -} - -?> - - - - - - - RSLN - Live Video and Annotation - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - -
-
- -
- -
- -
- - - -
-
-
- - - - - -
L’Open Data, et nous, et nous, et nous ?
-
-
-De quoi le mouvement Open Data est-il le nom ? Et quelles conditions réunir pour enclencher un cercle vertueux autour de cette évolution structurelle du web, qui dessine un monde où la donnée retrouve une valeur, et peut fonder de nouvelles activités, de nouveaux secteurs économiques ? - -Microsoft France, avec RSLN et le World e.gov Forum, organisent un atelier de réflexion autour du phénomène Open Data, pendant une demi-journée, le jeudi 17 mars, à partir de 14h30, pour comprendre, et imaginer, ensemble, le monde de l’abondance des données. - -
- - -
- -
-

Annotations polémique :

-
- - Vous n'êtes pas connecté.
- Pour participer, veuillez vous identifier en cliquant ici.
"); - }else{ - echo(""); - } - ?> - - -
- Votre tweet a bien été envoyé !

-
- -
- Ooups! il y a une erreur vous avez le droit de frapper le developpeur :
 


-
- - - - Envoyer - - ++ - -- - == - ?? - -
- -
- -
- -
-
- - IRI - | RSLN - | World e.gov Forum - | MICROSOFT.fr - Déconnexion"); - } - ?> - -
- - - - - -
-
-
-
 
-
Annotation polémique par tweet
-
À partir de cette interface ou de votre client twitter habituel, vous pouvez réagir en direct aux conférences en twittant. Vos tweets seront synchronisés avec l'enregistrement des conférences. Vous pourrez qualifier vos tweets en y intégrant la syntaxe ci-contre. Voir l'exemple sur la conférence de clay Shirky. -
-
-
- S'identifier

- Libre accès -
-
-
-
- - - - diff -r 7f43d14b32cd -r 948129d1817e web/rsln-opendata/index.php --- a/web/rsln-opendata/index.php Wed Apr 06 17:53:16 2011 +0200 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,540 +0,0 @@ -getRequestToken(); - $_SESSION['TWITTER_REQUEST_TOKEN'] = serialize($token); - - /** - * Now redirect user to Twitter site so they can log in and - * approve our access - */ - $consumer->redirect(); -} - -?> - - - - - - - RSLN - Live Video and Annotation - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - -
-
- -
- -
- -
- - - -
-
-
- - - - - -
L’Open Data, et nous, et nous, et nous ?
-
-
-De quoi le mouvement Open Data est-il le nom ? Et quelles conditions réunir pour enclencher un cercle vertueux autour de cette évolution structurelle du web, qui dessine un monde où la donnée retrouve une valeur, et peut fonder de nouvelles activités, de nouveaux secteurs économiques ? - -Microsoft France, avec RSLN et le World e.gov Forum, organisent un atelier de réflexion autour du phénomène Open Data, pendant une demi-journée, le jeudi 17 mars, à partir de 14h30, pour comprendre, et imaginer, ensemble, le monde de l’abondance des données. - -
- - -
- -
-

Annotations polémique :

-
- - Vous n'êtes pas connecté.
- Pour participer, veuillez vous identifier en cliquant ici.
"); - }else{ - echo(""); - } - ?> - - -
- Votre tweet a bien été envoyé !

-
- -
- Ooups! il y a une erreur vous avez le droit de frapper le developpeur :
 


-
- - - - Envoyer - - ++ - -- - == - ?? - -
- -
- -
- -
-
- - IRI - | RSLN - | World e.gov Forum - | MICROSOFT.fr - Déconnexion"); - } - ?> - -
- - - - - -
-
-
-
 
-
Annotation polémique par tweet
-
À partir de cette interface ou de votre client twitter habituel, vous pouvez réagir en direct aux conférences en twittant. Vos tweets seront synchronisés avec l'enregistrement des conférences. Vous pourrez qualifier vos tweets en y intégrant la syntaxe ci-contre. Voir l'exemple sur la conférence de clay Shirky. -
-
-
- S'identifier

- Libre accès -
-
-
-
- - - - diff -r 7f43d14b32cd -r 948129d1817e web/rsln-opendata/polemicaltimeline.php --- a/web/rsln-opendata/polemicaltimeline.php Wed Apr 06 17:53:16 2011 +0200 +++ b/web/rsln-opendata/polemicaltimeline.php Wed Apr 06 18:07:17 2011 +0200 @@ -13,7 +13,7 @@ - + diff -r 7f43d14b32cd -r 948129d1817e web/rsln/index.php --- a/web/rsln/index.php Wed Apr 06 17:53:16 2011 +0200 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,570 +0,0 @@ -getRequestToken(); - $_SESSION['TWITTER_REQUEST_TOKEN'] = serialize($token); - - /** - * Now redirect user to Twitter site so they can log in and - * approve our access - */ - $consumer->redirect(); -} - -?> - - - - - - - RSLN - Live Video and Annotation - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - -
-
- - - -
- -
- -
- - - -
-
-
- - - - - -
Clay Shirky : « Personne n'est titulaire du code source de la démocratie » La vidéo sous Lignes de Temps
-
-
- Journaliste américain spécialiste des nouvelles technologies de l'information et de la communication - NTIC, Clay Shirky est aussi consultant, écrivain, professeur.

- -Diplômé de l'Université de New York il écrit et enseigne, entre autres, sur les effets de corrélation de la topologie sociale et technologique de réseau, où comment nos réseaux forment la culture et inversement.

-
Dernier ouvrages : -Source : Wikipedia.fr -
Plus d'information : www.shirky.com -
Crédit photo : CC BY NA - Pop!Tech 2008 - -
- - -
- -
-

Annotations polémique :

-
- - Vous n'êtes pas connecté.
- Pour participer, veuillez vous identifier en cliquant ici.
"); - }else{ - echo(""); - } - ?> - - -
- Votre tweet a bien été envoyé !

-
- -
- Ooups! il y a une erreur vous avez le droit de frapper le developpeur :
 


-
- - - - Envoyer - - ++ - -- - == - ?? - -
- -
- -
- -
-
- - IRI - | RSLN - | SLATE.fr - | MICROSOFT.fr - Déconnexion"); - } - ?> - -
- - - - - -
-
-
-
 
-
Annotation polémique par tweet
-
À partir de cette interface ou de votre client twitter habituel, vous pouvez réagir en direct aux conférences en twittant. Vos tweets seront synchronisés avec l'enregistrement des conférences. Vous pourrez qualifier vos tweets en y intégrant la syntaxe ci-contre. -
-
-
- S'identifier

- Libre accès -
-
-
-
- - - - diff -r 7f43d14b32cd -r 948129d1817e web/rsln/index.php.orig --- a/web/rsln/index.php.orig Wed Apr 06 17:53:16 2011 +0200 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,506 +0,0 @@ -getRequestToken(); - $_SESSION['TWITTER_REQUEST_TOKEN'] = serialize($token); - - /** - * Now redirect user to Twitter site so they can log in and - * approve our access - */ - $consumer->redirect(); -} - -?> - - - - - - - RSLN - Live Video and Annotation - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - -
-
- - - -
- -
- - - -
-
-
- - - - - -
Clay Shirky : « Personne n'est titulaire du code source de la démocratie » La vidéo sous Lignes de Temps
-
-
- Journaliste américain spécialiste des nouvelles technologies de l'information et de la communication - NTIC, Clay Shirky est aussi consultant, écrivain, professeur.

- -Diplômé de l'Université de New York il écrit et enseigne, entre autres, sur les effets de corrélation de la topologie sociale et technologique de réseau, où comment nos réseaux forment la culture et inversement.

-
Dernier ouvrages : -Source : Wikipedia.fr -
Plus d'information : www.shirky.com -
Crédit photo : CC BY NA - Pop!Tech 2008 - -
- - -
- -
-

Annotations polémique :

-
- - Vous n'êtes pas connecté.
- Pour participer, veuillez vous identifier en cliquant ici.
"); - }else{ - echo(""); - } - ?> - - -
- Votre tweet a bien été envoyé !

-
- -
- Ooups! il y a une erreur vous avez le droit de frapper le developpeur :
 


-
- - - - Envoyer - - ++ - -- - == - ?? - - - -
- -
- -
-
- - IRI - | RSLN - | SLATE.fr - | MICROSOFT.fr - Déconnexion"); - } - ?> - -
- - - - - -
-
-
-
 
-
Annotation polémique par tweet
-
À partir de cette interface ou de votre client twitter habituel, vous pouvez réagir en direct aux conférences en twittant. Vos tweets seront synchronisés avec l'enregistrement des conférences. Vous pourrez qualifier vos tweets en y intégrant la syntaxe ci-contre. -
-
-
- S'identifier

- Libre accès -
-
-
-
- - - - diff -r 7f43d14b32cd -r 948129d1817e web/rsln/polemicaltimeline2.php --- a/web/rsln/polemicaltimeline2.php Wed Apr 06 17:53:16 2011 +0200 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,667 +0,0 @@ -getRequestToken(); - $_SESSION['TWITTER_REQUEST_TOKEN'] = serialize($token); - - /** - * Now redirect user to Twitter site so they can log in and - * approve our access - */ - $consumer->redirect(); -} - -?> - - - - - - - RSLN - Live Video and Annotation - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
-
- - - -
- - - - -
-

Annotations polémique :


- l’Institut de recherche et d’innovation (Iri) vous a proposer une expérimentation et une démonstration d’un dispositif d’annotation polémique basé sur twitter. -Cette qualification de vos tweets nous a permis de créer une timeline polemique représentant les positions de -l'auditoire durant la conférence. -

- - Cette syntaxe polémique vous a premis de prendre position relativement à l’intervenant ou aux autres participants au débat : - - - - - - - - - - - - - -
- ++ correspond à un tweet d’assentiment
- - -- à un tweet de désaccord,
- == à un tweet de complément
- ?? à une question
- - Suite a cette phase d’annotation, vous trouverez à droite de ce texte la version alpha de l'interface de navigation et de représentation de la polémique durant la conférence. - -

-Ce dispositif, outre qu’il approfondit la dimension critique de la discussion avec la salle et les auditeurs présents ou distants, permet ainsi également de pérenniser et de valoriser les commentaires produits en les rendant accessibles en temps différé lors de tout visionnage ultérieur de la vidéo  -
-
Merci a RSLN pour cette expérimentation ! -
- -
-
- -
- -
- - - -
- -
- -
-
- - IRI - | RSLN - | SLATE.fr - | MICROSOFT.fr - Déconnexion"); - } - ?> - -
- -
- - -
-
-
-
 
-
Annotation polémique par tweet
-
Lors de la conférence du 31 janvier 2011 organiser par RSLN vous avez expérimenté une syntaxe polémique pour "tweeter". Cette qualification de vos tweets nous a permis de créer une timeline polemique. Cette timeline vous permet de naviguer dans la vidéo
tout en représentant les positions de
l'auditoire durant la conférence. -
-
-
- - voir la vidéo - -
-
-
-
- - - - - - - - - diff -r 7f43d14b32cd -r 948129d1817e web/rsln/polemicaltimeline3.php --- a/web/rsln/polemicaltimeline3.php Wed Apr 06 17:53:16 2011 +0200 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,510 +0,0 @@ - - - - - RSLN - Live Video and Annotation - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
-
- - - - - - -
- - - - - - - - - - - -
-

Annotations polémique :


- l’Institut de recherche et d’innovation (Iri) vous a proposer une expérimentation et une démonstration d’un dispositif d’annotation polémique basé sur twitter. -Cette qualification de vos tweets nous a permis de créer une timeline polemique représentant les positions de -l'auditoire durant la conférence. -

- - Cette syntaxe polémique vous a premis de prendre position relativement à l’intervenant ou aux autres participants au débat : - - - - - - - - - - - - - -
- ++ correspond à un tweet d’assentiment
- - -- à un tweet de désaccord,
- == à un tweet de référence
- ?? à une question
- - Suite a cette phase d’annotation, vous trouverez à droite de ce texte la version alpha de l'interface de navigation et de représentation de la polémique durant la conférence. - -

-Ce dispositif, outre qu’il approfondit la dimension critique de la discussion avec la salle et les auditeurs présents ou distants, permet ainsi également de pérenniser et de valoriser les commentaires produits en les rendant accessibles en temps différé lors de tout visionnage ultérieur de la vidéo  -
-
Merci a RSLN pour cette expérimentation ! -
- - - - - -
-
- -
- - - -
- - - -
- -
- - - - - -
-
- - IRI - | RSLN - | SLATE.fr - | MICROSOFT.fr -
- -
- - - - - - -