Diseño e Implementación de un Blog SESIÓN 1 CAPACIDADES EN ESTA SESIÓN El participante al final de esta sesión: Entiende de que están compuestas las páginas web. Comparara las etiquetas entre las distintas fuentes de código visitadas. Implementa un web blog. TEMAS A DESARROLLAR EN ESTA SESIÓN Nociones Básicas de Blog. Publicación de Imágenes. Publicación de un Avatar, video y audio. Autoevaluación. http://www.ucv.edu.pe/cis/ cisvirtual@ucv.edu.pe
Estimado alumno: Estimado participante del curso virtual, te doy la bienvenida a esta sesión 01 a nombre del CIS de nuestra universidad César Vallejo. El propósito de la sesión es aprender a utilizar los formatos web en distintas formas y formatos así como la publicación de los mismo en un servidor gratuito llamado MIARROBA. Necesitamos de tu compromiso para que juntos podamos generar el conocimiento suficiente en esta nueva aventura. Debes seguir las instrucciones planteadas a modo de ejemplo y tus dudas o sugerencias anotarlas para alcanzármelas por correo o sesión de chat. Disfruta de este tópico titulado:! Importante: Los detalles de los temas tratados en esta sesión se encuentran en la carpeta lecturas. Asimismo los archivos a usar en toda esta sesión debes descargarlos desde el campus virtual hacia la Unidad D: de tu PC. BLOGS Un blog, o en español también una bitácora, es un sitio web periódicamente actualizado que recopila cronológicamente textos o artículos de uno o varios autores, apareciendo primero el más reciente, donde el autor conserva siempre la libertad de dejar publicado lo que crea pertinente. Cargar la aplicación Cargamos en internet la página www.blogger.com Procedimiento: Para la creación de un blog debes tener en cuenta tres pasos y son los siguientes: 1. Crear una cuenta en Blogger. 2. Crear un Blog. P á g i n a - 2 -
1. CREAR 1 UNA CUENTA EN BLOGGER Se llenan los datos de la ventana que aparece para poder pasar al siguiente paso. Es importante para este paso tener una cuenta en Hotmail o Gmail. P á g i n a - 3 -
2. CREAR UN BLOG 2 En este paso se debe asignar un título y una dirección con la cual se va identificar nuestro blog. En este caso el título del blog será: DERECHOS HUMANOS y la dirección del blog será derhumespino.luegodebemos seleccionar una plantilla. La dirección del blog creado será: derhumespino.blogspot.com Es con esta dirección con la que se podrá visitar este espacio creado y compartir con los usuarios. Después de estos pasos nuestro blog ha sido creado y podemos empezar a publicar. P á g i n a - 4 -
Aplicaciones 3. PUBLICANDO EN NUESTRO BLOG 3 Para publicar tenemos dos opciones. Primero ingresamos a nuestro blog y aparecerá la ventana principal y podemos ir directamente a crear entradas haciendo clic en NUEVA ENTRADA. Segundo, en la opción Editar entradas hacemos clic, se mostrara una ventana donde vemos todo lo que hemos aplicado a nuestro blog y es allí donde se crea una nueva entrada en el botón crear. También podemos suprimir alguna aplicación que hemos hecho a nuestro blog y no deseamos que se muestre; para esto debemos seleccionar la aplicación y hacer clic en SELECCIÓN. SUPRIMIR Crear Seleccionar una selección Suprimir selección P á g i n a - 5 -
Al hacer clic en Crearaparece la ventana con la que podemos trabajar nuestras entradas. Para publicar en un blog se debe trabajar en la pestaña Creación de entradas, es allí donde podemos aplicar diferentes acciones tales como: publicar textos,imágenes, videos, audios, etc. Botones La ventana del blog presenta 4 botones las cuales sirven para aplicar diferentes acciones según la necesidad que tenga el usuario o lo que desee realizar a su blog. 4. PUBLICACIÓN DE TEXTO 4 En nuestro blog podemos publicar lo que creamos conveniente, opiniones, temas de lo que uno desea compartir con los demás usuarios(políticos, sociales, religiosos, etc.) para esto debemos hacer clic en NUEVA ENTRADA, luego debemos trabajar en la pestaña Creación de entradas, es allí donde uno efectúa la acción que desea,en esta caso publicaremos un texto. P á g i n a - 6 -
Para la publicación de un texto se trabaja en la pestaña Redactar con las herramientas que se puede apreciar en la ventana que son muy parecidas a las propiedades de Word. Se sebe titular el texto que se desea publicar, ej.: Mensaje de Bienvenida; luego se procede a escribir lo que se desee compartir en el blog y se le da el formato personalizado para que finalmente sea publicado. Título Publicar Herramientas Entrada Antes de publicar el texto, verificamos que todo esté de acuerdo a lo que queramos compartir y luego procedemos a hacer clic en PUBLICAR ENTRADA para terminar con esta acción. Para poder ver el resultado de nuestra entrada, debemos hacer clic Ver entrada y para ver el blog la opción Ver blog. P á g i n a - 7 -
5. PUBLICACIÓN DE IMÁGENES 5 En la pestañacreación de entradasy luego en la pestaña Redactar encontraremos el icono de añadir imagen, es allí donde procederemos a hacer clic par poder insertar una imagen y luego poder publicarla. Añadir Imagen Al añadir una imagen se abrirá una ventana y presentara las siguientes opciones: Subir desde este blog Subir desde álbumes web de Picasa Desde URL En este ejemplo publicaremos una imagen desde el equipo (Subir desde este blog), haremos clic en examinar y buscaremos la imagen que se desea insertar luego aceptamos, hacemos clic en ABRIR. Luego clic en AÑADIR IMÁGENES SELECCIONADAS. P á g i n a - 8 -
Seleccionamos la imagen para poder configurarla como: tamaños, centrados, leyenda y eliminar. Una vez insertada la imagen, hacemos clic en PUBLICAR EN TRADA. Finalmente sale una ventana que verifica que la entrada del blog se publicado correctamente y lo podemos ver en Ver entrada, como se muestra en la siguiente página y para finalizar clic en la opción VER BLOG. P á g i n a - 9 -
6. 6 PUBLICACIÓN DE UN AVATAR Un avatar es un gráfico representativo de una persona, animal u objeto que se puede utilizar en las habitaciones de discusión virtual, blog o chat. Cualquiera que haya participado en un chat se dará cuenta que intercambiar mensajes escritos puede resultar aburrido rápidamente. Pero si se pudiese adquirir una identidad visual? Es allí donde el avatar juega su papel de una representación para una identificación. Procedimiento: Cargar la aplicación Cargamos en internet la página www.voki.com Al cargar la página aparecerá la ventana principal en la cual vamos realizar nuestro avatar, para ello debemos hacer clic en CREATE o encreateyourownvoki. P á g i n a - 10 -
En la siguiente ventana aparecerá activa la primera opción Create a SpeakingCharacterAnd AddYourVoice (Crear un carácter de uso de la palabra y añadir su voz), escogeremos según las opciones que se nos presenta nuestro personaje que publicaremos después en nuestro blog. En la siguiente ventana encontramos las herramientas que nos permitirán escoger nuestro personaje, darle una apariencia teniendo en cuenta sus opciones: P á g i n a - 11 -
A B C D A. Customize Your character (personalizar tu personaje) En esta opción se aplica la apariencia que uno desea; como vemos en el ejemplo del personaje escogido, hemos aplicado algunas atributos que nos da esta opción(head,clothing, bling)para que represente al avatar, una vez escogido el look que queremos hacemos clic en Done. C En este ejemplo escogeremos a un personaje y le daremos algunos atributos de esta opción al gusto del usuario. Una vez finalizado el primer paso, tenemos que presionar en el botón DONE. P á g i n a - 12 -
B. Give it a Voice (darle una voz) Aquí podemos dar la voz a nuestro personaje en la opción Text ToSpeech(Texto a voz) tenemos que escoger el idioma y la voz (femenino y masculino) En este caso elegimos añadir voz a nuestro personaje con el teclado (Text ToSpeech) aquí escribimos el mensaje que queremos que escuchen los demás usuarios y elegimos: Accent/Lenguaje(spanish)y Voice(Isabel).Luego escribimos el mensaje y reproducimos para verificar que este bien, finalmente hacemos clic en DONE. C. Backgrounds (fondos) Aquí podemos dar un fondo a nuestro avatar pudiendo elegir los diferentes paisajes que tiene esta opción. En este ejemplo elegiremos el primer fondo, luego procederemos a hacer clic en DONE. P á g i n a - 13 -
D. Players (marcos) Aquí podemosseleccionar los diferentes marcos que tiene esta opción. Seleccionamos el marco que deseamos y luego se da clic en DONE. Al personaje le podemos cambiar el tono y forma de su rostro y cuerpo en las opciones que se presenta bajo la figura,como en el ejemplo. Una vez ya terminado nuestro avatar damos clic en Publish (publicar). Al publicar nuestro avatar saldrá una ventana en la cual debemos escribir el Title (nombre)del avatar, en este ejemplo será Marilyn, luego hacemos clic en SAVE(grabar) y esperamos a que termine de cargar. P á g i n a - 14 -
Aparecerá una ventana para poner tu email y contraseña a esta opción se la descarta y a continuación se mostrar a la ventana con la codificación del avatar creado, este será copiado y se pegará en la entrada delblogcomo vemos a continuación. Copiar el código Para publicar el avatar en nuestro blog, primero tenemos que ingresar con nuestro usuario y contraseña a Blogger y luego debemos crear una NUEVA ENTRADA, en la pestaña Creación de entradas,ingresamos a la pestañaedición de HTML en donde tenemos que pegar la codificación del Avatar y hacemos clic enpublicar ENTRADA aparecerá la ventana que nos indica que hemos publicado correctamente nuestra entrada, luego daremos clic Ver entrada. P á g i n a - 15 -
Pegar el código del Avatar Finalmente veremos nuestro avatar en nuestro blog publicado. 7. Publicación de un video 7 En nuestro blog podemos publicar videos para esto debemos trabajar conpáginasque nos permitan acceder a la codificación del video en este caso trabajaremos con la páginas de www.youtube.com. P á g i n a - 16 -
Procedimiento: Cargar la aplicación Cargamos en internet la página www.youtube.com Una vez en la página de youtube buscamos el video que queremos para nuestro Blog, luego copiamos su codificación en una nueva entrada para proceder a publicarlo. Para publicar el video previamente hemos entrado a nuestro blog y en la pestañacreación de 9 y luego lo entradasy en la opción de Edición de HTML copiamos la codificación del video cargado. Procedemos con los pasos para En este ejemplo copiamos la codificación del video medio ambiente de youtube, en la parte insertar tenemos la codificacióndel video, luego nos vamos a nuestro blog y en Creación de entradas pegamos la codificación; hacemos clic enpublicar ENTRADAyaparecerá la ventana que verifiqueque hemos publicado correctamente, luego daremos clic Ver en blog oen una ventana nueva. Tema Para Buscar Video P á g i n a - 17 -
Seleccionamos el video 8 Activamos la opción Embed Copiamos la codificación P á g i n a - 18 -
Luego, ingresamos a nuestra cuenta de Blogger para crear una NUEVA ENTRADA en nuestro Blog. Pegar el código del Video Finalmente veremos nuestro video en nuestro blog publicado. P á g i n a - 19 -
8. 8 Publicación de un audio En nuestro blog podemos publicar audio, para esto debemos trabajar con páginas que nos permitan acceder a la codificación de la pista musical, en este caso trabajaremos con la página de www.goear.com. Procedimiento: Cargar la aplicación Cargamos en internet la página www.goear.com Una vez en la página de goear buscamos la pista musical del artista que deseamos publicar en nuestro blog, en este ejemplo buscaremos música de mar de copas para proceder a publicarlo. P á g i n a - 20 -
Al cargar saldrá una lista de las canciones del artista, de esta manera podremos elegir la pista musical, en el ejemplo escogimos A tu corazón, luego procederemos a copiar su codificación. En la siguiente ventana aparecerá la pista, la cual podremos reproducir y en la parte derecha inferior de la página, encontramos la codificación de la canción que luego será copiada y pegada en nuestro blog. En este ejemplo copiamos la codificación de la canción A tu corazón (Pon esta canción en tu web),luego nos vamos a nuestro blog y en Creación de entradas pegamos la codificación; P á g i n a - 21 -
hacemos clic enpublicar ENTRADAyaparecerá la ventana que verifique que hemos publicado correctamente, luego daremos clic Ver entrada. Pegar el código de la canción 9. 9 PUBLICACIÓN DE ENCUESTA En nuestro blog podemos publicar encuesta de una manera fácil y profesional. Y los resultados lo obtendremos a tiempo real. Como el siguiente Ejemplo: Procedimiento: Acceder al blog Primero: Hacer clic en nueva entrada y hacemos un clic en la pestaña Diseño. P á g i n a - 22 -
Segundo: Hacemos clic en cualquier ubicación de la opción Añadir un gadget y luego clic en Encuesta. Edición de la encuesta: Tercer: Luego editamos la encuesta planificada como se muestra en la siguiente venta y guardar. Luego ingresamos la pregunta y sus respectivas alternativas; Así como añadir, eliminar respuestas o permitir a los visitantes seleccionar varias respuestas, luego seleccionar la fecha y la hora de la finalización de esta. Cuarto:Luego de guardar haremos clic en la opción ver blog. 10. INSTALACIÓN DE UN CHAT El beneficio relevante es la comunicacióna tiempo real, situación que le permite al usuario obtener respuestas instantáneas. Además, puedes estar en comunicación con personas de cualquier parte del mundo y no tienes costo adicional, solo el del servicio de internet. Agregamos también en el caso empresarial se podrá atender cualquier nueva solicitud de nuestro cliente teniendo una mejor socialización. Usaremos el servicio de Cbox: www.cbox.ws P á g i n a - 23 -
Procedimiento: 1. Hacer un clic en la opción de Cbox. 2. Llena la tus datos como nombre de cbox, dirección, password, tu web en blogger, también elegirás el Style de la pequeña plataforma chat y por último crea la cuenta con clic en el botón CreatemyCbox. P á g i n a - 24 -
3. Luego con una cuenta ya generada ingresaremos por esta opción que se muestra: 4. Luego en esta ventana en el link superior Publish para obtener el código 5. Luego en esta ventana copiarás el código haciendo clic en el botón Copytoclipboard Copiar 6. Luego vamos a nuestro blog y en la ficha Diseño añadiremos un gadget: P á g i n a - 25 -
7. Luego hacemos clic en la opción HTML/Javascript 8. Ingresamos el código copiado y pegamos en el área de contenido y luego clic en GUARDAR. 9. Para luego hacer clic en la opción ver blog. Glosario de Términos Blog (bitácora): Es un sitio web periódicamente actualizado que recopila cronológicamente textos o artículos de uno o varios autores, apareciendo primero el más reciente, donde el autor conserva siempre la libertad de dejar publicado lo que crea pertinente. Avatar: Es un gráfico representativo de una persona, animal u objeto que se puede utilizar en páginas web, blog o chat. IMPORTANTE: Hemos culminado la Sesión 01 y como se puede dar cuenta el acceso, manejo de las herramientas que es muy sencillo. Sin embargo debemos reforzar nuestro aprendizaje viendo el video del tema. Nos encontraremos nuevamente en la Sesión 02. Cuídate! DOCENTE DEL CURSO P á g i n a - 26 -