Yahoo Pipes にインスピレーションを得たインターフェイスの設計 [終了]
-
01-07-2019 - |
質問
私は Yahoo Pipes のインターフェースがとても気に入っています (http://pipes.yahoo.com/pipes/) 別の問題に対して同様のインターフェイスを作成したいと考えています。同じ基本的なルックアンドフィールのインターフェイスを作成できるライブラリはありますか?
特にパイプの動作と、単なる直線ではないところが気に入っています。
編集:アプリケーションは Web ベースになります。私は Flash や JavaScript を使用することに抵抗はありません。
解決
WireIt は、Yahoo! のような Web 配線可能なインターフェイスを作成するためのオープンソース JavaScript ライブラリです。データフロー アプリケーション、ビジュアル プログラミング言語、またはグラフィカル モデリング用のパイプ。Wireit は、DOM とイベントの操作に YUI ライブラリ (2.6.0) を使用し、canvas タグの IE サポートに excanvas を使用します。現在、Firefox 1.5 以降、Safari 2.0 以降、IE 7.0、Opera 9 以降、および Chrome 0.2.x をサポートしています。
他のヒント
試す Jスプラム.
主な構造は HTML/CSS で、接続は SVG/Canvas/VML* で行うことができます。
素晴らしい ドキュメンテーション 非常にきれいな API そして ライブデモ
*設定可能、またはブラウザの機能を検出して自動的に設定されます
私が見た限りでは、Yahoo!は 自分のドッグフードを食べる YUI に超クールな機能を追加してパイプを構築することで、 キャンバス タグと IEスクリプトファイル (今日少し調べてみるまで存在を知りませんでした) Visio のような配線を駆動します。これまで YUI を使用したことがない場合は、パイプのような堅牢なものを構築する前にかなりの学習を行う必要がありますが、必要なところに近づける YUI ボードのサンプルを誰かがリリースしている可能性があります。することが。
私の情報はすべて次のサイトで見つかりました。
開発しているプラットフォームについては言及しませんでしたが、インタラクティブな Web サイトに配置する場合は、Flash で実行すると時間を節約できるでしょう。まずドラッグ可能なオブジェクトを作成する方法を確認してください (ここでは Google が役立ちます)。その後、好きなように線や曲線でオブジェクトを簡単に接続できます。
YUI のボードで見つけたものは次のとおりです。
http://tech.groups.yahoo.com/group/ydn-javascript/message/30836
現在オープンな「配線ウィジェット」ライブラリはないようですが、YUI は良いスタートのように思えます。