Apresentação MoodleMoot 2012
-
Upload
felipe-dario -
Category
Technology
-
view
43 -
download
0
Transcript of Apresentação MoodleMoot 2012
![Page 1: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/1.jpg)
![Page 2: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/2.jpg)
![Page 3: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/3.jpg)
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
![Page 4: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/4.jpg)
![Page 5: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/5.jpg)
É a universidade corporativa do Serpro
Formação acadêmica e o desempenho profissional dos empregados
A Uniserpro
![Page 6: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/6.jpg)
E@D
UNISERPRO
![Page 7: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/7.jpg)
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
![Page 8: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/8.jpg)
![Page 9: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/9.jpg)
Blocoslaterais Blocos
laterais
Categorias de curso
Meus cursos
Cursos disponíveis
Cabeçalho
Rodapé
![Page 10: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/10.jpg)
Blocoslaterais
Categorias de curso
Meus cursos
Cursos disponíveis
Cabeçalho
Rodapé
Barra superior do governo
![Page 11: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/11.jpg)
![Page 12: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/12.jpg)
![Page 13: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/13.jpg)
![Page 14: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/14.jpg)
![Page 15: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/15.jpg)
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
![Page 16: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/16.jpg)
Barra superior do governo
Conteúdo do curso
Cabeçalho do curso
Rodapé do curso
Barra superior de identificação da escola
![Page 17: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/17.jpg)
![Page 18: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/18.jpg)
![Page 19: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/19.jpg)
![Page 20: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/20.jpg)
![Page 21: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/21.jpg)
![Page 22: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/22.jpg)
![Page 23: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/23.jpg)
Moodle
Tema pai
NovoUniserproEsaf
Enap (...) Tema filho
Tema do curso
Temas “parent”
![Page 24: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/24.jpg)
Temas “parent”
![Page 25: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/25.jpg)
Estrutura da página
![Page 26: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/26.jpg)
Estrutura do conteúdo
![Page 27: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/27.jpg)
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
![Page 28: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/28.jpg)
Ferramenta para exportação de
cursos em versão off-line, SCORM e PDFPalestrante: Felipe Dário e Leonardo Godinho
![Page 29: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/29.jpg)
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
![Page 30: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/30.jpg)
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.
![Page 31: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/31.jpg)
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
![Page 32: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/32.jpg)
![Page 33: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/33.jpg)
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.
![Page 34: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/34.jpg)
![Page 35: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/35.jpg)
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.
![Page 36: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/36.jpg)
Criação de temas utilizando grids e ferramenta para
automatização da implementaçãoPalestrante: Felipe Dário e Leonardo Godinho
![Page 37: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/37.jpg)
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.
![Page 38: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/38.jpg)
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.
![Page 39: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/39.jpg)
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.
![Page 40: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/40.jpg)
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.
![Page 41: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/41.jpg)
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
![Page 42: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/42.jpg)
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
![Page 43: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/43.jpg)
![Page 44: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/44.jpg)
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.
![Page 45: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/45.jpg)
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.
![Page 46: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/46.jpg)
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
![Page 47: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/47.jpg)
![Page 48: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/48.jpg)
5 modelos de grids
![Page 49: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/49.jpg)
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
![Page 50: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/50.jpg)
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.
![Page 51: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/51.jpg)
![Page 52: Apresentação MoodleMoot 2012](https://reader031.fdocumentos.tips/reader031/viewer/2022022413/58edf5c01a28abd17b8b4579/html5/thumbnails/52.jpg)