Diferencia entre revisiones de «Wikieducator lswc 12»

De WikiEducator
Saltar a: navegación, buscar
(→‎WIKIEDUCATOR: EL SERVIDOR (http://wikieducator.org))
 
(26 revisiones intermedias por el mismo usuario no mostrado)
Línea 3: Línea 3:
  
 
<div class="slide">
 
<div class="slide">
−
= Wikieducator: recursos libres para transformar el mundo =
+
= Creación de materiales educativos libres con Wikieducator =
  
 
Luis Miguel Morillas @lmorillas
 
Luis Miguel Morillas @lmorillas
  
 
CPIFP Los Enlaces (zgz)
 
CPIFP Los Enlaces (zgz)
−
 
 
</div>  
 
</div>  
  
 
<div class="slide">
 
<div class="slide">
−
==&ldquo;Estamos convirtiendo la brecha digital en dividendo digital usando contenido libre y redes abiertas&rdquo;==
 
  
 +
== Presentación ==
 
</div>
 
</div>
  
 
<div class="slide">
 
<div class="slide">
−
==Algo más que una herramienta==
+
===¿QUÉ ES WIKIEDUCATOR? (1)===
−
 
+
* Un sitio web que ofrece contenidos educativos libres
 +
* Y herramientas para reutilizarlos y editarlos
 +
* Lanzado por la Commonwealth Of Learning en 2006
 +
  http://wikieducator.org
 +
  http://es.wikieducator.org
 
</div>
 
</div>
  
 
<div class="slide">
 
<div class="slide">
−
===WIKIEDUCATOR: COMUNIDAD===
+
===¿QUÉ ES WIKIEDUCATOR? (2)===
−
* Ante todo WE es una comunidad,
+
* Comunidad online de estudiantes y profesores
−
* dedicada al diseño, desarrollo y puesta en marcha
+
* Que desarrolla de forma colaborativa
−
* de contenidos libres para la educación
+
* Recursos Educativos Abiertos (OERs)
 +
* Que se pueden reutilizar en distintos entornos
 +
* Autoría social de los recursos
 +
* Open Education Resource Foundation
 +
  http://wikieducator.org/OERF:Home
 +
</div>
  
−
* Objetivo: Un currículo libre en 2015
 
−
* Open Education Resource Foundation (http://wikieducator.org/OERF:Home)
 
−
 
−
</div>
 
  
 
<div class="slide">
 
<div class="slide">
−
== Wikieducator: La herramienta ==
 
  
−
</div>
+
===UN ENTORNO PARA CREAR/USAR RECURSOS===
−
 
+
* Un wiki extendido (ahora ''mediawiki'')
−
<div class="slide">
+
−
===EL WIKI===
+
−
* Wikieducator es una herramienta online (un wiki extendido)
+
 
* Optimizado para elaborar contenidos educativos
 
* Optimizado para elaborar contenidos educativos
 
* De forma colaborativa
 
* De forma colaborativa
 
* Facilitando la reutilización de recursos
 
* Facilitando la reutilización de recursos
−
 
 
* Única herramienta necesaria: un navegador  
 
* Única herramienta necesaria: un navegador  
 +
* http://wikieducator.org  http://es.wikieducator.org
 
</div>
 
</div>
  
  
 
<div class="slide">
 
<div class="slide">
−
===¿PARA QUÉ WIKIEDUCATOR SI YA TENEMOS MOODLE?===
+
=== WIKIEDUCATOR: EL SERVIDOR ===
−
* Contenidos abiertos
+
http://wikieducator.org
−
* Contenidos dinámicos
+
−
* Colaboración
+
−
* Reutilización
+
−
</div>
+
−
 
+
−
<div class="slide">
+
−
=== WIKIEDUCATOR: EL SERVIDOR (http://wikieducator.org)===
+
 
* [http://wikieducator.org/Special:Version MediaWiki con algunas extensiones]
 
* [http://wikieducator.org/Special:Version MediaWiki con algunas extensiones]
 
* APC (acelerar PHP), memcached y Squid
 
* APC (acelerar PHP), memcached y Squid
 
* [http://wikieducator.org/WikiEducator/Hosting Alojado en Amazon EC2 ]
 
* [http://wikieducator.org/WikiEducator/Hosting Alojado en Amazon EC2 ]
 
* Instancias de lenguajes: granja que comparte la configuración central.
 
* Instancias de lenguajes: granja que comparte la configuración central.
−
 
+
* http://wikieducator.org/stats/reports/
−
* Gratis :D y con un gran soporte (seguridad, backups, spam, nuevas prestaciones ...)
+
 
</div>
 
</div>
  
Línea 72: Línea 64:
 
** [http://creativecommons.org/licenses/by-sa/3.0/ Creative Commons Attribution Share Alike License] (CC-BY-SA) (por defecto)
 
** [http://creativecommons.org/licenses/by-sa/3.0/ Creative Commons Attribution Share Alike License] (CC-BY-SA) (por defecto)
 
** [http://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution] (CC-BY)
 
** [http://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution] (CC-BY)
−
 
 
* [http://Wikieducator.org/WikiEducator:Polcy/Licensing Más ayuda para licencias]
 
* [http://Wikieducator.org/WikiEducator:Polcy/Licensing Más ayuda para licencias]
 
* IMPORTANTE: Protege los derechos (propiedad intelectual) de los educadores [http://wikieducator.org/FAQs#What_Copyright_Licensing_Arrangements_Does_WikiEducator_Use.3F http://wikieducator.org/FAQs]
 
* IMPORTANTE: Protege los derechos (propiedad intelectual) de los educadores [http://wikieducator.org/FAQs#What_Copyright_Licensing_Arrangements_Does_WikiEducator_Use.3F http://wikieducator.org/FAQs]
 
</div>
 
</div>
−
 
−
 
  
 
<div class="slide">
 
<div class="slide">
−
=== ¿QUÉ ES UN WIKI? Ventajas ===
+
=== ¿POR QUÉ UN WIKI? ===
 
* wiki (rápido): un sitio web que podemos editar con un navegador
 
* wiki (rápido): un sitio web que podemos editar con un navegador
 
* Sintaxis muy sencilla
 
* Sintaxis muy sencilla
Línea 89: Línea 78:
 
* Extremadamente versátil (transformaciones rápidas)
 
* Extremadamente versátil (transformaciones rápidas)
 
</div>
 
</div>
−
 
  
 
<div class="slide">
 
<div class="slide">
−
=== ¿QUÉ ES UN WIKI? Inconvenientes ===
+
=== INCONVENIENTES DE UN WIKI ===
 
* Spam y vandalismo (todos pueden editar)  
 
* Spam y vandalismo (todos pueden editar)  
 
* No válido para información confidencial
 
* No válido para información confidencial
Línea 122: Línea 110:
  
 
<div class="slide">
 
<div class="slide">
−
 
 
=== NEGRITAS, CURSIVAS ... ===
 
=== NEGRITAS, CURSIVAS ... ===
 
{| style="border:1px solid #B8C7D9; text-align:left;  background:#f5faff; font-size: 95%;"
 
{| style="border:1px solid #B8C7D9; text-align:left;  background:#f5faff; font-size: 95%;"
Línea 159: Línea 146:
 
<div class="slide">
 
<div class="slide">
 
=== ENCABEZADOS ===
 
=== ENCABEZADOS ===
−
 
 
{| width="60%" style="border:1px solid #B8C7D9; text-align:left;  background:#f5faff; font-size: 95%;"
 
{| width="60%" style="border:1px solid #B8C7D9; text-align:left;  background:#f5faff; font-size: 95%;"
 
|-
 
|-
Línea 182: Línea 168:
 
<div style="font-size: 80%; border-bottom: none; font-weight: bold;">Level 6</div>
 
<div style="font-size: 80%; border-bottom: none; font-weight: bold;">Level 6</div>
 
|}
 
|}
−
 
 
</div>
 
</div>
  
Línea 214: Línea 199:
  
 
</div>
 
</div>
−
 
  
 
<div class="slide">
 
<div class="slide">
Línea 227: Línea 211:
 
  <nowiki>
 
  <nowiki>
 
   http://wikieducator.org
 
   http://wikieducator.org
−
   [http://moodlemoot.net enlace a moodlemoot]
+
   [http://www.libresoftwareworldconference.com/ Enlace a lswc]
 
  </nowiki>
 
  </nowiki>
 +
</div>
  
 +
<div class="slide">
 +
=== MULTIMEDIA ===
 +
* Imágenes (subidas previamente)
 +
<nowiki>[[Archivo:IMG_0057.jpg]]
 +
<gallery>
 +
Image:Image_file_name.png|Caption
 +
Image:Image-file_name.jpg|Caption
 +
</gallery></nowiki>
 +
* Documentos PDF
 +
<nowiki>[[media:name_of_file.pdf|Texto del enlace]]</nowiki>
 +
* <nowiki>{{</nowiki>[[:en:WikiEducator_and_Media#Embedding| EmbedMedia]]}} (Experimental)
 
</div>
 
</div>
  
 +
<div class="slide">
 +
 +
== Estructurar contenidos pedagógicos ==
 +
</div>
  
 
<div class="slide">
 
<div class="slide">
  
 
=== PLANTILLAS PEDAGÓGICAS ===
 
=== PLANTILLAS PEDAGÓGICAS ===
 +
* Ayudas para crear materiales pedagógicos
 
* Plantillas predefinidas: http://wikieducator.org/Quickstart_guide/pedagogical_templates
 
* Plantillas predefinidas: http://wikieducator.org/Quickstart_guide/pedagogical_templates
 
{{Objetivos|
 
{{Objetivos|
Línea 242: Línea 243:
 
* ...
 
* ...
 
}}
 
}}
 +
</div>
  
 +
<div class="slide">
  
 +
=== PLANTILLAS PEDAGÓGICAS  (II)===
 +
[[Archivo:Plantillas en.png]]
 +
</div>
 +
 +
<div class="slide">
 +
=== PLANTILLAS PEDAGÓGICAS  (III)===
 +
[[Archivo:Plantillas es.png]]
 
</div>
 
</div>
  
Línea 249: Línea 259:
  
 
=== PLANTILLAS PEDAGÓGICAS: NUEVAS ===
 
=== PLANTILLAS PEDAGÓGICAS: NUEVAS ===
−
* Podemos modificar / crea nuevas
+
* Podemos modificar / crear nuevas
 
* Nuevas acciones
 
* Nuevas acciones
−
* Modificar estilo (iconos, ...)
+
* Modificar estilo (iconos,...)
 +
<source lang="html4strict">
 +
<div style="margin-left: 0px; margin-top: 10px; margin-bottom: 40px; border-style: solid;
 +
    border-width:1px; border-color: #AAAAAA; padding: 1ex; background-color: #F6F9ED;"
 +
    class="eXe-iDevice objectivo">
 +
{|style="background-color: #F6F9ED;"
 +
[[image:icon_objectives.jpg|left]]
 +
<h1 style="font-size: 130%; font-weight: bolder; border: none;">
 +
{{{Title|Objetivo}}}</h1>
 +
|{{{1}}}
 +
|}
 
</div>
 
</div>
 +
 +
</source>
 +
</div>
 +
 +
  
 
<div class="slide">
 
<div class="slide">
 +
== Avanzado ==
 +
</div>
 +
<div class="slide">
 +
=== WIDGETS ===
 +
* SLIDES: crear presentaciones en html5 a partir del contenido
 +
* WEnotes: integración con identica y twitter
 +
* AddDataRows: creación dinámica de tablas
 +
* POLL: votaciones
 +
* Mindmap: mostras mapas mentales de forma dinámica
 +
* http://wikieducator.org/index.php?title=Special%3AAllPages&from=&to=&namespace=274
 +
</div>
  
−
=== MULTIMEDIA ===
+
<div class="slide">
−
* Imágenes (subidas previamente)
+
=== ESTRUCTURA: COMPOSICIÓN Y NAVEGACIÓN ===
−
<nowiki>[[Archivo:IMG_0057.jpg]]
+
* Componemos recursos sumando otros recursos ("transclusion")
−
<gallery>
+
* Coposición a partir de micro recursos para facilitar reutilización
−
Image:Image_file_name.png|Caption
+
* Plantillas de navegación facilitan el seguimiento de recursos
−
Image:Image-file_name.jpg|Caption
+
  <nowiki>{{</nowiki>ProjectNav
−
</gallery></nowiki>
+
  |image  =                  |title  =
−
* Documentos PDF
+
  |tagline =                  |pages  =    }}
−
<nowiki>[[media:name_of_file.pdf|Texto del enlace]]</nowiki>
+
−
* <nowiki>{{</nowiki>[[:en:WikiEducator_and_Media#Embedding| EmbedMedia]]}} (Experimental)
+
 
</div>
 
</div>
  
 
<div class="slide">
 
<div class="slide">
 +
=== UNA FUENTE, DISTINTOS FORMATOS ===
 +
* Versión en PDF
 +
* Creación de libros
 +
* Salidas en pdf, odt, epub
 +
* También puede importar de OpenOffice
 +
</div>
  
 +
<div class="slide">
 +
[[Archivo:LibroWE.png]]
 +
 +
</div>
 +
 +
<div class="slide">
 +
=== CREACIÓN DE PORTALES (I) ===
 +
[[Archivo:Portal ocl4ed.png |800px]]
 +
</div>
 +
 +
<div class="slide">
 +
=== CREACIÓN DE PORTALES (II) ===
 +
[[Archivo:Día de Scratch portal.png |800px]]
 +
</div>
 +
 +
 +
<div class="slide">
 +
=== CREACIÓN DE PORTALES (III) ===
 +
<source lang="text">
 +
{{:Open_content_licensing_for_educators/Nav}}{{MyTitle|Open content licensing for educators}}
 +
<center>'''[[Open_content_licensing_for_educators/About|CLICK HERE TO REGISTER YOUR SEAT TODAY]]'''</center>
 +
{{Node_page
 +
|Box-theme=default
 +
|Left column width=55%
 +
|Left box 2 title=Lead facilitators
 +
|Left box 3 title=Objectives
 +
|Left box 1 title=Partners
 +
|Right box 1 title=Registrations
 +
|Right box 2 title=Course materials
 +
|Right box 4 title=Microblog feed
 +
}}
 +
</source>
 +
 +
</div>
 +
 +
<div class="slide">
 +
 +
== Integración con LMSs==
 +
</div>
 +
 +
<div class="slide">
 
=== INTEGRACIÓN CON MOODLE ===
 
=== INTEGRACIÓN CON MOODLE ===
 
* Dos formas principales de integración:
 
* Dos formas principales de integración:
Línea 276: Línea 357:
 
       width="100%" height="450"></iframe>
 
       width="100%" height="450"></iframe>
 
   </tt>
 
   </tt>
−
* Tenemos links a versiones y links a la última versión
+
* Links a revisiones o a páginas
 
* Exportando a IMS CP o IMS CC: http://edu.onnz.net/wikieducator/package/
 
* Exportando a IMS CP o IMS CC: http://edu.onnz.net/wikieducator/package/
−
** Primero se crea una colección / Libro
+
: A partir de una colección / Libro
 +
</div>
 +
 
 +
<div class="slide">
 +
 
 +
=== WikiEducator Package Export ===
 +
[[Archivo:We package export.png]]
 +
 
 
</div>
 
</div>
  
Línea 284: Línea 372:
 
=== INTEGRACIÓN CON MOODLE: UN EJEMPLO===
 
=== INTEGRACIÓN CON MOODLE: UN EJEMPLO===
 
* Curso en wikieducator:
 
* Curso en wikieducator:
−
: http://es.wikieducator.org/Curso_Python_DGA_2011
+
http://es.wikieducator.org/Curso_Python_DGA_2011
 
* Curso en moodle
 
* Curso en moodle
−
: http://moodle.cpilosenlaces.com/course/view.php?id=133
+
http://moodle.cpilosenlaces.com/course/view.php?id=133
  
 
</div>
 
</div>
  
 
<div class="slide">
 
<div class="slide">
−
=== ESTRUCTURA: COMPOSICIÓN Y NAVEGACIÓN ===
+
== más ... ==
−
* Componemos recursos sumando otros recursos ("transclusion")
+
−
** Repetimos el contenido (o parte) de una página en otras sin reescribir
+
−
* Plantillas de navegación facilitan el seguimiento de recursos
+
−
  <nowiki>{{</nowiki>ProjectNav
+
−
  |image  =                  |title  =
+
−
  |tagline =                  |pages  =    }}
+
 
</div>
 
</div>
  
Línea 309: Línea 391:
 
</div>
 
</div>
  
−
<div class="slide">
 
−
===EN CONTINUA EVOLUCIÓN ...===
 
−
* Mapas mentales: [[:en:User:JimTittsler/Mindmap  | Mindmap de Jim]]
 
−
* Widgets en experimentación: [[Usuario:Lmorillas/Proyectos/lista_widgets |lista]]
 
−
** Seguridad, usabilidad, filosofía ...
 
−
* Propuestas/debates de nuevas prestaciones
 
−
</div>
 
  
 
<div class="slide">
 
<div class="slide">
Línea 328: Línea 403:
 
</div>
 
</div>
  
−
<div class="slide">
 
−
=== COLABORAR ===
 
−
* Crear recursos en wikieducator
 
−
* Traducir plantillas
 
−
* Proponer mejoras
 
−
</div>
 
−
 
−
<div class="slide">
 
−
== gracias ==
 
−
</div>
 
  
 
</div>
 
</div>

Última revisión de 08:58 14 oct 2012

Creación de materiales educativos libres con Wikieducator

Luis Miguel Morillas @lmorillas

CPIFP Los Enlaces (zgz)

Presentación

¿QUÉ ES WIKIEDUCATOR? (1)

  • Un sitio web que ofrece contenidos educativos libres
  • Y herramientas para reutilizarlos y editarlos
  • Lanzado por la Commonwealth Of Learning en 2006 
 http://wikieducator.org
 http://es.wikieducator.org

¿QUÉ ES WIKIEDUCATOR? (2)

  • Comunidad online de estudiantes y profesores
  • Que desarrolla de forma colaborativa
  • Recursos Educativos Abiertos (OERs)
  • Que se pueden reutilizar en distintos entornos
  • Autoría social de los recursos
  • Open Education Resource Foundation 
 http://wikieducator.org/OERF:Home


UN ENTORNO PARA CREAR/USAR RECURSOS


WIKIEDUCATOR: EL SERVIDOR

http://wikieducator.org

LICENCIAS

¿POR QUÉ UN WIKI?

  • wiki (rápido): un sitio web que podemos editar con un navegador
  • Sintaxis muy sencilla
  • Centrado en el contenido
  • Enlaces a otras páginas (y a internet): grafo
  • Colaborativo
  • Guarda la historia
  • Extremadamente versátil (transformaciones rápidas)

INCONVENIENTES DE UN WIKI

  • Spam y vandalismo (todos pueden editar)
  • No válido para información confidencial
  • Necesaria conexión a internet
  • La flexibilidad puede llevar a la confusión

CREACIÓN DE USUARIO

  • Para editar en wikieducator, necesitamos un usuario: 
 http://es.wikieducator.org
-> Registrarse/entrar
-> Crear una cuenta  
   http://es.wikieducator.org/index.php?title=Especial:Entrar&type=signup
  • Mis preferencias: 
-> Mis preferencias
   http://es.wikieducator.org/Especial:Preferencias
Datos personales, visualización, búsquedas, ...


EDICIÓN BÁSICA

  • Usamos un marcado especial de wiki
  • Escrito a mano o desde el menú Archivo:Gui toolbar.png
  • Previsualizar --> Corregir --> Previsualizar --> Guardar
  • Chuleta: Wikipedia

NEGRITAS, CURSIVAS ...

Description You type You get
Bold text

This is '''bold''' text

This is bold text

Italics This is ''italics''

This is italics

Bold and Italics

This is '''''bold and italics'''''

This is bold and italics

Indents

:This is indented

This is indented

ENCABEZADOS

Descripción Escribimos Obtenemos
Headings of different levels 
=level 1=
==level 2==
===level 3===
====level 4====
=====level 5=====
======level 6======
Level 1
Level 2
Level 3
Level 4
Level 5
Level 6

LISTAS

Descripción Escribimos Obtenemos
Bulleted list

* one
* two
** two point one
* three

  • one
  • two
    • two point one
  • three
Numbered list

# one
# two
## two.1

  1. one
  2. two
    1. two.1

ENLACES Y NUEVAS PÁGINAS

  • Enlaces dentro del wiki (si no existe la página, la crea) 
 
  [[enlace]]
  [[/subpagina]]
  [[enlace | nombre que veo en el texto]
  • Enlaces externos 
  http://wikieducator.org
  [http://www.libresoftwareworldconference.com/ Enlace a lswc]

MULTIMEDIA

  • Imágenes (subidas previamente) 
[[Archivo:IMG_0057.jpg]]
 <gallery>
 Image:Image_file_name.png|Caption 
 Image:Image-file_name.jpg|Caption 
 </gallery>
  • Documentos PDF 
[[media:name_of_file.pdf|Texto del enlace]]

Estructurar contenidos pedagógicos

PLANTILLAS PEDAGÓGICAS


Icon objectives.jpg

Objetivos

  • Mejorar las habilidades para crear materiales
  • Compartir contenidos
  • ...




PLANTILLAS PEDAGÓGICAS (II)

Plantillas en.png

PLANTILLAS PEDAGÓGICAS (III)

Plantillas es.png

PLANTILLAS PEDAGÓGICAS: NUEVAS

  • Podemos modificar / crear nuevas
  • Nuevas acciones
  • Modificar estilo (iconos,...) 
<div style="margin-left: 0px; margin-top: 10px; margin-bottom: 40px; border-style: solid; 
    border-width:1px; border-color: #AAAAAA; padding: 1ex; background-color: #F6F9ED;" 
    class="eXe-iDevice objectivo">
{|style="background-color: #F6F9ED;"
[[image:icon_objectives.jpg|left]]
<h1 style="font-size: 130%; font-weight: bolder; border: none;">
{{{Title|Objetivo}}}</h1>
|{{{1}}}
|}
</div>


Avanzado

WIDGETS

ESTRUCTURA: COMPOSICIÓN Y NAVEGACIÓN

  • Componemos recursos sumando otros recursos ("transclusion")
  • Coposición a partir de micro recursos para facilitar reutilización
  • Plantillas de navegación facilitan el seguimiento de recursos 
 {{ProjectNav
 |image   =                   |title   =
 |tagline =                   |pages   =     }}

UNA FUENTE, DISTINTOS FORMATOS

  • Versión en PDF
  • Creación de libros
  • Salidas en pdf, odt, epub
  • También puede importar de OpenOffice

LibroWE.png

CREACIÓN DE PORTALES (I)

Portal ocl4ed.png

CREACIÓN DE PORTALES (II)

Día de Scratch portal.png


CREACIÓN DE PORTALES (III)

{{:Open_content_licensing_for_educators/Nav}}{{MyTitle|Open content licensing for educators}}
<center>'''[[Open_content_licensing_for_educators/About|CLICK HERE TO REGISTER YOUR SEAT TODAY]]'''</center>
{{Node_page
|Box-theme=default
|Left column width=55%
|Left box 2 title=Lead facilitators
|Left box 3 title=Objectives
|Left box 1 title=Partners
|Right box 1 title=Registrations
|Right box 2 title=Course materials
|Right box 4 title=Microblog feed
}}

Integración con LMSs

INTEGRACIÓN CON MOODLE

  • Dos formas principales de integración:
  • Usando iframes (Utilidad Link de la página): 
 <iframe src="http://es.wikieducator.org/index.php?curid=1"
     width="100%" height="450"></iframe>
A partir de una colección / Libro

WikiEducator Package Export

We package export.png

INTEGRACIÓN CON MOODLE: UN EJEMPLO

  • Curso en wikieducator: 
http://es.wikieducator.org/Curso_Python_DGA_2011
  • Curso en moodle 
http://moodle.cpilosenlaces.com/course/view.php?id=133

más ...

EXTENSIBLE Y CONFIGURABLE


APRENDER MÁS


Obtenido de «https://es.wikieducator.org/index.php?title=Wikieducator_lswc_12&oldid=9700»