Post on 28-Mar-2016
description
[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.