viernes, 25 de octubre de 2013

Diagram.ly

En algún momento nos hemos visto en la necesidad de crear un diagrama de flujo, mapas mentales, organigramas y otros tipos de diagramas. Para esto, normalmente recurrimos a programas como Word o PowerPoint. Estos requieren que instalemos el programa en nuestra computadora y crearlos nos lleva mucho tiempo y dedicación, por eso al rescate viene Diagram.ly, que es una aplicación en el Internet que está lista al momento en que se visita la página. 
Diagram.ly es una herramienta online gratuita que convierte nuestro navegador en una aplicación para hacer diagramas de todo tipo, ya que aprovecha todo el espacio de la página.
Para ello divide el entorno en tres áreas, siendo la primera el área superior horizontal, donde tendremos las herramientas necesarias; la barra lateral, donde obtendremos los diferentes objetos que podemos añadir en el área principal, dividido en diferentes categorías; y el escritorio, donde arrastraremos los diferentes objetos y los relacionaremos entre sí mediante los diferentes conectores, que también los tendremos en los objetos.



En líneas generales, se ve muy fácil de usar, más teniendo en cuenta que también lo tenemos disponible en español, con lo que es una herramienta que merece mucho tenerla a mano en cualquier momento para generar cualquier tipo de diagrama, pudiendo finalmente guardarlos en formato xml para poder modificarlos cuando se desee.
 Posee iconos cuyas funciones son claramente previsibles, es posible generar mapas conceptuales vía un navegador web, para luego ser guardados en nuestro ordenador (bajo formatos XML, PNG, JPG y SVG) con la posibilidad de ser editados siempre que sean almacenados en el formato adecuado. También brinda la posibilidad de trabajar con Google Dirve.
.
C.50: Creación de diagramas

E:1: Ingresar a la página: www.draw.io (si se ingresa desde Google Chrome puede traducirse la página al español)
E.2: Seleccionar los objetos deseados para crear el diagrama, desde la lista que muestra la imagen. Luego los arrastramos hacia el escritorio.



E.3: Personalizarlos dándole color, estilo de fuente y líneas y demás desde el área superior horizontal.



E.4: Una vez finalizado el diagrama se puede elegir entre las siguientes opciones:



E.5: Si lo que deseamos es Exportar el diagrama, seleccionamos dicha opción y luego elegimos una de las siguientes:



E.6: Si se decide Importar, se abrirá el siguiente cuadro:



A continuación les muestro el diagrama que yo realicé en base a una actividad propuesta por la cátedra, dónde se debía vincular los conceptos de Dato, Información, Conocimiento y Sabiduría:





Ahora voy a citar una frase de Michael Cooley (1987) que dice:


«Los datos, organizados y empleados debidamente, pueden convertirse en información. La información, absorbida, comprendida y aplicada por las personas, puede convertirse en conocimientos. Los conocimientos aplicados frecuentemente en un campo, pueden convertirse en sabiduría, y la sabiduría es la base de la acción positiva.»

Por último les propongo el siguiente vídeo tutorial, para aprender a realizar diagramas con esta herramienta:


         

Fuentes:
http://planetubuntu.es/post/diagram-ly
http://mconceptuales.wordpress.com/2012/02/24/diagram-ly/
Consultadas: 24/10/2013

Reflexión: Sin dudas Diagram.ly es una buena herramienta para crear diagramas para ser utilizados en otros contextos tales como blogs, páginas web, etc. Por estas características es de suma importancia conocer esta herramienta y utilizarla en el presente o bien en nuestro futuro profesional.

Espero les sirva este post.
Saluda:


Betania Götte Hernández. 

9 comentarios:

  1. Buenos días Beta! Muy buen post y excelente ejemplo! Saludos!

    ResponderBorrar
  2. Beta, que lindo quedo tu grafico, y el video que añadiste esta muy completo y explica de forma clara el uso de Diagramly! Felicitaciones!

    ResponderBorrar
  3. Hola Beta buenos dias, excelente post, muy completo y muy bien explicadas las competencias...
    Saludos!!!

    ResponderBorrar
  4. Hola Betania, muy completo el desarrollo de la información, me encantó el ejemplo que has compartido y la forma que lo has graficado. Se entiende perfectamente.
    Saludos, Pao

    ResponderBorrar
  5. Beta
    Me gusto mucho el ejemplo que creaste.. y me encanto la frase final que citaste.. Te felicito.. se nota el esfuerzo en la creación del post!!

    Saludos.. Ile

    ResponderBorrar