Escolar Documentos
Profissional Documentos
Cultura Documentos
Udutu
(editor e publicador de Curso Online)
O Udutu um site que possibilita criar e publicar cursos sem grandes conhecimentos de
programao ou de desenvolvimento de aplicaes web. Atravs da ferramenta Myudutu,
de uso livre, possvel criar cursos online num processo descomplicado e relativamente
rpido.
O curso criado pode tambm ser extrado gratuitamente para utilizao no seu servidor ou
num CD, pendrive, HDD ou qualquer outra forma de suporte.
Cadastro
1. Acesse o endereo: http://www.myudutu.com/myudutu/login.aspx .
2. Escolha a lngua e clique no boto verde onde diz click here to sign up to use
myUdutu for free. Voc ser direcionado a pgina onde pode-se fazer o cadastro.
Aps o envio do cadastro voc receber por e-mail uma confirmao.
No canto inferior direito voc ver mais trs guias entituladas Create (criar), Author
(autorar) e Distribute (distribuir).
Quando voc se logar, apenas a guia Create (criar) estar em destaque. As outras guias
se ativaro se voc estiver na rea de Trabalho do curso.
A opo "A" para quando cria um curso totalmente novo. A opo "B" para quando
seus cursos anteriormente abertos sero listados e acessados, e "C" quando voc quer
importar um curso compatvel com SCORM.
J que estamos comeando do zero, supomos que voc deseja criar um curso novo.
Assim, use a opo "B", insira o nome de seu curso e clique no boto Create new course
(criar novo curso). Neste exemplo, criaremos um curso chamado "Decision Making"
(tomada de decises).
Agora voc j pode comear a produzir seu novo curso. Voc j poderia at mesmo
divulg-lo (distribute) aos usurios, neste ponto, acessando a aba localizada no canto
superior direito, mas sem contedo nenhum no seria um curso muito til.
Observe que toda vez que voc sai e entra novamente, o programa volta para a pgina de
Boas-vindas (Welcome). Os cursos que voc criou anteriormente sero listados ali, na
opo "B". Nessa lista haver em cada curso a opo de "author" (autorar), "preview
(visualizar), "distribute" (distribuir) ou "copy" (copiar). Selecionando o boto "Author", voc
ser levado novamente para essa pgina de autorao.
Na pgina de produo, voc observar que as trs abas no alto - Workspace (rea de
trabalho), Library (biblioteca) e Administration (administrao) - permanecem constantes
assim como as abas "Create", "Author" e "Distribute" (no canto superior direito).
Est comeando a entender?
Circulando:
A navegao "Main" (principal)
No topo da tela existem os botes de navegao Main ("principais"), que incluem:
- Workspace (rea de trabalho): Este boto conduz rea de Trabalho (Workspace),
onde voc pode produzir seu curso e passar a maior parte do tempo.
- Library (biblioteca): Esta sesso lhe permite gerenciar os objetos da biblioteca (textos,
udios, animaes, vdeos, telas). Voc pode acrescentar, editar ou apagar contedos da
biblioteca.
- Administration (administrao): Esta sesso tem todos elementos "ocultos" dos seus
cursos. Em "Administration" voc pode:
- Gerenciar usurios;
- Monitorar atividades;
- Modificar temas;
- Alterar senhas;
- Acrescentar atribuies de convidados, etc.
Workplace:
Bom... Voc j entrou na ferramenta, criou um novo curso ou selecionou um curso
existente clicando no boto "Author". Agora voc est olhando para o seu curso na pgina
de produo. Observe que o que muda so o A, B e C. Agora eles se relacionam com os
passos que voc vai tomar na hora de produzir o curso. Nesmo momento, como estamos
selecionando um grupo - neste caso nosso grupo/pasta geral do curso -, s h as opes
A e B, enquanto no "modo autorar" a opo A para ADICIONAR uma "basic screen" (tela
bsica), "assessment screen" (tela de avaliaes) ou "advanced screen" (tela avanada),
"group" (grupo") "scenario" (cenrio), "import PowerPoint" (importar PowerPoint) ou "edit
glossary" (editar dicionrio). Quando uma pasta selecionada, a opo B servir para
personalizar as propriedades dessa pasta. Neste lugar, voc poder colocar, por exemplo,
uma descrio e outros parmetros para a pasta selecionada. No caso de ser selecionada
a "Course Introduction" ou outra tela do curso, na opo B que voc escolher o modelo
de sua preferncia e a personalizao mudar para C. Na maioria das telas, aparecer
tambm o passo "D" para contedo, "E" para narrao ou feedback e at um passo "F"
para narrao quando "E" for para feedback. O mais importante aqui que o myUdutu
guia voc durante todo o processo de criao de um curso, variando os nveis de acordo
com o item em que voc est trabalhando. Se voc sabe o alfabeto, voc certamente vai
conseguir prosseguir.
Ao clicar na pasta com o "course name" (nome do curso), aparecer uma tela na qual
podemos facilmente mudar o nome a qualquer momento, na sesso B. Por haver
somente um grupo, h apenas dois passos (A e B) envolvidos, mas em outras pastas
haver todos os 6 passos (A, B, C, D, E e F).
Course Outline (esboo do curso):
O esboo do curso est localizado no lado esquerdo da tela.
Esta ser uma parte importante na montagem do curso. Aqui, voc pode definir a
estrutura do curso com uma srie de telas vazias e/ou grupo, pode arrastar e soltar telas e
grupos para reordenar um curso, pode colocar em marcadores de posio, ou pode incluir
apresentaes PowerPoint, documentos PDF e at um curso anterior.
Um hbito comum entre desenvolvedores de cursos construir uma estrutura de
"wireframe" (esqueletos) antes mesmo de comear a ocupar a tela com objetos. Os
wireframes (ou esqueletos) fornecer a estrutura para o curso, com uma srie de telas
vazias e/ou grupos. Voc pode ir arrastando e soltando as telas e grupos at modelar um
curso, e pode ir colocando em placeholders (marcadores).
Na hora de criar um curso, importante que voc tenha em mente estes trs passos
simples:
1. Defina os objetivos do curso - o que o aluno precisa saber ao final de cada
mdulo/sesso ou tpico?
2. Selecione uma avaliao - que tipo de avaliao servir para verificar se os
objetivos foram atingidos? Observao: Uma avaliao pode se constituir apenas
de instrues (por exemplo: "Click next when you are ready to move on", ou "Clique
'Prximo' quando voc se sentir pronto") ou pode ser algo mais formal com testes,
notas e/ou monitoramento. Uma introduo, por exemplo, normalmente apresenta
alguns objetivos (tais como "course navigation" (navegar pelo curso) ou
"understanding course objectives" (compreender os objetivos do curso), mas eles
tambm podem ser mais informais, e no solicitar nenhum tipo de teste.
3. Fornea o contedo - de que materiais (textos, vdeos, imagens, narrao,
animaes etc.) o aluno precisaria para ser aprovado no "teste" ou para
compreender suficientemente o tpico ou para ir para o mdulo seguinte.
Com este processo em mente, a criao de um curso online se torna muito mais fcil!
A seguir, voc ver um exemplo. (No se preocupe; vamos falar sobre como adicionar
grupos, telas etc. em seguida!)
1) Se voc definiu que cinco objetivos principais de aprendizagem devem ser
atingidos com o curso, voc pode comear colocando cinco "grupos" no mapa do
curso que representa cada objetivo de aprendizatem.
2) 2) Em cada objetivo de aprendizagem agora representado por uma pasta de grupo,
considere a possibilidade de acrescentar uma tela vazia para avaliao
(assessment screen). Por enquanto no importa qual deles. Lembre-se que nem
todos os objetivos exigem uma avaliao (uma introduo que apresente como
objetivo "navegar pelo curso", por exemplo). Voc pode ainda acrescentar uma tela
de avaliao como marcadores, lembrando que pode elimin-la mais tarde.
3) 3) Com isso, voc saber que seu planejamento ter cinco sesses (ou mdulos)
para o curso e possivelmente uma avaliao de algum tipo ao final de cada sesso.
Voc pode facilmente alterar ou mover qualquer objeto quando quiser, mas isso
ajudar a organizar a estrutura ou "storyboard".
4) 4) Agora voc pode decidir se quer ocupar algum dos grupos com contedos que
voc j possua, ou talvez com um PowerPoint que voc costume usar na verso
presencial do curso. Todos esses contedos devem ser focados em fazer o aluno
ser aprovado na avaliao dentro do objetivo de aprendizado daquela pasta de
grupo, ou pelo menos de estar em condies de avanar - se se trata de um tpico
informal como os exemplos de "introduo" dados. No h problema em
acrescentar contedos que no sejam relacionados aos objetivos, mas voc pode
coloc-los como recursos adicionais ao final do curso, ou em "oculto". Permanea
fiel aos objetivos, para que seu curso seja mais claro, mais rpido, mais leve e
mais interessante.
A seguir, voc ver uma captura de tela que mostra o exemplo acima, em que criamos
cinco grupos principais, acrescentamos alguns subgrupos, e depois comeamos a montar
telas individuais para cada grupo. Por enquanto, as telas de avaliao so simplesmente
marcadores de espao, e no tm nem mesmo ttulo. Aqui eles selecionaram uma tela
bsica chamada "What you need to know after taking the course" (O que voc precisa
saber ao final do curso).
Os cones pequenos mostram que tipo de tela cada uma , e voc pode trocar o modelo
de tela a qualquer tempo, com um toque, escolhendo um outro modelo na sesso "B".
Voc tambm pode reorganizar os grupos e/ou sesses ou a ordem em que eles
aparecem, bastando arrastar e colar.
Enquanto esta tela bsica selecionada, voc pode observar que possvel fazer
algumas opes na sesso "C" relacionadas ao ttulo e a outros parmetros, mas
decises que no sejam sobre ttulo e descrio podem ser feitas depois.
Enquanto esta tela visualizada, devemos fazer uma observao sobre dois itens.
O primeiro item o smbolo cadeira de rodas, localizado direita da tela. Se este smbolo
aparece numa tela, significa que a tela cumpre determinaes da Section 508 - instituio
que atesta a acessibilidade na web. Uma tela no compatvel ter o mesmo smbolo, mas
com um crculo vermelho cortado. Se voc quer que seu curso seja aprovado pela Section
508, ento provavelmente sabe o que isso significa, e querer essa designao. Se voc
nem mesmo sabe a que se refere o termo Section 508, ento talvez no lhe interessar
saber mais do que as exigncias dos modelos de compatibilidade presentes no myUdutu.
Se voc quer obter mais informaes sobre a Section 508, no link abaixo voc encontra
vrias informaes: htt//www.section508.gov. (em ingls)
O segundo item o boto de visualizao que voc encontra no canto superior esquerdo.
Aposto que voc no sabe para que ele serve. Voc est certo! Ele permite que voc
visualize o curso a comear pelo item selecionado no modelo.
No boto Preview (visualizar), voc poder saber exatamente o que seus alunos vero.
Acaba sendo uma apresentao real de seu curso online. Voc pode navegar para frente
e para trs, explorando todo o curso, da mesma forma que seus alunos faro. H algo
que pode causar um pouco de confuso: voc est no modo visualizao e v algo que
precisa ser alterado; ento altera com o cursor do programa, mas quando vai olhar, nada
aconteceu. O motivo que preciso fazer uma atualizao. Feche a janela de
visualizao e a reabra clidando no boto de visualizao novamente, ou ento atualize a
Preview (visualizao) aberta clicando F5 em seu teclado. No caso de voc salvar
alteraes e ainda no v-las no modo visualizao, provavelmente verses antigas de
seus arquivos esto guardadas na Internet em algum lugar entre seu computador e o
nosso servidor de autorao. Se voc aguardar alguns minutos, ou se "Publish" (publicar)
seu curso, poder ver o efeito de suas alteraes. Se voc vir as alteraes em sua
Workspace (rea de trabalho), porque elas foram salvas.
Flexvel e fcil de usar...
Se voc ainda no percebeu, importante saber que um aspecto muito importante do uso
de myUdutu saber que voc tem condies de realizar alteraes a qualquer momento
sem precisar refazer tudo do zero. Esta ferramenta extremamente flexvel. medida
que voc avana em seus cursos, ela faz voc poupar muito tempo e evitar muita
frustrao, alm de permitir que voc "jogue as coisas na tela para ver no que d", at
que encontre o melhor design para seu curso. No tenha medo de experimentar, de
visualizar, de mudar, de tentar novamente, ver mais uma vez, mudar de novo, etc, etc, etc,
de novo e de novo, at voc conseguir o que est procurando.
Enfim...
Se voc ainda no fez isto, est uma boa hora para voc explorar sozinho a ferramenta
e tentar desenvolver um curso definindo objetivos, criando e nomeando grupos e talvez
at mesmo telas de avaliao, algumas pginas de contedo com respectivos ttulos e
descries. Se voc ainda no sabe como adicionar esses itens ao seu esboo, no se
preocupe, este o nosso prximo tpico. E se j, parabns. Voc est indo muito bem!
Criando telas:
Todas as partes visveis de seu curso sero formadas por "screens" (telas), quer elas
sejam ou no parte de um cenrio, grupo, avaliao, apresentao PowerPoint.
foi atingido;
Advanced (avanado) - telas mais interativas.
Quando voc quer saber como um determinado modelo, basta mover o mouse sobre a
imagem para que seja fornecida uma pequena descrio.
Vamos conversar um pouco mais sobre cada tipo de tela.
Uma Basic Screen (tela bsica) essencialmente uma apresentao com alguns
recursos visuais e com texto, embora tambm possa haver funcionalidades como um
"jump to" (pular para).
Coloque uma imagem, uma animao, ou um vdeo junto com um texto.
Voc usa esses modelos de telas para acrescentar contedos, contar uma histria ou
fazer uma exposio didtica direta - na tentativa de passar uma ideia - ou dar a opo de
"pular para" outra tela.
A insero de imagens e textos tambm podem ser desfeitas.
A tela Advanced (avanada) (veja abaixo) uma tela em flash que permite um no
desenvolvedor criar uma interao flash. Os usurios myUdutu sem nenhum outro
conhecimento de web podem deixar seus cursos com a aparncia de como se tivessem
sido desenvolvidos por um profissional. Uma tela avanada permite que voc apresente
as informaes de forma mais dinmica, como uma apresentao de slides), que crie um
exerccio real que exigir que o aluno fala escolhas que podem determinar qual ser o
prximo passo deles no curso - tais como um "pular para" ou um retorno para
aprofundamento em alguma informao ou descrio, usando "roll overs". Um roll over
quando uma caixa de texto aparece ao se rolar o mouse sobre uma imagem ou uma rea
da tela. Tudo isso fcil de fazer usando o myUdutu, e por isso ns o estimulamos a dar
uma olhada nesses modelos!
eles usem o curso principal sempre e com a frequncia que eles quiserem;
- Voc pode limitar as avaliaes separadas a uma nica tentativa; desabilitar navegao
retro ou o mapa do curso, etc.;
- Tente usar JPEG sempre que possvel;
- HTML Flash is mais limitado;
- Prefira o formato MP3.
Tipos de Assessment Screens (telas de avaliao):
Talk (fale) - O aluno deve ver uma imagem, escutar a expresso e depois tentar
repetir a expresso.
Order the Images (organizar as imagens)
Pular para outras telas:
Com as Assessment Screens (telas de avaliao), e algumas Static Screens (telas
estticas) e Advanced Screens (telas avanadas), existem opes de pular para qualquer
outro lugar no curso, a partir das escolhas do aluno, ou conforme as perguntas vo sendo
corretamente respondidas. Este um recurso muito importante, e permitir a criao de
estudos de caso complexos, cenrios ou avaliaes e lies corretivas. Este recurso
permite que alunos de diferentes perfis (vrios estilos de aprendizado, conhecimentos
prvios e interesses) naveguem no mesmo curso com uma diversidade de caminhos.
Uma pessoa pode ser capaz de completar o curso e cumprir os objetivos de
aprendizagem em 15 minutos, enquanto outra pode necessitar de mais explicaes e
informaes, durante um perodo maior de tempo. Como voc pode imaginar, isto pode
ser uma particularidade incrivelmente benfica ou um enorme disastre se no for
planejado corretamente. a cincia e a arte por trs da profisso do designer
educacional.
Acrescentando um Scenario (cenrio)
Quando voc clica em Add Scenario (acrescentar cenrio), na sesso "A" do programa,
voc v a janela pop-up acima. O "Scenario builder" (construtor de cenrio) um recurso
poderoso, mas normalmente o que causa mais confuso. A construo de cenrios,
embora no seja to difcil, pode ser uma forma mais complicada de comear a lidar com
recursos de educao a distncia, a no ser que voc j tenha ideias definidas e um
conhecimento mais ou menos estabelecido sobre plataformas.is
Usamos o termo "scenario" (cenrio) para abranger elementos como estudos de caso,
simulaes ou mesmo um historybook. Essencialmente, quando voc insere telas de
lugar em um cenrio, eles deixam de ser objetos independentes e passam a ser
relacionados. O caminho em um cenrio pode ser de vrias formas definido pelas aes
do aluno.
Para acrescentar textos, funciona quase da mesma maneira que no caso de outros
objetos, s que quando voc clica para adicionar texto, aparece uma janela pop-up com
editor de texto. Se voc j usou algum editor de texto, o uso deste editor ser totalmente
autoexplicativo. POrm, se voc quer criar um modelo mais personalizado, ento voc
deve pensar em fazer o seguinte:
Dicas para importar e editar textos:
- Tente usar o tema para todas as formataes;
- Ajustes no texto atravs do editor anularo seus critrios para efeitos sobre o texto;
- Retire sempre a formatao dos contedos importados;
- A existncia de vrios usurios pode criar inconsistncias com relao ao texto (fontes e
cores);
- Tenha um cuidado especial para retirar tags DIV e SPAN (ao copiar e colar textos do
editor);
- Use o cone de editor HTML (cone <>) para solucionar problemas ou customizar;
- Voc pode importar outra pgina web para o editor.
Alm das imagens, links, etc., que voc pode inserir nos modelos, o editor de texto
permitir que voc insira uma imagem, flash, vdeo ou um link diretamente no espao de
texto - como voc faria num documento Word. Voc pode inclusive usar o editor para
inserir cdigos HTML, hiperlinks e muitos tipos de objetos e audiovisuais (at links do
Youtube!). Isto significa que alm dos layouts disponveis dos modelos existentes, voc
pode customiz-los ainda mais, melhorando a rea de texto, no modelo. Deseja criar um
modelo totalmente customizado? Voc pode usar o modelo de texto bsico, que voc
encontra entre os modelos mostrados. Voc tem total flexibilidade com este modelo,
especialmente se voc conhece de HTML (e mesmo que voc no conhea!).
Formatos de arquivo para audiovisuais:
Imagens - Podem ser dos formatos JPEG, PNG, GIF ou bitmap, as so sempre
convertidas para JPEG, com tamanho mximo de 800 x 600. Se a imagem j menor do
que isso, no ser convertida. Os modelos ajustaro a propor de tela, salvo em alguns
modelos interativos antigos Flash 7, em que a figura deve permanecer com proporo de
aproximadamente 4:3 para no ficar distorcida.
Animaes - Devem estar em formato Flash (SWF). Se seu filme Flash contm vrios
arquivos, voc pode zip-los (preservando a estrutura da pasta) e carregar o arquivo ZIP.
Voc ter de escolher o arquivo "principal" SWF ou HTML que compacte seu SWF.
Filmes - Podem ser carregados em formato MOV, AVI, MPG, WMV ou FLV. Todo vdeo
carregado convertido para FLV e otimizado para web. Se voc subir um vdeo em FLV,
ele no ser alterado ou otimizado, e vai para a biblioteca "como est" (para quem prefere
mais controle sobre a qualidade e performance do vdeo). Observe que vdeos tendem a
ser maiores e por isso exigir mais tempo para upload; e por isso pode ser mais rpido
subir vdeos que voc j comprimiu e converteu para FLV.
udios e narraes - Devem ser arquivos WAVE ou MP3. Caso voc carregue um
arquivo WAVE, o programa automaticamente o converter para MP3, para customiz-lo
para a web. O formato ideal para subir udios MP3.
PDF - Pode ser inserido no curso uma tela, ou voc pode criar um link neles para uma
tela em particular, no editor de texto. Para isso, use o boto "link to document" (conduzir
ao documento).
ou
Publicar e hospedar:
Publicando o curso
Depois de terminar a montagem de seu curso, voc pode public-lo e deix-lo disponvel
para seus alunos. Se quiser, pode tambm deix-lo aberto durante o processo de
montagem, para receber retorno das pessoas para quem voc queira dar privilgios de
produo.
Para publicar o curso, clique (no modo de autoria) na aba mais direita "Distribute"
(distribuir). Pode-se tambm fazer isso na principal janela de trabalho, com o os pequenos
botes "Distribute" (distribuir), existentes em cada listagem de cursos.
Voc pode:
- Publish Preview (publicar visualizao) - Permite ver o curso em seu estado atual como
um aluno v (com marca d'gua).
- Publish Live (publicar em tempo real) - Gera um link que voc pode compartilhar com
outras pessoas, permitindo que as pessoas visualizem seu curso sem precisar estar no
ambiente de autoria do myUdutu.
- Publish to Facebook (publicar no Facebook) - Permite que voc importe seu curso no
aplicativo da rede social. Para isso, necessrio ter o aplicativo UdutuTeach no
Facebook.
Hospedagem
A publicao ao vivo sem marca d'gua exige que voc seja membro da Guru. Existem
vrias opes disponveis para diferentes oramentos e tamanhos (exige pagamento).
Acesse http://www.udutu.com/products-membership.html para obter mais informaes.
Para publicao gratuita, utilize o modo Preview (com marca d'gua). Aps clicar
nesse boto, gerada uma URL que voc pode distribuir para seus alunos acessarem o
curso.
Extraindo seu curso:
Se voc no quer hospedar seu curso conosco, voc pode extra-lo gratuitamente. Basta
clicar no boto "Extract" (extrair) e o myUdutu transformar seu curso em um arquivo ZIP.