Lancement du projet "Lieux apprenants & FOAD"... et confinement

09.09.2020
Lancement du projet "Lieux apprenants & FOAD"... et confinement

Début mars, nous avons reçu l'accord de la Région pour démarrer le projet "Lieux apprenants & FOAD" et le confinement a révélé de nombreux besoins en termes de formation à distance. L'occasion de réorganiser le projet en fonction de l'actualité et de proposer un espace d'échange (à distance bien sûr) pour les formateurs et organismes de formation des territoires alpins (04/05/06).

Pour rappel, le projet devait se développer autour de trois leviers :


Nous avons du reporter l'expérimentation dans les lieux de proximité, ceux-ci étant fermés au public mais nous avons pu démarrer les échanges avec les formateurs et organismes de formation des territoires alpins (04/05/06) en leur proposant un cycle de visioconférence pour partager leurs expériences de mise à distance de leurs modules de formation, leurs difficultés, leurs réussites, les outils utilisés.
image Affiche 1 SMART VILLAGES.jpg

Informations utiles

Document joint : Télécharger

Projet en lien


  • <div class="results-col col-sm-12">
    • <div class="bazar-list dynamic" ref="entriesContainer">
      • <div class="bazar-cards-container" v-if="ready"
      • :class="[{ready: ready}, style-${params.style || 'vertical'}, nbcol-3]"
      • :style="{'grid-template-columns': repeat(3, 1fr)}">
  • <div v-if="entriesToDisplay.length
    0" class="alert alert-info">
    • Aucun résultat
  • </div>

  • <a v-for="entry in entriesToDisplay" :key="entry.id_fiche"
    • class="bazar-entry bazar-card"
    • :class="{'with-image': Object.keys(entry).includes('visual')}"
      • :href="${entry.url + ((false || $root.isInIframe()) ? '/iframe' : '')}"
      • :title="entry.title"
        • >
      • <template v-if="Object.keys(entry).includes('visual')">
      • <template v-if="entry.visual">
        • <img
          • loading="lazy"
          • :style="{width:((params.style 'square')? false : '0px'),height:((params.style
            'square')? false : '0px')}"
          • class="area visual-area"
          • :src="urlImage(entry,'visual',300,300,'crop')"
          • @error="urlImageResizedOnError(entry,'visual',300,300,'crop',"ccf466540.SFCfYp2_-tVpi_d6DaHOy70F9Dxx92l8zzUUpSm_ulU.PCPbKezMlZI4-K4uZc-2lMo8oXEmowZFoXtDwmrwjT4dJKk92tu-oF_9lA")"></img>
        • <div v-if="params.style != 'square'" class="area visual-area"
          • :style="{color:'blue','background-image': url('${urlImage(entry,'visual',300,300,'crop')}')}">
        • </div>
      • </template>
      • <div v-else class="area area visual-area placeholder"></div>
    • </template>
    • <div class="content">
      • <h4 div class="area title-area" v-if="entry.title">
      • <span v-show="entry.color" class="pellet" :style="{'background-color': entry.color}"></span>
      • <i v-show="entry.icon" :class="entry.icon"></i>
      • <span class="title" v-html="entry.title"></span>
      • </h4>

  • <entry-field :entry="entry" prop="subtitle" class="area subtitle-area"></entry-field>
    • <entry-field :entry="entry" prop="text" class="area text-area"></entry-field>

  • <entry-field :entry="entry" prop="footer" class="area footer-area"></entry-field>
    • <entry-field :entry="entry" prop="floating" class="area floating-area"></entry-field>
  • </div>
  • </a>
  • <spinner-loader v-if="isLoading" class="overlay"></spinner-loader>
  • </div>
  • <spinner-loader v-else height="500"></spinner-loader>
    • </div>
      • <ul class="pagination" v-if="pagination && entriesToDisplay.length > 0 && pages.length > 1">
    • <li @click="currentPage = 0" :class="{disabled: currentPage 0}">
      • <i class="fa fa-chevron-left"></i>
    • </li>
    • <template v-for="page in pages">
      • <li v-if="page
        'divider'">...</li>
      • <li v-else :class="{active: currentPage page}" @click="currentPage = page">
        • Action page : N'existe pas
      • </li>
    • </template>
    • <li @click="currentPage = pages.length - 1" :class="{disabled: currentPage
      pages.length - 1}">
      • <i class="fa fa-chevron-right"></i>
    • </li>
  • </ul>

  • </div>

  • </div>

  • <modal-entry ref="modal"></modal-entry>
</div>


  • </div>
""