Diferencia entre revisiones de «Usuario:ManuelRomero/Wikieducator/contenidos wikieducator»

De WikiEducator
Saltar a: navegación, buscar
 
(11 revisiones intermedias por el mismo usuario no mostrado)
Línea 4: Línea 4:
 
<!-- 1 -->
 
<!-- 1 -->
 
<div class=slide>
 
<div class=slide>
 +
asdfjaslkdjflkasdjfklajsdklfjalsdkjfasdfadsfasdf
 
===Wikieducator como recurso===
 
===Wikieducator como recurso===
 
{|style="border-spacing:8px;margin:0px -8px";class="MainPageBG" style="width:100%;border:1px solid #cef2e0;background-color:#f5fffa;vertical-align:top;color:#000"
 
{|style="border-spacing:8px;margin:0px -8px";class="MainPageBG" style="width:100%;border:1px solid #cef2e0;background-color:#f5fffa;vertical-align:top;color:#000"
Línea 181: Línea 182:
 
<!-- 17 -->
 
<!-- 17 -->
 
<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 282: Línea 284:
 
|Prueba a hacer una página escribiendo líneas usando el '''''wikitext'''''}}
 
|Prueba a hacer una página escribiendo líneas usando el '''''wikitext'''''}}
 
</div>
 
</div>
 +
 
<!-- 20 -->
 
<!-- 20 -->
 +
===Creación de tablas===
 +
https://www.mediawiki.org/wiki/Help:Tables/es
 +
;Definición de la tabla
 +
* <nowiki>{| |}</nowiki>
 +
*Se puede especificar estilo en la propia declaración
 +
<nowiki>{|style="border-spacing:8px;margin:0px -8px";class="MainPageBG" style="width:100%;border:1px solid #cef2e0;background-color:#f5fffa;vertical-align:top;color:#000"|}</nowiki>
 +
*Se verá
 +
{|style="border-spacing:8px;margin:0px -8px";class="MainPageBG" style="width:100%;border:1px solid #cef2e0;background-color:#f5fffa;vertical-align:top;color:#000"Esto es una tabla sin filas ni columnas, una sola celda con estilo|}
 +
 +
 +
 +
;Crear filas
 +
* <nowiki>|- </nowiki>
 +
;Crear columnas
 +
* <nowiki>| </nowiki>
 +
;Declarar un caption
 +
;Unir celdas
 +
 +
 +
{|style="border-spacing:8px;margin:0px -8px";class="MainPageBG" style="width:100%;border:1px solid #cef2e0;background-color:#f5fffa;vertical-align:top;color:#000"
 +
|-
 +
|
 +
|[[Image:OP_shield_bw.gif|left|115px]]
 +
|<span style="color: green">WikiEducator</span> es un recurso comunitario global auspiciado por la Open Education Resource Foundation, una entidad independiente sin fines de lucro con base en [http://www.otagopolytechnic.ac.nz/ Otago Polytechnic] para la creación de contenido educativo libre. La [http://www.col.org Commonwealth of Learning] provee el soporte financiero a la Fundación OER.
 +
|[[Image:Col-crest-blue-web.jpg]]
 +
|-
 +
|}
 +
 +
 +
 
<div class="slide">
 
<div class="slide">
 
===VisualEditor===
 
===VisualEditor===
Línea 290: Línea 323:
 
*En el menú superior presionamos '''''Editor código'''''
 
*En el menú superior presionamos '''''Editor código'''''
 
[[Archivo:AccederEditorVisual.png]]
 
[[Archivo:AccederEditorVisual.png]]
 +
</div>
 +
 +
<!-- 20 -->
 +
<div class="slide">
 +
;Visual Editor
 
{{Actividad|Prueba a insertar una fórmula matemática}}
 
{{Actividad|Prueba a insertar una fórmula matemática}}
 
</div>
 
</div>
Línea 366: Línea 404:
 
[[Imagen:comoSubirImagenes.png|frame|Cómo se ve el texto anterior|left|]]
 
[[Imagen:comoSubirImagenes.png|frame|Cómo se ve el texto anterior|left|]]
 
<br /><br /><br /><br /><br /><br /><br /><br /><br />
 
<br /><br /><br /><br /><br /><br /><br /><br /><br />
 +
</div>
 +
 +
 +
 +
<!-- 23 -->
 +
<div class="slide">
 +
 +
;Multimedia
 
*Para ayuda de cómo subir las imágenes
 
*Para ayuda de cómo subir las imágenes
 
  http://wikieducator.org/Help:Images
 
  http://wikieducator.org/Help:Images
Línea 381: Línea 427:
 
  Image:Image-file_name.jpg|Caption  
 
  Image:Image-file_name.jpg|Caption  
 
  </gallery></nowiki>
 
  </gallery></nowiki>
* Documentos PDF u ODT
+
</div>
 +
<!-- 23 -->
 +
<div class="slide">
 +
 
 +
;Documentos PDF u ODT
 
  <nowiki>[[media:name_of_file.pdf|Texto del enlace]]</nowiki>
 
  <nowiki>[[media:name_of_file.pdf|Texto del enlace]]</nowiki>
 
  <nowiki>[[archivo:name_of_file.pdf|Texto del enlace]]</nowiki>
 
  <nowiki>[[archivo:name_of_file.pdf|Texto del enlace]]</nowiki>
Línea 420: Línea 470:
  
 
<div class="slide">
 
<div class="slide">
 
+
*;Dado el siguiente código
{{Actividad|
+
Title=Escribe código en java
+
|*Escribe el siguiente código en lenguaje javascript
+
}}
+
 
  function par (numero){
 
  function par (numero){
 
           Dim resultado
 
           Dim resultado
Línea 433: Línea 479:
 
           return resultado
 
           return resultado
 
  }
 
  }
 +
{{Actividad|
 +
Title=Escribe código en java
 +
|*Escribe el siguiente código en lenguaje javascript
 +
}}
 
*En caso de que no escribamos un tipo de lenguaje, nos informará de ello
 
*En caso de que no escribamos un tipo de lenguaje, nos informará de ello
 
</div>
 
</div>
Línea 477: Línea 527:
 
<div class=slider>
 
<div class=slider>
 
  ===Titulo 2===
 
  ===Titulo 2===
*Esto otro  slider
 
 
  *Esto otro  slider
 
  *Esto otro  slider
 
</div>
 
</div>
Línea 483: Línea 532:
 
  ===Titulo 3===
 
  ===Titulo 3===
 
  *Esto último  slider
 
  *Esto último  slider
*Esto último slider
 
 
</div>
 
</div>
 
<div class=slider>
 
<div class=slider>
Línea 497: Línea 545:
 
* Componemos recursos sumando otros recursos ("transclusion")
 
* Componemos recursos sumando otros recursos ("transclusion")
 
** Repetimos el contenido (o parte) de una página en otras sin reescribir
 
** Repetimos el contenido (o parte) de una página en otras sin reescribir
 +
</div>
 +
 +
<div class=slide>
 +
;Plantillas de navegación
 
* Plantillas de navegación facilitan el seguimiento de recursos
 
* Plantillas de navegación facilitan el seguimiento de recursos
 
   <nowiki>{{</nowiki>ProjectNav
 
   <nowiki>{{</nowiki>ProjectNav
Línea 507: Línea 559:
 
<div class="slide">
 
<div class="slide">
 
;Creando plantilla
 
;Creando plantilla
<br />
 
 
{{Actividad
 
{{Actividad
 
|Title=Crea una plantilla
 
|Title=Crea una plantilla
Línea 523: Línea 574:
 
|pages  = [[programacion/introduccion| Introducción]] {{vbar}}[[programacion/contenidos| Contenidos]] {{vbar}} [[programacion/practica|prácticas]]  
 
|pages  = [[programacion/introduccion| Introducción]] {{vbar}}[[programacion/contenidos| Contenidos]] {{vbar}} [[programacion/practica|prácticas]]  
 
}}
 
}}
 +
;Creando plantilla
 +
*Obseva el código, prueba a copiarlo y experimentar con él
 +
<source lang=html5>
 +
|Title=Crea una plantilla
 +
|Crea una página llamda nav
 +
[[programacion/nav]]
 +
*Edita la página y copia la plantilla de navegación
 +
{{ProjectNav
 +
 +
|image  = [[Archivo:eComputing.png|300px]]
 +
 +
|title  = Inmersión en Wikieducator
 +
 +
|tagline = Taller de introducción a la creación de materiales educativos con wikieducator
 +
 +
|pages  = [[programacion/introduccion| Introducción]] {{vbar}}[[programacion/contenidos| Contenidos]] {{vbar}} [[programacion/practica|prácticas]]
 +
</source>
 
*Ahora en cada página copia el nombre de la página de la plantilla.
 
*Ahora en cada página copia el nombre de la página de la plantilla.
 
*Observa el resultado navegando entre las diferentes páginas
 
*Observa el resultado navegando entre las diferentes páginas
Línea 580: Línea 648:
 
{{TEP}}
 
{{TEP}}
  
</div>
+
 
 +
 
 
'''''<nowiki>{{</nowiki>TOC}} <br />
 
'''''<nowiki>{{</nowiki>TOC}} <br />
 
<nowiki>__</nowiki>NOTOC__<br />'''''
 
<nowiki>__</nowiki>NOTOC__<br />'''''
Línea 608: Línea 677:
 
<div class="slide">
 
<div class="slide">
 
== gracias ==
 
== gracias ==
[[Imagen:graciasPorLaAtencion.jpg]]
+
[[Imagen:graciasPorLaAtencion.jpg|850px|center]]
 
</div>
 
</div>

Última revisión de 18:30 26 oct 2020

Qué es un wiki

FuncionalidadWiki.png
Qué es un wiki


Icon reflection.gif

Reflexión

Un espacio común donde todo está registrado


  • Las diferentes aportaciones se introducen directamente en la fuente
  • Las aportaciones está directamente online quedando registrado quién las ha realizado
Qué es un wiki
  • Una página web que podremos editar, aportar y guardar
  • Solo hace falta un navegador y escribir lo que queramos, no hace falta conocimiento técnico

WikiTrabajoColaborativo.jpg

Qué es un wiki
  • Todas podemos intuir qué es un wiki, pero puede que no seamos conscientes de sus grandes ventajas

WikiTrabajoColaborativo2.jpg]]

Qué es un wiki
  • Aquí hay un vídeo que a mi me gusta por lo claro que deja lo qué es un wiki
  • dura 4minutos y medio, veamos los hasta el 2.35

Wikieducator como comunidad

  • Open Education Resource Foundation (http://wikieducator.org/OERF:Home)
  • Wikieducator es algo más que una herramienta
  • Es una comunidad de personas que la usan
  • Basando sus aportaciones en unos criterios de compartir conocimiento
  • En comunidad se pueden hacer mejores construcciones
Comunidad 1.png




Vamos a ver wikieducator como herramienta

IdeaWiki.png


Wikieducator como herramienta

  • Sólo como herramienta merece la pena su uso por su sencillez y versatilidad.
  • Por supuesto que hay más alternativas
  • Esta es una de ellas muy interesante


Icon reflection.gif

Reflexión

Basado en wiki

Feedback.png



Wikieducator como herramienta

WikieducatorVsMoodle.png



Icon qmark.gif

Pregunta

¿Por qué usar wikieducator si tenemos moodle?


Wikieducator Vs Moodle
  • Aunque para determinadas acciones se podrían usar una u otra, son conceptos diferentes
  • Básicamente wikieducator
    • Contenidos abiertos
    • Contenidos dinámicos
    • Colaboración
    • Reutilización

Licencias

  • Es un aspecto muy importante
  • Todo lo que publicas aquí queda disponible para todo el mundo
  • Compartir conocimiento es una buena idea


Icon reflection.gif

Reflexión

Lo que yo sé me lo han enseñado, por qué no enseñar lo que ahora sé....
  • Doy lo que me han dado


Licencias
  • Sólo permite lic. aprobadas como free cultural works:
    • Creative Commons Attribution Share Alike License (CC-BY-SA) (por defecto)
    • Creative Commons Attribution (CC-BY)
Más ayuda para licencias

Ventajas de 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
Edición básica


Icon activity.jpg

probando la edición básica

Prueba a hacer una página escribiendo líneas usando el wikitext



Creación de tablas

https://www.mediawiki.org/wiki/Help:Tables/es

Definición de la tabla
  • {| |}
  • Se puede especificar estilo en la propia declaración

{|style="border-spacing:8px;margin:0px -8px";class="MainPageBG" style="width:100%;border:1px solid #cef2e0;background-color:#f5fffa;vertical-align:top;color:#000"|}

  • Se verá
Crear filas
  • |-
Crear columnas
  • |
Declarar un caption
Unir celdas
OP shield bw.gif
WikiEducator es un recurso comunitario global auspiciado por la Open Education Resource Foundation, una entidad independiente sin fines de lucro con base en Otago Polytechnic para la creación de contenido educativo libre. La Commonwealth of Learning provee el soporte financiero a la Fundación OER. Col-crest-blue-web.jpg


VisualEditor

  • Existe la posibilidad de usar un editor visual
  • Mucho más cómodo y flexible para empezar o personas que no les guste el tema del wikitext
  • Ahora está en beta, pero se pruede probar
  • En el menú superior presionamos Editor código

AccederEditorVisual.png

Visual Editor


Icon activity.jpg

Actividad

Prueba a insertar una fórmula matemática



ENLACES Y NUEVAS PÁGINAS

  • Un wiki está formado por muchas páginas enlazadas
  • Enlaces dentro del wiki (si no existe la página, la crea)
 
  [[enlace]] referenica a la página enlace
  [[/subpagina]]
  [[enlace | nombre que veo en el texto] ''' En este caso aparece el texto especificado '''
  [[#titulo]] Nos referenica a esta sección dentro de la págia
  [[#titulo|Texto alternativo]] En este caso con el texto alternativo
  
  • Enlaces externos
  http://wikieducator.org
  [http://cpifplosenlaces.com| Visita la página de nuestro instituto]
 


PLANTILLAS PEDAGÓGICAS

Objetivos

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


MULTIMEDIA

Imágenes
  • Referenciamos la imagen y al guardar nos aparecerá un link para subirla
  • Por ejemplo escribimos

[[Imagen:miimagen.png]]
Y al guardar veremos

ComoSubirImagenes.png











Multimedia
  • Para ayuda de cómo subir las imágenes
http://wikieducator.org/Help:Images
Galería
  • Podemos especificar una serie de imágenes que aparecerán en un cuadrado
  • Las imágenes han de estar subidas previamente.

En esta página hay muchas galerías de imágenes

 <gallery>
 Image:Image_file_name.png|Caption 
 Image:Image-file_name.jpg|Caption 
 </gallery>
Documentos PDF u ODT
[[media:name_of_file.pdf|Texto del enlace]]
[[archivo:name_of_file.pdf|Texto del enlace]]
  • Ver un ejemplo en una página donde dejo a los alumnos el fichero para que se bajen el fichero con las especificaciones

http://es.wikieducator.org/Usuario:ManuelRomero/practica_1

Video
video



Icon activity.jpg

inserta un video

  • Localiza un id de un video por ejemplo de vimeo
  • Crea la plantilla
 {{vimeo
|id=153749651}}>
  • Observa el resultado




Insertar código

  • Para los informáticos wikieducator soporta sensibilizar el código
  • Existen muchos lenguajes de programación
  • Para insertarlo escribimos la etiqueta <source lang=tipoLenguaje> ...código... </source>
  • Dado el siguiente código
function par (numero){
         Dim resultado
         if (numero % 2 == 0)
            resultado = true;
         else
            resultado = false;
         return resultado
}


Icon activity.jpg

Escribe código en java

*Escribe el siguiente código en lenguaje javascript




  • En caso de que no escribamos un tipo de lenguaje, nos informará de ello

Incorporando diapositivas o slider

  • A traves de widget podemos incorporar nuevas funcionalidades
  • Para presentar un texto en slider o Convertir en plantillas un texto, usaremos un widget llamado slider
  • Para realizarlo incorporamos el widget
{{#widget:Slides}} 
<div class="slides layout-regular template-default">
 
<!-- 1 -->
<div class=slide>
*Este texto se verá en un slider
</div>
Slider



Icon activity.jpg

Creando presentaciones

  • Crea una nueva página
[Página con presentaciones]
  • Escribe un texto con varios títulos como el código siguiete




código para generar slider
{{#widget:Slides}} 
<div class="slides layout-regular template-default">
<div class=slider>
 ===Titulo 1===
 *Esto es un slider
 *Esto es un slider
</div>
<div class=slider>
 ===Titulo 2===
 *Esto otro  slider
</div>
<div class=slider>
 ===Titulo 3===
 *Esto último  slider
</div>
<div class=slider>
  • Prueba el código y observa que aparece un botón con la opción de slider

ESTRUCTURA: COMPOSICIÓN Y NAVEGACIÓN

  • http://wikieducator.org/Help:Navigation_templates
  • Las pantallas de navegación se recomiendan que se llamen nav
  • Componemos recursos sumando otros recursos ("transclusion")
    • Repetimos el contenido (o parte) de una página en otras sin reescribir
Plantillas de navegación
  • Plantillas de navegación facilitan el seguimiento de recursos
 {{ProjectNav
image = title = tagline = pages = }}
Creando plantilla


Icon activity.jpg

Crea una plantilla

Crea una página llamda nav
programacion/nav
  • Edita la página y copia la plantilla de navegación


Creando plantilla
  • Obseva el código, prueba a copiarlo y experimentar con él
|Title=Crea una plantilla
|Crea una página llamda nav
 [[programacion/nav]]
*Edita la página y copia la plantilla de navegación
{{ProjectNav
 
|image   = [[Archivo:eComputing.png|300px]] 
 
|title   = Inmersión en Wikieducator
 
|tagline = Taller de introducción a la creación de materiales educativos con wikieducator
 
|pages   = [[programacion/introduccion| Introducción]] {{vbar}}[[programacion/contenidos| Contenidos]] {{vbar}} [[programacion/practica|prácticas]]
  • Ahora en cada página copia el nombre de la página de la plantilla.
  • Observa el resultado navegando entre las diferentes páginas





Creacción de portales

  • Podemos mirar el portal de esta charla
  • Aquí la referencia de la plantilla
http://es.wikieducator.org/Plantilla:Nodo_portal
{{Nodo_portal
|Tema-caja=rainbow
|Header box title=Presentación
|Left column width=45
|Left box 1 title=¿Quiénes?
|Left box 2 title=Objetivos
|Right box 1 title=Materiales charla
|Right box 2 title=¡Queremos más!
}}


Icon activity.jpg

Actividad

Prueba el portal anterior y mira el resultado





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>
  

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

Otras plantillas

{{TEP}}

Road Works.svg Trabajo en proceso, espera cambios frecuentes. Tu ayuda y retroalimentación son bienvenidos.
Ver página de charlas.
Road Works.svg



{{TOC}}
__NOTOC__


EN CONTINUA EVOLUCIÓN ...

  • Mapas mentales: Mindmap de Jim
  • Widgets en experimentación: lista
    • Seguridad, usabilidad, filosofía ...
  • Propuestas/debates de nuevas prestaciones


COLABORAR

  • Crear recursos en wikieducator
  • Traducir plantillas
  • Proponer mejoras

gracias

GraciasPorLaAtencion.jpg