Jornada IOC. Materiales y recursos

[ ] Recursos y materiales
Miguel Angel Muras 17.06.09

1

Recursos y materiales

Miguel Angel Muras
17 de Junio de 2009


Generación de contenidos
E-LEARNING

MAQUETACIÓN CONTENIDOS

{
CREACIÓN DE NUEVOS MATERIALES
PRODUCCIÓN PRODUCCIÓN DE ANIMACIONES/VÍDEOS
(ADECUADA AL MEDIO)
MATERIALES/ESCENARIOS 3D
PROGRAMACIÓN JUEGOS

{
WEB

DIFUSIÓN CAMPUS DE FORMACIÓN
(SEGÚN EL MEDIO) MÓVIL Y WEB MÓVIL
ENTORNOS VIRTUALES


E-LEARNING

AUTOR

GUIÓN

COORDINADOR
LECTOR
CORRECTOR


E-LEARNING

PDF VIDEO INTERACTIVO
TEXTOS FOTOS GUIÓN MOVIES
GRÁFICOS AUDIOS

WEB 1.0
ANIMACIÓN
RECURSOS MOVIES
WEBS AUDIOS

WEB 2.0
INTERACCIÓN
PROG.
BD


E-LEARNING

TEXTOS MOVIES GRÁFICOS RECURSOS PROG.
GUIÓN AUDIOS FOTOS WEBS BD UN USUARIO MULTI
USUARIO

GRÁFICOS JUEGOS CHATS/VIDEO CHATS
INTERACTIVOS ANIMACIONES
TUTORES

+
EJERCICIOS DINAMIZADORES
SERIOUS GAMES
SEGUIMIENTO
VÍDEO
VÍDEOS INTERACTIVO APRENDIZAJE SOCIAL

PDF FOROS/BLOGS
AUDIOS/
ANIMACIONES LOCUCIONES TRABAJO GRUPAL


E-learning

Elaboración
Contenidos
Contenidos

Plataforma Tutores

Herramientas Alumnos
comunicación/intercambio


La producción de contenidos* está condicionada por:

Formato (flash/video/web)

Tiempo de producción

Recursos humanos

Conocimientos técnicos

* Obviamos que previamente hemos realizado un análisis de necesidades/público objetivo, etc...


SCORM
“SCORM (del inglés Sharable Content Object Reference Model) es una especificación que permite
crear objetos pedagógicos estructurados.“
8
“El modelo de estandarización de los entornos de aprendizaje se basa en que existen unos
contenidos que pueden ser utilizados dentro de una plataforma y que gestionan y revisan la
interacción de usuario mediante unas especificaciones o un protocolo que permite la interrelación.”

http://es.wikipedia.org/wiki/SCORM
GRANE, M. (200) http://www.slideshare.net/iMona06/estandards-en-elearning


Publicación de contenidos

Sólo se verá publicado si está en un servidor No todo lo que está en internet, se
(que a su vez están conectados a Internet) puede utilizar (ojo con los
derechos de publicación).
Hay que tener en cuenta que podemos tener
diferentes tipos de navegador-sistemas El lenguaje SCORM habilita una
operativos-interpretación de código-gamma capa de comunicación con el
campus. Nuestros contenidos
Podemos usar FTP para transferir pueden tener o no comunicación
documentos, SFTP u otros protocolos. SCORM. Si es así, tenemos que
También podemos sistemas “web” para adaptar estos contenidos para que
publicar contenidos puedan interpretar el scorm.

213.176.191.84 --> http://ioc.xtec.cat/campus/

IP / DNS / Puertos


CARPETAS / FICHEROS

Es conveniente organizar la información en carpetas/ficheros de tipología de
contenidos

Evitar caracteres no ingleses en los nombres de archivos/carpetas. Evitar espacios

Evitar carpetas/archivos de más de 31 caracteres

Algunos servidores distinguen entre mayúsculas y minúsculas


CARPETAS / FICHEROS

VÍDEOS/AUDIOS
.GIF

GRÁFICOS
.htm .FLV
WEB

.html .JPG (embebido)
.PNG
.MOV
.php .AVI/RMV
.asp .PNG T
.MP4/MPG
.jsp .MP3
ANIMACIONES

.SWF .JS .DOC

TRABAJO
OTROS

.SVG .CSS .ODT

.XML .PSD
applet JAVA .FLA

A veces hay que comprimir los archivos para vincularlos al contenido.

Algunos contenidos (PDF/DOC/EXCELL) se pueden editar directamente on-line y puede
rompernos la usabilidad de la aplicación.


http://www.romanicaintercom.com/


<HTML>
<HEAD>
<TITLE>Aprenentatge simultani de llengües romàniques</TITLE>
<meta http-equiv="expires" content="0"/>
<meta name="RESOURCE-TYPE" content="DOCUMENT"/>
<meta name="distribution" content="GLOBAL"/>
<meta name="language" content="es"/>
<meta name="keywords" content="Universidad de Barcelona, Servicios lingüisticos,
eurom4, lenguas románicas"/>
<meta name="REVISIT-AFTER" content="10 DAYS"/>
<meta name="rating" content="GENERAL"/>
....

<script src="js/posicion.js" type="text/javascript"></script>
<link href="estilos.css" type="text/css">

</HEAD>
<BODY>
<div id="base" align="center">
<div id="contenidos">
<div class="titulo" align="center"><a
href="javascript:pantallacompleta('textos.html')"><img src="graf/home/titulo.jpg"
alt="Románica Intercom" width="269" height="57" border="0"></a></div>
<div class="limp"></div>

<div id="items_menu">
<a href="javascript:pantallacompleta('texto_cat.html')"
onMouseOver="javascript:mostrar('portugues')"
onMouseOut="javascript:ocultar('portugues')"><div id="tit"
class="portugues">Aprendissagem simultâneo de línguas
românicas</div></a>
<a
href="javascript:pantallacompleta('texto_cast.html')"
onMouseOver="javascript:mostrar('castellano')"
onMouseOut="javascript:ocultar('castellano')"><div id="tit"
class="castellano">Aprendizaje simultáneo de lenguas románicas</
div></a>

...


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/
xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
<title>Untitled Document</title>
<link href="estilo.css" rel="stylesheet" type="text/css" />

<body>
<h1>Encabezado</h1>
<p>Texto principal</p>
<p>Imagen:</p>
<p><img src="notas.jpg" alt="Texto en alt" width="500"
height="340" /></p>
<p>Enlace:</p>
<p><a href="http://www.adelat.org/index.php?title=tiempo-
de-poner-
notas&more=1&c=1&tb=1&pb=1"
target="_blank">Esta es la página web</a></p>
</body>
</html>


http://www.adobe.com/es/products/creativesuite/?sdid=DVOCQ


http://www.adobe.com/products/captivate/


http://camstudio.org/


http://kompozer.sourceforge.net


http://exelearning.org/


http://www.gimp.org.es/


http://pixer.us/


http://scratch.mit.edu/
http://www.swishzone.com/index.php


http://convert.vx2.com/

http://online.movavi.com/


http://www.youconvertit.com/


http://audacity.sourceforge.net/?lang=es


http://tts.loquendo.com/ttsdemo/default.asp?page=id&language=es


http://javimoya.com/blog/youtube.php

http://vixy.net/


Contenido embebido/incrustado
<div style="width:425px;text-align:left" id="__ss_1243845"><a <object width="425" height="344"><param
style="font:14px Helvetica,Arial,Sans-serif;display:block;margin: name="movie" value="http://
12px 0 3px 0;text-decoration:underline;" href="http:// www.youtube.com/v/
www.slideshare.net/philipp/mozillacreative-commons-open- Lg6znYkNuUQ&hl=es&fs=1&"></
education-course-seminar-1?type=presentation" title="Mozilla/ param><param name="allowFullScreen"
Creative Commons Open Education Course - Seminar 1">Mozilla/ value="true"></param><param
Creative Commons Open Education Course - Seminar 1</ name="allowscriptaccess" value="always"></
a><object style="margin:0px" width="425" height="355"><param param><embed src="http://
name="movie" value="http://static.slidesharecdn.com/swf/ www.youtube.com/v/
ssplayer2.swf?doc=mozopeneduseminar1-090403063508- Lg6znYkNuUQ&hl=es&fs=1&"
phpapp01&stripped_title=mozillacreative-commons-open- type="application/x-shockwave-flash"
education-course-seminar-1" /><param name="allowFullScreen" allowscriptaccess="always"
value="true"/><param name="allowScriptAccess" value="always"/ allowfullscreen="true" width="425"
><embed src="http://static.slidesharecdn.com/swf/ssplayer2.swf? height="344"></embed></object>
doc=mozopeneduseminar1-090403063508-
phpapp01&stripped_title=mozillacreative-commons-open- Youtube
education-course-seminar-1" type="application/x-shockwave-
flash" allowscriptaccess="always" allowfullscreen="true"
width="425" height="355"></embed></object><div style="font-
size:11px;font-family:tahoma,arial;height:26px;padding-top:
2px;">View more <a style="text-decoration:underline;" href="http://
www.slideshare.net/">Microsoft Word documents</a> from <a
style="text-decoration:underline;" href="http://www.slideshare.net/
philipp">philipp</a>.</div></div>
Slideshare


http://translate.google.com
http://translate.google.com/toolkit/list#translations/active


http://www.opentrad.com/


Reconocimiento (Attribution): Reconocimiento (by):
En cualquier explotación de la obra Se permite cualquier explotación de la obra, incluyendo
autorizada por la licencia hará falta una finalidad comercial, así como la creación de obras
reconocer la autoría. derivadas, la distribución de las cuales también está
permitida sin ninguna restricción.
No Comercial (Non commercial):
La explotación de la obra queda limitada Reconocimiento - NoComercial (by-nc):
a usos no comerciales. Se permite la generación de obras derivadas siempre
que no se haga un uso comercial. Tampoco se puede
Sin obras derivadas (No Derivate utilizar la obra original con finalidades comerciales.
Works): La autorización para explotar la
obra no incluye la transformación para Reconocimiento - NoComercial - CompartirIgual
crear una obra derivada. (by-nc-sa): No se permite un uso comercial de la obra
original ni de las posibles obras derivadas, la
Compartir Igual (Share alike): distribución de las cuales se debe hacer con una
La explotación autorizada incluye la licencia igual a la que regula la obra original.
creación de obras derivadas siempre
que mantengan la misma licencia al ser Reconocimiento - NoComercial - SinObraDerivada
divulgadas. (by-nc-nd): No se permite un uso comercial de la obra
original ni la generación de obras derivadas.

Reconocimiento - CompartirIgual (by-sa):
Se permite el uso comercial de la obra y de las posibles
obras derivadas, la distribución de las cuales se debe
hacer con una licencia igual a la que regula la obra
oriby-saginal.

Reconocimiento - SinObraDerivada (by-nd):
Se permite el uso comercial de la obra pero no la
generación de obras derivadas.

http://es.creativecommons.org/


http://search.creativecommons.org/


http://commons.wikimedia.org/wiki/Portada


http://www.photoshopsupport.com/resources/stock-photos.html#Anchor-Free-44591


http://bancoimagenes.isftic.mepsyd.es/


http://www.pdsounds.org/


http://www.freesound.org/


http://ocw.mit.edu/OcwWeb/web/home/home/index.htm


http://ocw.universia.net/es/


http://openmultimedia.ie.edu/index_e.html


42

http://www.proyectoagrega.es/


43

http://clic.xtec.net/ca/index.htm
(Otra alternativa es Hotpotatoes)


44

http://www.edu365.cat/


45

http://phobos.xtec.cat/xarxacb/


46

http://www.kalipedia.com


47

http://www.parasaber.com/


48

http://www.practicopedia.com/


49

http://www.skoool.es/


50

http://www.isftic.mepsyd.es/


51

http://janeknight.typepad.com/pick/2009/05/top-100-
tools-for-learning-2009-may-update.html

http://www.webware.com/html/ww/100/2009/winners.html
http://www.ricardonato.com/joomla/downloads/Aplicaciones2.0.html

http://mashable.com/2007/07/22/online-collaboration/


52

Recursos y materiales

Miguel Angel Muras
17 de Junio de 2009

Jornada IOC. Materiales y recursos

Recommandé

Recommandé

Contenu connexe

Similaire à Jornada IOC. Materiales y recursos

Similaire à Jornada IOC. Materiales y recursos (20)

Plus de Miguel Angel Muras

Plus de Miguel Angel Muras (20)

Dernier

Dernier (20)

Jornada IOC. Materiales y recursos