Formation Coop-Tic : OutilS

======Boite à outils======
Nous mettrons ici au-fur-et-à-mesure des cours la présentation des différents outils utilisés.
N'hésitez pas à ajouter d'autres outils !
=====CMS=====
""<div id="accordion1" class="accordion">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a href="#collapse1One" data-parent="#accordion1" data-toggle="collapse" class="accordion-toggle">
       Spip
      </a>
    </div>
    <div class="accordion-body collapse" id="collapse1One">
      <div class="accordion-inner">
        <iframe class="yeswiki_frame" width="960" height="700" frameborder="0" src="http://outils-reseaux.org/SpiP/iframe"></iframe> 
      </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a href="#collapse1Two" data-parent="#accordion1" data-toggle="collapse" class="accordion-toggle">
       Drupal
      </a>
    </div>
    <div class="accordion-body collapse" id="collapse1Two">
      <div class="accordion-inner">
        <iframe class="yeswiki_frame" width="960" height="700" frameborder="0" src="http://outils-reseaux.org/DrupaL/iframe"></iframe> 
      </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a href="#collapse1Three" data-parent="#accordion1" data-toggle="collapse" class="accordion-toggle">
      Joomla
      </a>
    </div>
    <div class="accordion-body collapse" id="collapse1Three">
      <div class="accordion-inner">
        <iframe class="wikiframe" width="700" height="540" frameborder="0" src="http://outils-reseaux.org/FicheOutilJoomla/iframe"></iframe>
      </div>
    </div>
  </div>
</div>""

=====Blogs=====
""<div id="accordion2" class="accordion">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a href="#collapse2One" data-parent="#accordion2" data-toggle="collapse" class="accordion-toggle">
      Wordpress
      </a>
    </div>
    <div class="accordion-body collapse" id="collapse2One">
      <div class="accordion-inner">
        <iframe class="yeswiki_frame" width="960" height="700" frameborder="0" src="http://outils-reseaux.org/WordpresS/iframe"></iframe> 
      </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a href="#collapse2Two" data-parent="#accordion2" data-toggle="collapse" class="accordion-toggle">
      Blogger
      </a>
    </div>
    <div class="accordion-body collapse" id="collapse2Two">
      <div class="accordion-inner">
        <iframe class="yeswiki_frame" width="960" height="700" frameborder="0" src="http://outils-reseaux.org/BloggeR/iframe"></iframe>
      </div>
    </div>
  </div>
</div>""

=====Les outils de microblogs=====
""<div id="accordion3" class="accordion">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a href="#collapse3One" data-parent="#accordion3" data-toggle="collapse" class="accordion-toggle">
      Twitter
      </a>
    </div>
    <div class="accordion-body collapse" id="collapse3One">
      <div class="accordion-inner">
        <iframe class="yeswiki_frame" width="960" height="700" frameborder="0" src="http://outils-reseaux.org/TwitteR/iframe"></iframe>
      </div>
    </div>
  </div>
</div>""

=====Les outils de veille=====
""<div id="accordion4" class="accordion">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a href="#collapse4One" data-parent="#accordion4" data-toggle="collapse" class="accordion-toggle">
      Netvibes
      </a>
    </div>
    <div class="accordion-body collapse" id="collapse4One">
      <div class="accordion-inner">
        <iframe class="yeswiki_frame" width="960" height="700" frameborder="0" src="http://outils-reseaux.org/NetvibeS/iframe"></iframe>
      </div>
    </div>
  </div>
</div>

<div id="accordion4" class="accordion">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a href="#collapse4Two" data-parent="#accordion4" data-toggle="collapse" class="accordion-toggle">
      Pearltree
      </a>
    </div>
    <div class="accordion-body collapse" id="collapse4Two">
      <div class="accordion-inner">
       <iframe class="yeswiki_frame" width="960" height="700" frameborder="0" src="http://outils-reseaux.org/PearltreeS/iframe"></iframe>
      </div>
    </div>
  </div>
</div>""

=====Les outils de bureautique en ligne=====
""<div id="accordion5" class="accordion">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a href="#collapse5One" data-parent="#accordion5" data-toggle="collapse" class="accordion-toggle">
      Etherpad
      </a>
    </div>
    <div class="accordion-body collapse" id="collapse5One">
      <div class="accordion-inner">
       <iframe class="yeswiki_frame" width="960" height="700" frameborder="0" src="http://outils-reseaux.org/EtherpaD/iframe"></iframe>
      </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a href="#collapse5Two" data-parent="#accordion5" data-toggle="collapse" class="accordion-toggle">
      Evernote
      </a>
    </div>
    <div class="accordion-body collapse" id="collapse5Two">
      <div class="accordion-inner">
        <iframe class="yeswiki_frame" width="960" height="700" frameborder="0" src="http://outils-reseaux.org/EvernotE/iframe"></iframe>
      </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a href="#collapse5Tree" data-parent="#accordion5" data-toggle="collapse" class="accordion-toggle">
      Google Documents
      </a>
    </div>
    <div class="accordion-body collapse" id="collapse5Tree">
      <div class="accordion-inner">
        <iframe class="yeswiki_frame" width="960" height="700" frameborder="0" src="http://outils-reseaux.org/GoogleDocuments/iframe"></iframe>
      </div>
    </div>
  </div>
</div>""

=====Les outils pour réaliser des cartes mentales ou cartes heuristiques=====
""<div id="accordion6" class="accordion">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a href="#collapse6One" data-parent="#accordion6" data-toggle="collapse" class="accordion-toggle">
      FreePlane
      </a>
    </div>
    <div class="accordion-body collapse" id="collapse6One">
      <div class="accordion-inner">
       <iframe class="yeswiki_frame" width="960" height="700" frameborder="0" src="http://outils-reseaux.org/FreeplanE/iframe"></iframe>
      </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a href="#collapse6Two" data-parent="#accordion6" data-toggle="collapse" class="accordion-toggle">
      Prezi
      </a>
    </div>
    <div class="accordion-body collapse" id="collapse6Two">
      <div class="accordion-inner">
        <iframe class="yeswiki_frame" width="960" height="700" frameborder="0" src="http://outils-reseaux.org/PrezI/iframe"></iframe>
      </div>
    </div>
  </div>
</div>""

=====Listes de diffusion=====
""<div id="accordion7" class="accordion">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a href="#collapse7One" data-parent="#accordion7" data-toggle="collapse" class="accordion-toggle">
      Yahoo Groups
      </a>
    </div>
    <div class="accordion-body collapse" id="collapse7One">
      <div class="accordion-inner">
        <iframe class="wikiframe" width="700" height="400" frameborder="0" src="http://outils-reseaux.org/FicheOutilYahooGoroupe/iframe"></iframe>
      </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a href="#collapse7Two" data-parent="#accordion7" data-toggle="collapse" class="accordion-toggle">
      Google Groups
      </a>
    </div>
    <div class="accordion-body collapse" id="collapse7Two">
      <div class="accordion-inner">
        <iframe class="wikiframe" width="700" height="400" frameborder="0" src="http://outils-reseaux.org/FicheOutilGoogleGroupe/iframe"></iframe>
      </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a href="#collapse7Tree" data-parent="#accordion7" data-toggle="collapse" class="accordion-toggle">
      Phplist
      </a>
    </div>
    <div class="accordion-body collapse" id="collapse7Tree">
      <div class="accordion-inner">
       <iframe class="wikiframe" width="700" height="400" frameborder="0" src="http://outils-reseaux.org/FicheOutilPhpliste/iframe"></iframe>
      </div>
    </div>
  </div>
</div>""

=====Outils de communication synchrone=====
""<div id="accordion8" class="accordion">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a href="#collapse8One" data-parent="#accordion8" data-toggle="collapse" class="accordion-toggle">
      Skype
      </a>
    </div>
    <div class="accordion-body collapse" id="collapse8One">
      <div class="accordion-inner">
       <iframe class="yeswiki_frame" width="960" height="700" frameborder="0" src="http://outils-reseaux.org/SkypE/iframe"></iframe> 
      </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a href="#collapse8Two" data-parent="#accordion8" data-toggle="collapse" class="accordion-toggle">
      FlashMeeting
      </a>
    </div>
    <div class="accordion-body collapse" id="collapse8Two">
      <div class="accordion-inner">
        <iframe class="yeswiki_frame" width="960" height="700" frameborder="0" src="http://outils-reseaux.org/FlashmeetinG/iframe"></iframe>
      </div>
    </div>
  </div>
</div>""

=====Les sondages=====
""<div id="accordion9" class="accordion">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a href="#collapse9One" data-parent="#accordion9" data-toggle="collapse" class="accordion-toggle">
        Doodle
      </a>
    </div>
    <div class="accordion-body collapse" id="collapse9One">
      <div class="accordion-inner">
        <iframe class="yeswiki_frame" width="100%" height="700" frameborder="0" src="http://outils-reseaux.org/DoodlE/iframe"></iframe> 
      </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a href="#collapse9Two" data-parent="#accordion9" data-toggle="collapse" class="accordion-toggle">
       Formulaire Google
      </a>
    </div>
    <div class="accordion-body collapse" id="collapse9Two">
      <div class="accordion-inner">
        <iframe class="yeswiki_frame" width="100%" height="700" frameborder="0" src="http://outils-reseaux.org/GoogleFormulaire/iframe"></iframe> 
      </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a href="#collapse9Three" data-parent="#accordion9" data-toggle="collapse" class="accordion-toggle">
      Framadate
      </a>
    </div>
    <div class="accordion-body collapse" id="collapse9Three">
      <div class="accordion-inner">
       <iframe class="yeswiki_frame" width="100%" height="700" frameborder="0" src="http://outils-reseaux.org/FramadatE/iframe"></iframe> 
      </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a href="#collapse9Four" data-parent="#accordion9" data-toggle="collapse" class="accordion-toggle">
      Limesurvey
      </a>
    </div>
    <div class="accordion-body collapse" id="collapse9Four">
      <div class="accordion-inner">
        <iframe class="yeswiki_frame" width="100%" height="700" frameborder="0" src="http://outils-reseaux.org/LimesurveY/iframe"></iframe> 
      </div>
    </div>
  </div>
</div>""

=====Les wikis=====
""<div id="accordion10" class="accordion">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a href="#collapse10One" data-parent="#accordion10" data-toggle="collapse" class="accordion-toggle">
        YesWiki
      </a>
    </div>
    <div class="accordion-body collapse" id="collapse10One">
      <div class="accordion-inner">
        <iframe class="yeswiki_frame" width="100%" height="700" frameborder="0" src="http://outils-reseaux.org/YeswikI/iframe"></iframe> 
      </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading">
    <a href="#collapse10Two" data-parent="#accordion10" data-toggle="collapse" class="accordion-toggle">
     Media Wiki
    </a>
    </div>
    <div class="accordion-body collapse" id="collapse10Two">
      <div class="accordion-inner">
       <iframe class="wikiframe" width="100%" height="640" frameborder="0" src="http://outils-reseaux.org/FicheOutilmediawiki/iframe"></iframe>
      </div>
    </div>
  </div>
</div>""

=====Des outils de création de tutoriels=====
""<div id="accordion11" class="accordion">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a href="#collapse11One" data-parent="#accordion11" data-toggle="collapse" class="accordion-toggle">
       Jing
      </a>
    </div>
    <div class="accordion-body collapse" id="collapse11One">
      <div class="accordion-inner">
        <iframe class="yeswiki_frame" width="960" height="700" frameborder="0" src="http://outils-reseaux.org/JinG/iframe"></iframe>
      </div>
    </div>
  </div>
</div>""

=====Outils Carto===
""<div id="accordion12" class="accordion">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a href="#collapse12One" data-parent="#accordion12" data-toggle="collapse" class="accordion-toggle">
       Zeemap
      </a>
    </div>
    <div class="accordion-body collapse" id="collapse12One">
      <div class="accordion-inner">
       <iframe class="yeswiki_frame" width="960" height="700" frameborder="0" src="http://outils-reseaux.org/ZeemapS/iframe"></iframe>
      </div>
    </div>
  </div>
</div>""

=====Outils d'animation=====
""<div id="accordion13" class="accordion">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a href="#collapse13One" data-parent="#accordion13" data-toggle="collapse" class="accordion-toggle">
      Débat mouvant
      </a>
    </div>
    <div class="accordion-body collapse" id="collapse13One">
      <div class="accordion-inner">
        <iframe class="yeswiki_frame" width="960" height="700" frameborder="0" src="http://outils-reseaux.org/DebatMouvant/iframe"></iframe>
      </div>
    </div>
  </div>
</div>""

[[GroupeAccelerateurProjet  Groupe d’accélérateur de projet]]
[[DroPbox Dropbox]]
[[BarCamp BarCamp]]
[[http://www.metaplan.fr/downloads/Guide%20pratique%20les%20regles%20de%20la%20methode.pdf Metaplan]]
[[EssaI Fiche outils brise-glace]]

Personnalisation graphique de la page OutilS