Entwerfen einer Yahoo Pipes inspiriert Schnittstelle [geschlossen]
-
01-07-2019 - |
Frage
Ich mag die Schnittstelle für Yahoo Pipes ( http://pipes.yahoo.com/pipes/) und möchte eine ähnliche Schnittstelle für ein anderes Problem schaffen. Gibt es Bibliotheken, die erlauben würden, mir eine Schnittstelle mit dem gleichen grundlegenden Look and Feel zu schaffen?
Besonders gut gefällt mir, wie die Rohre verhalten und wie sie nicht nur gerade Linien.
Edit: Die Anwendung ist webbasiert. Ich bin offen für Flash oder Javascript verwenden.
Lösung
WireIt ist eine Open-Source-JavaScript-Bibliothek Web durchverdrahtbare Schnittstellen wie Yahoo! zu erstellen Rohre für die Datenfluß-Anwendungen, visuelle Programmiersprachen oder grafische Modellierung. Wireit verwendet die YUI-Bibliothek (2.6.0) für DOM und Ereignisse Manipulation und excanvas für IE Unterstützung der Leinwand-Tag. Es unterstützt derzeit Firefox 1.5+, Safari 2.0+, IE 7.0, Opera ab 9 und Chrome 0.2.x.
Andere Tipps
Versuchen Sie JSplumb .
Die Hauptstruktur HTML / CSS ist, können die Verbindungen SVG / Canvas / VML * sein
Dokumentation sehr sauber API und
* Konfigurierbare oder automatisch durch Erfassen Browser-Fähigkeiten
gesetztVon dem, was ich sehen kann, Yahoo! wird ihre eigenen dogfood Essen durch Rohre in YUI mit der Zugabe des Gebäudes ultra-kühlen CANVAS Tag und YUIBlog
Sie erwähnte nicht die Plattform, nach dem Sie entwickeln, aber wenn es auf einer interaktiven Website platziert werden ist, dann würden Sie wahrscheinlich Zeit sparen, indem es in Flash zu tun. Prüfen Sie, wie ziehbar Objekte machen erste (Google hilft Ihnen hier), dann ist es leicht, sie mit Linien zu verbinden oder Kurven, wie Sie möchten.
Hier ist, was ich auf YUI-Boards gefunden:
http://tech.groups.yahoo.com/group / YDN-javascript / message / 30836
scheint nicht, wie es zur Zeit keine offene „Verdrahtung Widget“ Bibliotheken, aber YUI wie ein guter Start scheint.