Diseño de una interfaz inspirada en Yahoo Pipes [cerrado]
https://stackoverflow.com/questions/86361
-
01-07-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianPregunta
Me gusta mucho la interfaz de Yahoo Pipes (http://pipes.yahoo.com/pipes/) y le gustaría crear una interfaz similar para un problema diferente.¿Existen bibliotecas que me permitan crear una interfaz con la misma apariencia básica?
Me gusta especialmente cómo se comportan las tuberías y cómo no son sólo líneas rectas.
Editar:La aplicación estaría basada en web.Estoy abierto a usar Flash o Javascript.
Solución
WireIt es una biblioteca de JavaScript de código abierto para crear interfaces web cableables como Yahoo!Pipes 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 manipulación de eventos, y excanvas para soporte 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.
Otros consejos
Intentar JSplomb.
La estructura principal es HTML/CSS, las conexiones pueden ser SVG/Canvas/VML*
Excelente documentación muy limpio API y demostraciones en vivo
*Configurable o se configura automáticamente al detectar las capacidades del navegador.
Por lo que puedo ver, Yahoo!es comiendo su propia comida para perros construyendo tuberías en YUI con la adición del ultra-cool LIENZO etiqueta y archivo de secuencia de comandos IE (que no sabía que existía hasta que investigué un poco hoy) que controlan el cableado tipo Visio.Si no ha usado YUI antes, necesitará aprender mucho antes de poder construir algo tan sólido como Pipes, pero tal vez alguien haya publicado ejemplos en los tableros YUI que lo acercarán a donde necesita. ser.
Toda mi información fue encontrada en los siguientes sitios:
No mencionaste la plataforma para la que estás desarrollando, pero si se colocará en un sitio web interactivo, probablemente ahorrarás tiempo si lo haces en Flash.Primero, vea cómo crear objetos que se puedan arrastrar (Google lo ayuda aquí), luego será fácil conectarlos con líneas o curvas como desee.
Esto es lo que encontré en los foros de YUI:
http://tech.groups.yahoo.com/group/ydn-javascript/message/30836
No parece que actualmente haya bibliotecas abiertas de "widgets de cableado", pero YUI parece un buen comienzo.
