En Isopixel, han realizado un trabajo muy bueno, que trata sobre las herramientas que podemos disponer para crear diagramas, gráficas y diagramas de flujo:
Ser desarrollador web, no solo significa diseñar un sitio web o programar su funcionalidad. La mayoría de las veces significa ser capaz de explciar asuntos complejos de manera clara y poder presentar a tus clientes argumentos convincentes y razonables para encontrar el mejor equilibrio entre los deseos del cliente y los estandares que usas. De hecho es esencial cerciorarse que el cliente entiende que ventajas le estas ofreciendo realmente y porque determinado diseño o lenguaje es mejor para ese proyecto en particular.
Uno de los grandes problemas de los que nos dedicamos a esto, es que estamos tan familiarizados con los lenguajes y las tecnologías que damos por hecho que es así para todo mundo, pero es evidente que no siempre es así. ¡Cómo podemos visualizar y presentar nuestras ideas fácil y rápidamente? Siendo el ser humano un animal visual, éste necesita de imágenes para tratar de entender lo que hay detrás de las ideas.
Pues bien, Vitaly Friedman nos obsequia un fabuloso listado de herramientas y tutoriales que nos pueden ayudar en la tarea de crear imágenes, sobre todo, diagramas, gráficas y diagramas de flujo, etc. Para poder visualizar y representar, las ideas y presentarlas a tus potenciales clientes.
Tutoriales:
- ”Creando Graficas, Parte I” y “Creado Graficas, Parte II”; de Wolfgang Bartelme. Dos detallados tutoriales en los que explica como crear gráficas profesionales y visualmente atractivas con Adobe Illustrator.
- “Gráficas con Illustrator“ de Veerle Pieters. Un tutorial paso por paso para Adobe Illustrator, en el que explica como crear gráficas flexibles y atractivas.
- “Gráficas en Excel de Microsoft“ de Jon Peltier. Un detallado tutorial sobre el uso de las herramientas integradas con Microsoft Excel.
- “Diagramas CSS“ Describe la manera de crear gráficas basadas en CSS.
- “Gráficas de barra en “ describe otra aproximación a la presentación de graficas en CSS y XHTML.
Herramientas Web gratuitas:
- Gliffy Gliffy.com is un editor de diagramas en línea. Permite crear y compartir diagramas de flujo, diagramas de red, planos, diseños de interfaces de usuario, diseños y otros dibujos en línea. Requiere registro.
- James MacFarlanes’ Ajaxio es una sencilla herramienta basada en Ajax, que usa Prototype y script.aculo.us.
Programas gratuitos:
- 1st Chart crea diagramas en alta resolución a partir de tus diagramas de Chart-Elements.
- JGraphpad es un poderoso componente de gráficos disponible para Java, es open source, fácil de usar y rico en aspectos. Las áreas de aplicación incluyen diagramas de procesos, flujos de trabajo y visualización BPM, organigramas, aún flujo de tráfico y agua.
- yEd – Java™ Graph Editor es un poderoso editor de gráficos escrito completamente en Java. Puede ser usado pra generar rápida y fácilmente dibujos y para aplicar layouts automáticamente a una gama de diagramas y redes diferentes.
- Graphviz es un software visualizador de gráficos open source. Tiene varios programas principales para layouts, web e interfaces gráficas interactivas, herramientas auxiliares y language bindings (término intraducible, pero los interesados ya saben de que va)
- Unified Modeling Language (UML) es una especificación de lenguaje no propietario para modelar objetos y es usado en la ingeniería de software. Con varias de las herramientas UML (en Alemán) se pueden crear no solamente pequeños bocetos y sencillos diagramas de organzación, sino también sistemas complejos y modelos de computadoras.
- XML/SWF Charts es una simple, pero poderosa herramienta para crear atractivas gráficas en web y gráficos para datos XML dinámicos. El código fuente XML puede ser creado manualmente o generado dinámicamente usando cualquier lenguaje de scripts (PHP, ASP, CFML, Perl, etc.). El tutorial oficial explcia exactamente, como puedes usar XML/SWF para tus proyectos personales.
- DIA es un programa para la creación de diagramas basado en gtk+ liberado bajo licencia GPL. DIA puede ser usado para dibujar diagramas de relación entre entidades, diagramas UML, organigramas, diagramas de red y muchos otros. Es también posible agregar soporte para nuevas formas de escritura simple de archivos XML, usando un subconjunto de SVG para dibujar la forma. Puede cargar y salvar diagramas en un formato XML personalizado (en formato gzip por defecto para ahorrar espacio), puede exportar diagramas a un gran número de formatos, incluyendo EPS, SVG, XFIG, WMF and PNG.
- JFreeChart es una librería de gráficas 100% libre, para Java, con ella se pueden crear gráficos tales como gráficos de barra, gráficos de línea, gráficos de pastel, gráficos de series de tiempo, graficas altas/bajas/cerradas, diagramas de viento, diagramas de metro. JFreeChart tiene una licencia LGPL y requiere plataforma Java 2 (JDK Version 1.3 y superior).
Principales productos comerciales:
- OmniGraffle: la primer aplicación para diagramas de Mac OS X crea diagramas de flujo, orgazicionales, diagramas de red, arboles genealogicos, procesos de proyectos – o cualquier otro que pueda ser representado por símbolos y líneas. (“La versión Standard- cuesta $79.95, y la “Profesional”- $149.95).
- Microsoft Visio: Microsoft Office y su programa de diagramación técnica resuelve cada problema en el que puedas pensar. Microsoft Visio esta integrado con Office. El precio es apropiado por la calidad que el programa proporciona.
- Mindjet MindManager es un potente paquete de software que puede ser usado para dibujar mapas mentales, lluvia de ideas u organigramas. MindManager Basico (para Mac y Windows) cuesta 230.84 €, MindManager Pro cuesta – 346.84 €.
- SmartDraw es también un poderoso programa, que es extremadamente fácil de usar e incluye 1000 gráficos profesionales que pueden modificarse. También te permite crear tus propios gráficos. Precio: $197.
Nota: El artículo original fue escrito en agosto del año pasado, por lo cual los precios de los programas comerciales pueden haber variado.
Gracias por la referencia.
A ti por tus excelentes artículos. Salud
Gracias por las referencias, es una ayuda para mis trabajos.
muy inteeresante, me he pasado la noche buscando soft para gráficos estadisticos.
buenas referncias veo por aqui
un saludo y gracias
Jesús me alegro que te sea útil. Hasta pronto.
Hola a tod@s!!
Me preguntaba si me podríais ayudar??? Pues bien, necesito realizar un diagrama con flujos y movimientos, por ejemplo el llenado de un almacén, el paso al siguiente y posterior llenado, etc. Y todo esto con imágenes….
Qué programa es el más adecuado para realizarlo??
Muchas gracias
Un saludete!!
Puedes darle un vistazo en Categorías a «Diagramas» encontrarás unos cuantos programas en linea para realizar lo que quieres, prueba algunos para ver cual se acomoda a tu diagrama.
Queria saber sin con el lenguaje de programacion Perl se podian crear o generar diagramas a partir de datos de una base de datos
que bien
Por favor necesito que me digan en donde puedo encontrar el diagrama de flujo de el juego de la vida.
Quisiera saber como hacer graficas de pastel en el lenguaje de programacion jgrasp, cuando los datos vienen de una JTextArea, gracias.
ne esta muy mal
ESTA PAJINA DA ASKOOOOO
Buenas tardes necesito realizar un arbil terciario por medio de juegos ustedes me puedden decir que programa puede ser el aporpiado para ucnado yo ejecute el codigo el me dibuje los diagramas. gracias por su atencion
[…] Mas informacion en Linea: Blog Cosas Sencillas Herramientas para Diagramas […]
dianis caro yo tengo el programa que necesitas
necesito sabr como hacer un diagraama d eflujo sobre actividades basicas..gracias
hay hombre este cuento de diagramas es cosa seria
Hola,
He de realizar una aplicación Web en Java.
Desde esta aplicación he de poder generar un organigrama de empresa.
Que librería opensource y freesoftware es la mas adecuada?
necesito un ejemplo real de diagrama de flujo con monitor crt y lcd gracias
pongan mas cosas por que no se le entiende nada
pliissssssssssssssssssssssssssssssssss aganmwe el fabor de sacar mas cosas
NECESITO SABER COMO HACER UN DIAGRAMA VOY EN TRECER AÑO DE PRIMARIA Y ME PIDEN UN EJEMPLO ESPERO ME PUEDAN AYUDAR
HOLA MI MAESTRA DE INFORMATICA ME PIDIO UN DIAGRAMA DE TIPO E.P.S. ME PODRIAN AYUDAR POR FAVOR!!!!!
POR FAVOR COLABOREME A REALIZAR EL EJERCICIO EN DIAGRAMA DE FLUJO O SEUPDOCODIGO DE LA APLICACION PARA UN CAJERO AUTOMATICO. O DEME UNA PAGINA ESPECIAL DONDE PUEDA DESRROLLARLO O ENCONTARLO.GRACIAS
hola mi profe de marketing especifico quiere que hagamos un layout de una pequeña oficina y no se por donde empezar me gustaria un formato o sea por donde empezar