Подтвердить что ты не робот

Проектирование интерфейса, вдохновленного Yahoo Pipes

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

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

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

4b9b3361

Ответ 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.

Ответ 2

Попробуйте JSplumb.

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

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

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

Ответ 3

Из того, что я вижу, Yahoo! едят свой собственный dogfood, строя Pipes в YUI с добавлением ультра-крутого CANVAS и IE script файл (который я не знал, существовал, пока не сделал сегодня немного копать), которые управляют проводкой, подобной Visio. Если вы не использовали YUI, прежде чем вам понадобится много учиться, прежде чем вы сможете построить что-то столь же надежное, как Pipes, но, возможно, кто-то выпустил примеры на досках YUI, которые помогут вам приблизиться к тому, где вам нужно быть.

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

Ответ 4

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

Ответ 5

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

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

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