1. ESPECIALIZACIÓN EN GERENCIA INFORMÁTICA
MANUAL DE USUARIO
CREACION DE BLOG Y HERRAMIENTAS
TECNOLOGICAS
AUTORES: REINA OROZCO - ALFREDO PAJOY –
GLORIA MUÑOZ
2. Tabla de contenido
1. HERRAMIENTAS TECNOLÓGICAS DIDÁCTICAS, PEDAGÓGICAS QUE
SE IMPLEMENTAN EN EL BLOG PERTINENTES PARA IMPULSAR EL
APRENDIZAJE DEL PLAN DE ESTUDIO. ............................................................ 4
1.1 PERSONAJES ANIMADOS Y VIDEOS: ....................................................... 4
1.1.1 Creación y diseño del voki o avatar para el blog........................................ 4
1.1.2 De la misma manera, se ingresan los videos de Youtube al Blog, se busca
el video y se selecciona la opción: Embed (Código embebido HTML), el código
que se despliega debe incluirse en Blog como una nueva entrada......................... 8
1.1.3 Juegos: se seleccionaron los juegos relacionados con el área de
Geometría desde la página: http://www.dibujosparapintar.com. Y se crea una
nueva entrada en el Blog. ....................................................................................... 8
1.1.4 Para cargar imágenes, se realice mediante la opción añadir imágenes, es
preciso tener en cuenta que solo adjuntan tipo de archivo de imagen: JPG, GIF o
PNG. 10
1.1.5 Diapositivas: para cargar las diapositivas al Blog, primero se publicaron en
la página http://www.slideshare.net, es preciso tener en cuenta que se debe haber
registrado previamente en la página con un nombre de usuario y contraseña. .... 10
2. CREAR ACTIVIDADES CORRESPONDIENTES A LA UNIDAD TEMATICA
DE PENSAMIENTO GEOMETRICO DEL GRADO QUINTO EN EL EDUBLOG. 13
2.1 ACTIVIDAD EJEMPLO - SOPA DE LETRAS.............................................. 13
3. DISEÑAR EDUBLOG ................................................................................. 15
3.1 DISEÑO BLOG COMO HERRAMIENTA PEDAGÓGICA .......................... 15
3.2 PASOS PARA LA CREACIÓN DEL BLOG: .............................................. 15
3.2.1 Para crear el blog se inicia por el navegador (internet Explorer, mozilla
firefox, entre otros); En el cual se escribe la dirección: http://www.blogger.com/, se
debe haber ingresado a internet previamente. Es preciso tener en cuenta que el
dominio de internet al cual está inscrita esta página es .com (comercial)............. 15
3.3 A continuación, se muestra la interfaz grafica de la página de acceso a
Blogger, donde se solicita la Cuenta de Google para acceder a la creación del
Blog. 19
3.4 Al iniciar sesión en Blogger, se solicita un registro, donde se configura la
dirección de correo electrónica que se utilizará para administrar el Blog y para
recibir notificaciones, noticias actuales de la página Blogger, el nombre o la firma
que se mostrará, cada vez que el administrador realice comentarios en Blog y por
último se leen las condiciones del servicio para poder utilizar esta herramienta, en
la que se compromete a cumplir a cabalidad con lo estipulado en él. Por ejemplo
respetar los derechos del autor muestran las condiciones de servicio.................. 20
3. 3.4.1 Para seguir al próximo paso, se da clic en continuar. .............................. 20
3.5 Se da clic en el botón “Crear Blog Ahora”, que me permite iniciar la creación
del Blog. ................................................................................................................ 21
3.6 Luego se solicita “Editar el Perfil de Usuario”, donde se configuran las
opciones de privacidad del perfil, es decir, si se permite mostrar el nombre, el
correo electrónico, etc. .......................................................................................... 22
3.7 En el siguiente paso se asigna un nombre al Blog: ..................................... 22
3.8 El siguiente paso es “Escoger una Plantilla de Inicio”, es decir, el diseño o
modelo del Blog. Se selecciona y se da clic en continuar. ................................... 23
3.9 Al finalizar, se muestra un mensaje para evidenciar que el blog se creó
correctamente. Y que se puede empezar a publicar información.......................... 25
4. 1. HERRAMIENTAS TECNOLÓGICAS DIDÁCTICAS, PEDAGÓGICAS QUE SE
IMPLEMENTAN EN EL BLOG PERTINENTES PARA IMPULSAR EL
APRENDIZAJE DEL PLAN DE ESTUDIO.
1.1 PERSONAJES ANIMADOS Y VIDEOS:
1.1.1 Creación y diseño del voki o avatar para el blog.
¿Qué es Voki? Es un servicio gratuito que permite crear avatares o personajes
animados personalizados, con voz, colores y formas para utilizarlos en Blogs, en
perfiles y en mensajes de correos electrónicos. Este servicio se puede obtener a
través de la página: http://www.voki.com/, cuya empresa creadora se denomina:
Oddcast. Una empresa con sede en Nueva York que ha sido la creación de
innovadoras tecnologías de medios de comunicación generan los usuarios desde
hace años.
1.1.1.1 Para la creación de un Voki o Avatar se ingresa a la página antes
mencionada. Es preciso tener en cuenta que se debe haber realizado un
registro en la página por medio de correo electrónico.
Ilustración 1. Interfaz Grafica de la página de Voki.com
1.1.1.1.1 El primer paso es la selección del personaje (Personas, animales,
caricaturas, etc.), personalización formas, audio, fondos, colores, etc.
5. Ilustración 2. Personaje (Avatar)
1.1.1.1.2 Para finalizar la personalización del personaje, se da clic en Hecho y en
el botón Publicar.
Ilustración 3. Creación Avatar personalizado
6. 1.1.1.1.3 Cuando se ha publicado satisfactoriamente el avatar, se muestra el
siguiente mensaje:
Ilustración 4. Mensaje de Finalización de creación del Avatar
1.1.1.1.4 El código generado HTML, se copia para luego incluirlo en una entrada
del Blog.
Ilustración 5. Código generado en HTML
7. 1.1.1.1.5 Luego, se ingresa al Blog y se crea una nueva entrada para incluir el
Avatar en la Página principal y se da clic en el botón: Publicar.
Ilustración 6. Opción Crear Entradas en el Blog
Ilustración 7. Mensaje de inclusión correcta de la entrada en el Blog
8. 1.1.2 De la misma manera, se ingresan los videos de Youtube al Blog, se busca
el video y se selecciona la opción: Embed (Código embebido HTML), el código
que se despliega debe incluirse en Blog como una nueva entrada.
Ilustración 8. Código HTML desde Youtube
1.1.3 Juegos: se seleccionaron los juegos relacionados con el área de Geometría
desde la página: http://www.dibujosparapintar.com. Y se crea una nueva entrada
en el Blog.
Ilustración 9. Creación de la entrada para el enlace al juego
9. 1.1.3.1 Se selecciona la opción Enlace, se despliega la ventana donde se edita el
enlace y se coloca la dirección web donde se encuentran los juegos.
Ilustración 10. Creación del enlace para los juegos
Ilustración 11. Visualización de entrada del enlace en el Blog
10. 1.1.4 Para cargar imágenes, se realice mediante la opción añadir imágenes, es
preciso tener en cuenta que solo adjuntan tipo de archivo de imagen: JPG, GIF o
PNG.
Ilustración 12. Opción para añadir imágenes
1.1.5 Diapositivas: para cargar las diapositivas al Blog, primero se publicaron en
la página http://www.slideshare.net, es preciso tener en cuenta que se debe haber
registrado previamente en la página con un nombre de usuario y contraseña.
Ilustración 13. Página SlideShare
11. Ilustración 14. Carga del Archivo a la pagina
Ilustración 15. Diapositivas creadas del cuento Tito Tito y código HTML
generado.
12. Ilustración 16. Entrada para incluir el código generado para las diapositivas
Ilustración 17. Publicación en el Blog
13. 2. CREAR ACTIVIDADES CORRESPONDIENTES A LA UNIDAD TEMATICA
DE PENSAMIENTO GEOMETRICO DEL GRADO QUINTO EN EL
EDUBLOG.
2.1 ACTIVIDAD EJEMPLO - SOPA DE LETRAS
Ilustración 18. Configuración Sopa de Letras en Ardora
15. 3. DISEÑAR EDUBLOG
3.1 DISEÑO BLOG COMO HERRAMIENTA PEDAGÓGICA
Blogger es la herramienta tecnológica a utilizar en el trabajo de pensamiento
geométrico grado quinto de la Institución Educativa la Pamba.
3.2 PASOS PARA LA CREACIÓN DEL BLOG:
3.2.1 Para crear el blog se inicia por el navegador (internet Explorer, mozilla
firefox, entre otros); En el cual se escribe la dirección: http://www.blogger.com/, se
debe haber ingresado a internet previamente. Es preciso tener en cuenta que el
dominio de internet al cual está inscrita esta página es .com (comercial).
Como primer paso, es necesario, crear una cuenta de correo electrónico en Gmail
(Servicio electrónico de la empresa de Google Inc.), a través de la página
http://www.gmail.com
Se debe dar clic en el botón Crear una cuenta
Ilustración 20. Página Ingreso Gmail
16. 3.2.1.1 El primer paso para la creación de la cuenta es la solicitud de los Datos
Básicos de registro, como nombres, apellidos, nombre dirección de
correo, contraseña, etc.
Los Datos registrados son:
Nombre: La
Apellido: Pamba
Nombre Correo: ielapamba@gmail.com
Contraseña: ********
Es preciso decir, que la interfaz proporciona una opción denominada:
Comprobar disponibilidad, que permite verificar si la dirección de correo que
se desea crear existe o se puede utilizar.
Ilustración 21. Creación de Cuenta en Gmail
3.2.1.2 Luego se ingresa la contraseña, se verifica la fortaleza de la contraseña,
es decir si es segura o no, después se solicita una pregunta con su
respectiva respuesta que posteriormente será utilizada para recordar la
contraseña, en caso haya sido olvidada.
17. Ilustración 22. Datos Solicitados en la creación de la cuenta
3.2.1.3 Se solicita una cuenta de correo alterna, es decir diferente a la cuenta de
Gmail, que será utilizada para que el servidor de correo de Gmail, envié a
esa cuenta alterna, la información de cambio de contraseñas, etc.
También, se solicita en la opción Verificación de la palabra, que se escriba
en un recuadro lo que se observa en la letra que se observa en color
verde.
3.2.1.4 Lo anterior se hace para realizar una Verificación Humana: para
registrarse en una página de internet se verifica que quien está haciendo
el registro sea una persona y digite la información por medio del teclado y
evitar que un el proceso sea realizado por un programa que registra en el
computador siempre las mismas palabras, claves o contraseñas.
La página muestra unos códigos o palabras para escribirlas en la pantalla;
si se escribe bien se va al paso siguiente.
18. Ilustración 23. Solicitud Datos de Cuenta Alterna y Verificación Humana
3.2.1.5 Se muestra mensaje de felicitación indicando que la cuenta esta creada y
lista para usarla.
Ilustración 24. Finalización con Éxito de la Creación de la cuenta
19. 3.2.1.6 Se muestra la Interfaz Grafica de la cuenta creada en Gmail por primera
vez.
Ilustración 25. Correo Electrónico Gmail
3.3 A continuación, se muestra la interfaz grafica de la página de acceso a
Blogger, donde se solicita la Cuenta de Google para acceder a la creación del
Blog.
Se digita los siguientes datos:
Nombre Correo: ielapamba@gmail.com
Contraseña: ********
Y luego se da clic en Acceder.
20. Ilustración 26. Página Principal
3.4 Al iniciar sesión en Blogger, se solicita un registro, donde se configura la
dirección de correo electrónica que se utilizará para administrar el Blog y para
recibir notificaciones, noticias actuales de la página Blogger, el nombre o la firma
que se mostrará, cada vez que el administrador realice comentarios en Blog y por
último se leen las condiciones del servicio para poder utilizar esta herramienta, en
la que se compromete a cumplir a cabalidad con lo estipulado en él. Por ejemplo
respetar los derechos del autor muestran las condiciones de servicio.
3.4.1 Para seguir al próximo paso, se da clic en continuar.
21. Ilustración 27. Registro en Blogger
3.5 Se da clic en el botón “Crear Blog Ahora”, que me permite iniciar la creación
del Blog.
Ilustración 28. Escritorio Blog
22. 3.6 Luego se solicita “Editar el Perfil de Usuario”, donde se configuran las
opciones de privacidad del perfil, es decir, si se permite mostrar el nombre, el
correo electrónico, etc.
Ilustración 29. Perfil Administrador del Blog
3.7 En el siguiente paso se asigna un nombre al Blog:
Titulo del Blog: Pensamiento Geométrico Grado 5º - IELP
Dirección del Blog: http://geometriaielp2010.blogspot.com
También, se cuenta con la opción “comprobar disponibilidad” para saber si esa
dirección para el Blog está disponible. Luego, clic en Continuar.
Ilustración 30. Personalizar Titulo y dirección del Blog
23. 3.8 El siguiente paso es “Escoger una Plantilla de Inicio”, es decir, el diseño o
modelo del Blog. Se selecciona y se da clic en continuar.
Ilustración 31. Estilos de Plantillas Predefinidas en Blogger
Nota: Existen plantillas que pueden cargarse al blog (Templates), para
personalizar el diseño.
Lo anterior se hace en la opción Diseño, por medio del Botón Examinar, como se
muestra a continuación:
Ilustración 32. Aplicación de una Plantilla descargada desde la Web
24. El botón “Examinar” nos permite acceder a las plantillas descargas desde la
página de Internet: http://btemplates.com/. Se descarga un archivo con extensión
.rar que significa carpeta comprimida en el Software WinRar, al descomprimirla se
puede encontrar un archivo con extensión .xml, el cual se utiliza para cargar al
Blog y poder aplicar la plantilla. Como se muestra:
Ilustración 33. Código XML aplicado a las plantillas personalizadas
En la siguiente imagen se observa una plantilla aplicada al Blog:
Ilustración 34. Plantilla aplicada al Blog
25. 3.9 Al finalizar, se muestra un mensaje para evidenciar que el blog se creó
correctamente. Y que se puede empezar a publicar información.
Ilustración 35. Mensaje de satisfacción de creación del Blog