# HG changeset patch # User veltr # Date 1353577972 -3600 # Node ID f02b45b9532c2e366bc4af8d434919a8fe6ab4ba # Parent f39df810caabd1107d6818740efe99f735babbc1# Parent 4e6f9bb69feb74a6e583b3c1e29770abe980d438 Merge with 4e6f9bb69feb74a6e583b3c1e29770abe980d438 diff -r f39df810caab -r f02b45b9532c integration/css/common.css --- a/integration/css/common.css Thu Nov 22 10:52:28 2012 +0100 +++ b/integration/css/common.css Thu Nov 22 10:52:52 2012 +0100 @@ -62,7 +62,6 @@ /* custom reset */ body{ height: 100%; - background: url(../img/bg.png) repeat-x 0 0; } a{ color:#000; @@ -77,9 +76,13 @@ } /* common */ +.wrapper{ + background-color: #FFF; + background-image: url(../img/bg.png); + background-repeat: repeat-x; +} .wrap{ min-height:100%; - background-color: #FFF; width: 960px; margin: 0 auto; font-family: 'Open Sans'; @@ -88,12 +91,16 @@ font-size: 13px; height: 100%; } -.wrap-header{ +.wrap-header-top{ padding-top: 5px; background-color: #370078; height: 53px; margin-bottom: 1px; } +.wrap-header-top-content{ + width: 960px; + margin: 0 auto; +} /* header - title-video-wrap */ .title-video-wrap{ width: 380px; @@ -122,9 +129,14 @@ float: left; height: 60px; } + +.wrap-header{ + background-color: #e2dbfd; +} .header{ position: relative; - background-color: #e2dbfd; + width: 960px; + margin: 0 auto; height: 60px; } .header .title-video-wrap, diff -r f39df810caab -r f02b45b9532c integration/edition.html --- a/integration/edition.html Thu Nov 22 10:52:28 2012 +0100 +++ b/integration/edition.html Thu Nov 22 10:52:52 2012 +0100 @@ -14,28 +14,19 @@ -
-
+ +
+
Bibliothèque centre Pompidou
+
+ + +
- -
- -
-
-

- - -

-

- - -

-
-
-
+ +
@@ -100,7 +91,27 @@
- + + + + +
+ +
+
+

+ + +

+

+ + +

+
+
+
+ +

Hashcut Le Mashup
Cliquable @@ -116,218 +127,225 @@ Mon profil

-
-
-
-

Sélectionner les vidéos

- -
-
    - -
-
- -
- -
- Segmenter - Prévisualiser -
- -
-
-

Créer un Hashcut, c’est facile !

-
    -
  1. Commencez par choisir une vidéo dans le volet de gauche
    2. -
  2. Créez un segment dans la vidéo et profitez-en pour annoter votre segment
    3. -
  3. Ajoutez votre segment à la liste, réorganisez les segments entre eux
    4. -
  4. Rajoutez quelques commentaires à votre Hashcut. Vous êtes prêts à publier !
    5. -
+
+ +
+
+
+ +
+
+

Sélectionner les vidéos

+
-
- -
+
    + +
+
-
-
-
-
-
00:00
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
00:00
-
/
-
00:00
-
-
-
-
-
-
-
+
+ +
+ Segmenter + Prévisualiser
-
- -
-
-
-
- +
+
+

Créer un Hashcut, c’est facile !

+
    +
  1. Commencez par choisir une vidéo dans le volet de gauche
    2. +
  2. Créez un segment dans la vidéo et profitez-en pour annoter votre segment
    3. +
  3. Ajoutez votre segment à la liste, réorganisez les segments entre eux
    4. +
  4. Rajoutez quelques commentaires à votre Hashcut. Vous êtes prêts à publier !
    5. +
-
-
-
-
-

- Créer un nouveau segment - de - - à - - (durée: - ) -

-
-
-

- - -

-

- -

    -

    -
    -
    -

    - - -

    -
    - - -
    -
    -
    - -
    -

    Mes segments sur ce média :

    -
    -
    -
    - -
    -

    Segments existants sur ce média :

    -
    -
    +
    +
    -
    - -
    - -
    -
    -
    +
    +
    +
    +
    +
    00:00
    + +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    -
    +
    +
    +
    +
    00:00
    +
    /
    +
    00:00
    +
    +
    +
    -
    -
    -
    -
    -
    +
    +
    +
    - -
    + +
    +
    +
    -
      -
      • -
    +
    +
    +
    +

    + Créer un nouveau segment + de + + à + + (durée: + ) +

    +
    +
    +

    + + +

    +

    + +

      +

      +
      +
      +

      + + +

      +
      + -

      - - - - - - - - - - - - - - - -
      Extrait de : ( - )
      Description :
      Tags :
      +
      +
      +
      + +
      +

      Mes segments sur ce média :

      +
      +
      +
      + +
      +

      Segments existants sur ce média :

      +
      -
      -
      +
      + +
      -
      -
      -
      -
      -
      -

      Liste des segments

      -
      -

      Aucun segment

      -
      -
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      -
      -
      +
      -
      -
      -
      -
      + +
      +
      + +
      +
      +
        +
        • +
      -
      -
      +

      + + + + + + + + + + + + + + + +
      Extrait de : ( - )
      Description :
      Tags :
      +
      +
      +
      -
        - -
      -
      - -
      +
      -
      - -
        -
      • iri
        • -
      • cinecast
        • -
      • © 2012
        • -
      -
      -
      +
      +
      +
      +
      +
      +

      Liste des segments

      +
      +

      Aucun segment

      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      + +
      +
      + +
        + +
      +
      + +
      + +
      + +
        +
      • iri
        • +
      • cinecast
        • +
      • © 2012
        • +
      +
      +
      +
      + diff -r f39df810caab -r f02b45b9532c integration/hashcut.html --- a/integration/hashcut.html Thu Nov 22 10:52:28 2012 +0100 +++ b/integration/hashcut.html Thu Nov 22 10:52:52 2012 +0100 @@ -13,13 +13,17 @@ -
      -
      + +
      +
      Bibliothèque centre Pompidou
      +
      + +
      - +
      @@ -84,7 +88,9 @@
      - + + +

      Hashcut Le Mashup
      Cliquable       @@ -110,138 +116,142 @@       Mon profil

      +
      -
      +
      +
      +
      -
      -

      Lire le Hashcut

      -
      -
      -
      -
      -
      -
      -
      -
      -
      - -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      +
      +

      Lire le Hashcut

      +
      +
      +
      +
      +
      +
      +
      -
      -
      -
      -
      00:00
      -
      /
      -
      1:03:30
      -
      -
      -
      -
      -
      -
      -
      -
      - -
      -
      -
      -
      +
      + +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      -
      +
      +
      +
      +
      00:00
      +
      /
      +
      1:03:30
      +
      +
      +
      -
      -
      -
      -
      -
      +
      +
      +
      -
      - -
      -

      Segment sans titre

      - - - - - - - - - - - - - - - -
      Extrait de :Firminy, le maire et l'architecte (00:00 - 53:50)
      Description :Extrait de « Firminy, le maire et l'architecte »
      Tags :(fonctionnalité à venir)
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      + +
      +

      Segment sans titre

      + + + + + + + + + + + + + + + +
      Extrait de :Firminy, le maire et l'architecte (00:00 - 53:50)
      Description :Extrait de « Firminy, le maire et l'architecte »
      Tags :(fonctionnalité à venir)
      +
      +
      +
      +
      + +
      +

      Plus d’informations

      +
      + + + + + + + + + + + + + + + + + + + + +
      Titre :Titre du Hashcut
      Durée :
      Auteur :
      Description :
      + Cloner le Hashcut
      -
      -
      - -
      -

      Plus d’informations

      -
      - - - - - - - - - - - - - - - - - - - - -
      Titre :Titre du Hashcut
      Durée :
      Auteur :
      Description :
      - Cloner le Hashcut -
      -

      Médias utilisés dans le Hashcut

      -
        - -
      -
      +

      Médias utilisés dans le Hashcut

      +
        + +
      +
      -
      +
      -
      - -
        -
      • iri
        • -
      • cinecast
        • -
      • © 2012
        • -
      -
      -
      +
      + +
        +
      • iri
        • +
      • cinecast
        • +
      • © 2012
        • +
      +
      +
      +
      diff -r f39df810caab -r f02b45b9532c integration/home.html --- a/integration/home.html Thu Nov 22 10:52:28 2012 +0100 +++ b/integration/home.html Thu Nov 22 10:52:52 2012 +0100 @@ -12,12 +12,19 @@ -
      -
      + +
      +
      Bibliothèque centre Pompidou
      +
      + + +
      - + + +
      @@ -82,7 +89,9 @@
      - + + +

      Hashcut Le Mashup
      Cliquable       @@ -95,109 +104,113 @@       Mon profil

      - -
      -
      -

      Hashcuts à la Une

      -
      -
      - -

      Mon Hashcut par Hashcutter | 02:24

      -
      -
      - -

      Mon Hashcut par Hashcutter | 02:24

      -
      -
      - -

      Derniers Hashcuts

      -
      -
      - -

      Mon Hashcut par Hashcutter | 02:24

      +
      + +
      +
      +
      +
      +

      Hashcuts à la Une

      +
      +
      + +

      Mon Hashcut par Hashcutter | 02:24

      +
      +
      + +

      Mon Hashcut par Hashcutter | 02:24

      +
      -
      - -

      Mon Hashcut par Hashcutter | 02:24

      -
      -
      - -

      Mon Hashcut par Hashcutter | 02:24

      -
      -
      - -

      Mon Hashcut par Hashcutter | 02:24

      -
      -
      - -

      Mon Hashcut par Hashcutter | 02:24

      -
      -
      - -

      Mon Hashcut par Hashcutter | 02:24

      -
      -
      - -

      Mon Hashcut par Hashcutter | 02:24

      -
      -
      - -

      Mon Hashcut par Hashcutter | 02:24

      + +

      Derniers Hashcuts

      +
      +
      + +

      Mon Hashcut par Hashcutter | 02:24

      +
      +
      + +

      Mon Hashcut par Hashcutter | 02:24

      +
      +
      + +

      Mon Hashcut par Hashcutter | 02:24

      +
      +
      + +

      Mon Hashcut par Hashcutter | 02:24

      +
      +
      + +

      Mon Hashcut par Hashcutter | 02:24

      +
      +
      + +

      Mon Hashcut par Hashcutter | 02:24

      +
      +
      + +

      Mon Hashcut par Hashcutter | 02:24

      +
      +
      + +

      Mon Hashcut par Hashcutter | 02:24

      +
      -
      - - - -
      -
      -
      -

      Hashcuts ?

      -

      Un Hashcut est à la fois une Hypervidéo (ensemble de vidéos cliquable, permettant une navigation entre vidéos) et un Mashup (mélange de médias, de l’anglais mash, «purée»).

      -

      Un Hashcut est un assemblage de citations de vidéos, mises bout à bout, sans altération des médias d’origine, et permet à chacun de proposer un nouveau regard, une porte d’entrée éditorialisée sur ces médias.

      -
      -
      -

      Comment faire ?

      -
        -
      • -

        1. S’inscrire

        -

        Commencez par créer votre espace personnel sur cette plateforme !

        -
        • -
      • -
      • -

        2. Créer un hashcut

        -

        Choisissez des médias, segmentez les, assemblez les segments et rajoutez des commentaires sur le Hashcut.

        -
        • -
      • -
      • -

        3. Publier et partager

        -

        Une fois le hashcut terminé, publiez-le sur cette plateforme etpartagez votre création sur les réseaux sociaux

        -
        • -
      -
      - -
      -
      + + + +
      +
      +
      +

      Hashcuts ?

      +

      Un Hashcut est à la fois une Hypervidéo (ensemble de vidéos cliquable, permettant une navigation entre vidéos) et un Mashup (mélange de médias, de l’anglais mash, «purée»).

      +

      Un Hashcut est un assemblage de citations de vidéos, mises bout à bout, sans altération des médias d’origine, et permet à chacun de proposer un nouveau regard, une porte d’entrée éditorialisée sur ces médias.

      +
      +
      +

      Comment faire ?

      +
        +
      • +

        1. S’inscrire

        +

        Commencez par créer votre espace personnel sur cette plateforme !

        +
        • +
      • +
      • +

        2. Créer un hashcut

        +

        Choisissez des médias, segmentez les, assemblez les segments et rajoutez des commentaires sur le Hashcut.

        +
        • +
      • +
      • +

        3. Publier et partager

        +

        Une fois le hashcut terminé, publiez-le sur cette plateforme etpartagez votre création sur les réseaux sociaux

        +
        • +
      +
      + +
      +
      -
      - -
        -
      • iri
        • -
      • cinecast
        • -
      • © 2012
        • -
      -
      -
      +
      + +
        +
      • iri
        • +
      • cinecast
        • +
      • © 2012
        • +
      +
      +
      +
      diff -r f39df810caab -r f02b45b9532c integration/img/bg.png Binary file integration/img/bg.png has changed diff -r f39df810caab -r f02b45b9532c integration/profil.html --- a/integration/profil.html Thu Nov 22 10:52:28 2012 +0100 +++ b/integration/profil.html Thu Nov 22 10:52:52 2012 +0100 @@ -12,12 +12,19 @@ -
      -
      + +
      +
      Bibliothèque centre Pompidou
      +
      + + +
      - + + +
      @@ -83,6 +90,8 @@
      + +

      Hashcut Le Mashup
      Cliquable       @@ -93,59 +102,63 @@       Mon profil

      - -
      -

      Hashcuts de Hashcutter75

      - -
      -
      - -

      Mon Hashcut | 02:24

      -
      -
      - -

      Mon Hashcut | 02:24

      -
      -
      - -

      Mon Hashcut | 02:24

      -
      -
      - -

      Mon Hashcut | 02:24

      -
      -
      - -

      Mon Hashcut | 02:24

      +
      + +
      +
      +
      +

      Hashcuts de Hashcutter75

      + +
      +
      + +

      Mon Hashcut | 02:24

      +
      +
      + +

      Mon Hashcut | 02:24

      +
      +
      + +

      Mon Hashcut | 02:24

      +
      +
      + +

      Mon Hashcut | 02:24

      +
      +
      + +

      Mon Hashcut | 02:24

      +
      +
      + +

      Mon Hashcut | 02:24

      +
      -
      - -

      Mon Hashcut | 02:24

      -
      -
      - -
      + +
      -
      - -
        -
      • iri
        • -
      • cinecast
        • -
      • © 2012
        • -
      -
      -
      +
      + +
        +
      • iri
        • +
      • cinecast
        • +
      • © 2012
        • +
      +
      +
      +