ESPECIALIZACIÓN EN GERENCIA INFORMÁTICA

MANUAL DE USUARIO

CREACION DE BLOG Y HERRAMIENTAS

TECNOLOGICAS

AUTORES: REINA OROZCO - ALFREDO PAJOY –

GLORIA MUÑOZ

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.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

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.

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

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

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

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

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

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

Ilustración 14. Carga del Archivo a la pagina

Ilustración 15. Diapositivas creadas del cuento Tito Tito y código HTML generado.

Ilustración 16. Entrada para incluir el código generado para las diapositivas

Ilustración 17. Publicación en el Blog

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

Ilustración 19. Pagina Web (HTML) de la Sopa de Letras

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

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.

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.

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

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.

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.

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

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

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

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

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