Elaboración e emprego de materias didácticos dixitais: Emprego de eXe-Learning (I). Juan Marcos Filgueira Gomis www.gabit.org

1. Elaboración e emprego de
materiais didácticos dixitais
Emprego de exe-Learning
Grupo de traballo
Por Juan Marcos Filgueira Gomis, 2011/2012

2. Folla de ruta
✔ Exe-Learning e as ferramentas de autor
✔ Características básicas de eXe-Learning
✔ Licenzas: Engadindo recursos
✔ Crear unha unidade didáctica
✔ Formatos de publicación: web
✔ Ampliando a biBLOGteca

3. eXe-Learning
Ferramenta que nos permite crear
contidos educativos e publicalos en Internet
SCORM

4. eXe-Learning
➔ Oriúndo de Nova Zelandia
➔ Ferramenta de autor
» Software para edición e publicación de contidos
➔ Contidos Estáticos (web) ou dinámicos (actividades)
➔ Publicación na web ou plataformas de ensinanza-aprendizaxe
➔ Outras ferramentas do estilo:
● LIM: Editor de pequenos Libros Interactivos Multimedia con actividades.
● Cuadernia: Editor de cadernos dixitais con contidos e actividades.
● LAMS: Plataforma de creación orientada a servidor.
● Constructor: Creador de coleccións de recursos e actividades en
formato SCORM orientado a servidor.

5. eXe-Learning
●
Posibilidades de publicación:
➔ CD/DVD/Pendrive (Contidos estáticos aínda que interactivos)
➔ Moodle (e outros LMS como web ou SCORM)
➔ Drupal (e outros CMS como web)
➔ Blogues (como web)
➔ WebQuest (como web)
➔ Como ZIP (ou outro formato comprimido) para Descarga

6. eXe-Learning
● Máis características:
➔ Software libre e gratuíto
➔ Multiplataforma (Linux/Windows/Mac/...)
✔ Doado de instalar en Windows
✔ En Mac/Linux (Ubuntu) mellor tirar de Wine/Crossover
➔ Portable (Sen instalación, dende pendrive)
➔ Dispoñible nos equipos Abalar

7. Vantaxes
● Orientado a docentes
● Non precisa conexión a Internet
● Portable e multiplataforma
● Vista previa en formato web (incorpora servidor web)
● Posibilidade de definir estruturas de contidos: Libro » Capítulo » Parágrafo
● Personalización: Estilos, iconas, ...
● Capacidade de integrar contidos interactivos ou actividades
● Posibilidades de exportación
● Intuitivo e de doado manexo. Ante alternativas tradicionais:
Frontpage, Dreamweaver, Kompozer ou Quanta.

8. Como funciona o eXe?
(1) Editor TyniMCE, similar Moodle ou Blogues
(2) Integrando materiais multimedia nos documentos
dende fontes ou orixes externas

9. Orixes de contidos
➔Creación de páxinas web a través do editor interno
➔Texto ou documentos complexos copiados dun
procesador de textos de escritorio (LibreOffice,
Office, ...) ou en liña (Googledocs, Zoho, Evernote...)
➔Imaxes: JPG, PNG, GIF, ...
➔Vídeo: avi, mpeg, mov, swf, flv, ...
➔Son: mp3, rm, ...
➔Outras: Actividades JClic, Flash, ou da Web 2.0

10. Licenzas
➔ Que contidos podemos incorporar?
➔ Aqueles que o indiquen explicitamente (Copyleft)
➔ Licenzas GNU/GPL, Creative Commons, Coloriuris,
ou licenza de Arte Libre
➔Conceptos chave:
✔ Liberdade total
✔ Uso comercial
✔ Atribución de autoría
✔ Modificación

11. Onde podo obter recursos?
➔ Sitios ou directorios específicos:
✔ Wikimedia Commons
✔ Open Clip Art Library
✔ Banco de sons e recursos do ITE
✔ Jamendo
✔ BlipTV
✔ ccMixter
➔ Buscadores de propósito xeral:
✔ Busca avanzada de Google
✔ Flickr
✔ SpinXpress

12. Descarga e instalación
Ligazón: http://exelearning.org/
Ligazón: http://exelearning.org/
1) Instalador para Windows
2) Instalador portable
(USB / DVD)
3) Deb e RPM para Linux
(Ou Wine / Crossover)

13. A ventá principal
1) Barra de Menús
2) Contorno coa
estrutura dos nodos
3) Botóns de nivel dos
nodos
4) iDevices: Elementos
de deseño do eXe
5) Área de edición e
vista previa dos
documentos creados

14. Configuración
1) Ferramentas » Preferencias » Selección de idioma
2) Estilos » Selección do estilo

15. Como creamos unha
unidade didáctica?
Os pasos para facer un proxecto básico en eXe Learning son os
seguintes:
(1) Recopilamos toda a información: imaxes, fotos ou vídeos que
precisemos
(2) Abrimos un novo proxecto.
(3) Creamos as páxinas web ou nodos un a un
(4) Engadimos os compoñentes avanzados ou iDevices ás páxinas
(5) Gardamos o proxecto no formato eXe-Learning por se temos que
modificalo no futuro
(6) Exportamos a unidade ao formato que desexemos
(normalmente HTML ou SCORM)

16. Exemplo
Imaxinemos que queremos facer unha unidade didáctica sobre os
Celtas. Seguiremos os seguintes pasos:
(1) Busca en libros ou co método Webquest dos recursos necesarios
(imaxes, gráficos, mapas, textos, ...)
(2) Abrimos o eXe (recoméndase o 1 antes que o 2)
(3) Defínese o guión, cunha páxina ou nodo para cada apartado:
I. Os Celtas: Introdución
II. Como vivían
III. Lendas e tradicións
IV. A guerra
V. A chegada dos romanos
VI. Actividades

17. Exemplo
Imaxinemos que queremos facer unha unidade didáctica sobre os
Celtas. Seguiremos os seguintes pasos:
(4) Engadir os contidos a través de instrumentos de deseño en cada
páxina (iDevices)
(5) Crear os iDevices específicos para as actividades ou tarefas
(6) Gardar (Agora e ao final de cada punto o proxecto)
(7) Exportar a unidade como páxina web ou SCORM
(8) Publicar a unidade no Moodle ou noutro sitio web e comprobar
que funciona correctamente

18. Primeiros pasos
O primeiro que imos facer é definir a estrutura ou árbore de
contidos
➔Por defecto: Só Inicio
➔Botóns “Engadir páxina” e os de movemento de nivel dos nodos...

19. Primeiros pasos
Engadimos contidos para a páxina 1: Introdución
➔ Coma neste caso vai ser un texto cunha imaxe abonda con engadir un iDevice
“Texto Libre”
➔ Aínda que non o pareza permítenos editar unha páxina ou documento web como
un Blogue, Moodle ou outro editor.
1. Opcións do
Editor TyniMCE
2. Área de traballo
con opción de
vista previa
3. Gardar, eliminar,
desfacer ou
mover o apartado

20. O Editor
Engadimos contidos para a páxina 1: Introdución
(Ademais do Texto Libre moitos outros iDevices incorporan o editor)
(1) Opcións de formato de texto do estilo dos procesadores
(2) Opcións típicas de cortar/copiar/colar
(3) Inserir imaxes, animacións, vídeos e notación matemática
(4) Opcións para táboas
(5) Edición de código HTML

21. O Editor: Imaxes
Engadimos contidos para a páxina 1: Introdución
Como Inserir unha imaxe
(0) No editor prememos en
“Inserir/Editar imaxe”
(1) Seleccionamos a imaxe do
equipo ou colamos a ligazón
(2) Inserimos os textos para a
descrición da imaxe (Alt), útil
pola Accesibilidade e o título
(3) Establécese o ancho e alto, coa
opción activada mantéñense as
proporcións (recoméndase para
non perder calidade)
(4) Vista previa da imaxe
(5) Botón “Inserir” para incluíla no
documento

22. O Editor: Imaxes
Engadimos contidos para a páxina 1: Introdución
Onde atopamos imaxes?
(1) Ligazón: http://www.flickr.com/search/advanced/
(1) Ligazón: http://www.flickr.com/search/advanced/
(1) Imos á busca avanzada de Flickr
(2) Escribimos un termo de busca
(3) Marcamos os criterios de
busca de CC
(4) Prememos en “Search”
para facer a busca

23. O Editor: Imaxes
Engadimos contidos para a páxina 1: Introdución
Onde atopamos imaxes?

24. O Editor: Imaxes
Engadimos contidos para a páxina 1: Introdución
Edición da imaxe unha vez inserida
Logo de inserir unha imaxe, podemos:
(1) Cortala, copiala ou colala
(2) Asociarlle unha ligazón
(3) Axustar as propiedades (tamaño)

25. O Editor: Ligazóns
Engadimos contidos para a páxina 1: Introdución
Como inserir unha ligazón
(1) Seleccionamos un
texto do documento
(2) Prememos “Inserir/
Editar ligazón”
(3) Na nova ventá
inserimos unha ligazón
externa ou un arquivo
no noso equipo
(4) Seleccionamos que
se abra nunha nova
ventá e prememos en
inserir

26. O Editor: Táboas
Engadimos contidos para a páxina 1: Introdución
Como inserir unha táboa
(1) Seleccionamos unha
posición no documento
(2) Prememos “Inserir/
Táboa”
(3) Na nova ventá
inserimos unha ligazón
especificamos o nº de
filas e columnas
(4) Outras opcións:
aliñamento, bordo,
ancho, alto, ...

27. O Editor: Táboas
Engadimos contidos para a páxina 1: Introdución
Como inserir unha táboa
(5) Prememos “Inserir”
para engadir a táboa
baleira ao documento
(6) Aceptamos para
gardar
(7) Coas opcións de
táboas podemos inserir
mesturar ou eliminar filas
e columnas
(8) Formato dos textos,
aliñamento, cores e
outras opcións igual que
outros textos

28. Seguimos ...
Engadimos contidos para as demais páxinas
(De momento deixamos as actividades)
I. Os Celtas: Introdución
II. Como vivían
III. Lendas e tradicións
IV. A guerra
V. A chegada dos romanos

29. Gardar, gardar, gardar, ...
Xa temos os 5 nodos principais
(Gardamos o documento, logo o exportaremos)
➔ Menú Ficheiro »
- Gardar
- Gardar como...
➔ Gardar con cada
páxina/cambio
➔ Gárdase o proxecto
fonte ≠ Exportar
➔ Formato .ELP

30. Exportar
Exportamos o documento en formato web para velo tal e como
quedaría
➔ Menú Ficheiro »
- Exportar »
- Sitio web »
- Caratafol indep.
➔ O documento
exportado xa non
precisa o eXe
➔Xa se pode publicar
en Internet

31. Exportar
Exportamos o documento en formato web
➔ Créase un cartafol onde ser atopan:
✔ As páxinas web para cada nodo
✔ As imaxes da unidade
✔ Os estilos e imaxes para darlle formato
➔ Para acceder abrimos
nun navegador o
arquivo:
“index.html”

32. Exportar
Exportamos o documento en formato web

33. Como facemos cambios?
E se algo non nos gusta?
ELP ELP
Abrir
Gardar Exportar
➔ Volvemos a abrir o arquivo fonte ELP non o exportado
➔ Facemos os cambios
➔ Gardamos de novo
➔ Exportamos de novo

34. Que fixemos ata agora?
Pequeno resumo do que levamos feito
(1) Obtivemos contidos libres para a unidade e elaboramos o guión
(2) Creamos a árbore de nodos
(3) A través do editor e o iDevice “Texto Libre” inserimos contidos
en cada unha das páxinas unha a unha
(4) Gardamos o proxecto con extensión .ELP
(5) Exportamos o proxecto en formato Web nun cartafol
(6) Accedemos á unidade para revisala

35. Actividade: Comezando a
unidade didáctica
1. Definir un guión para unha unidade didáctica
2. Buscar algún texto ou imaxes para darlle contido e gardalos
3. Elaborar en eXe-Learning un documento composto de:
✔ Unha estrutura ou árbore cun mínimo de 5 nodos
✔ Cada páxina conterá imaxe con licenza Creative Commons
✔ Un par de ligazóns a sitios externos
✔ Unha táboa con datos relevantes para a unidade
4. Exportar a presentación en formato web
5. Visualizar o documento nun navegador
6. Engadir unha nova imaxe substituíndo a outra
7. Visualizar de novo o documento
8. Subir ao Moodle o cartafol comprimido nun ZIP

36. Ampliando a biBLOGteca
➔
Ferramentas de autor:
➔
eXe-Learning: http://exelearning.org/wiki
➔
LAMS: http://wiki.lamsfoundation.org/display/lamsdocses/Home
➔
Cuadernia:
http://www.educa.jccm.es/educa-jccm/cm/temas/cuadernia
➔
Constructor: http://constructor.educarex.es/
➔
LIM: http://www.educalim.com/cinicio.htm
➔
Guías de Exe-Learning
➔
http://exelearning.aprenderenred.net/index.html
➔
http://www.cepazahar.org/recursos/course/view.php?id=46

37. Ampliando a biBLOGteca
➔
Bancos de recursos:
➔
Wikimedia: http://wikimediafoundation.org/
➔
Open Clip Art Library: http://openclipart.org/
➔
ITE: http://recursostic.educacion.es/bancoimagenes/web/
➔
Jamendo: http://www.jamendo.com/es/
➔
CCMixter: http://ccmixter.org/
➔
Blip.tv: http://blip.tv
➔
Buscadores xerais:
➔
Flickr: http://www.flickr.com/creativecommons/
➔
Google: http://www.google.com/advanced_search?hl=es
➔
SpinXpress: http://spinxpress.com/

38. Ideas, dúbidas, cuestións?

39. Créditos
@ Grazas a Creative Commons pola imaxe da diapositiva 12
@ Grazas a Wikipedia polos mapas e outras imaxes sobre os celtas

40. Elaboración e emprego de
materiais didácticos dixitais
Emprego de exe-Learning
Fin
Grupo de traballo
Por Juan Marcos Filgueira Gomis, 2011/2012