Question

J'aime beaucoup l'interface Yahoo Pipes ( http://pipes.yahoo.com/pipes/) et voudrait créer une interface similaire pour un problème différent. Existe-t-il des bibliothèques qui me permettraient de créer une interface ayant la même apparence de base?

J'aime particulièrement le comportement des tuyaux et la manière dont ils ne sont pas des lignes droites.

Modifier: l'application serait basée sur le Web. Je suis ouvert à l'utilisation de Flash ou de Javascript.

Était-ce utile?

La solution

WireIt est une bibliothèque javascript à code source ouvert permettant de créer des interfaces Web souhaitables telles que Yahoo! Tuyaux pour applications de flux de données, langages de programmation visuels ou modélisation graphique. Wireit utilise la bibliothèque YUI (2.6.0) pour la manipulation du DOM et des événements, et excanvas pour le support IE de la balise canvas. Il prend actuellement en charge Firefox 1.5+, Safari 2.0+, IE 7.0, Opera 9+ et Chrome 0.2.x.

Autres conseils

Essayez JSplumb .

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

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

* Configurable ou défini automatiquement en détectant les fonctionnalités du navigateur

D'après ce que je peux voir, Yahoo! mange leur propre nourriture pour chien en construisant Pipes à YUI avec l'ajout de la solution ultra-cool balise CANVAS et Fichier de script IE (dont je ne savais pas qu'il existait avant de creuser un peu aujourd’hui) qui pilote le câblage de type Visio. Si vous n'avez pas utilisé YUI auparavant, vous devrez apprendre beaucoup avant de pouvoir construire quelque chose d'aussi robuste que Pipes, mais peut-être que quelqu'un a publié des exemples sur les forums YUI qui vous permettront de vous rapprocher de l'endroit où vous avez besoin être.

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

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

Vous n’avez pas mentionné la plate-forme pour laquelle vous développez, mais si elle doit être placée sur un site Web interactif, vous gagnerez probablement du temps en le faisant en Flash. Découvrez comment créer d’abord des objets déplaçables (Google vous y aide), puis connectez-les facilement avec des lignes ou des courbes à votre guise.

Voici ce que j'ai trouvé sur les panneaux de YUI:

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

Il ne semble pas y avoir actuellement de " widget de câblage " ouvert bibliothèques, mais YUI semble être un bon début.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top