domingo, 28 de abril de 2013

LÍNEA DE TIEMPO UTILIZANDO DIPITY

C8: Crear una línea de tiempo utilizando el software libre denominado Dipity.

Dipity es una aplicación gratuita que permite la creación de líneas del tiempo interactivas, esto es, seleccionar la información más relevante sobre un tema y organizarla en orden cronológico. Se puede integrar cualquier tipo de recurso que encontremos en la red desde textos, imágenes, vídeos Puede resultar un recurso didáctico muy interesante tanto desde el punto de vista del alumno, ya que los entornos visuales favorecen el aprendizaje significativo, como del docente, ya que puede servirse de esta herramienta para aplicarlo al proceso de enseñanza- aprendizaje.

E1: Registrarse en dicha plataforma: Para crear dicha línea hay que dirigirse al sitio www.dipity.com y registrarse.
Se debe completar el formulario con el nombre, apellido, nombre de usuario, contraseña y dirección de correo electrónico. También se debe resolver el capcha.
La próxima ventana que aparece significa si deseas buscar a tus amigos dentro de Dipity por medio de tu correo electrónico para crear, compartir y seguir temas de interés con ellos. Si no quieres, debes omitir este paso haciendo clic en "Skip this step".
Luego surge otra ventana relacionada con los temas que puedes seguir que son más populares dentro de Dipity. Debes hacer clic en “FOLLOW” si quieres seguir algún tema, sino simplemente haces clic en “DONE”.
E:2: Realizar linea de tiempo: Para empezar con la línea de tiempo, debes hacer clic en “GET STARTED”.
Debes llenar los datos a cerca del tema de la línea del tiempo:
Luego sale una pantalla en donde deberás agregar uno por uno los eventos de tu línea del tiempo, sin preocuparte por el orden, ya que los coloca automáticamente de forma cronológica.
E3: agregar evento: Posteriormente, figura un formulario en donde debes agregar el titulo del evento, la fecha, la descripción, agregar imagen si lo deseas, un link o vídeo Una vez llenado todos los campos, das clic en “ADD EVENT”. Cuando hayas terminado de colocar todos los eventos en la línea de tiempo, das clic en “CONTINUAR”.
Finalmente la línea ha sido creada. Para poder aplicarla al blog, se obtiene el “CÓDIGO EMBED”.




Espero les sea clara mi explicación…. Los veo en el próximo Post!!! 
Reflexión: si bien es un software complejo, no significa que sea imposible de manipular. Seria útil aplicarlo en las clases relacionadas con Historia, en donde se tengan que exponer diferentes acontecimientos ocurridos en el tiempo, por ejemplo reflejar los distintos Gobiernos Patrios.
Dificultades: el hecho de que el software este en otro idioma, hizo que me costara mas tiempo interpretar los títulos.
Errores: se produjo un error en la carga del archivo de imagen.

¡Saludos! 
Paola Coronel
Fuentes Utilizadas

jueves, 25 de abril de 2013

EL ETIQUETADO SOCIAL DE CONTENIDOS WEB. LAS FOLKSONOMÍAS

Una etiqueta es una palabra clave que se añade a un objeto digital (un sitio Web, una fotografía, un clip de vídeo etc.) con el fin de describirlo; pero no como parte de un sistema formal de clasificación, sino como una vía que facilita a cualquiera la localización de información y contenidos.
Las folksonomías surgen cuando varios usuarios colaboran en la descripción de un mismo material informativo.


Organización de la información: Metadatos y etiquetas
Cuando se trata de la organización de la información y de los contenidos, surge el concepto de metadato. Éste se define de forma sencilla como "un dato acerca de otro dato". Los metadatos son información, en general altamente estructurada, acerca de documentos, artículos, fotografías u otros elementos, que se elaboran para dar soporte específico a determinadas funciones.
Estas funciones consisten habitualmente en facilitar la descripción, organización y el acceso a la información. 
Aparecen dos tipos de folksonomía según Thomas Vander Val:
- Folksonomía amplia: el creador no influye en las etiquetas que se ponen a su contenido, sino que son las propias personas usuarias quienes lo hacen, favoreciendo así que estas etiquetas estén en sus propios idiomas y sus propias palabras. 
- Folksonomía estrecha: sólo el creador del contenido o un número reducido de personas aplican las etiquetas al contenido. Generalmente esta folksonomía esta directamente asociada a un objeto y es difícil saber cómo están siendo utilizadas. Por lo tanto, no genera vocabulario u otras descripciones emergentes.
Una de las primeras aplicaciones a gran escala del uso de etiquetas se hizo patente con la aparición del sitio Web Delicious (antes, del.icio.us), que impulsó el denominado etiquetado social (social bookmarking, marcado social), una forma en la que los usuarios de Internet almacenan, organizan, comparten y buscan sitios Web de interés (website bookmarking, marcado de sitios Web "favoritos") para ellos.
El servicio de etiquetado forma grupos de etiquetas de diferentes usuarios cotejando información sobre la frecuencia con la que se utilizan determinadas etiquetas. Esta información sobre la frecuencia de uso se suele presentar gráficamente como una nube (cloud) en la cual, a mayor frecuencia de uso, mayor es el tamaño de la fuente usada para mostrar el nombre de la etiqueta. En el caso de los blog, en muchos casos es posible agregar una nube de etiquetas propia del blog en la cual el tamaño de la fuente indica la cantidad de entradas asociadas a cada etiqueta: a más entradas, mayor será el tamaño.
La folksonomía se puede esquematizar en un triángulo cuyos tres lados los constituyen: las personas que etiquetan, el recurso etiquetado y el nombre de la etiqueta que se adhiere a ese contenido.

C7: INSERTAR ETIQUETA EN UN POST
Se debe agregar un nuevo Gadget. Para ello se ingresa a “diseño”, y hacer clic en “agregar Gadget”.
Luego elegir el Gadget de etiquetas y proceder a configurarlo de acuerdo a sus preferencias y hacer clic en “guardar”. En mi caso, esta configurado en forma de nube.
Finalmente hacer clic en “guardar disposición”.
E1: Insertar etiqueta: Posteriormente se dirige a “entradas”, se busca en la columna derecha las “etiquetas” en donde se deberá colocar las palabras que se desean etiquetar, separándolas por “comas” entre cada una de ellas.

Una vez agregadas las palabras claves, hacer clic en “listo”.
Espero sea de su agrado... Hasta el próximo post!!! 
Reflexión: es de gran utilidad en cuanto a la localización fácil y rápida de contenido o información dentro de un blog.
Paola Coronel
Fuentes
  1. Sitio: OpenVRG - Víctor R. González, consultado el 24/04/2013 URL:http://platea.pntic.mec.es/vgonzale/web20_0809/conten/temas/Tema_4.2.htm 
  2. Sitio: Glossarium-BITri, consultado el 24/04/2013 URL: http://glossarium.bitrum.unileon.es/Home/folksonomia-folksonomy

jueves, 11 de abril de 2013

LENGUAJE HTML

Buen día compañeros!
Hoy quiero compartir este post con todos ustedes, ya que he adquirido nuevas competencias.

C5: LENGUAJE HTML
Siglas de Hyper Text Markup Language («lenguaje de marcado hipertextual»), hace referencia al lenguaje de marcado predominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes. El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>).


E1: Códigos HTML básicos:
· <html>: define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML. 
· <body>: define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes. Dentro del cuerpo<body> es posible encontrar numerosas etiquetas. A continuación se indican algunas a modo de ejemplo:
· <h1> a <h6>: encabezados o títulos del documento con diferente relevancia.
· <table>: define una tabla.
· <tr>: fila de una tabla.
· <td>: celda de una tabla (debe estar dentro de una fila).
· <a>: hipervínculo o enlace, dentro o fuera del sitio web. 
· <div>: división de la página. Se recomienda, junto con css, en vez de <table> cuando se desea alinear contenido.
· <img>: imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la imagen. Por ejemplo: <img src="./imágenes/mifoto.jpg" />. Es conveniente, por accesibilidad, poner un atributo alt="texto alternativo".
· <li><ol><ul>: etiquetas para listas.
· <b>: texto en negrita 
· <i>: texto en cursiva 
· <s>: texto tachado 
· <u>: Antes texto subrayado.

C6: AGREGAR UN VÍDEO EN UN POST UTILIZANDO EL LENGUAJE HTML 
En esta oportunidad voy a explicar como subir vídeos utilizando el LENGUAJE HTML desde
You Tube, un sitio Web en el cual los usuarios pueden subir y compartir vídeos, clips de películas, programas de televisión y vídeos musicales.
Primero debes ingresar a You Tube y buscar el vídeo que te interesa compartir en tu blog. 
E1: Obtener el código HTML: Debes hacer clic en “compartir”, y luego insertar vinculo. Te va a aparecer un link que deberás copiarlo y llevarlo al post en cuestión. Antes puedes configurar el ancho y alto de dicho vídeo.
E2: Insertar el código obtenido: Para insertarlo debes hacer clic en HTML y ahí lo pegas.
Luego puedes publicarlo, seguir redactando o guardarlo como borrador. Ejemplo:

Espero que les guste y ojala les haya aportado algún concepto nuevo. Si ven algún error, por favor comunicar. Espero sus comentarios.
Reflexión: El lenguaje HTML tiene varias ventajas para las personas que están introduciéndose dentro del mundo de la computación, siendo éstas: El código que se escribe no lanza un error; Se puede ver en forma inmediata el resultado del trabajo, permitiendo el desarrollo más en detalle y a conciencia; El lenguaje es relativamente pequeño y fácil de usar, permitiendo a los usuarios aprenderlo en un corto tiempo y comenzar a practicarlo en forma inmediata.
Errores: varias veces me mostraba que había ocurrido un error al guardar el borrador mientras redactaba el post.
Dificultades: fue difícil encontrar dentro del lenguaje HTML la ubicación en donde quería colocar el link obtenido de You Tube. Luego de unos minutos, entendí la secuencia de los códigos. 
¡ Saludos ! 
Paola Coronel 

Fuentes:
  1. Wikipedia. Sitio: http://es.wikipedia.org/wiki/Login, consultada el 11/04/2013. 
  2. Wikipedia. Sitio: http://es.wikipedia.org/wiki/HTML,consultada el 11/04/20133. 
  3. Apuntes de cátedra, proporcionado por el profesor Fabián Bertocchi, consultado en fecha 11/04/2013. 
  4. You Tube. Sitio: http://www.youtube.com/watch?v=rDQlNYmq3iY, consultado el 21/04/2013

martes, 2 de abril de 2013

MI PRIMER POST, MI PRIMERA COMPETENCIA

C1: CREAR UN BLOG, CATEGORÍA BLOGFOLIO. DISEÑARLO Y CONFIGURARLO
Hola a todos, como verán este es mi primer post que comparto con ustedes. Para comenzar a trabajar en este nuevo desafío, comencé por preguntarme:
¿Qué es Blogger? . Por cierto es un nuevo conocimiento adquirido ya que no tenía idea de la existencia de esta herramienta. Para contestar mis inquietudes recurrí al material brindado por el profesor Bertocchi, en el cual encontré una guía de pasos necesarios para crear un blog y demás temas relacionados con este sitio web.
La conclusión a la que llegué fue : “Un blog es un sitio web donde el usuario previamente registrado puede hacer publicaciones diarias en forma de imágenes, vídeos textos y demás. Además cuenta con un sistema de comentarios a través del cual otros usuarios pueden conversar entre sí, con el autor del blog y opinar sobre lo publicado”. 

E1: Pasos para crear el blog:
En primer lugar debes crear una cuenta en Google (GMAIL). Esta cuenta no sólo te será útil para crear tu blog, sino también para acceder a los servicios que ofrece Google. Para ello ingresa al buscador de Google y escribí “crear una cuenta nueva de Google” y completa los campos obligatorios.
Debes ingresar a www.blogger.com e iniciar sesión con tu nombre de usuario y contraseña (las mismas que utilizaste para crear la nueva cuenta en Google).
Luego le das el nombre al blog (titulo) seguido de la dirección de URL.


E2: Plantilla. Y por ultimo elegís la plantilla, esto es la apariencia que tendrá tu blog. Esto es algo que desconocía.


Luego de haber culminado con estos pasos deberá aparecer el mensaje “se ha creado tu blog”.


E3: Realizando un BACKUP

Su finalidad es crear una copia o respaldo de todo lo que se está produciendo. Este puede ser :
  1. Backup de todo el contenido. Se recomienda realizarlo siempre, de otro modo podría perderse todo el contenido del blog. Los pasos son: CONFIGURACIÓN-OTROS -HERRAMIENTAS DEL BLOG-EXPORTAR BLOG-DESCARGAR BLOG-GUARDAR


Backup de plantilla. Se realiza para guardar una copia o respaldo de la plantilla que se está utilizando. Tiene la extensión XML. En la web existen sitios con plantillas para descargarlas y posteriormente subirlas a nuestro blog. Siempre hay que tener en cuenta que deben contener la extensión antes mencionada. Los pasos son: PLANTILLA-CREAR/RESTABLECER COPIA DE SEGURIDAD-DESCARGAR.

E4: Personalizar tu Blog: Una vez creado el blog vas a poder acceder a personalizarlo como más te guste.
Por ejemplo: cambiar el diseño , ver las entradas, páginas, comentarios diseñador de plantillas (ahí encontraras muchas funciones para cambiar color, fuente, fondo, etc.) .

E5: Agregar un gadget: fue algo que me costo, puesto que no conocía el significado de esa palabra. Ahora sé que no es otra cosa que “elementos de página”, como por ejemplo: contador de visitas, blogs de interés, seguidores, barra de vídeo etc. Para insertarlos hice clic en el link de diseño, luego agregar gadget. Se abre una nueva ventana en donde elegirás que tipo de gadget quieres agregar a tu blog.

Finalmente haces clic en la opción “guardar”.
Ustedes se preguntaran como hice para publicar este primer blog. Es algo muy sencillo:

C2: PUBLICAR UN POST EN EL BLOG CREADO
E1: Crear una nueva entrada a tu blog: en la parte superior izquierda del escritorio se encuentra una opción que dice "entrada nueva". Has clic ahí y comienza a redactar tu primer blog. Verás que tiene características similares al procesador de texto de Word.
Lo primero que deberías hacer es colocar el titulo de la publicación que debe ser sintético y expresivo. Luego empezás a redactar. Ademas podes configurar la entrada para que permita comentarios, colocar etiquetas, modificar la fecha de publicación, la ubicación, etc. Antes de guardar la entrada, asegúrate de colocar la fuente, si es un sitio de Internet, deberá contener el nombre del sitio, la fecha consultada y la URL.

E2: Insertar una imagen al post: en caso de necesitar colocar una imagen o vídeo, deberás dirigirte a la barra de herramientas, en donde encontraras los enlaces para insertar imagen o vídeo. En dicha barra encontraras las opciones que le dan formato al texto, como fuente, color de texto, fondo, etc.
Existe la opción "vista previa", para asegurarte que lo que redactaste quedo correcto.
Finalmente, le das clic para publicar la entrada. Esta la podes visualizar en la pagina principal de tu blog.

C3: REALIZAR UN COMENTARIO EN UN BLOG
Para realizar un comentario hay que dirigirse al blog en el cual se desea comentar, colocando su URL en el buscador. Posteriormente se debe leer la información compartida y buscar la opción que dice “introduce tu comentario”, luego solo le das publicar. Si ya iniciaste sesión en Blogger, no hace falta que coloques tus datos de nuevo, de lo contrario debes logiarte introduciendo tu cuenta de gmail y la contraseña. 

E1: ¿ Qué es Login?
Es el proceso mediante el cual se controla el acceso individual a un sistema informático (por ejemplo ingresar a los blogs) mediante la identificación del usuario utilizando credenciales provistas por el usuario.
Un usuario se puede Log in a un sistema para obtener acceso y se puede Log out para cerrar el acceso personal a un sistema informático, al cual anteriormente se había realizado el login.

E2: Capcha. En algunos sitios aparece un capcha, que es un programa en donde se debe introducir una combinación de letras y números para demostrar que frente a la PC hay una persona física y no es un espía que pueda destruir el sitio. Finalmente haces clic en aceptar.


C4: AVATAR

Es la imagen que identifica al usuario.
E1: Requisitos:  La misma deberá ser formal y estar acorde con el contenido y la finalidad del blog.
Para agregar una foto o imagen al perfil, existen dos opciones:
1. subirla desde el equipo: clic en examinar y seleccionar la foto.
2. desde la Web: agregar la dirección de URL de Internet.
Se recomienda que el formato de la foto sea JPG. Por ultimo dar clic en GUARDAR.


Espero que la información que brindé les sea de utilidad para todos mis compañeros. Si encuentran un error, por favor no duden en comunicar. 
Reflexión: Publicar información en Internet es algo que los gerentes hacen a diario, con lo cual, esta cátedra es una hermosa oportunidad de aprender cómo se crea la información que vemos en los sitios, ya sea por medio de imágenes, vídeos o archivos con diferentes formatos. Un blog es una herramienta fundamental que todos deberíamos manejar en esta nueva era de la Informática, ya que nos permite estar actualizados y conocer las aplicaciones y funciones que nos brinda tener un blog, que son beneficiosas tanto para el desarrollo de un futuro gerente como también de todas las personas.
Dificultades: Al momento de ingresar la URL para crear el blog se me hizo difícil, ya que las que creaba no estaban disponibles pero lo solucione de forma creativa, buscando alternativas.
Los gadget fueron otro obstáculo ya que no entendía la función que cumplían, con lo cual no podía aplicar este elemento.
Errores:Me arrojo un error al momento de configurar el diseñador de plantillas, cuando quise ver la vista previa.


¡Saludos a todos!
Paola Coronel

Fuentes:
  1. Apuntes de cátedra brindado por el Profesor Fabián Bertocchi, consultado en fecha 31/03/2013
  2. Ayuda de los compañeros del grupo Ileana Andreoli , sitio http://ileandreoli.blogspot.com.ar/ Mariana Díaz, sitio http://marianadiaz028.blogspot.com.ar/ Amadeo Torres, sitio http://amadeo-informatica.blogspot.com.ar/
  3. Blogfolios de ciclos lectivos anteriores 
  4. Blogfolio de Gisela Gallego, consultado en fecha 26/03/2013 Sitio: http://informatica-giselagallego.blogspot.com.ar/
  5. Blogfolio de Gisela Del Valle , consultado en fecha 26/03/2013 Sitio: http://giseladelvalle-informatica.blogspot.com.ar
  6. Blogfolio de Daiana Frare , consultado en fecha 27/03/2013 Sitio: http://daiana-frare.blogspot.com.ar/
  7. Blogfolio de Rommy Sauerbrey , consultado en fecha 27/03/2013 Sitio: http://rommysauerbrey.blogspot.com.ar/