Apresentações: - Ferramenta para exportação de cursos em versão off-line, SCORM e PDF - Criação de temas utilizando grids e ferramenta para automatização da implementação

3. 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

5. É a universidade corporativa
do Serpro
Formação acadêmica e o
desempenho profissional dos
empregados
A Uniserpro

6. E@D
UNISERPRO

7. 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

9. Blocos
laterais Blocos
laterais
Categorias de curso
Meus cursos
Cursos disponíveis
Cabeçalho
Rodapé

10. Blocos
laterais
Categorias de curso
Meus cursos
Cursos disponíveis
Cabeçalho
Rodapé
Barra superior do governo

15. Barra superior do governo
Blocos
laterais
Módulo 1
Módulo 2
Módulo 3
Cabeçalho do curso
Rodapé do curso
Barra superior de identificação da escola

16. Barra superior do governo
Conteúdo do curso
Cabeçalho do curso
Rodapé do curso
Barra superior de identificação da escola

23. Moodle
Tema pai
NovoUniserpro
Esaf
Enap (...) Tema filho
Tema do curso
Temas “parent”

24. Temas “parent”

25. Estrutura da página

26. Estrutura do conteúdo

27. Moodle como ferramenta de autoria
- nome do curso
- nome do módulo
- nome do tópico
- nome do subtopico
- intertitulo
- importante
- saiba mais
h1.curso
h2.modulo
h3.topico
h4.subtopico
h5.intertitulo
.importante
.saibamais
Classes já pré-formatadas pelo editor HTML

28. Ferramenta para
exportação de
cursos em
versão off-line,
SCORM e PDF
Palestrante: Felipe Dário e Leonardo Godinho

29. Ferramenta para exportação de cursos em versão
off-line, SCORM e PDF
Necessidade
Versão para impressão
Versão off-line (download)
Utilização em outros AVAs

30. Ferramenta para exportação de cursos em versão
off-line, SCORM e PDF
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.

31. Ferramenta para exportação de cursos em versão
off-line, SCORM e PDF
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

33. Ferramenta para exportação de cursos em versão
off-line, SCORM e PDF
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.

35. Ferramenta para exportação de cursos em versão
off-line, SCORM e PDF
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.

36. Criação de temas
utilizando grids e
ferramenta para
automatização da
implementação
Palestrante: Felipe Dário e Leonardo Godinho

37. 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.

38. Criação de temas utilizando grids e ferramenta para
automatização da implementação
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.

39. Criação de temas utilizando grids e ferramenta para
automatização da implementação
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.

40. Criação de temas utilizando grids e ferramenta para
automatização da implementação
Introdução
Porém nem sempre esse profissional existe ou o
tempo para desenvolver essa solução é suficiente.

41. Criação de temas utilizando grids e ferramenta para
automatização da implementação
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

42. Criação de temas utilizando grids e ferramenta para
automatização da implementação
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

44. Criação de temas utilizando grids e ferramenta para
automatização da implementação
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.

45. Criação de temas utilizando grids e ferramenta para
automatização da implementação
Como funciona?
Após a criação do layout, as camadas devem ser
exportadas separadamente, para o formato PNG com os
nomes definidos.

46. Criação de temas utilizando grids e ferramenta para
automatização da implementação
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

48. 5 modelos de grids

49. pix
config.php
meta.php
php
php
header.htmlhtml
footer.htmlhtml
tema.csscss
tema.jsjs
ie_hack.css
screenshoot.jpg
readme.htmlhtml
Criação de temas utilizando grids e ferramenta para
automatização da implementação
Arquivos do tema
grid1.csscss

50. Criação de temas utilizando grids e ferramenta para
automatização da implementação
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.