martes, 22 de abril de 2014

Línea de tiempo en Dipity

C8: Utilizar herramienta Dipity.

E1: Unirse a Dipity.
Lo primero que se debe hacer es ingresar a la página : www.dipity.com
Al ingresar veremos que la pagina esta en ingles, para solucionar esto podemos dirigirnos al traductor de google y copiar el enlace para que nos traduzca toda la pagina.

Luego de haber ingresado, debemos registrarnos como usuarios. Para ello debemos hacer click en el botón "Únete a dipity", es el de color verde que se encuentra en el margen superior derecho.


E2: Rellenar los requisitos.
El próximo paso es llenar los requisitos que pide la página para hacerse usuarios. Luego debera completarse un captcha y presionar el botón "entrar" para hacerse usuario.



E3: Realizar linea del tiempo.
Una vez registrados e ingresado a nuestra cuenta podemos realizar nuestra linea de tiempo debemos hacer es dar click en el botón "Crear una linea del tiempo" y luego rellenar los requisitos solicitados de acuerdo a nuestras necesidades.


E4: Agregar eventos a la linea.
El ultimo paso es hacer click en el botón amarillo "Continue para agregar eventos" que aparece en el margen inferior derecho de la pantalla. Ahora ya estamos listos para crear la línea de tiempo agregando los eventos y personalizandolos como más nos guste.

D1: Me resulto díficil el finalizar la línea del tiempo , ya que la página es un poco pesada tornandose lenta y me llevo mucho tiempo agregar  los eventos e imágenes.

D2: Al cargar las imagenes a veces no lo permitia, tuve que reiniciar muchas veces el navegador y a veces cambiarlo.

C9: Subir linea de tiempo.

E1: obtener embed code.
Para compartir la linea en el blog, hacemos clik en "embed code", como vemos en la imagen. De esta forma nos va a permitir poder ver la linea directamente desde el blog.


Nos aparece un código, el cual debemos copiar para luego pegar en el blog. 

E2: subir linea de tiempo o video al blog.
Lo que debemos hacer es dar click en el boton "HTML" que aparece en la barra  de herramientas arriba de la hoja donde redactamos el post. Luego copiar (Ctrl + C) dicho código y pegarlo (Ctrl + V) en el lugar del post que queramos colocarlo. Volvemos a dar click en "redactar" y así la línea ya estará listo para ser vista.
Para ver cómo el post va a quedar luego de ser publicado, tenemos la opción de "vista previa" para ver y corregir algo en caso de ser necesario antes de publicar el post.

Además debajo del código podrán observar unas opciones para elegir el tamaño que la linea de tiempo va a ocupar en el post, donde se puede también personalizar dicho tamaño.

De esta misma forma, se pueden compartir videos de, por ejemplo, YouTube.

Linea de Tiempo: "Evolución del Software":

Evolución del software on Dipity.


Fuente: 


Reflexión:

La experiencia con Dipity fue muy útil, es que hasta ahora no conocía una aplicación de este tipo que nos permita realizar una línea de tiempo interactiva y atractiva, además de interesante.
Me gustaría resaltar la importancia de los conocimientos desarrollados hasta ahora que nos van permitiendo realizar las siguientes actividades utilizando lo aprendido y también como dice el profesor aprendiendo a aprender, tal como fue el caso de cambiar de navegador para poder subir las imagenes.

Etiquetas, HTML y Folksonomía

Etiquetas



Una etiqueta o tag es una palabra clave asignada a un dato almacenado en un repositorio. Las etiquetas son en consecuencia un tipo de metadato, pues proporcionan información que describe el dato (una imagen digital, un clip de vídeo o cualquier otro tipo de archivo informático) y que facilita su recuperación.
La acción de etiquetar datos se asocia a menudo a los sitios web 2.0, pioneros en ello. De esta forma las bases de datos en sitios web pueden extenderse de una forma descentralizada.
Con la llegada de la World Wide Web ha habido una invasión de tags. La Web se basa en el HTML, o «lenguaje de marcado de hipertexto», que está basado en el uso de etiquetas. Las etiquetas (entre otras muchas cosas) le dicen al programa visualizador de páginas web (o navegador) en qué juego de caracteres está la página, de qué tipo es cada uno de los fragmentos de texto que contiene (por ejemplo, encabezamiento, texto normal, etc.), si están alineados a un lado o centrados, en qué tipo de letra está el texto (cursiva, negrita, etc.), si hay tablas, de qué anchura son etc. Dicho de otro modo: las balizas dan al navegador las instrucciones necesarias para que presente la página en pantalla.
La acción de etiquetar datos se asocia a menudo a los sitios web 2.0, pioneros en ello. De esta forma las bases de datos en sitios web pueden extenderse de una forma descentralizada.

Glosario
1. (Tag): Marca o marcas que se dejan en un texto para que luego sean interpretadas, generalmente para realizar alguna acción sobre el mismo texto marcado. Por ejemplo, el lenguaje HTML se basa en la aplicación de múltiples etiquetas para dar formato y darle características a un texto. Este texto es interpretado y mostrado por un navegador. Ver: etiqueta HTML.

2. (Label): Elemento de las interfaces gráficas que muestra un texto estático generalmente usado para identificar otros elementos widgets. Estos elementos no tienen ningún tipo de interacción con el usuario.

3. Etiqueta se traduce al inglés como tag, ver: tag.

4. Etiqueta (metadato): una palabra clave o término asociado con o asignado a una pieza de información. Ver: etiqueta (metadato).

Fuente:



HTML (HyperText Markup Language)


HTML es un lenguaje de programación que se utiliza para el desarrollo de páginas de Internet  en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, etc. (HTML) Se trata de la sigla que corresponde a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto, que podría ser traducido como Lenguaje de Formato de Documentos para Hipertexto.


EL HTML se encarga de desarrollar una descripción sobre los contenidos que aparecen como textos  y sobre su estructura, complementando dicho texto con diversos objetos (como fotografías, animaciones, etc).
Es un lenguaje muy simple y general  que sirve para definir otros lenguajes que tienen que ver con el formato de los documentos. El texto en él se crea a partir de etiquetas, también llamadas tags, que permiten interconectar diversos conceptos y formatos.
Para la escritura de este lenguaje, se crean etiquetas que aparecen especificadas a través de corchetes o paréntesis angulares: < y >. Entre sus componentes, los elementos dan forma a la estructura esencial del lenguaje, ya que tienen dos propiedades (el contenido en sí mismo y sus atributos).
Por otra parte, cabe destacar que el HTML permite ciertos códigos que se conocen como scripts, los cuales brindan instrucciones específicas a los navegadores que se encargan de procesar el lenguaje. Entre los scripts que pueden agregarse, los más conocidos y utilizados son JavaScript y PHP.
El marcado estructural es el que estipula la finalidad del texto, aunque no define cómo se verá el elemento. El marcado presentacional, por su parte, es el que se encarga de señalar cómo se verá el texto más allá de su función.
Para conocer el código HTML que utiliza una página web, hay que seleccionar Ver código fuente en nuestro navegador (como Internet Explorer o Mozilla Firefox). Al elegir esta opción, se abrirá el editor de texto con el código HTML de la página que se está visualizando.

Breve historia del HTML


Este lenguaje fue desarrollado por la Organización Europea de Investigación Nuclear (CERN) en el año 1945 con la finalidad de desarrollar un sistema de almacenamiento donde las cosas no se perdieran, que pudieran ser conectadas a través de hipervínculos. Primeramente crearon un dispositivo llamado “memex”, el cual era considerado como un suplemento para la memoria.
Posteriormente, Douglas Engelbart, diseñó un entorno de trabajo por computadora que recibiría el nombre de oNLine System que poseía un catálogo para facilitar la tarea de búsqueda dentro de un mismo organismo.
Recién en 1965, Ted Nelson acuñó el término hipervínculo, ideando una estructura que se encontraba
conectada de forma electrónica y que más tarde permitiría la creación de la World Wide Web (1989), un sistema de hipertexto a través del cual era posible compartir una variada información sirviéndose de Internet (servía para la comunicación entre investigadores nucleares que formaran parte del CERN).
El norteamericano Tim Berners-Lee fue el primero en proponer una descripción de HTML en un documento que publicó en 1991. Allí describía veintidós componentes que suponen el diseño más básico y simple del HTML.
El tipo de codificación que se utilizó para el desarrollo de este sistema de hipervínculos debía ser comprendido, tanto por ordenadores tontos como por mega-estaciones, por eso fue necesario crear uno absolutamente simples, tanto en lo que respectaba al lenguaje de intercambio (HTML), como el que hacía referencia al protocolo de red (HTTP).
Al día de hoy existen los Editores Web que permiten que los diseñadores, a través de herramientas gráficas que reciben el nombre de WYSIWYG puedan crear páginas web sin conocer el código html, este se crea de forma automatizada, dándole estructura a la web y permitiendo que sea más allá del ordenador donde es creada. Entre los recursos que pueden enlazarse al código HTML se encuentran fotografías, vídeos, archivos de otras webs o incluso de la misma y todo tipo de contenido que se encuentre subido a la red.
Una de estas herramientas, claro es pues, blogger.


Fuente:  


Folksonomía




Folcsonomía o folksonomía (en contraste con "taxonomía") es una indexación social.
Derivado de taxonomía, el término folksonomy ha sido atribuido a Thomas Vander Wal. Taxonomía procede del griego "taxis" y "nomos": Taxis significa clasificación y nomos (o nomia), ordenar, gestionar; por su parte, "folc" proviene del alemán "pueblo" (Volk). En consecuencia, de acuerdo con su formación etimológica, folcsonomía (folc+taxo+nomía) significa literalmente "clasificación gestionada por el pueblo (o democrática)".

La clasificación colaborativa por medio de etiquetas simples en un espacio de nombres llano, sin jerarquías ni relaciones de parentesco predeterminadas. Se trata de una práctica que se produce en entornos de software social.
Las folcsonomías surgen cuando varios usuarios colaboran en la descripción de un mismo material informativo. Por ejemplo, en del.icio.us muchas personas han guardado Wikipedia marcándola con diferentes etiquetas, pero coincidiendo la mayoría en reference, wiki y encyclopedia.

El valor de la Folksonomía radica, por una parte, en que las personas puedan usar su propio vocabulario para agregar explícitamente valor al contenido que están consumiendo, tanto en su carácter de usuarios como de productores y, de otra parte, en tres elementos de los datos que facilitan su utilización: la persona que etiqueta, el recurso etiquetado y el nombre de la etiqueta que se adhiere a ese contenido.
Los sitios web que permiten etiquetar sus datos, la colección de etiquetas se llama Folksonomía.

Entonces podemos decir que la Folksonomía es consecuencia directa de la labor de etiquetar contenidos Web que realizan millones de usuarios de Internet con la labor facilitada gracias a las aplicaciones Web 2.0 conocidas como Social Bookmarking.
Adicionalmente, cuando consulte un contenido almacenado como favorito en estas aplicaciones podrá encontrar otras personas que usen la misma etiqueta para ese recurso. Esto puede conducir eventualmente a encontrar otra persona que tenga intereses parecidos o que comparta un vocabulario de etiquetado similar; y es en este punto en el que grupos de personas con vocabulario análogo actúan como una especie de filtro humano para otros. Por otro lado, como las etiquetas se generan una y otra vez es posible descubrir tendencias de intereses emergentes.




Tipos de Folksonomía según Thomas Vander Val:

  1. Folksonomía amplia: Donde 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. Un ejemplo de folksonomía amplia es Del.icio.us, página donde se pueden ordenar y compartir los enlaces favoritos.
  2. Folksonomía estrecha: Al contrario a la anterior, sólo el creador del contenido o un número reducido de personas aplican las etiquetas al contenido. Generalmente esta folcsonomí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. Un ejemplo de folcsonomía estrecha es Flickr, aplicación en línea de gestión de imágenes y vídeos que permite buscar, almacenar ordenar y compartir, donde la utilización de las etiquetas la lleva a cabo el propietario.


Ventajas

  • El tiempo que emplearían los usuarios usando complejos sistemas de clasificación jerárquicos se reduce mucho con este método.
  • Las folksonomías son unos sistemas simples y emergentes, que se alejan de la manera tradicional de clasificar de arriba abajo. Por lo que su ventaja proviene de la capacidad de emparejar las necesidades verdaderas de los usuarios y la lengua.
  • Incluyen cada una de las palabras propuestas, sin dejar ninguna fuera.
  • Ofrece también la opción de derivar hacia ideas no entroncadas con la corriente principal, que pueden emerger del interés de una parte pequeña de la población.
Fuente:



Etiquetando y subiendo videos

C6: ¿Como etiquetar?

E1: Activar gadget de "Etiquetas"

Para esto debemos dirigirnos a "Diseño" y hacer click en el botón "Agregar gadget" nos abrirá una ventana en la cual nos mostrará todos los gadgets que dispone blogger y la opción también de subir otros.
Buscamos el gadget "Etiquetas" y lo activamos.

E2: ¿Qué etiquetar?

Para realizar una "etiqueta" debemos dirigirnos a nuestra entrada en proceso y decidir los títulos o las palabras que nos convendrá etiquetar para poder en un futuro encontrar o referenciar con más rapidez.

E3: Realizar una etiqueta

Una vez decidido lo anterior procederemos a realizar el etiquetado. Dirigimos el cursor hacia la derecha y nos aparecerá la opción "Etiquetas", hacemos click, entonces se desplegara un cuadro en donde deberemos realizar el etiquetado. Para esto debemos seleccionar el título o palabra que decidimos referenciar del texto de nuestra entrada, copiarla (Ctrl + C) y luego pegarla (Ctrl + V) en el cuadro de etiquetas.



E4: Seguir etiquetando

Deberemos repetir el paso anterior separando las etiquetas con una coma ( , )

D1: La dificultad que aparece es activando el gadget de Etiquetas ya que presenta una gran cantidad de los mismos y se complica la búsqueda.

C7: ¿Como subir un video de "you tube" en blogger?

Blogger nos permite entre muchas cosas subir vídeos también para poder hacer más interactivo nuestro blog, aunque no es tan simple como subir una imagen.

E1: Buscar vídeo

Para comenzar debemos seleccionar nuestro vídeo dirigiéndonos a: http://www.youtube.com una vez allí ingresamos en el vídeo que elegimos.

E2: Copiar código embebido

Una vez elegido el vídeo a publicar ubicamos el cursor sobre "Compartir" y luego en "Insertar", después nos dirigimos al cuadro que aparece en la parte inferior y copiamos el código embebido.

E3: Pegar código embebido

Con el paso anterior completo, volvemos a nuestro blogger y a la entrada. Ponemos en editar y hacemos click sobre "HTML" y pegamos el código embebido, luego hacemos click en "Redactar" y nuestro vídeo ya estará listo para publicar.




Fuente:




Reflexión: Las etiquetas a simple vista pueden pasar desapercibidas pero una vez que aprendes a realizarlas se entiende su utilidad, porque a medida que el numero de nuestras competencias aumenten, más necesitaremos del orden que nos brindan a la hora de buscar información en una entrada antigua.
En cuanto a subir un vídeo esta claro su utilidad ya que blogger nos brinda la oportunidad de mirarlo sin la necesidad de re dirigirnos a su pagina de origen.

martes, 1 de abril de 2014

"Mi primer Post. Mis primeras Competencias".

¡¡Bienvenidos a mi BLOG!!


Con este primer post, comienza mi camino de aprendizaje en lo que es el diseño de esta particular herramienta tan utilizada en internet, informalmente llamado "El Blog". Esta herramienta tiene usos variados y muy diferentes los cuales explicaré más adelante. 

Lo que pretendo ahora es contarles brevemente un poco de mi recorrido amateur en la utilización de blogger y de las experiencias que me llevaron a este, mi primer post. 

C1: "Creación y configuración de un Blogfolio"

E1: "Creación de un blog"

El inicio de este recorrido comienza con la creación de una Cuenta en google, esta cuenta nos permitirá el acceso a todas las aplicaciones del mismo, incluidos todos los servicios para la tecnología telefónica (Android). Este es un procedimiento realmente sencillo que no llevará mucho tiempo.

Dirigirse a este enlace y completar los campos para comenzar:

https://accounts.google.com/SignUpExpress?service=analytics&hl=es








El siguiente paso nos lleva a la creación del blogger, la cual no presentará mayores complicaciones, para ésto dirigirse a:

https://www.blogger.com/

E2: Dirección del blog:

Luego de ingresar con nuestra cuenta de google nos pedirá que le asignemos un nombre al blog el cual será la dirección del mismo por este motivo puede que nos haga cambiar de nombre algunas veces para obtener el dominio de una dirección única.



Llegamos a la última parada, para finalizar nos pedirá elegir una plantilla que le dará la primera forma a nuestro blog. Ésto es necesario para que se genere el blog, una vez que podamos ingresar el mismo podremos configurarlo y diseñarlo como más nos guste.



Ahora si. Listo, ya tenemos nuestro blog!



A continuación nos mostrará lo siguiente:




E3: "Configuración del Blog"

Con nuestro blog creado, solo queda darle nuestro toque, debemos elegir los colores, fondos, fuentes y opciones, para esto blogger brinda una gran cantidad de herramientas. Para comenzar nuestra configuración debemos dirigirnos al botón "Más opciones" que se encuentra ubicado a la izquierda del botón "Ver blog": 






Este botón nos brindará las herramientas que nos permitirá configurar y darle la forma que queramos a nuestro blog.





"Diseño"

Lo primero es dirigirse a la opción "Diseño" para establecer como se verá nuestro blog y en que lugar se encontrará cada cosa.



Esta imagen nos muestra el diseño que tiene nuestro blog, una vez allí, podremos añadir Gadgets, colocar el título del blog, mover gadgets, la ubicación en la que se encontrarán nuestras entradas, etc.







"Plantilla"

El botón "Plantilla" nos permitirá volver a elegir mejor y con más tiempo una plantilla adecuada para nuestro blog, que sea sobria, que permita hacer legibles las entradas y que se adapte a la dirección que tomará nuestro blog de ahora en adelante.




El mismo nos permitirá establecer los tonos de colores y fuentes que creamos adecuados, brindando una gran libertad para darle el diseño que más nos guste, entre gran cantidad de más opciones.








"Configuración"

Este botón dará a establecer ciertas opciones que hacen a las características principales de presentación y funcionamiento de nuestro blog, como por ejemplo: el título del blog junto con su descripción, el establecimiento de la zona horaria, permitir o no comentarios, entre muchas mas opciones y configuraciones avanzadas.


C2: "Cuidando nuestro trabajo (BACKUPS)"

"Backup de la plantilla"

En este apartado encontraremos una opción para realizar una copia de seguridad o "backup" de nuestra Plantilla ya configurada con nuestras preferencias, en el caso de que por algún motivo se borre o se pierda.
Aquí les presento una imagen que muestra como realizarlo en 3 simples pasos.




 "Backup de todo el blog"

Una de las opciones de este apartado nos permite realizar una copia de seguridad o "Backup" que sirva de  respaldo del blog y la cual recomendamos realizar dado a que es muy fácil pero a la vez muy útil.
 



Aquí les presento estas imágenes que muestra como en dos simples pasos tendremos echo nuestro "Backup".





 





Claro está que a pesar de parecer muy fácil todo el proceso, obviamente presenta sus complicaciones, al menos para mis conocimientos, las que podemos llamarlas dificultades

D1El primer problema fue que todo éste sistema presenta complicaciones al empezar a utilizar las herramientas que te brinda, al ser éstas totalmente nuevas para mi, como por ejemplo en el caso de tratar de darle un aspecto llamativo al blog, en sí (Plantillas), lleva su tiempo el encontrar los formatos que sean realmente interesantes para la estructura básica del mismo.

D2: En segundo lugar surgió un problema con el diseño también, pero más específicamente el tipo de las letras y los diferentes colores que utilicé para brindarle una vista agradable que a su vez combiné con la plantilla elegida.

D3: En cuanto a la incorporación de Gadgets para la decoración del blog, me tomé la libertad de recorrer algunos blogs, de ellos surgieron ideas con las cuales completar el mismo. Entre ellos estaban, el contador de visitas, relojes, colores y diseños pudiendo de esa manera hacerme a la idea de como sería el mío.

Error 1: Por último, no me gustaría dejar pasar el tema de la configuración de la privacidad que desees para tu Blog. En realidad aún no logré comprenderlo del todo, pero creo que con el tiempo lograré especificar la privacidad que requiera. Esto quizá para algunos podrá parecer de poca importancia, pero en particular yo pienso que es una parte muy importante de la autoría de un sitio, ya que en mi caso este sitio estará dedicado a colegas estudiantes, profesionales e interesados en el tema y no desearía comentarios tal vez sin relación con el tema tratado o alguna que otra publicidad.





C3: Publicando una entrada en blogger.

Bienvenidos en esta parte de mi primer post, en adelante, explicaré el procedimiento que me llevó a publicar y redactar esta entrada en mi cuenta de blogger.

E1 "Redactar entrada":

Para publicar una entrada en blogger debemos dirigirnos al botón "Entradas" (lápiz) en cual redactaremos lo que se verá en nuestro blog, en el mismo se podrán agregar imágenes, videos y cualquier tipo de contenido multimedia. Además puedes disponer de todos los formatos y fuentes que ofrece la interfaz de blogger.

E2: "Publicar, Guardar y Vista previa"

Estos botones se encuentran en la parte superior derecha de nuestra pantalla y nos servirán para:
  • Publicar: Una vez redactado y configurado nuestro post podremos publicarlo y nuestro contenido quedará a disposición de la web.
  • Guardar: Este botón nos permitirá ir salvando nuestro contenido a medida que lo redactamos en caso de cualquier imprevisto se guarda automáticamente, pero también nosotros podemos decidir en que momento guardar nuestro trabajo.
  • Vista previa: Este botón nos permitirá visualizar como se verá publicado nuestro trabajo antes de hacerlo, es muy útil ya que nos ayudará a reparar en nuestros errores.


D1: La única complicación que se me presento puede ser en la redacción debido a que se torna díficil poder escribir gran cantidad de contenido sin tener la práctica necesaria aún.


C4: Seguir otros blogger





C5: "Comentar un blog en blogger"


E1: Postear opinión

Para hacer un comentario en otro blog de blogger tenemos que ingresar a la cuenta de google (C1, E1), a continuación nos dirigimos al blog en el que realizaremos nuestra opinión a través de un comentario. Buscamos el post el cual vamos a comentar y hacemos click en "no hay comentarios", si es que nuestro comentario será el primero, en caso contrario mostrará que hay mas comentarios y haciendo click ingresará de todas maneras. Entonces aparecerá una ventana para comentar, luego de redactar nuestra opinión, hacemos click en el botón "publicar". 

E2: Captcha

A continuación nos apareceran letras y numeros para ingresar, estos son captchas. Los escribimos, y clickeamos en el botón "publicar".
CAPTCHA son las siglas de Completely Automated Public Turing Test to tell Computers and Humans Apart (Prueba de Turing Completamente Automática y Pública para Diferenciar Computadoras de Humanos)
Como dice su nombre sirve para determinar cuando el usuario es o no humano.





Fuentes: 

Direcciones:
Blogfolios:


Reflexión
Luego de tres clases, tras muchas preguntas y consultas, nos encontramos con la ardua pero gratificante tarea de realizar nuestro "primer post". Este fue un proceso complicado que implicó mucha lectura, prueba y error. La primeras competencias, aquí comenzamos el recorrido con esta herramienta, una  tan conocida y desconocida a la vez, ya que si bien todos sabemos lo que es un blog, la mayoría ni imagina como se lo hace. Es por esto que mi primera competencia se convirtió en una pequeña guía para aquellas personas que necesiten utilizar esta herramienta muy importante de la informática. Es así que tratando de brindar ayuda, finalice ampliando mis conocimientos también.



Este es mi primer post de verdad espero que les haya gustado y disfrutado. A pesar del tiempo que ha llevado, rescato indiscutiblemente el aprendizaje adquirido.