Apresentação MoodleMoot 2012

Empresa de soluções em tecnologia da informação e comunicações para o setor público

Uma das maiores empresas do setor na América Latina

O Serpro

É a universidade corporativa do Serpro

Formação acadêmica e o desempenho profissional dos empregados

A Uniserpro

E@D

UNISERPRO

Uniserpro – Serpro

ENAP – Ministério do Planejamento

ESAF – Ministério da Fazenda

Inclusão Digital – Serpro (telecentos)

Unifica – Caixa, Correios, Sebrae e Serpro

SICONV – Convênios (MP)

SIASG, SEGEP, EVS, SOF, DNIT...

As escolas

Blocoslaterais Blocos

laterais

Categorias de curso

Meus cursos

Cursos disponíveis

Cabeçalho

Rodapé

Blocoslaterais

Categorias de curso

Meus cursos

Cursos disponíveis

Cabeçalho

Rodapé

Barra superior do governo


Blocoslaterais

Módulo 1

Módulo 2

Módulo 3

Cabeçalho do curso

Rodapé do curso

Barra superior de identificação da escola


Conteúdo do curso

Cabeçalho do curso

Rodapé do curso

Barra superior de identificação da escola

Moodle

Tema pai

NovoUniserproEsaf

Enap (...) Tema filho

Tema do curso

Temas “parent”

Temas “parent”

Estrutura da página

Estrutura do conteúdo

Moodle como ferramenta de autoria

- nome do curso- nome do módulo- nome do tópico- nome do subtopico- intertitulo- importante- saiba mais

h1.cursoh2.moduloh3.topicoh4.subtopicoh5.intertitulo.importante.saibamais

Classes já pré-formatadas pelo editor HTML

Ferramenta para exportação de

cursos em versão off-line, SCORM e PDFPalestrante: Felipe Dário e Leonardo Godinho

Ferramenta para exportação de cursos em versão off-line, SCORM e PDF

Necessidade

Versão para impressãoVersão off-line (download)Utilização em outros AVAs


O que faz?

O Exporta possibilita exportar cursos no Moodle em formato HTML para visualização off-line, para versão para impressão em PDF e em SCORM para interoperabilidade entre AVAs.


Como funciona?

Utiliza javascript e PHP para buscar e tratar os dados de um curso no Moodle.

Identifica todos os links para os recursos e busca o conteúdo de cada um.

Cada tipo de recurso é tratado separadamente.Os arquivos (imagens, CSS, javascripts) utilizados

no curso e no tema do curso são copiados


Resultados

Na versão off-line são geradas páginas HTML para cada um dos recursos.

Na versão SCORM utilizados as páginas HTML e criado o arquivo imsmanifest.xml.

Na versão para impressão são criados documentos PDF contendo os textos e imagens.


Melhorias

Tratar alguns recursos ainda não adaptados. Atualmente: conteúdo de página web, livro, glossário, fórum, mplayer.

Na versão SCORM, a inclusão de definições mínimas de controle dos objetos para melhor utilização das possibilidades do formato.

Integração da ferramenta no próprio Moodle como bloco ou módulo.

Adaptação para o Moodle 2.x.

Criação de temas utilizando grids e ferramenta para

automatização da implementaçãoPalestrante: Felipe Dário e Leonardo Godinho

Criação de temas utilizando grids e ferramenta para automatização da implementação

Introdução

O processo de criação de um curso no Moodle passa por várias etapas, uma delas, que geralmente é deixada de lado, é a criação de temas.


Introdução

A falta de entendimento das possibilidades e importância do tema em um curso faz com que as empresas deixem de contratar profissionais da área gráfica para esse trabalho.


Introdução

Os temas no Moodle permitem que você mude o visual, porém podem ser desenvolvidos para apresentar visualmente os conceitos apresentados no curso

Além de valor estético, também um valor semântico.


Introdução

Porém nem sempre esse profissional existe ou o tempo para desenvolver essa solução é suficiente.


A proposta

Foram desenvolvidos grids que servem como base para criação do novo tema.

- 5 modelos- 6 diferentes programas de edição gráfica(Corel Draw®, Adobe Photoshop®, Adobe Fireworks®, Adobe Flash®, Inkscape® e Gimp®)- 2 versões do Moodle 1.9x e 2.x


Como funciona?

Cada grid é composto por três arquivos:

- o modelo para a home do curso- o modelo para as páginas internas do curso- um arquivo CSS que pré-formata o curso com as medidas e posicionamentos do grid


Como funciona?

Os grids utilizam a mesma estrutura de construção do Moodle, que são divididas em camadas nomeadas com o “id”, “class” ou “tag” encontradas no Moodle.

Por exemplo #content, ou body, no caso do Moodle 1.x e #page-content ou body, no caso do Moodle 2.x.


Como funciona?

Após a criação do layout, as camadas devem ser exportadas separadamente, para o formato PNG com os nomes definidos.


Como funciona?

O Gerador de Temas escreve, a partir de algumas informações inseridas pelo usuário a pasta e os arquivos do tema, minimizando o trabalho de inserção de código

5 modelos de grids

pix

config.php

meta.php

php

php

header.htmlhtml

footer.htmlhtml

tema.csscss

tema.jsjs

ie_hack.css

screenshoot.jpg

readme.htmlhtml


Arquivos do tema

grid1.csscss


Melhorias

Integrar a ferramenta no próprio Moodle, em forma de bloco ou módulo, facilitando o acesso aos dados e envio dos arquivos para utilização do tema.

Estão sendo realizados estudos para automatizar nos programas de edição de imagens a exportação das imagens.

A ferramenta foi aperfeiçoada para incluir os recursos para objetos educacionais mais utilizados: saiba mais, sanfonas, glossários.

Apresentação MoodleMoot 2012

Technology