Projetando uma interface inspirada Pipes Yahoo [fechado]

https://stackoverflow.com/questions/86361

01-07-2019
|

Pergunta

Eu realmente gosto da interface para o Yahoo Pipes ( http://pipes.yahoo.com/pipes/) e gostaria de criar uma interface similar para um problema diferente. Existem quaisquer bibliotecas que me permita criar uma interface com a mesma aparência básica e sensação?

Eu gosto especialmente como os tubos se comportam e como eles não são apenas linhas retas.

Edit: A aplicação seria baseado na web. Estou aberto a usar Flash ou Javascript.

Solução

WireIt é uma biblioteca javascript de código aberto para criar interfaces de wirable web como o Yahoo! Tubos para aplicações de fluxo de dados, linguagens de programação visuais ou modelagem gráfica. Wireit usa a biblioteca de YUI (2.6.0) para DOM e eventos manipulação e excanvas de apoio IE da tag canvas. Atualmente ele suporta Firefox 1.5+, Safari 2.0+, IE 7.0, Opera 9+ e Chrome 0.2.x.

Outras dicas

Tente JSplumb .

A estrutura principal é HTML / CSS, as ligações podem ser SVG / Canvas / VML *

documentação muito limpo API e demonstrações ao vivo

* configurável ou é definido automaticamente ao detectar as capacidades do navegador

Pelo que posso ver, Yahoo! é comer sua própria ração através da construção de tubulações em YUI com a adição de ultra-cool CANVAS tag e IE arquivo de script (que eu não sabia que existiam até que eu fiz um pouco de escavação de hoje) que conduzir o Visio-like fiação. Se você não tiver usado YUI antes que você está indo para necessidade de fazer um bom negócio de aprender antes de poder construir algo tão robusto como Pipes, mas exemplos talvez alguém lançou nos conselhos YUI que você vai chegar perto de onde você precisa para ser.

Toda a minha informação foi encontrada nos seguintes locais:

Você não mencionou a plataforma que você está desenvolvendo para, mas se é para ser colocado em um site interativo, você provavelmente poupar tempo ao fazê-lo no Flash. Confira como fazer objetos arrastáveis ??primeiro (Google ajuda-o aqui), então é fácil para conectá-los com linhas ou curvas qualquer maneira que você gosta.

Aqui está o que eu encontrei em placas de Yui:

http://tech.groups.yahoo.com/group / YDN-javascript / mensagem / 30836

Não parece que há actualmente qualquer aberto "fiação Widget" bibliotecas, mas YUI parece ser um bom começo.

Licenciado em: CC-BY-SA com atribuição

Não afiliado a StackOverflow