Me gusta mucho la interfaz para Yahoo Pipes (http://pipes.yahoo.com/pipes/) y me gustaría crear una interfaz similar para un problema diferente. ¿Hay alguna biblioteca que me permita crear una interfaz con la misma apariencia básica?Diseño de una interfaz inspirada en Yahoo Pipes
Me gusta especialmente cómo se comportan las tuberías y cómo no son solo líneas rectas.
Editar: La aplicación estaría basada en la web. Estoy abierto a usar Flash o Javascript.
WireIt es una biblioteca javascript de código abierto para crear interfaces web deseables como Yahoo! Tuberías para aplicaciones de flujo de datos, lenguajes de programación visual o modelado gráfico. Wireit usa la biblioteca YUI (2.6.0) para DOM y la manipulación de eventos, y excanvas para el soporte de IE de la etiqueta canvas. Actualmente es compatible con Firefox 1.5+, Safari 2.0+, IE 7.0, Opera 9+ y Chrome 0.2.x.
No mencionó la plataforma en la que está desarrollando, pero si se va a colocar en un sitio web interactivo, probablemente ahorre tiempo al hacerlo en Flash. Comprueba primero cómo hacer que los objetos se puedan arrastrar (Google te ayuda aquí), luego es fácil conectarlos con líneas o curvas de la forma que desees.
Según lo que puedo ver, Yahoo! es eating their own dogfood construyendo Tuberías en YUI con la adición de la etiqueta CANVAS ultra-cool y IE script file (que no sabía que existía hasta que hice una pequeña excavación hoy) que conducen el cableado tipo Visio. Si no ha utilizado YUI antes de tener que aprender mucho antes de poder construir algo tan sólido como Pipes, quizás alguien haya publicado ejemplos en las placas de YUI que lo acercarán a donde lo necesita. ser.
toda mi información se encuentra en los siguientes sitios:
Esto es lo que he encontrado en los tablones de Yui:
http://tech.groups.yahoo.com/group/ydn-javascript/message/30836
Parece que no hay ninguna biblioteca abierta de "widgets de cableado", pero YUI parece un buen comienzo.
Probar JSplumb.
La estructura principal es HTML/CSS, las conexiones pueden ser SVG/lona/VML *
Gran documentation muy limpio API y live demos
* Configurable o se ajusta automáticamente mediante la detección de las capacidades del navegador
¡Wireit parece asombroso! –
Awesome !!!!!!!! –
para aquellos demasiado perezosos para google: http://neyric.github.com/wireit/ – Armand