Diretoria de EaD - IFG: mudanças entre as edições

Edição atual tal como às 12h48min de 26 de fevereiro de 2020

Ambiente Virtual Moodle

Neste espaço você encontrará rotinas e tutoriais sobre assuntos relacionados ao Moodle no IFG!

Professor(A)

Aprenda como acessar, se comunicar com os estudantes, criar recursos, gerenciar e avaliar atividades, aplicar boas práticas e muito mais!

estudante

Aprenda omo acessar, visualizar as disciplinas, se comunicar com o professor e com os colegas, participar de atividades e muito mais!

tutor(A)

Aprenda como acessar, visualizar e interagir com os estudantes da sua turma, avaliar atividades, conhecer rotinas, aplicar boas práticas e muito mais!

videoaulas

Neste espaço você encontrará videoaulas sobre o Moodle no IFG e assuntos relacionados à Educação a Distância. Clique aqui e confira!

Programas e projetos

rotinas da uab

Fluxos e rotinas de trabalho da Universidade Aberta do Brasil no IFG. Bolsistas e suas funções, desenvolvimento de disciplinas e muito mais!

Recursos Didáticos

produção audiovisual

Fluxos e rotinas de trabalho da Universidade Aberta do Brasil no IFG. Bolsistas e suas funções, desenvolvimento de disciplinas e muito mais!

Legislação

produção audiovisual

Fluxos e rotinas de trabalho da Universidade Aberta do Brasil no IFG. Bolsistas e suas funções, desenvolvimento de disciplinas e muito mais!

@@ Linha 1: / Linha 1: @@
-__NOTOC__
+== Ambiente Virtual Moodle ==
+Neste espaço você encontrará rotinas e tutoriais sobre assuntos relacionados ao Moodle no IFG!
 <div style="display: flex; flex-wrap: wrap;">
-       <!-- inicio -->
+       <div class="card">
-      <div style="margin-bottom: 1.5rem !important; flex: 0 0 25%; max-width: 22%; padding-left: 15px; padding-right: 15px; position: relative; width: 100%;">
+        <div class="card-inner">
+          <div class="card-adjust">
+            <h3 class="h3-font">[[Ambiente Virtual de Ensino e Aprendizagem (AVEA - Moodle)|Professor(A)]]</h3>
+            <p class="p-font">[[Ambiente Virtual de Ensino e Aprendizagem (AVEA - Moodle)|Aprenda como acessar, se comunicar com os estudantes, criar recursos, gerenciar e avaliar atividades, aplicar boas práticas e muito mais!]] </p></div>
+        </div>
+      </div>
-         <div style="font-weight: 400; border: 0; box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; background-color: #45526e !important; text-align: center !important; position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; border-radius: 0.25rem;">
+      <div class="card">
+         <div class="card-inner" style="background: #a6c !important;">
+          <div class="card-adjust">
+            <h3 class="h3-font">[[Ambiente Virtual de Ensino e Aprendizagem (AVEA - Moodle) - Aluno|estudante]]</h3>
+            <p class="p-font">[[Ambiente Virtual de Ensino e Aprendizagem (AVEA - Moodle) - Aluno|Aprenda omo acessar, visualizar as disciplinas, se comunicar com o professor e com os colegas, participar de atividades e muito mais!]] </p></div>
+        </div>
+      </div>
-          <div style="border-radius: 0 !important; flex: 1 1 auto; min-height: 1px; padding: 1rem;">
+      <div class="card">
+        <div class="card-inner" style="background: #33b5e5 !important;">
-            <h3 style="color:#FFF; text-transform: uppercase !important; margin-bottom: 1rem !important; margin-top: 0.2rem !important; "><strong>First column</strong></h3>
+          <div class="card-adjust">
+            <h3 class="h3-font">tutor(A)</h3>
-             <p style="color: #FFF; margin-bottom: 0 !important;">Ut enim ad minima veniam, quis nostrum exercita tionem ullam corporis suscipit
+             <p class="p-font">Aprenda como acessar, visualizar e interagir com os estudantes da sua turma, avaliar atividades, conhecer rotinas, aplicar boas práticas e muito mais! </p></div>
-              laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis autem vel eum iure reprehenderit qui in ea
+        </div>
-              voluptate non proident velit esse quam. </p>
+      </div>
-          </div>
+      <div class="card">
+        <div class="card-inner" style="background: #ff3547 !important;">
+          <div class="card-adjust">
+            <h3 class="h3-font">[[videoaulas]]</h3>
+            <p class="p-font">[[Videoaulas|Neste espaço você encontrará videoaulas sobre o Moodle no IFG e assuntos relacionados à Educação a Distância. Clique aqui e confira!]] </p></div>
          </div>
        </div>
-      <!-- fim -->
-      <!-- inicio -->
+</div>
-      <div style="margin-bottom: 1.5rem !important; flex: 0 0 25%; max-width: 22%; padding-left: 15px; padding-right: 15px; position: relative; width: 100%;">
-        <div style="font-weight: 400; border: 0; box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; background-color: #45526e !important; text-align: center !important; position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; border-radius: 0.25rem;">
+== Programas e projetos ==
+<div style="display: flex; flex-wrap: wrap;">
-          <div style="border-radius: 0 !important; flex: 1 1 auto; min-height: 1px; padding: 1rem;">
+      <div class="card">
+        <div class="card-inner" style="background: #ff7310 !important;">
+          <div class="card-adjust">
+            <h3 class="h3-font">rotinas da uab</h3>
+            <p class="p-font">Fluxos e rotinas de trabalho da Universidade Aberta do Brasil no IFG. Bolsistas e suas funções, desenvolvimento de disciplinas e muito mais! </p></div>
+        </div>
+      </div>__NOTOC__
-            <h3 style="color:#FFF; text-transform: uppercase !important; margin-bottom: 1rem !important; margin-top: 0.2rem !important; "><strong>First column</strong></h3>
+</div>
-            <p style="color: #FFF; margin-bottom: 0 !important;">Ut enim ad minima veniam, quis nostrum exercita tionem ullam corporis suscipit
+== Recursos Didáticos ==
-              laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis autem vel eum iure reprehenderit qui in ea
+<div style="display: flex; flex-wrap: wrap;">
-              voluptate non proident velit esse quam. </p>
-          </div>
+      <div class="card">
+        <div class="card-inner" style="background: #00695c !important;">
+          <div class="card-adjust">
+            <h3 class="h3-font">produção audiovisual</h3>
+            <p class="p-font">Fluxos e rotinas de trabalho da Universidade Aberta do Brasil no IFG. Bolsistas e suas funções, desenvolvimento de disciplinas e muito mais! </p></div>
          </div>
        </div>
-      <!-- fim -->
-      <!-- inicio -->
+</div>
-      <div style="margin-bottom: 1.5rem !important; flex: 0 0 25%; max-width: 22%; padding-left: 15px; padding-right: 15px; position: relative; width: 100%;">
-        <div style="font-weight: 400; border: 0; box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; background-color: #45526e !important; text-align: center !important; position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; border-radius: 0.25rem;">
+== Legislação ==
+<div style="display: flex; flex-wrap: wrap;">
-          <div style="border-radius: 0 !important; flex: 1 1 auto; min-height: 1px; padding: 1rem;">
-            <h3 style="color:#FFF; text-transform: uppercase !important; margin-bottom: 1rem !important; margin-top: 0.2rem !important; "><strong>First column</strong></h3>
-            <p style="color: #FFF; margin-bottom: 0 !important;">Ut enim ad minima veniam, quis nostrum exercita tionem ullam corporis suscipit
-              laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis autem vel eum iure reprehenderit qui in ea
-              voluptate non proident velit esse quam. </p>
-          </div>
+      <div class="card">
+        <div class="card-inner" style="background: #00695c !important;">
+          <div class="card-adjust">
+            <h3 class="h3-font">produção audiovisual</h3>
+            <p class="p-font">Fluxos e rotinas de trabalho da Universidade Aberta do Brasil no IFG. Bolsistas e suas funções, desenvolvimento de disciplinas e muito mais! </p></div>
          </div>
+      </div>
-      </div>
+</div>
-      <!-- fim -->
-      <!-- inicio -->
+{{#css:
-      <div style="margin-bottom: 1.5rem !important; flex: 0 0 25%; max-width: 22%; padding-left: 15px; padding-right: 15px; position: relative; width: 100%;">
+  .card {
+    margin-bottom: 1.3rem !important; flex: 0 0 23%; padding-left: 10px; padding-right: 10px; position: relative; width: 100%; margin-top: 10px;
+  }
+  .card-inner{
+    font-weight: 400; border: 0; box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; background-color: #4285f4 !important; text-align: center !important; position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; border-radius: 0.25rem;
+  }
+  .card-adjust{
+    border-radius: 0 !important; flex: 1 1 auto; min-height: 1px; padding: 0.5rem 1rem 1rem 1rem;
+  }
-        <div style="font-weight: 400; border: 0; box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; background-color: #45526e !important; text-align: center !important; position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; border-radius: 0.25rem;">
+  .h3-font{
+    color:#FFF; text-transform: uppercase !important; padding-bottom: 0.2rem !important; padding-top:0px; border-bottom: 1px solid rgba(0, 0, 0, 0.125);
+  }
-          <div style="border-radius: 0 !important; flex: 1 1 auto; min-height: 1px; padding: 1rem;">
+  .h3-font a{
+    color:#FFF; text-transform: uppercase !important; padding-bottom: 0.2rem !important; padding-top:0px; border-bottom: 1px solid rgba(0, 0, 0, 0.125) cursor: pointer; text-decoration: none;
+  }
+  .p-font{
+    color: #FFF; margin-bottom: 0 !important; font-size: 17px; line-height:1.6; text-decoration: none;
+  }
-            <h3 style="color:#FFF; text-transform: uppercase !important; margin-bottom: 1rem !important; margin-top: 0.2rem !important; "><strong>First column</strong></h3>
+  .p-font a{
+    color: #FFF; margin-bottom: 0 !important; font-size: 17px; line-height:1.6; text-decoration: none; cursor: pointer;
+  }
-            <p style="color: #FFF; margin-bottom: 0 !important;">Ut enim ad minima veniam, quis nostrum exercita tionem ullam corporis suscipit
+  .mw-body h2{
-              laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis autem vel eum iure reprehenderit qui in ea
+    margin-top: 0px;
-              voluptate non proident velit esse quam. </p>
+  }
-          </div>
+  @media (max-width: 1240px){
+    .card{
+      margin-bottom: 1.3rem !important; flex: 0 0 31%; padding-left: 10px; padding-right: 10px; position: relative; width: 100%;
+    }
+  }
-        </div>
+  @media (max-width: 1097px){
+    .card{
+      margin-bottom: 1.3rem !important; flex: 0 0 47%; padding-left: 10px; padding-right: 10px; position: relative; width: 100%;
+    }
+  }
-      </div>
+  @media (max-width: 874px){
-       <!-- fim -->
+    .card{
+       margin-bottom: 1.3rem !important; flex: 0 0 90%; padding-left: 10px; padding-right: 10px; position: relative; width: 100%;
+    }
+  }
-    </div>
+}}