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

De GuiaEaD
Sem resumo de edição
Sem resumo de edição
 
(66 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
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;">
<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: #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;">
      <div class="card">
 
         <div class="card-inner" style="background: #a6c !important;">
           <div style="border-radius: 0 !important; flex: 1 1 auto; min-height: 1px; padding: 0.5rem 1rem 1rem 1rem;">
           <div class="card-adjust">
 
             <h3 class="h3-font">[[Ambiente Virtual de Ensino e Aprendizagem (AVEA - Moodle) - Aluno|estudante]]</h3>
             <h3 style="color:#FFF; text-transform: uppercase !important; padding-bottom: 0.2rem !important; padding-top:0px; border-bottom: 1px solid rgba(0, 0, 0, 0.125);"><span style="font-size: 26px.">m</span>oodle</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>
             <p style="color: #FFF; margin-bottom: 0 !important; font-size: 16px; line-height:1.6;">Aqui você encontrará tudo que precisa sobre o Ambiente Virtual Moodle no IFG. Como acessar, criar e gerenciar os principais recursos e atividades do Moodle. </p></div>
      </div>


      <div class="card">
        <div class="card-inner" style="background: #33b5e5 !important;">
          <div class="card-adjust">
            <h3 class="h3-font">tutor(A)</h3>
            <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>
         </div>
         </div>
       </div>
       </div>
      <!-- fim -->
      <!-- inicio -->
      <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;">
          <div style="border-radius: 0 !important; flex: 1 1 auto; min-height: 1px; padding: 0.5rem 1rem 1rem 1rem;">
            <h3 style="color:#FFF; text-transform: uppercase !important; margin-bottom: 1rem !important; padding-top:0px;"><strong>moodle</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: #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>
       </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: 0.5rem 1rem 1rem 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; padding-top:0px;"><strong>moodle</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>
       </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: 0.5rem 1rem 1rem 1rem;">
 
            <h3 style="color:#FFF; text-transform: uppercase !important; margin-bottom: 1rem !important; padding-top:0px;"><strong>moodle</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 -->
      <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;">
</div>


          <div style="border-radius: 0 !important; flex: 1 1 auto; min-height: 1px; padding: 0.5rem 1rem 1rem 1rem;">
{{#css:
  .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;
  }


            <h3 style="color:#FFF; text-transform: uppercase !important; margin-bottom: 1rem !important; padding-top:0px;"><strong>moodle</strong></h3>
  .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);
  }


            <p style="color: #FFF; margin-bottom: 0 !important;">Ut enim ad minima veniam, quis nostrum exercita tionem ullam corporis suscipit
  .h3-font a{
              laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis autem vel eum iure reprehenderit qui in ea
    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;
              voluptate non proident velit esse quam. </p>
  }
  .p-font{
    color: #FFF; margin-bottom: 0 !important; font-size: 17px; line-height:1.6; text-decoration: none;
  }


          </div>
  .p-font a{
    color: #FFF; margin-bottom: 0 !important; font-size: 17px; line-height:1.6; text-decoration: none; cursor: pointer;
  }


        </div>
  .mw-body h2{
    margin-top: 0px;
  }


      </div>
  @media (max-width: 1240px){
       <!-- fim -->
    .card{
       margin-bottom: 1.3rem !important; flex: 0 0 31%; padding-left: 10px; padding-right: 10px; position: relative; width: 100%;
    }
  }


      <!-- inicio -->
  @media (max-width: 1097px){
       <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 47%; padding-left: 10px; padding-right: 10px; 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;">
  @media (max-width: 874px){
    .card{
      margin-bottom: 1.3rem !important; flex: 0 0 90%; padding-left: 10px; padding-right: 10px; position: relative; width: 100%;
    }
  }


          <div style="border-radius: 0 !important; flex: 1 1 auto; min-height: 1px; padding: 0.5rem 1rem 1rem 1rem;">
}}
 
            <h3 style="color:#FFF; text-transform: uppercase !important; margin-bottom: 1rem !important; padding-top:0px;"><strong>moodle</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>
 
      </div>
      <!-- fim -->
    </div>

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!

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!