Yahoo Pipes에서 영감을 받은 인터페이스 디자인 [닫기]

StackOverflow https://stackoverflow.com/questions/86361

문제

저는 Yahoo Pipes의 인터페이스를 정말 좋아합니다(http://pipes.yahoo.com/pipes/) 다른 문제에 대해 유사한 인터페이스를 만들고 싶습니다.동일한 기본 모양과 느낌으로 인터페이스를 만들 수 있는 라이브러리가 있습니까?

나는 특히 파이프의 움직임과 그것이 단지 직선이 아닌 방식을 좋아합니다.

편집하다:응용 프로그램은 웹 기반입니다.저는 Flash나 Javascript를 사용하는데 개방적입니다.

도움이 되었습니까?

해결책

WireIt은 Yahoo!와 같은 웹 연결 가능 인터페이스를 생성하는 오픈 소스 자바스크립트 라이브러리입니다.데이터 흐름 애플리케이션, 시각적 프로그래밍 언어 또는 그래픽 모델링을 위한 파이프입니다.Wireit은 DOM 및 이벤트 조작을 위해 YUI 라이브러리(2.6.0)를 사용하고 캔버스 태그의 IE 지원을 위해 excanvas를 사용합니다.현재 Firefox 1.5+, Safari 2.0+, IE 7.0, Opera 9+ 및 Chrome 0.2.x를 지원합니다.

다른 팁

노력하다 JSplumb.

주요 구조는 HTML/CSS이며 연결은 SVG/Canvas/VML*일 수 있습니다.

엄청난 선적 서류 비치 매우 깨끗하다 API 그리고 라이브 데모

*브라우저의 기능을 감지하여 구성 가능하거나 자동으로 설정됩니다.

제가 보기엔 Yahoo!~이다 자기 개밥 먹기 매우 멋진 기능을 추가하여 YUI에 파이프를 구축함으로써 캔버스 태그와 IE 스크립트 파일 (오늘 조금 조사하기 전까지는 존재하는지 몰랐습니다) Visio와 유사한 배선을 구동합니다.파이프처럼 강력한 것을 구축하기 전에 YUI를 사용해 본 적이 없다면 많은 학습이 필요하지만 아마도 누군가가 YUI 보드에 예제를 공개하여 필요한 곳에 가까이 다가갈 수 있을 것입니다. 장차 ~ 가 되는.

내 모든 정보는 다음 사이트에서 발견되었습니다.

  1. 유이블로그
  2. 웹자원창고
  3. Developer.Mozilla.org

개발 중인 플랫폼에 대해서는 언급하지 않았지만 대화형 웹 사이트에 배치하려면 Flash에서 수행하면 아마도 시간을 절약할 수 있을 것입니다.먼저 드래그 가능한 개체를 만드는 방법을 확인하세요(여기서는 Google이 도움을 드립니다). 그런 다음 원하는 방식으로 선이나 곡선으로 쉽게 연결할 수 있습니다.

YUI 게시판에서 찾은 내용은 다음과 같습니다.

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

현재 공개된 "배선 위젯" 라이브러리는 없는 것 같지만 YUI는 좋은 시작인 것 같습니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top