miércoles, 5 de noviembre de 2014

Goear, podcast, mp3

Para poder poner cualquier canción en nuestro blog solo tenemos que ir a www.goear.com y loguearnos. Allí pinchamos en la casilla compartir y copiamos el código HTML. Como siempre lo incrustamos en nuestro blog.

Vimeo

Para insertar un vídeo de la plataforma Vimeo tenemos que ir a su web y elegir un vídeo. Allí buscamos la pestaña SHARE. A continuación nos saldrá el código HTML que nos ayudará a incrustar ese vídeo en nuestro blog.






Passenger '27' Dir: James Lees from James Lees on Vimeo.

Mapas, vimeo, goear




Aquí tenemos varias entradas que nos muestran que podemos incluir audios, vídeos y mapas de otras webs. No os olvidéis de registraros en cada una de ellas para poder utilizarlas.

    Google Maps

















     
     
 Goear, mp3Goear mp3

Insertar una mapa con ubicación y rutas

Hola chicos, aquí tenéis la ruta más corta la CFIE

sábado, 18 de octubre de 2014

Los derechos de la propiedad en tu blog

Los derechos de la propiedad en tu blog


Un aspecto muy importante sobre la creación de contenidos y herramientas en la red es su protección. Para ello disponemos de varias licencias de protección de la propiedad intelectual que indican si pueden ser copiados, editados, remezclados, y usados como base para crear, todo esto dentro de los límites del derecho de autor.


Dependiendo de cómo hayáis editado vuestro blog hay que hacer dos cosas:
    1. Si las herramientas y el material lo habéis editado vosotros, es recomendable que pongamos al final del blog que tipo de licencia le vamos a dar. De esta manera los internautas sabrán lo que hacer con los contenidos y herramientas del blog.


    2. Si las herramientas y los materiales son copiados de diferentes blogs, webs..., es necesario que al final de la entrada citemos de donde lo hemos cogido. De esta manera se reconoce la labor del autor de los contenidos y además evitamos posibles e incomodas reclamaciones por su parte. Esto de lo haríamos de la siguiente manera como se puede ver en este blog:
 
A continuación podéis ver los diferentes tipos de licencias que podemos utilizar en nuestro blog en el siguiente enlace: Licencias Creative Commons
  

En el caso de este blog voy a utilizar una licencia que permite que puedan ser copiados, editados y remezclados los contenidos y herramientas. Para ello, utilizo la siguiente licencia:

domingo, 12 de octubre de 2014

Sesión 3


Durante esta última sesión vamos a realizar las siguientes tareas:

3.1. Insertar presentaciones de Slideshare en nuestro blog.
3.2. Trabajar con el blog offline y realizar una copia de seguridad.
3.3. Actividades en nuestro blog: formularios google docs y educaplay.

3.3. Actividades en nuestro blog: formularios google docs y educaplay

1. Actividades con los formularios de google drive. 

Google drive nos permite crear formularios y también valen para hacer exámenes online. El funcionamiento es el siguiente:
1- Entramos en nuestra cuenta, vamos a google y buscamos Drive.

2- Luego pulsamos en crear y en el menú que se despliega pulsamos en formulario (imagen de la derecha). 

3- Ponemos un título, seleccionamos un diseño y pulsamos en aceptar.

4- Para añadir y editar preguntas vamos a ver el siguiente tutorial:
 

 

En el blog puedes poner un enlace o puedes incrustar el formulario si pulsa en enviar (arriba a la derecha), luego en incrustar, copias el código y luego lo pegan en el blog en HTML.


2. Actividades con Educaplay.

Para la elaboración de actividades que se pueden utilizar en nuestro blog, tenemos varios servicios. Uno de ellos es Educaplay, aquí vamos a ver dos presentaciones en las que nos explican que tipos de actividades podemos realizar y como editarlas.





Actividades on line ii (parte ii) from Israel Hurtado


Aquí tenemos otro enlace web en la que podemos encontrar más de 150 aplicaciones para poder utilizar en nuestro blog: http://www.cuadernointercultural.com/tic-tools/generadores-online/
Fuentes: Israel Hurtado Martínez
ite.educacion.es

3.2. Trabajar con el blog offline y hacer una copia de seguridad.

3.2. Trabajar con el blog offline y hacer una copia de seguridad.

En este vídeo nos enseñan cómo hacer una copia de seguridad desde las herramientas de blogger. Las copias de seguridad se realizan para evitar la pérdida de datos. De esta manera podremos disponer de nuestro blog en cualquier momento.





Fuente: consejosparanovatos.blogspot.com.es
ite.educación.es

3.1. Insertar presentaciones de Slideshare en nuestro blog.

Empezamos esta tarea aprendiendo a subir una presentación a Slideshare.net

 
  • Descarga y descomprime el archivo osoPardo.zip en el disco duro de tu equipo. Como resultado de esta tarea obtendrás el archivo osoPardo.odp que contiene una presentación realizada con OpenOffice Impress.

    • En el cuadro de Login introduce las credenciales de acceso.
    • Clic en el enlace Upload (Subir).
    Subir
    • En la página Upload one or more files (Subir uno o más archivos) haz clic en el enlace Formats Supported (formatos soportados) para consultar qué archivos se pueden subir a SlideShare. Se pueden subir archivos de hasta 50 MB de peso:
    • Presentaciones: pdf, ppt, pps, pptx, ppsx, pot, potx (Powerpoint); odp (OpenOffice); key, zip (Apple Keynote).
    • Documentos: pdf, doc, docx, rtf (MSOffice); odt, ods (OpenOffice); Apple iWork Pages.
    • Vídeos: mp4, m4v, wmv, mpeg, avi, mov, mpg, mkv, ogg , asf , vob , 3gp, rm,rmvb, flv.
    Subir uno o varios archivos
    • En este caso vamos a subir una presentación. Clic en el botón upload (Subir).
    • En el cuadro de diálogo Seleccione los archivos … navega para situarte en la carpeta donde has descargado y descomprimido el archivo osoPardo.odp.
    • Selecciónalo y pulsa en el botón Abrir.
    • Tras unos segundos de espera se mostrará un mensaje de que la presentación se ha subido con éxito: Your file ….. converted successsfully (Tu archivo … se ha convertido con éxito).
    • Cuando el proceso de subida ha tenido éxito se solicitan algunos datos adicionales:
    • Title (Título). Es el título de la presentación. Ejemplo: Oso pardo.
    • Tags (Etiquetas). Es una relación de palabras-clave separadas por comas que permitirán localizar esta presentación utilizando la herramienta de búsqueda de Slideshare. Ejemplo: naturaleza, oso.
    • Description (Descripción). Un breve comentario que a modo de introducción permite describir la presentación: El oso pardo es un animal en peligro de extinción.
    • Category (Categoría).
    • Allow file download. (Permitir descarga de archivo). Si marcas esta opción los usuario podrán descargarse el archivo original.
    Datos adicionales  
    • Para concluir el proceso de subida y etiquetado pulsa en el botón Save changes (Guardar los cambios).
    • Tras pulsar este botón se produce otro tiempo de espera. Slideshare está transformando el archivo original en una película Flash que se mostrará al usuario mostrando el contenido de esa presentación.
    • Pulsa en el botón que muestra el nombre de usuario en SlideShare para elegir My Uploads (Mis subidas) en el combo que se despliega.
    Mis subidas
    • Clic en la imagen que muestra la presentación que acabamos de subir. De esta forma se accede a la visualización de esta presentación.
    Visualización de la presentación
      
    • Recuerda que las transiciones de diapositivas, efectos animados, audios y vídeos introducidos en la presentación original se pierden cuando la subes a Slideshare.net.
    Recuerda que ciertos efectos se pierden al ser subidos a slideshare
    • Si accedes al enlace Edit que acompaña al título de la presentación en Slideshare se puede acceder a dos opciones interesantes de edición:
    • Create Slidecast (Crear un slidecast). Permite subir un audio en format MP3 para sincronizarlo con la presentación de diapositivas.
    • Insert Youtube Videos (Insertar videos de Youtube). Es posible insertar entre diapositiva y diapositiva un vídeo de Youtube.
     
     

    2.3. Gestion de archivos y creación de documentos con google drive.

    2.3. Gestión de archivos y creación de documentos con google drive.

    Una utilidad asociada a nuestra cuenta de gmail es el de google drive. Este servicio es como si fuera un disco duro virtual donde alojar documentos (hasta 5 gigas de capacidad total). La ventaja es que ademas de guardar archivos, podemos editarlos o modificarlos individualmente o de modo colectivo. Es como un programa de edición de documentos (office) pero online. 

    1. Como siempre primero hay que entrar en blogger.

    1. Abre el buscador de google para poder iniciar sesión (www.google.es). Pulsa en iniciar sesión  Ahí se pone el correo de gmail y la contraseña.
    2. Entra en tu cuenta de drive puedes hacerlo de dos formas: 
      1. En el menú superior, donde pone "drive" .
      2. Desde este enlace: https://drive.google.com/.


    2. Subimos o creamos nuestros documentos.

    Una vez dentro de Google Drive, podemos subir un archivo o una carpeta, o modificar un contenido ya existente. Para las dos primeras opciones, existe un botón rojo destacado con la palabra “Crear” (en la imagen de la derecha lo señalo con una flecha azul) y un ícono que significa “subir” (en la imagen de la derecha lo señalo con una flecha verde). Una vez subido o creado el archivo aparece en la zona central, pulsando sobre él podemos modificarlo o conseguir el enlace y compartirlo.

    3. Creamos nuestros documentos

    Al pulsar en crear se despliega un menú en el que vemos los tipos de documentos que podemos crear (imagen de la derecha):
    • Carpeta para organizar los documentos que hayamos subido o creado
    • Documento de texto parecido a word, aunque algo más sencillo.
    • Presentación de diapositivas, equivale a powerpoint aunque algo más sencillo.
    • Hoja de cálculo equivale a excel aunque algo más sencillo.
    • Formulario para poder hacer cuestionarios de repaso o exámenes online. (se explica en esta otra entrada)
    Para modificar o editar los documentos se usa una barra de herramientas parecida a la que ofrecen otros editores de texto o presentaciones, como los de openoffice o los de Mircosofft office (word y powerpoint).


    Si vamos a hacer  un  documento de texto

    1. Pulsamos en Crear -> Documento
    2. Ponemos un título pulsando sobre "Presentación sin título" y escribiendo en el cuadro. 

    Si vamos a hacer  una presentación de diapositivas

    1. Pulsamos en Crear --> Presentación
    2. Elegimos un diseño pulsando sobre él y luego en Aceptar (ver imagen inferior) 








    3.
    Ponemos un título pulsando sobre "Presentación sin título" y escribiendo en el cuadro.  
    4. Incluimos contenido pulsando sobre los cuadros. Empieza con una diapositiva de inicio, para añadir más diapositivas hay que pulsa en la barra de herramientas en Insertar y luego en Nueva diapositiva (ver imagen inferior)
     


    4. Compartimos nuestros documentos

    Cuando creas un documento únicamente lo puedes ver tú (son privados). Si quieres que otros puedan verlo tienes que cambiar la opción de compartir. En la esquina superior derecha hay un cuadro que pone "compartir". Pulsa en él (imagen inferior):


    Para que lo puedan ver todos has pulsar en "cambiar" (en la imagen inferior, flecha amarilla) y luego seleccionamos "público en la web":
    Pulsamos en la casilla "Público en la Web" para que deje de ser privado y finalmente pulsamos en guardar.


     

    Si queremos que ese documento lo puedan editar/modificar  otras personas, tienes que añadirlos como editores escribiendo su correo gmail en el cuadro donde pone "invitar a personas" (imagen inferior, flecha roja).

    5. Conseguimos el código para publicar nuestro documento


    Una vez creados o subidos los documentos a Drive, podemos incrustarlos (para que se vean en el blog) o enlazarlos (para que se vean en una página nueva).


    Para ello pulsamos en el menú horizontal donde pone "Archivo". En el menú que se despliega pulsamos en "Publicar en la Web" luego en "Iniciar publicación" .






    En nuestro blog podemos poner un enlace (cuadro superior bajo "Enlace de documento) o podemos insertarlo para que se vea dentro del blog. Para ello copiamos el código que hay debajo de "Insertar código" (imagen inferior flecha amarilla):

     

    6. Pegamos el código en una entrada del blog

    Una vez copiado el código tenemos que ir a nuestro blog para pegarlo en forma de HTML.  Entonces hacemos lo siguiente:
    1. Crear o abrir una entrada
    2. En "Redactar" Escribimos un párrafo de introducción sobre el contenido de la entrada y su autor. Finalmente pulsamos en salto de línea para que en la página principal únicamente aparezca este resumen.
    3. Pulsamos la opción "HTML"
    4. Al final pegamos el código que habíamos copiado.
    5. Publicamos o guardamos.  
     
     
     

    2.2. Añadir y utilizar los diferentes gadgets que nos ofrece blogspot

    2.2. Añadir y utilizar los diferentes gadgets que nos ofrece blogspot.

    Los gadgets (cuadros) ofrecen utilidades para nuestros visitantes. En nuestro blog podemos colocar tantos gadgets como queramos, pero si ponemos demasiados nuestro sitio tardará demasiado en cargarse y la navegación será muy lenta. 

    Vamos a ver este vídeo para saber cómo funcionan y cómo se editan. Al principio es un repaso pero lo que nos concierne empieza sobre le minuto 3.



    2.1. Insertar vídeos en tu blog y manipular el código HTML

    2.1. Insertar vídeos en el blog y manipular el código HTML.

  • Descarga y descomprime el archivo turismoRural.zip. Como resultado obtendrás un archivo de vídeo turismoRural.mov que puedes visualizar en tu equipo utilizando VLC Media Player.

    • Introduce sus credenciales (usuario y contraseña) en el apartado Accede a través de tu cuenta de Google y pulsa en el botón Acceder.
    • Si el proceso de autentificación se ha producido con éxito te situarás en el Escritorio.
    • En este panel aparecerán los distintos blogs que gestionas en Blogger.
    • Clic en el botón Crear entrada nueva para acceder directamente al interfaz de edición del blog donde deseas publicar el artículo.
    Crear entrada nueva
    • Introduce el título de la nueva entrada: Turismo rural.
    • En la barra de herramientas del editor haz clic en el botón Insertar un vídeo.
    Insertar un vídeo
    • Se mostrará el cuadro de diálogo Seleccionar un archivo para subir el vídeo desde nuestro equipo. Clic en el botón Seleccionar el vídeo para subir para localizar y señalar el archivo turismoRural.mov que hemos obtenido en un paso anterior.
    Sube el archivo de vídeo
    • Se pueden subir vídeos en formatos AVI, MPEG, MOV, FLV y WMV. El tamaño máximo del archivo de vídeo subido será de 100 MB.
    • Clic en el botón Subir.
    • Durante los segundos invertidos en la subida del archivo de vídeo al servidor se mostrará dentro del editor un reproductor multimedia con información al respecto: Uploading vídeo … (Subiendo vídeo). Your video will appear here when finished (Tu video aparecerá aquí cuando haya terminado).

    Ahora vamos a cambiar las dimensiones de un vídeo para adaptarlo a la anchura de nuestro blog. Pulsamos en la pestaña HTML (ver imagen inferior) para ver el código HTML.
     

    Así vemos el código de todo el contenido que hay en la entrada, por eso si el vídeo lo habéis puesto en una entrada con otros contenidos os será difícil encontrar el código que corresponde a vuestro vídeo. Si habéis creado una entrada nueva será fácil. El código HTML es el lenguaje que usan las páginas webs y los blogs para transmitir información por Internet. Cuando redactamos contenidos en una entrada el blog automáticamente se convierte en lenguaje HTML que podemos ver pulsando en la pestaña HTML. Por ejemplo, cuando estás escribiendo y pones una palabra en negrita, por ejemplo esta, tu blog ha escrito en código HTML esto: "<b>esta</b>".
    Necesitamos editar la entrada en lenguaje HTML para poder poder modificar una parte del código del vídeo. Busca las cifras que hay cerca de width (ancho) y height (alto) por defecto suelen ser width="320" height="266" (ver imagen inferiror). Eso mide el tamaño del vídeo en píxeles del vídeo.
     
    4.  Ahora se trata de que los modifiques aumentando las cifras hasta conseguir que el vídeo ocupe todo el ancho de tu entrada. La única forma es poner una cifra nueva y probarla pulsando en vista previa, después repetir la operación hasta lograr la dimensión idónea. 

    5. Cuando lo tengáis listo poner una etiqueta a la entrada y pulsar en publicar



    Sesión 2

    En esta segunda sesión vamos a realizar las siguientes actividades para la creación de nuestro blog:

    1. Insertar vídeos en tu blog y manipular el código HTML.
    2. Añadir y utilizar los diferentes gadgets que nos ofrece blogger.
    3. Gestión de archivos y creación de documentos con google drive.

    Sesión 1: ¡arrancamos!

    En esta sesión vamos a realizar las siguientes actividades para la creación de nuestro blog:

    1. Crear una cuenta gmail y blogger.
    2. Crear un blog de blogger y añadir comentarios.
    3. Crear y modificar las entradas de nuestro blog.
    4. Diseño y personalización.
    5. Barra de herramientas de blogger.
    6. Creación de páginas con contenido y enlazarlo a sitios web.

    6. Creación de páginas, etiquetas y su organización

    6. Creación de páginas en barra horizontal y etiquetas en barra vertical de un blog.


    Las páginas de un blog se diferencian de las entradas en que las primeras quedan enlazadas en un menú horizontal, de forma que son muy accesibles. En cambio las entradas van retrocediendo a medida que se hacen nuevas. Por eso las páginas se suelen usar para contenidos importantes.

    Las etiquetas asociadas a cada entrada del blog son sumamente importantes ya que permiten clasificar la información publicada. Esta clasificación permitirá posteriormente filtrar los artículos con determinadas etiquetas o categorías.


    Pongamos un ejemplo, si tienes un blog de cocina puedes organizar tus recetas en Postres, Mariscos, Carnes, Aves, Entrantes. Parece fácil, pero realmente no lo es, sobre todo al principio. Por propia experiencia suele pasar que cuando tienes una buena colección de artículos publicados, piensas que tenías que haber organizado las  etiquetas de otra manera



    Blogger permite una manera muy fácil de reetiquetar todas las entradas sin tener que editar cada una de las entradas.

    
    
    





    Pasos para reetiquetar todas las entradas del blog:

    1. Ve a la pestaña Entradas
    2. Por defecto se muestran solo las 10 últimas entradas. Ajusta este dato en el desplegable de la derecha para visualizar un mayor número (máximo 100).
    3. Si quieres Eliminar las etiquetas actuales
      • Selecciona todas las entradas haciendo clic en la casilla de verificación superior
      • Despliega en la parte superior la lista de etiquetas
      • Vuelve a indicar la misma etiqueta. Blogger entenderá que quieres eliminarla por lo que pierdes el filtro. Lo ideal antes de eliminar la vieja etiqueta es asignarle la nueva
      • Repite este paso para el resto de etiquetas.
    4. Para poner Nuevas etiquetas
      • Selecciona las entradas a las que vas a poner una misma etiqueta
      • Despliega en la parte superior la lista de etiquetas
      • Asigna una nueva etiqueta o escribe una nueva
      • Repite este paso para etiquetar el resto de entradas

    Gadget nube de etiquetas


    Para completar este trabajo es interesante que ofrezcas a tus lectores un sencillo Gadget que permite filtrar las entradas por etiquetas. para ello sigue estos paso:

    1. Ve a la pestaña Diseño
    2. Haz clic en Añadir un Gadget, en el menú derecho de tu blog
    3. De la lista elije el Gadget Etiquetas
    4. Puedes configurar para que se muestre en modo lista o en modo nube
    5. Haz clic en Guardar y recuerda que puedes moverlo hasta colocarlo en la posición deseada
    6. Haz clic en Guardar plantilla y visualiza el Blog.

      Video tutorial cómo etiquetar las entradas y cómo organizarlas en pestañas

     

    5. Barra de herramientas de blogger

    5. Barra de herramientas de blogger. 

    Vamos a ver las diferentes opciones de edición que nos ofrece la barra de herramientas de blogger para presentar nuestros contenidos.


    1. Como siempre: primero entramos en blogger.

    1. Primero hay que entrar en tu cuenta gmail. Abre el buscador de google para poder iniciar sesión (www.google.es). Pulsa en iniciar sesión (arriba a la derecha, véase imagen lateral flecha roja). Ahí se pone el correo de gmail y la contraseña.
    2. Entra en tu cuenta de blogger puedes hacerlo de dos formas: 
      1. Desde este enlace: http://www.blogger.com/ o desde google (www.google.es
      2. Desplegando el menú superior pulsando luego en "blogger"

    2. Usamos la barra de herramientas de las entradas.


    1. Creamos una nueva entrada.
    (pulsa en la imagen para ampliar)
    2. Vamos a usar diferentes opciones que nos ofrece la barra de herramientas. Aquí teneís una aclaración de lo que significa cada símbolo:

    (pulsa en la imagen para ampliarla)
    • Si pulsas en la pestaña "HTML" la mayoría de las opciones de barra desaparecen, para que aparezcan hay que mantenerse en "Redactar".
    • Vamos a introducir contenido en esta nueva entrada. Seleccionaremos parte del texto y usaremos casi todas las opciones que tenemos en la barra de herramientas (menos las que he puesto en rojo). De izquierda a derecha son estas: 
      • Cambiamos la Fuente (tipo de letra)
      • Cambiamos el tamaño de la letra
      • Ponemos algún encabezado
      • Ponemos algo de texto en negrita, en cursiva y subrayado.
      • Cambiamos el color de la fuente (letra)
      • Ponemos en algún sitio color de fondo del texto. 
      • Ponemos un enlace (aclarado debajo)
      • Insertamos una imagen (aclarado debajo)
      • Insertamos una vídeo de youtube o desde nuestro ordenador
      • Insertamos un salto de línea. Esto sirve para que en la página principal del blog no aparezca toda la entrada, aparecerá unicamente lo que hay por encima del salto de línea. Para ver la entrada entera habrá que desplegarla pulsando sobre ella. Esto es muy útil para evitar que la página principal esté muy sobrecargada y tarde en cargarse.
      • Ponemos una lista numerada
      • Ponemos otra lista con viñetas. 
      • Ponemos un texto en forma de cita. 
      • Quitamos el formato (todas las modificaciones que hayamos hecho en un texto)
      • Comprobáis la ortografía.
     
    • La mayoría de las opciones son sencillas, pero voy a hacer algunas aclaraciones sobre dos que pueden generar dudas: 
      • Insertar una imagen: 
        • Seleccionamos una foto nuestra o bajamos una de Internet y la guardamos en nuestro ordenador.
        • Pulsamos en insertar imagen (barra de herramientas) y luego en Elegir archivos (se abrirá el explorador de archivos para buscar el lugar donde hemos guardado la foto.
          • Cuando se cargue pulsamos en Añadir imagen seleccionada.
      • Poner un enlace: 
        • Buscamos una web que nos guste y queramos enlazar. Una vez localizada seleccionamos y copiamos su dirección URL. Es fácil de reconocer porque aparece en la barra de navegación y suele empezar por "http://" por ejemplo la dirección URL de este blog es esta: http://blogeducativoenclase.blogspot.com.es/ 
        • Pulsamos en enlace (barra de herramientas)
        • Ponemos en Texto para mostrar el texto que aparecerá en la entrada y en dirección web la URL hacia la que nos dirigirá el enlace. Podemos pulsar la casilla "Abrir este enlace en una ventana nueva" si queremos que así sea (por ejemplo), si no la nueva página se abrirá en la misma ventana donde estás cerrando la página anterior (por ejemplo). 
      • Insertar un vídeo. Pulsamos en el icono de vídeo (ver imagen inferior)

    Pulsamos "Subir" si está en nuestro ordenador o "Desde YouTube" (ver imagen inferior)