Разработка интерфейса, вдохновленного Yahoo Pipes [закрыто]

Question

Мне очень нравится интерфейс Yahoo Pipes (http://pipes .yahoo.com/pipes/) и хотел бы создать аналогичный интерфейс для другой задачи.Существуют ли какие-либо библиотеки, которые позволили бы мне создать интерфейс с таким же базовым внешним видом?

Мне особенно нравится, как ведут себя трубы и что это не просто прямые линии.

Редактировать:Приложение будет размещено в Интернете.Я открыт для использования Flash или Javascript.

Answer 1

WireIt - это библиотека javascript с открытым исходным кодом для создания веб-интерфейсов, таких как Yahoo!Каналы для приложений с потоками данных, визуальных языков программирования или графического моделирования.Wireit использует библиотеку YUI (2.6.0) для управления DOM и событиями, а также excanvas для поддержки IE тега canvas.В настоящее время он поддерживает Firefox 1.5+, Safari 2.0+, IE 7.0, Opera 9+ и Chrome 0.2.x .

Answer 2

Попробуй jsPlumb.

Основная структура - HTML / CSS, соединения могут быть SVG / Canvas /VML*

Великий Документация очень чистый API и живые демо-версии

* Настраивается или устанавливается автоматически путем определения возможностей браузера

Answer 3

Из того, что я вижу, Yahoo!является едят свой собственный корм для собак путем создания труб в YUI с добавлением ультра-крутого ХОЛСТ пометка и Файл скрипта IE (о существовании которых я не знал, пока сегодня не покопался), которые управляют проводкой, подобной Visio.Если вы раньше не использовали YUI, вам потребуется немало изучить, прежде чем вы сможете создать что-то столь же надежное, как Pipes, но, возможно, кто-то опубликовал примеры на платах YUI, которые помогут вам приблизиться к тому, что вам нужно.

Вся моя информация была найдена на следующих сайтах:

1. Юиблог
2. Хранилище веб- ресурсов
3. Developer.Mozilla.org

Answer 4

Вы не упомянули платформу, для которой разрабатываете, но если она будет размещена на интерактивном веб-сайте, вы, вероятно, сэкономите время, сделав это во Flash.Сначала ознакомьтесь с тем, как создавать перетаскиваемые объекты (здесь вам поможет Google), а затем легко соедините их линиями или кривыми любым удобным вам способом.

Answer 5

Вот что я нашел на досках ЮИ:

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

Не похоже, что в настоящее время существуют какие-либо открытые библиотеки "подключаемых виджетов", но YUI действительно кажется хорошим началом.