Creación y Mantenimiento de Blogs · incluso se ha dejado notar en otros ámbitos, como el ... mediante el cual podemos insertar ... ©Manuel Batalla Calvín Un blog es una aplicación

Blogs Educativos.

Creación y Mantenimiento de Blogs

Noviembre de 2008 Solana de los Barros (Badajoz)

©Manuel Batalla Calvín

Introduc c ión.1● El fenómeno de los blogs ha influido notablemente en los usos y costumbres de los internautas. El formato blog, weblog o bitácora se ha generalizado como el más aceptado medio de micropublicación, espacio personal, profesional o grupal, e incluso se ha dejado notar en otros ámbitos, como el periodístico.

●Como actividad basada en la comunicación, la docencia no queda al margen de la influencia de los blogs como herramienta educativa y comunicativa. Su flexibilidad los hace adaptables a cualquier materia, asignatura y nivel educativo.


¿ Qué es un blog ?2● El término blog proviene de la palabra inglesa weblog o bitácora en español.●Se refiere a sitios webs actualizados que recopila de manera cronológica textos o artículos de uno o varios autores con una temática particular.●Pueden contener tanto textos como imágenes u otros elementos multimedia: audios, vídeos y animaciones.


C arac terís tic a s y pos ibilidades de los blog s .

3● Como medio de publicación digital de contenido, los blogs presentan una serie de características que les hace especiales, y que son muy aprovechables desde el ámbito educativo:

Contenido hipertextual y multimedia.

Utilización fácil mediante asistentes, plataformas...

Organización cronológica y temática de la información.

Intercambio de ideas favorecido por las opiniones de los usuarios a los artículos.

Distintos niveles de usuario lo que hace que aumente la labor colaborativa.


Pos ibilidades en el aula4● Aprovechando las características anteriormente mencionadas, podemos aprovechar los blogs (edublogs, tratándose del ámbito docente) desde diferentes situaciones de enseñanza-aprendizaje, entre las que se citan las siguientes:

Blog de aula, asignatura o temaTaller creativo multimediaGestión de proyectos de grupoBlog personal del alumnadoPublicación electrónica multimediaGuía de navegación...


E s truc tura E xterna .E jemplo G rá fic o (http://blog .educ as tur.es /plas tic a/)

5


Entrada o Artículo con texto, imágenes, vídeos...

Entrada a últimos artículos

Categorías o temas

BlogrollBuscador

E s truc tura E xterna6Aunque la apariencia visual depende del diseño de la plantilla utilizada, la página principal de un blog presenta elementos comunes. Desde ella se puede acceder a:●Entradas o artículos ordenados cronológicamente, comenzando por los más actuales.●Comentarios a los diferentes artículos que se publican en la web.●Calendario o archivos por año/mes/día.●Categorías o temas en que se clasifican los artículos.●“Blogroll” o repertorio de enlaces a otros blogs●Buscador.


E s truc tura E xterna .Otro E jemplo G rá fic o (http://blog .educas tur.es /cuate/)

7


Entrada o Artículo

Entrada a últimos artículos

Categorías o temas

Blogroll

Buscador

Comentarios

E s truc tura interna8


● Hasta ahora hemos visto la estructura externa de un blog pero

¿Cómo se llega a elaborar?● Para ello los blogs facilitan al administrador

del mismo un sencillo e intuitivo menú mediante el cual podemos insertar imágenes, textos, sonidos...

● Además podremos gestionar los usuarios y dar a cada uno un rol.

E s truc tura internaDefinic ión

9


Un blog es una aplicación web, que se administra a través de un panel de control online. Incluye herramientas para:• Escribir y editar artículos y páginas.• Configurar las distintas opciones: escritura, lectura, discusión, …, etc.• Establecer las categorías o temas y los enlaces a otros sitios web.• Moderar los comentarios que hacen los visitantes.• Administrar los usuarios y los permisos que estos tienen: administrador, editor, colaborador,…, etc.• Configurar el aspecto visual del blog, a través de plantillas...

M anos a la obra10


● Existen numerosos espacios que permiten alojar nuestro blog de forma gratuita.

● A la hora de elegirlo debemos intentar que exista la menor publicidad posible.

● Por este motivo, para la realización de esta ponencia se ha elegido profeblog.es

C omenzando a c rear el blog11


● Para comenzar a crear nuestro blog, debemos solicitar un espacio web al servidor.

● Por ello debemos registrarnos y para ello debemos dar algunos datos y una dirección de correo electrónico a la cuál nos enviarán la dirección de nuestro blog.

● Accederemos a http://profeblog.es/blog/ y saldrá la siguiente pantalla

http://profeblog.es/blog/

G es tionando el a lta

12


Pulsamos en alta de nuevo

usuario


13


Nombre de usuario

Dirección de correo válida

Número seguridad

!!!Por supuesto que queremos un blog!!!


14


Nombre que constará en la

dirección

Nombre del blog en la barra de

título

G es tionando el a lta15


¡¡¡Lo logramos!!! Ahora sólo falta entrar en nuestro correo y confirmar la creación



Una vez aceptamos el enlace que nos han enviado por correo, llegaremos a una pantalla como la siguiente



● Una vez hemos creado nuestro blog, llega el momento de gestionarlo.

● Debemos tener claro el objetivo al que queremos llegar con él.

● Para ello, debemos acceder a la pantalla de administración utilizando el nombre de usuario y la contraseña que previamente habíamos elegido.

Ac c ediendo a w ordpres s18


● Para ello, volveremos a la pantalla donde antes comenzamos a gestionar el alta

www.profesblog.es/blog

Pulsamos aquí

Ac c ediendo a Wordpres s19


● Como nombre de usuario y contraseña usamos los que nos ha enviado el sistema a nuestro correo electrónico

Pulsamos aquí

Adminis trando nues tro blog

20


Una vez accedemos a nuestro panel de control, nos aparecerá una pantalla como la siguiente:

Podemos Escribir Administrar Cambiar el diseño...

M enú E s c ribirE s c ribiendo nues tro primer artíc ulo

21


Vamos a empezar escribiendo nuestra primera entrada en el blog, para ello pulsamos en el botón escribir


22


● Cada entrada consta de una serie de características:

– Título del artículo o post.– Contenido del artículo, al que podremos

añadir cualquier elemento multimedia.– Etiquetas que definirán al artículo y permitirá

una búsqueda de artículos afines por parte de nuestro visitante.

– Categoría en las que se encuadran los artículos.


23


Título de nuestro post

Contenido de nuestro post

Barra formato de textoElementos multimedia


24


Etiqueta que defina a nuestro artículo (palabras clave)

Categorías de contenido que tendrá nuestro blog

Las etiquetas son

importantes para realizar búsquedas

por parte del usuario,

mientras que las categorías

sirven para organizar el

blog de manera

correcta.


25


Publicar o

borrador

Guardar

M enú E s c ribirTomando forma....

26


Nuestro post

etiqueta

categoría

M enú E s c ribirE s c ribir pág inas

27


● Si los artículos o entradas se ordenan según un orden cronológico inverso y se archivan en categorías, las páginas se ordenan según un orden jerárquico y pueden mostrarse en la página principal de tu blog todas ellas o sólo algunas, dependiendo de la presentación o tema que se haya escogido.

● Se trata de páginas estáticas, que recuerdan a la web clásica, y que vienen muy bien para que nuestros visitantes encuentren la información básica de nuestro blog siempre en el mismo sítio.

M enú E s c ribirE s c ribir pág inas

28


Título la página

Contenido de nuestro post

Barra formato de textoElementos multimedia

Menú EscribirPulsamos

Página

M enú E s c ribirE s c ribir pág inas – Parámetros

29


Proteger con contraseña, limitando

el acceso a ciertos usuarios

Podemos indexar las páginas

Diferentes plantillas para

mostrar

Permitir comentarios y notificaciones

Romper el orden alfabético

M enú E s c ribirE s c ribir pág inas – G uardando

30


Elegimos entre publicada, pendiente revisión y borrador

Guardamos la página

M enú E s c ribirE s c ribir pág inas – A s pec to fina l

31


Nuestras páginas estáticas

Si pulsamos aquí aparecerá nuestra

página

M enú E s c ribirE s c ribir pág inas – A s pec to fina l

32


Adminis trando...E s c ribir Enlac es33


● Es importante tener una buena batería de páginas relacionadas con el tema de nuestro blog.

● Esas páginas aparecen de forma fija en la parte derecha de la pantalla.

Enlaces en la parte derecha

Adminis trando...E s c ribir Enlac es34


Nombre del EnlacePulsamos Escribir + Enlace

Dirección Comentario

Adminis trando...E s c ribir Enlac es -Opc iones Avanzadas35


Marco de destino_Blank: Ventana nueva_top y ninguna abren

sobre la propia ventana_

Categorías: Exactamente igual que

en las entradas

Podemos especificar la relación con el

enlace

Adminis trando...E s c ribir Enlac es -As pec to Fina l36


Aquí se encuentran los nuevos enlaces. No los hemos organizado por

categorías, aunque ahora veremos como modificar

lo realizado

Adminis trando...Ins ertando imág enes

37


● En muchas ocasiones se hace necesario insertar imágenes a nuestros artículos o páginas.

● Wordpress nos permite tener una galería de imágenes a nuestra disposición que previamente hemos subido.

● Debemos ser conscientes del límite de espacio web que nos ofrece el servidor, que en este caso es de 10Mb



38



Para añadir una imagen, hacemos click en Adjuntar

Medios


39



Insertar imágenes desde el ordenador (lo más

habitual)

Insertar imágenes desde internet

Pulsaremos aquí para seleccionar los archivos a

subir


40



Seleccionamos el archivo

Pulsamos Subir

La imagen que se muestra es la del Browser Loader

(Explorador) ya que el Flash Loader a veces presenta algún tipo de problemas.


41



Archivo que hemos seleccionado

Título de la imagen (no tiene que coincidir con el nombre del fichero)

Leyenda que aparecerá mientras carga la imagen

Alineación en nuestro post o página

Tamaño en que se insertará la imagen


42



Archivos que tenemos en nuestra galería de imágenes

Archivos multimedia de todo tipo que tenemos en nuestro

blog


43


Adminis trando...Ins ertando imág enes -As pec to fina l

Mucho más bonito e

ilustrativo

M enú Adminis trarAdminis tra r Entradas y Pág inas44


● Esta opcin sirve para ó g es tionar la s entradas que ya hem os publicado o las que están en borrador. Para encontrar la entrada que buscamos podemos usar el bus c ador que nos ofrecen introduciendo una o varias palabras del ttulo o del í contenido. También las podemos encontrar por alguna de sus otras clasificaciones:

Estado (publicada, borrador, etc)MesCategoría (alguna de las que le otorgamos).

● Una vez hem os encontrado la entrada que buscam os, podem os editarla clicando encim a del ttulo de la entrada (nos llevar al í áeditor visual para poder hacer los cam bios que queram os y volverla a publicar, incluso en otro d a) o borrarla (¡cuidado! Si se íborra es im posible volver a recuperar una entrada).

M enú Adminis trarAdminis tra r Entradas y Pág inas

45


Mostrar PublicadasMostrar las que tenemos

en borrador

Mostrar las entradas de un determinado mes

Mostrar las entradas de una categoría

Clickamos en cualquiera para modificarla

M enú Adminis trarAdminis tra r C ateg orías46


● Las categorías son las palabras con las que agrupam os las entradas. Desde el adm inistrador de categoras podem os:í

A adir una categora nueva.ñ íCam biar el nom bre a una categora creada (bot n í ó“editar”).

Asignar una categora a otra superior (“editar”).íBorrar una categora (bot n “borrar”.)í ó

Atencin! Si se borra una categora, todas ó í las entradas guardadas bajo esa categoría se clasificarán bajo una genérica –uncategorized-.

M enú Adminis trarAdminis tra r C ateg orías - C reando47


Permite tener jerarquizadas las

categorías

Nombre que le daremos a la categoría Descripción (no muy útil)

Añadimos la Categoría

M enú Adminis trarAdminis tra r C ateg orías - C reando49


Así quedará nuestra nueva categoría

M enú Adminis trarAdminis tra r C ateg orías - C reando

50


Pulsamos si queremos crear uno nuevo

M enú Adminis trarAdminis trar Enlac es

Pulsamos aquí si queremos editarlo

Podemos ordenarlos y mostrarlos en pantalla de la misma manera que lo

hemos hecho anteriormente con las

Categorías

51


Pulsamos si queremos crear una nueva

M enú Adminis trarAdminis trar E tiquetas

Pulsamos aquí si queremos editarla

La pantalla para añadir etiquetas es la misma que

la que se nos sugiere creando las entradas o las

páginas

palabras clave que sirven de com plem ento a las

categoras utilizadas para íclasificar las entradas

52


La opción importar introduce en nuestro blog la configuración de otro blog del que seamos propietarios (usuarios, categorías, etiquetas, entradas, páginas....). El contenido que importemos dependerá del tipo de blog que tengamos

M enú Adminis trarImportar

53


La opción exportar genera un fichero XML para poder importarlo desde otro blog WordPress. Este fichero contendrá todas las entradas, comentarios y categorías existentes en nuestro blog. También puede servirnos como copia de seguridad del mismo.

M enú Adminis trarExportar

54


M enú D is eñoTemas

● En el menú diseño modificamos todo el aspecto visual de nuestro blog.

● Consta de las siguientes opciones– Plantillas: Estilo general que tendrá nuestro

blog.– Widget: elementos de la barra lateral de

nuestro blog.– Color e Imagen de Cabecera.

55


M enú D is eñoPlantilla s

● Desde esta seccin se puede ó c ambiar el dis eño, la plantilla utilizada para el blog.

● Una vez hayam os escogido la plantilla que querem os utilizar, aparecer una áprevisualizacin de c m o quedar nuestro ó ó áblog con ella, y si estam os de acuerdo s lo óhay que “aplic ar tema” para que los cam bios se hagan efectivos.

56



Aquí se muestra mi plantilla actual

Lista de plantillas sobre las que puedo elegir

57



Previsualización de la plantilla. Si me convence aceptaré activándola

58


M enú D is eñoWidg et (w indow s g adg et)

● Los widget son elementos de pantalla totalmente configurables.

● Aparecen en la parte lateral de la pantalla.● Varían según la plantilla que estemos

usando, ya que algunas de ellas no los admiten, los admiten a ambos lados de la ventana, solamente a un lado...

● Son muy variados, aunque depende del servidor que estemos usando.

59


M enú D is eñoWidg ets

Widgets activados (en este caso ninguno)

Widgets disponibles en profeblog

Podemos elegir entre mostrar todos los widgets

usados, los que no estamos usando o todos

los disponibles

60


M enú D is eñoWidg ets (Pág inas +C a lendario+Arc hivo)

Páginas: Para incluir enlaces a las p ginas que hayas creado. Perm ite ápersonalizar el ttulo con el que íaparecer en pantalla y la m anera de áordenar las p ginas. Adem s nos á áperm ite excluir ciertas p ginas.á

Calendario: Calendario con enlaces a los d as en que has publicado artculos. í íPerm ite personalizar el ttulo con el que íaparecer en pantallaá

Archivo: Para incluir el archivo por m eses de tus entradas.Perm ite personalizar el ttulo con el que íaparecer en pantalla y las entradas que áha tenido cada artculoí

61


M enú D is eñoWidg ets (Pág inas +C a lendario+Arc hivo)

Páginas estáticas del blog

Calendario con los días donde se han

escrito los artículos

Archivo por meses

62


M enú D is eñoWidg ets (E nlac es +B us c ar+M eta+E ntradas )

Enlaces: Para incluir la lista de enlaces o el blogroll.Meta: Provee información para la sindicación de tus artículos y comentarios vía RSS. Además permite el acceso al panel.Buscar: Permite a los visitantes hacer búsquedas del contenido de tu blog.Entradas Recientes: Destaca las últimas entradas publicadas. Es útil cuando sólo son visibles dos o tres entradas en la página principal.

63


M enú D is eñoWidg ets (E nlac es +B us c ar+M eta+E ntradas )

Enlaces

Menú Meta ( RSS + Panel de Control)

Últimas entradas

64


M enú D is eñoWidg ets (E tiquetas +C ateg oría s +Texto +C omentarios )

Nube de etiquetas: Indica las etiquetas del blog en formato de nube.Categorías: Una lista de las categorías del blog con enlace directo a las entradas.Texto: Este widget es para incluir código HTML, javascript, etc. Muchos sitios de internet te ofrecen el código para que puedas usar su servicio en la barra lateral.Comentarios Recientes: Permite incluir los últimos comentarios.

65


Enlaces

Categorías

Texto


Comentarios

66



El widget “texto” también podemos usarlo para escribir sentencias HTML, por lo que si conocemos este lenguaje podremos conseguir diferentes efectos.Por ejemplo, para poner una imagen en el lateral como un enlace

67


M enú D is eñoWidg ets (Widg etB ox)

WidgetBox es una manera muy atractiva de insertar contenidos animados en la web. Veamos como hacerlo:● Primero debemos registrarnos en widgetbox. No es necesario

dar nuestra verdadera dirección de email-● Una vez registrados, buscamos el widgetbox que nos guste y lo

seleccionamos.

Configuramos el widget.

Dependiendo del widget elegido cambiará esa configuración

Una vez configurado,

pulsamos GET WIDGET

68



Cuando salga la ventana de la

imagen, la cerramos.Después

pulsaremos “My WidgetBox”

69



Pulsamos Widget Panels y posteriormente “Make a New

Panel”

70



Pulsamos Widget Panels y posteriormente “Make a New

Panel”

71



Desplazamos el widget desde “Item Palette” hacia “Panel

Layout”

Finalmente Salvamos

nuestro nuevo widget

72



1. Pulsamos Instalar el Panel Ahora

2. Pulsamos EMBED CODE 3. Pulsamos COPY

73



1. Abrimos el bloc de notas y pulsamos PEGAR

2. Copiamos los 5 bloques de números que siguen a PanelId

Ahora ya podemos volver al apartado widget de nuestro

blog (ya era hora!!!!)

3. Elegimos el número de widgetbox que queremos y

pulsamos guardar

4. Pulsamos añadir en el widgetbox que queramos que

aparezca-

74



Pegamos el PanelId que previamente habíamos copiado del blog de notas. En el caso del

ejemplo0fe66c90-3cc6-471f-b192-

0dc1b3d73275Pulsamos Cambiar y

posteriormente Guardar Cambios

Y ahora a comprobar el resultado

75



Aquí tenemos el widgetbox para

nuestro blog. Los hay de múltiples

temas, la maestría está en saber elegirlos!!!!

76


M enú D is eñoWidg ets

● Existen algunos widget más pero no son estrictamente necesarios para desarrollar nuestra web.

● Picasa Photo: Sirve para poner fotos aleatorias que previamente he subido a Picasa de google.

● Google Player inserta un reproductor mp3 en el lateral de nuestro blog.

● Recordando que si eliminamos todos los widget, se colocan los que son por defecto.

77


M enú U s uarios

WordPress ofrece una gestión de usuarios para controlar y asignar permisos sobre distintas acciones que se pueden realizar en el blog: escribir/editar artículos, crear páginas, definir enlaces, crear categorías, moderar comentarios, gestionar temas o usuarios, etc.Se reconocen 5 roles:

Administrador: dispone de todos los permisos de administración. Editor: publica y gestiona todos los artículos: propios y ajenos. Autor: publica y gestiona sólo sus propios artículos. Colaborador: escribe y edita sus artículos pero no puede

publicarlos. Suscriptor: escribe comentarios, recibe mensajes con novedades,

etc

78


M enú U s uarios

Como podemos apreciar en la tabla adjunta, el administrador es el usuario que gestiona todo el blog. El editor es alguien que puede

modificar todo lo referente al contenido del blog. Autor, Colaborador y Suscriptor son usuarios menores.

79


M enú U s uariosAñadir un nuevo us uario

Para añadir un usuario a nuestro blog, debemos escribir su e-mail y darle un perfil de los comentados anteriormente.

El usuario recibirá un correo electrónico que tendrá que aceptar para formar parte de nuestro blog.

Posteriormente podremos gestionar todos los usuarios, ya que somos adminitradores de nuestro blog.

80


M enú U s uariosAñadir un nuevo us uario

Este sería el mensaje de

wordpress al usuario. Solamente debe confirmarlo el

usuario

81


M enú U s uariosM odific a r Perfil

82


M enú P lug ins

● Los plugin son pequeños programas que, activándolos, nos permiten realizar funciones como encuestas, estadísticas...

● Si la instalación de wordpress está en nuestro servidor, esos plugin pueden ser instalados por nosotros.

● Si estamos alojados en otro servidor, debe ser el administrador del servidor quien lo haga.

● Vamos a ver los plugins que nos ofrece

83


M enú P lug insP lug ins ac tivos

Estos son los plugin que aparecen activos y cada uno se comporta de manera diferente. Comentaremos aquellos que son más importantes:

WP-Polls: Permite realizar encuestas. Si además le añadimos WP-Widget permite añadirlo como widget.

Audio Player: Permite insertar un reproductor de audio con un enlace al fichero. Debe llevar la forma [audio:rutaalfichero]

WP Video Plugin: Permite insertar un video de la misma manera que audio plugin[sitio id]. Por ejemplo, si queremos insertar el videohttp://video.google.de/videoplay?docid=1445939211866326645Escribiremos [google id=144593921186632664

84


M enú P lug insP lug ins que han es tado rec iéntemente ac tivos

Estos son los plugin que han estado recientemente activos- Comentaremos aquellos que son más importantes:

Ada Active: Muestra en un widget los blogs más activos de wordpress.

Ada Updated: Muestra en un widget los blogs reciéntemente actualizados de wordpress.

WordPress Stats: Muestra las estadísticas de mi sitio (entradas...). Es imprescindible tener API Key que hay que pedirsela al administrador.

85


M enú P lug insP lug ins s in ac tiva r

Estos son los plugin que no se han activado.Comentaremos aquellos que son más importantes:

Akismet: Muy interesante. Filtra el spam en los comentarios. También necesitamos API key.

Post2pdf: Convierte los post y las categorías en pdf.

Existen muchos tipos de plugin, pero no podemos adminitrarlos y tenemos que conformarnos con los que nos ofrece el administrador.

86


E jerc ic io Fina l

● Vamos a proponer un ejercicio final. Para no trabajar siempre en profeblog, vamos a abrirnos una cuenta en www.wordpress.com

● Tiene algunas ventajas con respecto a profeblog. Por ejemplo tiene 3Gb de almacenamiento. Tiene otras desventajas como que no podemos gestionar los plugin.

● Además podremos gestionar encuestas y estadísticas de una manera muy sencilla.

http://www.wordpress.com/

87


E jerc ic io Fina l

● Una vez creado nuestro blog, vamos a exportar el nuestro de profeblog e importarlo a wordpress.com.

● De esta manera tendremos toda la estructura de mi antiguo blog en el nuevo.

● En este nuevo entorno será más sencillo gestionar encuestas y entradas.

● Mira un ejemplo en mbatalla.wordpress.com

Documents

Creación y Mantenimiento de Blogs · incluso se ha dejado notar en otros ámbitos, como el ... mediante el cual podemos insertar ... ©Manuel Batalla Calvín Un blog es una aplicación