Issuu on Google+

[IMPLANTACIÓN IMPLANTACIÓN DE APLICACIONES APLI WEB – 2º ASIR] 23 de septiembre de 2012

UT. 2. PRÁCTICA 1: CREACIÓ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 Blogger ajustándose a unos requisitos dados. Extender er 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 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 dee 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 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 ://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, otra, ya que la filosofía es siempre la misma. 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,


[IMPLANTACIÓN DE APLICACIONES WEB – 2º ASIR] 23 de septiembre de 2012 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

ENUNCIADO DE LA PRÁCTICA Una empresa te ha solicitado que le crees un blog para publicitar 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. Modifica la plantilla por defecto para que se adapte a la temática (puedes descargarla de Internet, puedes escogerla del propio Blogger, etc.). 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. Para ello puedes utilizar el complemento de Firefox Web Developer, que tiene una opción Resize  Resize Window, donde vas a poder modificar el ancho y alto de la página. Publicación de contenidos. Añade 4 ó 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 Issuu: http://issuu.com/ Créate una cuenta en este servicio, y sube un documento PDF en el que simules un catálogo. Pon algunas fotos de productos que está lanzando la empresa al mercado con una breve descripción y precios (con una página es suficiente).


[IMPLANTACIÓN DE APLICACIONES WEB – 2º ASIR] 23 de septiembre de 2012 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. Lo normal es que la propia plantilla incluya esta opción, así que asegúrate de seleccionar una que cumpla con este requisito. 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. Agrega alguna regla CSS para sobreescribir los estilos por defecto. Esta opción es la más avanzada a la hora de modificar la apariencia de la página. Investiga cómo lo puedes hacer y documenta y explica qué has modificado y qué reglas CSS has definido. 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: o 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. o 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 alguna etiqueta HTML para formatear el mensaje (no es obligatorio pero se valorará positivamente). o 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 o

• •


[IMPLANTACIÓN DE APLICACIONES WEB – 2º ASIR] 23 de septiembre de 2012 selecciona uno de los posts antiguos de tu blog, y crea un nuevo post que será el que reemplace a éste. Ahora acude a la opción Configuración  Preferencias  Redireccionamiento personalizado, y pulsa en Editar. Aquí debes realizar la siguiente configuración:  De: introduce la dirección relativa al post antiguo (es decir, sin la dirección raíz de tu blog).  Para: ruta relativa del nuevo post.  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. URL a tu blog. Explicación paso a paso 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.


Práctica de blogger IAW