Exibir código-fonte para MOOC: Métricas para seleção e produção de materiais

<div style="text-align: justify; line-height: 1.8; color: rgb(16, 16, 16); font-size: 17px;">
    <p style="font-size: 17px; color: rgb(16, 16, 16);">Para quem já desenvolveu ou tentou desenvolver um curso EaD, seja MOOC ou um curso tradicional, sabe que o cálculo da carga horária do curso e a seleção/produção do material didático e avaliações não são uma tarefa simples. Mas existem algumas métricas/recomendações
        que podem ser levadas em conta quando da produção de um curso a distância.</p>
    <p style="font-size: 17px; color: rgb(16, 16, 16);">Adaptado do documento "<a href="https://pergamum.ifbaiano.edu.br/pergamumweb/vinculos/00003c/00003c0a.pdf" target="_blank"><span class="" style="color: rgb(0, 46, 184);">Diretrizes teóricas e práticas para a produção de materiais didáticos escritos da EaD do IF Baiano</span></a>"
        (clique para download):</p>
    <div style="border-bottom: 1px dotted #008eff;text-shadow: 0 1px 2px rgba(0,0,0,0.2);color: #018dff;font-size: 21px;margin-bottom: 10px;vertical-align: middle;vertical-align: middle;vertical-align: top;"><b>Conteúdo textual</b></div>
    <p>2 páginas de conteúdo para cada hora de curso/disciplina. Exemplo:</p>
    <table style="width: 70%;color: #101010;" class="table table-bordered">
            <tr style="background: #03a9f4;color: #000;font-size: 18px;text-align: center;font-weight: bold;border: 3px solid #FFF;">
                <td style="text-align: center; border: 5px solid #FFF"><span style="font-size: medium; color: rgb(255, 255, 255);" class="">CARGA HORÁRIA DA DISCIPLINA</span></td>
                <td style="text-align: center; border: 5px solid #FFF"><span style="color: rgb(255, 255, 255); font-size: medium;" class="">NÚMERO <span style="">MÍNIMO</span> DE PÁGINAS/CONTEÚDO</span>
                </td>
            </tr>
            <tr style="background: #b3e5fc;">
                <td style="text-align: center; border: 5px solid #FFF">20h</td>
                <td style="text-align: center; border: 5px solid #FFF">40</td>
            </tr>
            <tr style="background: #b3e5fc;">
                <td style="text-align: center; border: 5px solid #FFF">30h</td>
                <td style="text-align: center; border: 5px solid #FFF">60</td>
            </tr>
            <tr style="background: #b3e5fc;">
                <td style="text-align: center; border: 5px solid #FFF">40h</td>
                <td style="text-align: center; border: 5px solid #FFF">80</td>
            </tr>
            <tr style="background: #b3e5fc;">
                <td style="text-align: center; border: 5px solid #FFF">60h</td>
                <td style="text-align: center; border: 5px solid #FFF">120</td>
            </tr>
    </table>
    <div style="border-bottom: 1px dotted #ff5722;text-shadow: 0 1px 2px rgba(0,0,0,0.2);color: #ff5722;font-size: 21px;margin-bottom: 10px;vertical-align: middle;vertical-align: middle;vertical-align: top;"><b><br>Equivalência entre textos e outras mídias</b></div>
    <p>Recomenda-se a diversificação entre conteúdos apresentados em formato de <b>texto</b> (livros, artigos, apostilas, matérias...) com o conteúdo em outras <b>mídias</b>: vídeo, podcast, atividades formativas e atividades avaliativas.</p>
    <table style="width: 70%;color: #101010;" class="table table-bordered">
             <tr style="background: #ff5722;color: #000;font-size: 18px;text-align: center;font-weight: bold;border: 3px solid #FFF;">
                <td style="text-align: center; border: 5px solid #FFF"><span style="font-size: medium; color: rgb(255, 255, 255);" class="">MATERIAL DE REFERÊNCIA</span></td>
                <td style="text-align: center; border: 5px solid #FFF"><span style="color: rgb(255, 255, 255); font-size: medium;" class="">TEMPO PARA BASE DE CÁLCULO</span></td>
            </tr>
            <tr style="background: #ffccbc;">
                <td style="text-align: center; border: 5px solid #FFF">Vídeo</td>
                <td style="text-align: center; border: 5px solid #FFF">Minuto exibido = minuto assistido</td>
            </tr>
            <tr style="background: #ffccbc;">
                <td style="text-align: center; border: 5px solid #FFF">Podcast</td>
                <td style="text-align: center; border: 5px solid #FFF">Minuto exibido = minuto escutado</td>
            </tr>
            <tr style="background: #ffccbc;">
                <td style="text-align: center; border: 5px solid #FFF">Atividades formativas</td>
                <td style="text-align: center; border: 5px solid #FFF">Até 30 minutos (a depender da complexidade)</td>
            </tr>
            <tr style="background: #ffccbc;">
                <td style="text-align: center; border: 5px solid #FFF">Atividades avaliativas</td>
                <td style="text-align: center; border: 5px solid #FFF">Até 5 minutos por questão</td>
            </tr>
      </table>
    <br>
    <div style="border-bottom: 1px dotted #2e7d32;text-shadow: 0 1px 2px rgba(0,0,0,0.2);color: #2e7d32;font-size: 21px;margin-bottom: 10px;vertical-align: middle;vertical-align: middle;vertical-align: top;"><b>Estimativa do número de tópicos</b></div>
    <p>Estimar o número de tópicos/seções/módulos em um curso no Moodle também não é uma tarefa simples, mas você pode e deve levar algumas recomendações em questão:</p>
    <p></p>
    <ol>
        <li>A carga horária do curso.</li>
        <li>O agrupamento de itens/conteúdos em subseções. Planeje antes de começar a desenvolver o curso no Moodle!</li>
        <li>Disponibilização de atividades (formativas e avaliativas), recomenda-se pelo menos uma atividade por tópico (sobretudo nos cursos MOOC).</li>
        <li>Requisitos de conclusão e restrições (calma que mais a frente você vai entender melhor este item).</li>
    </ol>
    <p>Tendo como base estas <b><span class="" style="color: rgb(4, 78, 0);">recomendações</span></b> e a <b><span class="" style="color: rgb(4, 78, 0);">experiência</span></b> acumulada na oferta de cursos EaD, sendo MOOC ou não, podemos <b><span class="" style="color: rgb(4, 78, 0);">estimar</span></b>        o número de tópicos/módulos/seções levando em conta a carga horária do curso:</p>
    <p></p>
    <table style="width: 70%; color: #101010;" class="table table-bordered">
             <tr style="background: #2e7d32;color: #000;font-size: 18px;text-align: center;font-weight: bold;border: 3px solid #FFF;">
                <td style="text-align: center; border: 5px solid #FFF"><span class="" style="color: rgb(255, 255, 255);">CARGA HORÁRIA DO CURSO</span></td>
                <td style="text-align: center; border: 5px solid #FFF"><span style="color: rgb(255, 255, 255); font-size: medium;" class="">NÚMERO DE TÓPICOS</span></td>
            </tr>
            <tr style="background: #c8e6c9;">
                <td style="text-align: center; border: 5px solid #FFF">20h</td>
                <td style="text-align: center; border: 5px solid #FFF">3 a 5 tópicos</td>
            </tr>
            <tr style="background: #c8e6c9;">
                <td style="text-align: center; border: 5px solid #FFF">30h</td>
                <td style="text-align: center; border: 5px solid #FFF">4 a 6 tópicos</td>
            </tr>
            <tr style="background: #c8e6c9;">
                <td style="text-align: center; border: 5px solid #FFF">40h</td>
                <td style="text-align: center; border: 5px solid #FFF">5 a 7 tópicos</td>
            </tr>
            <tr style="background: #c8e6c9;">
                <td style="text-align: center; border: 5px solid #FFF">60h</td>
                <td style="text-align: center; border: 5px solid #FFF">7 a 9 tópicos</td>
            </tr>
    </table><b><span class="" style="font-size: large; color: rgb(4, 78, 0);">Mas essa é uma divisão exata? Não há como garantir um número exato de tópicos para cada carga horária de curso!</span></b></div>
<div style="text-align: justify; line-height: 1.8; color: rgb(16, 16, 16); font-size: 17px;">Tenha uma atenção especial ao número mínimo de tópicos, isto vai influenciar na organização do curso, nas etapas e até no número de atividades.</div>