Tabletas en el aula - canalTIC.comcanaltic.com/tablet/pdf/0401_blogWP.pdf · Tabletas en el aula El blog de aula con Wordpress Edición 2015 Autor: Fernando Posada Prieto canalTIC.com

Tabletas en el aula El blog de aula con Wordpress

Edición 2015

Autor: Fernando Posada Prieto canalTIC.com

El blog de aula con Wordpress 2015. FPP. Uso educativo de las tabletas

Página 1 de 23

El blog de aula con Wordpress Índice 1. ¿Qué es un blog? .................................................................................................................... 2 2. ¿Dónde conseguir un blog? ............................................................................................... 3 3. Acceder al blog usando una app de tableta Android ............................................. 4 4. Mi primera entrada .............................................................................................................. 4 5. Galería de fotos ................................................................................................................... 10 6. Integrar un audio en una entrada ............................................................................... 13 7. Integrar un vídeo de Youtube en una entrada ...................................................... 17 8. Añadir un documento PDF a una entrada ............................................................... 19 9. Integrar una presentación SlideShare a una entrada ......................................... 21


Página 2 de 23

1. ¿Qué es un blog? Es un sitio web que permite publicar fácilmente en Internet artículos que se desean compartir con otras personas. Las entradas o posts publicados se muestran en orden cronológico inverso (primero los más recientes). Además los lectores pueden dejar sus comentarios a los artículos del blog. Video de Youtube: Qué es un blog: https://www.youtube.com/watch?v=BLf3tlsCYmo El blog utilizado como herramienta de enseñanza y aprendizaje en un contexto educativo recibe el nombre de edublog. El blog puede tener utilidad como blog de materia, del profesor/a, del aula, revista digital escolar, proyecto de intercambio, etc, etc. Las características más destacadas de un blog en el entorno académico son:

1. Facilidad. Resulta fácil diseñarlo y publicar en él. 2. Gratuidad. Es gratis lo cual contribuye a su empleo en tiempos de ajustes. 3. Colaboración. Permite que varias personas pueden colaborar en la edición

de contenidos de un mismo blog. Proporciona un sistema de roles (autor, editor, administrador, etc) que facilitan esta edición colaborativa.

4. Integración multimedia. En los artículos de un blog es posible integrar imágenes, audios, vídeos, animaciones, etc tanto propias como ajenas alojadas en otros servicios Web 2.0: Youtube, Vimeo, etc.

5. Categorización y etiquetado. Proporciona un sistema para clasificar las entradas por categorías y asignarles una sistema de etiquetas que luego facilite su búsqueda por la red.

6. Comentarios. Los lectores pueden enviar comentarios a cada artículo. Esta posibilidad abre el campo de aplicación en el entorno educativo: los alumnos/as pueden enviar sus trabajos como comentarios a la propuesta de trabajo que elabora el profesor/a en una entrada del blog.

7. Catálogo de enlaces. El blogroll es la colección de enlaces que se proporcionan en un blog.

8. Sindicación RSS. El blog proporciona un canal RSS al cual es posible suscribirse para leer sus artículos desde el lector de noticias cuando se publicane.

La unidad de información de un blog es el post o entrada. Puede contener un título, texto, enlace, recursos multimedia (imagen, audio, vídeo, etc). Normalmente suele mostrar su título, autor/a, la fecha y hora de publicación, la categoría a que pertenece, las etiquetas asociadas, etc. Es importante distinguir entre la página de portada en la cual un post se puede mostrar completo o sólo el fragmento inicial pero aparecerá en la misma página junto con otras entradas; y la página individual de esa entrada en la cual aparece su contenido completo, sin que se muestren más artículos y con el hilo de comentarios relacionados debajo si los hubiera.


Página 3 de 23

En la portada del blog se suelen apreciar las siguientes partes: encabezado, contenido central de artículos en orden cronológico inverso, columna lateral y el pie de página. En la barra lateral se suelen situar los widgets o cuadros funcionales que añaden más información y prestaciones al blog. Ejemplo: Entradas recientes. 2. ¿Dónde conseguir un blog? Para trabajar en el aula con las tabletas se recomienda solicitar un blog de centro, blog de aula o blog de proyecto en el Servicio Ecoblog de la Consejería de Educación. En cualquiera de estas modalidades es posible registrar y dar de alta a nuestros alumnos/as para que ellos mismos puedan crear y publicar entradas. Otras opciones más populares, genéricas, públicas y gratuitas son Blogger y Wordpress.com

1. Accede a la consola de servicios de CAUCE: https://www3.gobiernodecanarias.org/educacion/cau_ce/catalogo/Services/CatalogoServicios 2. En el apartado Herramientas Web selecciona en Blog de Aula, Blog de

Proyecto o Blog de Centro

3. Completa la solicitud con los datos solicitados y envíala. 4. Recibirás en tu correo electrónico los datos de acceso a su frontend y a su

interfaz de gestión de contenidos. Nota:

• En este punto del manual es importante disponer de la dirección del blog así como el usuario y contraseña para acceder a su gestión.


Página 4 de 23

3. Acceder al blog usando una app de tableta Android Existen apps (Wordpress o Blogger) que podemos encontrar en Play Store para instalar en nuestra tableta y que permiten la creación y publicación de entradas en un blog Wordpress o en un blog Blogger. Sin embargo no se recomienda su uso porque son aplicaciones limitadas en prestaciones (p.e. solo contemplan subir imágenes o vídeos no pudiendo subir audios o documentos PDF) y su manejo en ocasiones no resulta fácil o intuitivo.

4. Mi primera entrada En este apartado se ejemplifica cómo crear y publicar desde tu tableta una entrada en tu blog que contenga título, texto, imagen y enlace.

1. Descarga y descomprime el archivo lorca.zip. Como resultado obtendrás un archivo de texto lorca.txt y una image lorca.jpg.

2. Desde tu tableta abre el navegador Google Chrome/Mozilla Firefox. 3. Accede a la dirección de tu blog. 4. En la barra lateral pulsa en el enlace Acceder. 5. Introduce tu usuario y contraseña y haz tap sobre el botón Acceder.

4.1 Crear una nueva entrada

6. Para crear una nueva entrada se puede optar por …


Página 5 de 23

• En la columna lateral izquierda elige Entradas > Añadir nueva. • En el menú superior pulsa en Nuevo > Entrada.

7. En la página Añadir nueva entrada haz tap sobre el cuadro Introduce el título aquí y teclea: Federico García Lorca.

8. Pulsa en el botón Inicio de la tableta para abrir el Explorador de archivos 9. Localiza y pulsa sobre el archivo descargado lorca.txt. Puedes abrirlo con

cualquier aplicación. Por ejemplo con HTMLViewer. 10. Pulsa y mantén sobre una palabra para seleccionarla. Arrastra los

deslizadores para seleccionar todo el texto o bien pulsa en el botón Seleccionar todo.

11. Una vez seleccionado pulsa en el botón Copiar.


Página 6 de 23

12. De regreso al navegador web pulsa y mantén sobre el cuadro de texto y elige la opción Pegar.

13. El texto se habrá pegado en el cuadro de edición como si se hubiese terminado de teclear.

4.2 Insertar una imagen

14. A continuación vamos a insertar la imagen. Haz tap en el lugar donde deseas insertar la imagen en el texto y a continuación pulsa en el botón Añadir objeto.

15. En el cuadro Insertar objeto elige la pestaña Subir archivos. 16. Pulsa en el botón Selecciona archivos


Página 7 de 23

17. En el cuadro Selecciona una acción pulsa en la entrada Documentos.

18. Navega por el dispositivo para localizar el archivo de imagen lorca.jpg. 19. Se inicia la subida del archivo al servidor remoto. Una vez concluido se

mostrará la imagen en el cuadro Insertar objeto > Librería Multimedia.

20. Pulsa en el botón Insertar en la entrada.


Página 8 de 23

21. De regreso al editor de la entrada observa que la imagen se ha añadido. 4.3 Añadir un enlace

22. Sitúate al final de la entrada. Pulsa y mantén para elegir la URL y luego arrastra los deslizadores para seleccionar la dirección.

23. Pulsa en el botón Cortar.

24. Pulsa y mantén para luego seleccionar el fragmento de texto Más información.

25. En la barra de herramientas del editor pulsa en el botón Añadir hipervínculo.

26. En el cuadro Insertar/Editar enlace pulsa y mantén sobre el cuadro de texto URL para pulsar en el botón Pegar.


Página 9 de 23

27. Marca la casilla de verificación Abrir enlace en una nueva ventana/pestaña.

28. Para terminar pulsa en el botón Añadir enlace. 4.4 Configurar los parámetros de la entrada.

29. En los cuadros situados por debajo del editor se pueden configurar los distintos parámetros de la entrada:

• Formato. Elige la opción Estándar. • Categorías. Selecciona la categoría a la pertenecerá esta entrada. Por

ejemplo: Escritores. • Etiquetas. Escribe las etiquetas o tags asociados a la entrada separadas por

comas y pulsa en el botón Añadir. Por ejemplo: literatura, escritor, poesía … 4.5 Publicar la entrada

30. Para terminar pulsa en el botón Publicar. Esta acción mostrará la entrada en el frontend del blog.

31. Para ver el aspecto final de la entrada pulsa en el botón Ver entrada.


Página 10 de 23

5. Galería de fotos En este apartado se explica cómo crear una entrada en tu blog que contenga una galería de fotos. La publicación de fotos en el blog puede realizarse a raíz de una salida escolar, taller, actividad complementaria, celebración, evento, etc realizado con el alumnado en el centro.

1. Descarga y descomprime el archivo catedrales.zip. Como resultado obtendrás en tu tableta una colección de fotos sobre catedrales de España.

2. Desde la interfaz de administración del blog elige Entradas > Añadir nueva.

3. Introduce el título: Catedrales de España.

4. Pulsa en el botón Añadir objeto. 5. En la página Insertar objeto pulsa en el enlace Crear galería que se ofrece

en la columna lateral izquierda.

6. Pulsa en la pestaña Subir archivos para subir las imágenes. 7. Haz tap sobre el botón Selecciona archivos.


Página 11 de 23

8. En el cuadro Selecciona una acción pulsa en el botón Documentos. 9. Localiza en tu tableta las imágenes JPG de las catedrales.

10. Pulsa y mantén sobre la primera imagen. Cuando se muestra el botón Listo en la esquina superior izquierda vete marcando el resto de imágenes para añadirlas a la selección.

11. Para terminar pulsa en el botón Abrir situado en la esquina superior derecha.

12. Se iniciará la subida de las imágenes al servidor del blog. Una vez concluida se mostrará la pestaña Librería multimedia con las imágenes subidas.


Página 12 de 23

13. Asegúrate de que las imágenes está seleccionadas mostrando la marca de verificación en la esquina superior derecha de su vista en miniatura.

14. A continuación pulsa en el botón Crear una nueva galería.

15. En la página Editar galería podrás configurar los Ajustes de la galería. 16. Pulsa en el botón Insertar galería.

17. De regreso a la edición de la entrada se mostrará la galería de fotos. Para modificar su configuración pulsa sobre ella y a continuación haz tap sobre el icono en forma de lápiz.


Página 13 de 23

18. Para publicar la entrada pulsa en el botón Publicar. 19. Pulsa en el enlace Ver entrada para ver la galería de fotos en tu blog.

6. Integrar un audio en una entrada En este apartado vamos a crear una entrada que contenda texto, imagen y audio. La incorporación de sonido a las entradas del blog amplían sus posibilidades educativas en tareas de audición, expresión oral, expresión musical, etc.

1. Descarga y descomprime el archivo mozart.zip. Como resultado obtendrás el archivo de texto mozart.txt, la imagen mozart.jpg y el audio MP3 rondoturca.mp3

2. Sitúate en la interfaz de la gestión de contenidos de tu blog en Ecoblog. 3. Elige Entradas > Añadir nueva. 4. Introduce como título Amadeus Mozart. 5. Haz tap sobre el botón Añadir objeto.


Página 14 de 23

6. Desde la página Insertar objeto pulsa sobre la pestaña Subir archivos. 7. Pulsa en el botón Selecciona archivos.

8. En el cuadro Selecciona acción elige Documentos. 9. En el explorador de archivos localiza la imagen mozart.jpg 10. En el panel Librería multimedia selecciona la imagen de mozart y pulsa en

el botón Insertar entrada.

11. Pulsa en el botón Inicio de tu tableta para abrir el Explorador de archivos y pulsar sobre el archivo mozart.txt.


Página 15 de 23

12. Elige la aplicación HTMLViewer para abrirlo. Pulsa y mantén para luego extender los selectores y seleccionar el fragmento de texto con la información de texto.

13. Pulsa en el botón Copiar.

14. Pulsa en el botón Aplicaciones para elegir la aplicación Google Chrome y regresar a la edición de tu entrada.

15. Pulsa y mantén sobre el editor de la entrada debajo de la imagen. 16. Haz tap en el botón Pegar. Esta acción pegará el texto copiado con

anterioridad.

17. Sitúa el cursor debajo del texto. En esta posición situaremos el audio. 18. Pulsa en el botón Añadir objeto.


Página 16 de 23

19. En la página Insertar objeto pulsa en la pestaña Subir archivos. 20. Haz tap en el botón Selecciona archivos 21. En el cuadro de diálogo Selecciona una acción marca la opción

Documentos. 22. En el Explorador de archivos marca la opción Almacenamiento interno

para situarte en la carpeta donde has guardado el audio MP3 descargado. 23. Dentro de la carpeta mozart selecciona el archivo rondoturca.mp3

24. Tras la subida del archivo MP3 se mostrará en el panel Librería multimedia.

25. Pulsa en el botón Insertar en la entrada. 26. Observa que en la entrada se ha añadido un reproductor.


Página 17 de 23

27. Si pulsas sobre esta consola podrás acceder a la edición (icono de lápiz) o eliminarlo (icono X).

28. Para terminar pulsa en el botón Publicar. 29. Haz tap sobre el enlace Ver entrada para observar el resultado final.

6. Integrar un vídeo de Youtube en una entrada En una entrada del blog es posible insertar un vídeo alojado en Youtube. El documento videográfico se mostrará de forma individual y puede resultar interesante para proponer una tarea al alumnado o como complemento o refuerzo de la información textual contenida en el artículo.

1. Abre el navegador Google Chrome y accede a la web de Youtube. 2. Utiliza el buscador para localizar el vídeo que deseas integrar en tu blog.

Introduce, por ejemplo, el término “Objetivos del milenio”


Página 18 de 23

3. Pulsa sobre un vídeo de la lista para visualizarlo en solitario. Por ejemplo: https://www.youtube.com/watch?v=wgwhOgEcr9g

4. Pulsa en el botón Compartir que se ofrece debajo del reproductor.

5. En el cuadro de diálogo Compartir este vídeo pulsa y mantén sobre la dirección del vídeo: http://youtu.be/…

6. En el menú que se muestra elige Copiar dirección del enlace.


Página 19 de 23

7. En otra pestaña del navegador web sitúate en la interfaz de gestión de contenidos del blog.

8. Elige Entradas > Añadir nueva 9. Introduce el título de la entrada. Por ejemplo: Los ochos objetivos del milenio 10. En el editor de la entrada pulsa y mantén para elegir la opción Pegar. Esta

acción pega la dirección del vídeo Youtube.

11. Pulsa en el botón Publicar. 12. Si haces tap sobre el botón Ver entrada podrás acceder al artículo tal y

como lo verán los lectores.

7. Añadir un documento PDF a una entrada

1. Descarga el archivo PDF a tu tableta: diabetesGuiaDidactica.pdf 2. Desde el gestor de tu blog elige Entradas > Añadir nueva. 3. Introduce el título: La diabetes. 4. Pulsa en el botón Añadir objeto.


Página 20 de 23

5. En la página Insertar objeto pulsa en la pestaña Subir archivos. 6. Pulsa en el botón Añadir archivo. 7. Localiza en tu tableta el archivo PDF anteriormente descargado. 8. Haz tap sobre el archivo y se iniciar la subida del mismo. 9. Una vez concluída se mostrará en el cuadro Insertar objeto > Librería

multimedia. 10. En la columna lateral derecha Detalles de adjuntos pulsa y mantén sobre

la casilla URL. A continuación pulsa en el botón Seleccionar todo y luego pulsa en el botón Copiar.

11. Cierra este panel SIN pulsar en el botón Insertar. 12. En el editor de la entrada pulsa y mantén para elegir Pegar. 13. Esta acción pegará la dirección del documento PDF subido al servidor del

blog.

14. Pulsa en el botón Publicar. 15. Haz tap en el botón Ver entrada.


Página 21 de 23

8. Integrar una presentación Slideshare a una entrada Slideshare (http://www.slideshare.net/) es un servicio de alojamiento y publicación en línea de presentaciones realizadas con herramientas como Powerpoint u OpenOffice. Puedes utilizarlo para subir tus presentaciones y compartirlas. También puedes buscar y utilizar las realizadas por otras personas. Este servicio es una interesante opción para publicar en la web nuestras propias presentaciones y luego poder integrarlas en una entrada del blog.

1. Abre el navegador web Google Chrome y accede a la página de SlideShare: www.slideshare.net

2. Utiliza el buscador para localizar una presentación y pulsa sobre ella. 3. Para moverse por las diapositivas desliza el dedo sobre la pantalla hacia la

derecha y hacia la izquierda.


Página 22 de 23

4. Pulsa y mantén sobre la URL de la presentación que se muestra en la barra de direcciones del navegador web.

5. Haz tap sobre el botón Copiar URL.

6. En otra pestaña del navegador web sitúate en la interfaz de gestión de contenidos del blog.

7. Elige Entradas > Añadir nueva 8. Introduce el título de la entrada. Por ejemplo: Presentación SlideShare 9. En el editor de la entrada pulsa y mantén para elegir la opción Pegar. Esta

acción pega la dirección de la presentación Slideshare. 10. Es necesario modificar la URL pegada eliminando “/mobile” y la parte final

a partir de “?qid…”. Así donde dice http://www.slideshare.net/mobile/fernandoposada/web-‐social-‐y-‐educacin?qid=2739 deberá decir http://www.slideshare.net/fernandoposada/web-‐social-‐y-‐educacin

11. Pulsa en el botón Publicar. 12. Si haces tap sobre el botón Ver entrada podrás acceder al artículo tal y

como lo verán los lectores.


Página 23 de 23

Documents

Tabletas en el aula - canalTIC.comcanaltic.com/tablet/pdf/0401_blogWP.pdf · Tabletas en el aula El blog de aula con Wordpress Edición 2015 Autor: Fernando Posada Prieto canalTIC.com