Audio en una entrada de Blogger. 2024

El método descrito en esta entrada para insertar audio desde Google drive en entradas de Blogger ya no funciona desde las actualizaciones de Google de enero de 2024. Por ello he buscado otros métodos para seguir publicando audios. El método mas sencillo, sin tener que suscribirse a APIs de Google o métodos mas complicados es usar la etiqueta HTML <iframe>

A- Google Drive

Como siempre, el primer paso consiste en subir el archivo a la nube, en este caso Google drive. Después de subirlo, la opción compartir nos muestra que solo nosotros (el propietario) tenemos acceso.

Alojar archivos para el blog en dropbox

A veces queremos mostrar contenido en nuestro blog en archivos que no están alojados en otra parte, o bien queremos evitar depender de que quien aloja ese archivo lo borre y deje nuestra página vacía de contenido.
Blogger no cuenta con un sistema de alojamiento de archivos mas allá de lo que nos permita la cuenta de drive asociada: imágenes, google docs...
Antiguamente había algún que otro truco para alojar archivos en drive, por ejemplo una animación flash, y poder enlazarla directamente desde una entrada de blogger. Desde finales de 2016 ese truco dejó de funcionar.

Ejercicion de colaboracion en internet

Los contenidos de los que hablábamos en esta entrada serán ahora desarrollados mediante la colaboración con algunos de los sitios mencionados en dicha entrada.

El alumno se creará una cuenta en, al menos, un par de dichos sitios, tanto wiki como bases de datos colaborativas (puede proponer sitios alternativos de su interés) y, accediendo con su cuenta procederá a colaborar con el contenido de dichas paginas web:

• Elaboración de artículos nuevos
• Ampliación de artículos ya existentes con nuevos datos
• Corrección de errores en artículos ya existentes
• Traducción de contenido existente en otros idiomas al español (u otro idioma)
• Subida de imágenes libres de licencia
• Incorporación de datos inexistentes en una base de datos
• (sugerir otras formas de colaborar)

Colaboración y participación en Internet

Habitualmente accedemos en Internet a multitud de servicios que nos proporcionan información de forma libre y gratuita sin pararnos a pensar como esa información llega a nosotros: quien la ha escrito, quien la actualiza, quien la aloja... El ejemplo mas claro es la wikipedia. La usamos a diario y copiamos datos para usarlos en nuestros trabajos sin pararnos a pensar en ninguna de las preguntas anteriores o en otras, como la fiabilidad de los datos o la licencia sobre los mismos.

La wikipedia es un ejemplo de una base de datos colaborativa: un montón de datos organizados y mantenidos por una comunidad de voluntarios que ejecuta su trabajo sin esperar remuneración alguna. Detrás de ella hay una fundación (organización sin ánimo de lucro) que intenta poner las bases para que el proyecto siga en marcha. Debido a eso, los que presten atención, verán de vez en cuando carteles solicitando donaciones que paguen los gastos generados por el funcionamiento de la página, principalmente el alojamiento en los servidores que la hospedan. Sin las aportaciones voluntarias de miles de personas (y empresas) estos gastos hubieran acabado con el proyecto hace tiempo.

Formularios. Test auto-corregible con Google forms (actualizado 2017)

En tareas previas hemos creado una cuenta de google y usado varios de sus servicios: Calendar, blogger, drive, docs...

Bueno, pues la tarea que se propone ahora combina el uso de varios de esos servicios y por tanto se complica un poco la cosa.

Resumen corto

En vuestro blog intentareis publicar un test de 10 preguntas (las preguntas para identificar al examinado no cuentan) sobre el tema a elegir (consultar al profesor sobre los temas adecuados al nivel y fecha). Una vez publicado haréis llegar al profesor la dirección de la entrada de vuestro blog con el test para que pueda contestarlo.
Pero para que la tarea se considere superada, los resultados del test (errores incluidos) deberán ser accesibles. Además habrá que compartir el test con el profesor.

Tenéis un par de  ejemplos aquí (versión antigua de forms) Y aquí (versión moderna)

Cloud computing. Trabajo en la nube

En los últimos años se esta imponiendo un método de trabajo basado en servidores de almacenamiento y programas basados en Internet, en vez de en almacenamiento y programas instalados en el ordenador local.

Esta forma de trabajo tiene sus ventajas  y sus inconvenientes.

Ventajas como el estar relativamente a salvo de perdidas de información (los servidores de almacenamiento guardan los datos redundantemente, por lo que es mas difícil que se pierdan por avería), disponer de los datos en cualquier lugar, rapidez de distribución y población, posibilidad de trabajo cooperativo.

Inconvenientes como depender de la conexión a Internet (tanto de su presencia como de su velocidad), perdida de privacidad, perdida de funciones (en las versiones web de programas)...

Tareas acerca del blog

Siguiendo los contenidos de esta entrada, debéis crear un blog, que además usaremos para otras partes de la materia. Mirad abajo las indicaciones de como hacerlo. Paso a paso.

Para evaluar los conocimientos alcanzados en esta área, se dividirá en cuatro apartados donde se evaluará según la siguiente rúbrica:

1. B1: Creación  y configuración básica del blog. Menú configuración
1. El blog está creado y es accesible
2. Favicon (imagen del blog) personalizado 2pto
3. Los comentarios del blog están habilitados y SIN moderación (el profesor publicará un comentario) 1pto
4. Los comentarios son visibles correctamente 1pto
5. La zona horaria del blog esta correctamente configurada 1pto
6. El perfil del autor esta visible y configurado (imagen y apodo). No poner ni foto ni nombre real. 2pto
7. El alumno envía la dirección publica del blog al profesor 3pto
2. B2: Personalización Inicial del blog. Menú tema. Preferible temas clásicos: Simple, Picture Window, Awesome Inc., watermark, ethereal o travel. Como mucho, los temas Contempo o Notable. Mas complicados de configurar.
1. El tema elegido solo tiene UNA columna (a derecha o izquierda, da igual) 1pto
2. El ancho del blog es de 1280 px y la columna lateral de 290 px 1pto
3. Imagen de fondo personalizada (no la que viene por defecto) 1pto
4. Titulo del blog personalizado (tipo de letra, tamaño, color) 2pto
5. Títulos de las entradas personalizados 1pto
6. Tipo de letra del Texto de las entradas personalizado 1pto
7. Fondos de entradas y columna configurados (sobre todo evitar el blanco y el negro) 1pto
8. Todo el conjunto tiene buena visibilidad/contraste/legibilidad 2pto
3. B3: Personalización avanzada del blog. Menú Diseño
1. Páginas estáticas accesibles con menú en portada (al menos 2), bajo la cabecera 2pto
2. Gadget "lista de blogs" con enlaces a los blogs de los compañeros en columna lateral 2pto
3. Imagen en cabecera, con el tamaño adecuado 2pto
4. Eliminar (o desactivar) el gadget "entrada destacada" y "entradas populares" 2pto
5. Añadir algún gadget personalizado, mediante el gadget HTML 1pto
6. Usar etiquetas en las entradas 1pto
4. B4: Creación de varias entradas en el blog que incluyan (cada elemento a evaluar en una entrada diferente):
1. Texto largo justificado o alineado convenientemente según la plantilla. Eliminar formato al copiar. 1pto
2. Imágenes. Usar el menú de la imagen para ajustar su tamaño y posición. Poner leyenda a la imagen. Acoplarlas al texto convenientemente 2pto
3. Insertar vídeos 1pto
4. Documentos de drive: docs, presentaciones... 1pto
5. Redimensionar elementos (vídeos, documentos) cambiando ancho y alto. Aprovechar el ancho del blog al 100%. 1pto
6. Insertar un pdf externo. Apuntar a una página determinada del pdf. 1pto
7. Insertar un mapa (satélite, carreteras o street view) 1pto
8. Insertar algún gif animado y acoplarlo al texto de la entrada 1pto
9. Insertar otros objetos externos (encuestas, imágenes interactivas...). Ver abajo el punto 6 1pto

Tutoriales y ejemplos

1. Crear el blog
2. Personalizar el blog
3. Creando y editando entradas
4. Páginas estáticas
5. Incrustar contenido: documentos, videos...
6. Servicios de contenido externos
7. Insertar audio
8. HTML, Trucos y servicios externos

HTML básico para blogger. Trucos. Servicios externos

Para dotar de mayor vistosidad y estilo a las entradas de tu blog ademas de incrustar en ellas diverso contenido de fuentes variadas, puedes aprovechar para ir aprendiendo y practicando pequeñas píldoras del lenguaje HTML, que iremos explicando a continuación.

Blogs. 4ª Parte: Páginas estáticas

La ventaja de los blogs es que se actualizan constantemente (o al menos con la frecuencia que nosotros subamos contenido). Sin embargo eso, a veces, puede ser un inconveniente, pues al entrar en nuestra página, un visitante tardará en encontrar lo que busca, enterrado entre las publicaciones mas recientes.
En el caso de una empresa puede querer tener, bien a la vista, cosas como su localización, sus servicios o sus tarifas. Estos contenidos tiene que estar en un sitio que no cambie con el tiempo y sea fácil de acceder. Para esto necesitamos las "páginas estáticas". En este mismo blog puedes ver ejemplos arriba, donde veis los botones "Índice", "Informática 4º" o "TIC I"

Blogs. 3ª parte. Editando entradas

Ahora que ya tenemos configurado el blog a nuestro gusto (no es definitivo, en cualquier momento podemos hacer modificaciones, pequeñas o grandes, a ese aspecto) es el momento de empezar a llenar de contenido el blog.

Cada uno de los artículos que escribiremos en el blog recibe el nombre de entrada y puede contener variado material: texto, imágenes, vídeos, archivos externos... 

En esta entrada veremos los aspectos básicos de crear una entrada: el editor, incorporación de imágenes y vídeos y el editor HTML.

Blogs. 2ª Parte: Personalización del blog

Una vez creado el blog con los datos indispensables, pasamos a la fase de adaptar el aspecto del blog a nuestro gusto y personalizar las plantillas predefinidas para que nuestro blog sea lo mas personal posible.

ACTUALIZADO A LA NUEVA INTERFAZ DE BLOGGER 2020

 

Blogs. 1ª Parte: Creacion del blog. Primera entrada.

Para estas practicas vamos a seguir usando la cuenta de Google ya empleada en otros ejercicios. Cuando nos identificamos en la página principal de Google con nuestro usuario y contraseña, en la parte superior derecha un pequeño icono con nueve cuadraditos que nos permite acceder al menú con las distintas aplicaciones de Google: Gmail, Calendar, Drive... Y entre ellos se encuentra Blogger. También podemos acceder desde la dirección principal del servicio: blogger

Crear un blog. Blogger

Un blog es una plataforma de publicación en Internet cuyo funcionamiento se basa en entradas (artículos con diverso contenido) que se van publicando periódicamente y con una organización según la cual, los artículos mas recientes ocupan la portada y según van llegando nuevas publicaciones, estas van relegando a posiciones mas lejanas a la portada a las entradas antiguas.
Los artículos o entradas pueden contener diversos elementos: texto, imágenes, vídeos, animaciones... El objeto de este contenido es bien la expresión de las ideas del autor, bien la divulgación de textos (de los mas diversos temas) buscando la máxima difusión e incluso la ganancia de dinero a través de publicidad incluida en las páginas del blog, cuyos ingresos dependerán de las visitas y por tanto de la cantidad y calidad de los artículos publicados.

Google calendar

Con tu cuenta de google tienes acceso al servicio google calendar, el cual trata de organizar el horario y llevar cuenta de citas y eventos en la vida de su dueño. Esto es muy útil hoy en día con la conexión de nuestros smartphones con la cuenta de google. Esto hará que nuestro móvil nos sirva de agenda que nos recuerde, con la antelación que nosotros configuremos, cualquier evento que vaya a tener lugar en un futuro más o menos cercano, sin que este se nos olvide.

Servicios en la nube de Google

Para el trabajo en esta asignatura debes crear una cuenta de Google, si no la tienes ya, como en el caso de que tuvieras cuenta de correo con Gmail previamente, una cuenta en youtube o, generalmente, al configurar tu movil android.
Con tu cuenta de google tienes acceso a diversos servicios. Unos los habrás usado ya, otros no. Durante varias tareas vamos a usar varios de ellos, y mas abajo tienes acceso a entradas del blog donde se describen las tareas y los criterios de corrección del profesor.