[SI –U.T.9 IMPLANTACIÓN DE APLICACIONES – EUGENIA PÉREZ] 13 de abril de 2013

UT. 9. PRÁCTICA 2: CREACIÓN Y

MODIFICACIÓN DE UN BLOG EN

BLOGGER

OBJETIVOS

En esta práctica se persiguen los siguientes objetivos:

Comprender el concepto de blog y el motivo de su popularidad.

Identificar la relación entre los blogs y la filosofía de la Web 2.0.

Crear un blog propio en Blogger ajustándose a unos requisitos dados.

Extender la configuración del blog con widgets, inserción de contenido multimedia,

modificación de estilos, etc.

Administrar el blog y conocer algunos aspectos avanzados de su configuración

FUNDAMENTOS TEÓRICOS

Antes de comenzar con la práctica, sería interesante que adquieras unos conceptos teóricos

sobre los blogs y la Web 2.0.

El nombre original era weblog, y en español es frecuente encontrar el término bitácora. Sin

embargo, al final se terminó adoptando el término blog, dada la tendencia existente en la

cultura anglosajona, especialmente en el contexto de las nuevas tecnologías, por acortar las

palabras.

Una definición formal de blog sería la de un sitio web, frecuentemente actualizado, compuesto

de artículos generalmente breves que se disponen en orden cronológico inverso, donde uno o

varios autores escriben con libertad, mediante una herramienta de publicación muy sencilla de

utilizar.

Sin embargo estaría bien hacer especial hincapié en el componente social del blog, algo que no

recoge la anterior definición, y en la nueva naturaleza de los publicadores de contenidos,

personas que no pertenecen a los medios de comunicación, individuos convencionales, que

incluso no tienen por qué tener conocimientos ni destrezas informáticas avanzadas.

Probablemente el siguiente vídeo te ayude a comprender rápidamente estos conceptos:

http://www.youtube.com/watch?v=NN2I1pWXjXI

En el ámbito de los blogs, existen muchas herramientas disponibles para la creación de uno de

manera rápida, cómoda y gratuita. En esta práctica vamos a profundizar en el manejo de

Blogger, pero podría ser cualquier otra, ya que la filosofía es siempre la misma.

[SI –U.T.9 IMPLANTACIÓN DE APLICACIONES – EUGENIA PÉREZ] 13 de abril de 2013

BLOGGER

Blogger es un servicio creado por Pyra Labs, y adquirido por Google en el año

2003, que permite crear y publicar un blog en línea. Para publicar contenidos,

el usuario no tiene que escribir ningún código o instalar programas de

servidor o de scripting.

Los blogs alojados en Blogger generalmente están alojados en los servidores de Google dentro

del dominio blogspot.com.

La actualización al nuevo Blogger requiere del registro de una cuenta de Google.

En el año 2010 Blogger introdujo una serie de novedades entre las que se incluyó el diseñador

de plantillas para que los usuarios puedan modificar a gusto la apariencia estética del blog sin

necesidad de saber código HTML ni CSS, fuentes tipográficas, estadísticas de analítica web,

previsualización WYSIWYG de nuevas entradas de blog, etc.

En el año 2011 Blogger renovó su interfaz gráfica de usuario, presentó una nueva característica

denominada vistas dinámicas, desarrolló nuevas aplicaciones para dispositivos móviles con

sistemas operativos Android y iOS así como plantillas para dispositivos móviles.

En el siguiente vídeo puedes ver de una manera muy gráfica y sintetizada algunos datos

interesantes entorno a Blogger:

http://www.youtube.com/watch?v=hPhFc6GqVdU

DESCRIPCIÓN

Una empresa te ha solicitado que le crees un blog para lanzar una campaña de marketing

sobre sus últimos productos lanzados al mercado. El sector de la empresa queda a vuestra

elección. Por tanto, puedes dedicarlo a prácticamente lo que quieras, desde una empresa

automovilística, hasta un fabricante de teléfonos móviles, etc.

Tras una breve reunión de definición de requisitos (el comercial de la empresa es una persona

muy ocupada) te transmite que el blog debe cumplir con las siguientes directrices:

Estilo. El estilo debe ser atractivo. No te da unos parámetros concretos en cuanto a

apariencia, por lo que tienes libertad en ese sentido a la hora de selección de la

plantilla o tema. No obstante, tiene que adecuarse al sector al que se dedica la

empresa.

Resolución. Dado el auge de los dispositivos móviles, es un requisito de prioridad

crítica que la visualización en tablets y smartphones sea adecuada. Prueba con

resoluciones como 640x960 o 1024x768 y adjunta las capturas de pantalla.

Publicación de contenidos. Añade 4 o 5 entradas con los siguientes requisitos:

o Al menos una debe contener un vídeo empotrado de Youtube.

o Otra entrada debe contener un documento o presentación alojada en Issu (por

ejemplo un catálogo, revista, o cualquier cosa relacionada).

o Dado que es una campaña de marketing, es importante que cada entrada

ofrezca la posibilidad de compartirla en varias redes sociales de manera fácil

para los lectores.

[SI –U.T.9 IMPLANTACIÓN DE APLICACIONES – EUGENIA PÉREZ] 13 de abril de 2013

Creación de una página. Además del Home con los diferentes posts creados, debes

crear una página de Acerca de (página distinta con acceso a través de la barra de

menú), en la que pongas alguna información relevante de la empresa (logo, dirección,

resumen, etc.).

AdSense. Con el fin de obtener algún ingreso adicional, deberás activar Google

AdSense en el blog (puedes encontrar esta opción en el elemento de menú Ingresos).

Necesitarás una cuenta en AdSense. Si no sabes lo que es AdSense, aquí tienes una

breve explicación por un miembro del propio equipo de desarrollo:

https://www.youtube.com/watch?v=32VknlEnYgc

Seguidores. Asegúrate de añadir el widget de Seguidores (o followers) y publica tu

dirección en el hilo del foro del módulo en Aula0 creado para dicho efecto. Hazte

seguidor de los blogs de tus compañeros y realiza comentarios en ellos.

Enlaces. En otro widget inserta enlaces a algunas páginas Web que tengan relación con

la temática de tu blog o a blogs de compañeros.

Estadísticas. La empresa requiere que entregues periódicamente un informe con los

accesos que ha tenido el blog, desde dónde han sido, desde qué navegadores, etc. Ya

que están lanzando una campaña de marketing, toda la información que puedas

añadir será muy valiosa para el departamento de ventas de la empresa. En el menú

Estadísticas tienes acceso a mucha información de este tipo. Entrega con la práctica un

seguimiento de una semana aproximadamente de accesos al blog.

MODIFICACIÓN AVANZADA DE ESTILOS

Modifica los estilos o temas que hayas elegido para tu página de manera más avanzada. Para

ello, vete a la opción Plantilla Personalizar Avanzado. Modifica al menos las siguientes

características de los elementos que figuran a continuación:

H1. Busca la etiqueta h1 de tu página y modifica:

o El color del texto.

o La familia de la fuente.

o El tamaño del texto.

Una lista ul. Añade un post con una lista no ordenada (ul) y modifica:

o Modifica el tipo de cada elemento de la lista: list, decimal, etc.

Modifica el estilo de los enlaces para que muestren una línea por encima del texto

(overline) cuando se pase el ratón por encima de ellos (hover).

SEO

Por último, aprovechando la nueva interfaz de Blogger, que incorpora algunas opciones SEO

(http://es.wikipedia.org/wiki/Posicionamiento_en_buscadores), realiza algunos ajustes para

optimizar la indexación de tu blog en los buscadores y hacerlo así más visible en Internet. Vete

a la opción de Configuración Preferencias de búsqueda. En esta pantalla realiza los

siguientes ajustes:

Habilita la descripción de búsqueda de las etiquetas META. Inserta una breve

descripción de tu blog en el área de texto ubicada en esa sección.

Inserta un mensaje de página no encontrada en la sección de Errores y

redireccionamientos. Esta área de texto acepta HTML, así que si quieres puedes utilizar

[SI –U.T.9 IMPLANTACIÓN DE APLICACIONES – EUGENIA PÉREZ] 13 de abril de 2013

alguna etiqueta HTML para formatear el mensaje (no es obligatorio pero se valorará

positivamente).

A la empresa le gustaría cambiar uno de los posts que has creado y reemplazarlo por

uno nuevo. El problema es que ese post ha sido enlazados desde muchos sitios

externos a tu blog, y por tanto, eliminarlo y crear uno nuevo provocaría que muchos

enlaces a tu blog se rompieran, resultando en muchos errores 404 al pulsar en ellos.

Por ello, la mejor solución para solventar este problema es utilizar la opción de

redirección. Para ello selecciona uno de los posts antiguos de tu blog, y crea un nuevo

post que será el que reemplace a este. Ahora acude a la opción Configuración

Preferencias Redireccionamiento personalizado, y pulsa en Editar. Aquí debes

realizar la siguiente configuración:

o De: introduce la dirección relativa al post antiguo (es decir, sin la dirección raíz

de tu blog).

o Para: ruta relativa del nuevo post.

o Al guardar los cambios, e intentar acceder en el navegador al post antiguo,

debes ser redirigido al nuevo.

AMPLIACIÓN

En Internet existen muchas páginas que ofrecen tutoriales y trucos para extender

funcionalidades de Blogger. Por ejemplo:

http://www.allblogtools.com/category/tricks-and-hacks/

Busca en este u otras páginas alguna funcionalidad (eres libre de añadir todas las que quieras

) que te interese, incorpórala a tu blog y documenta el trabajo realizado.

FORMA DE ENTREGA

Como resultado de la práctica, debes entregar una memoria en PDF con lo siguiente:

Datos de identificación del alumno.

[SI –U.T.9 IMPLANTACIÓN DE APLICACIONES – EUGENIA PÉREZ] 13 de abril de 2013

URL a tu blog.

Explicación del procedimiento que has seguido para implementar cada uno de los

pasos pedidos en la práctica (acompañados de capturas de pantalla).

Si has implementado alguna ampliación, crea una sección específica en el documento

para ellas.