Concevoir une interface inspirée de Yahoo Pipes

J'aime vraiment l'interface de Yahoo Pipes (http://pipes.yahoo.com/pipes/) et aimerais créer une interface similaire pour un problème différent. Existe-il des bibliothèques qui me permettrait de créer une interface avec le même look and feel?

J'aime particulièrement la manière dont les tuyaux se comportent et comment ils ne sont pas simplement des lignes droites.

Edit: L'application basée sur le web. Je suis ouvert à l'aide de Flash ou Javascript.

source d'informationauteur sutee

  1. 20

    WireIt est une bibliothèque javascript open-source pour créer des web wirable interfaces comme Yahoo! Des tuyaux pour des flux de données, applications, visual langages de programmation ou de modélisation graphique. Wireit utilise le YUI bibliothèque (2.6.0) pour les DOM et les événements de la manipulation, et excanvas pour IE soutien de la balise canvas. Il prend actuellement en charge de Firefox 1.5+, Safari 2.0+, IE 7.0, Opera 9+ et Chrome 0.2.x.

  2. 5

    Essayer JSplumb.

    La structure principale est en HTML/CSS, les connexions peuvent être SVG/Toile/VML*

    Grande la documentation très propre API et démonstrations en direct

    *Configurable ou est réglé automatiquement par la détection du navigateur capacités

  3. 2

    De ce que je peux voir, Yahoo! est manger leur propre dogfood par la construction de Tuyaux dans YUI avec l'ajout de l'ultra-cool TOILE tag et IE fichier de script (que je ne connaissais pas existé jusqu'à ce que j'ai fait creuser un peu aujourd'hui) que le lecteur de la Visio-comme le câblage. Si vous n'avez pas utilisé YUI avant, vous allez avoir besoin de faire une bonne affaire de l'apprentissage avant de pouvoir construire quelque chose d'aussi solide que les Tuyaux, mais peut-être que quelqu'un a publié des exemples sur le YUI conseils qui vont vous amener près de l'endroit où vous devez être.

    Toutes mes informations ont été trouvées sur les sites suivants:

    1. YUIBlog
    2. WebResourcesDepot
    3. Developer.Mozilla.org
  4. 1

    Vous de ne pas mentionner la plate-forme que vous êtes en développement pour, mais si c'est pour être placé sur un site web interactif, vous auriez probablement gagner du temps en le faisant en Flash. Découvrez comment faire glisser des objets de première (Google vous aide ici), il est alors facile de les relier par des lignes ou des courbes de la manière que vous voulez.

  5. 1

    Voici ce que j'ai trouvé sur YUI conseils:

    http://tech.groups.yahoo.com/group/ydn-javascript/message/30836

    Ne semble pas comme il ya actuellement tout ouvert "câblage" widget bibliothèques, mais YUI semble un bon début.