OpenSource

앵버박사 2013. 11. 7. 18:01

오픈소스 프로젝트를 진행 중 입니다.

2가지 주제가 있는데요.. 첫 번째 주제는 웹 UI 프레임워크!

현재 개발 초기랍니다.ㅎㅎ;;


저 나름대로 괜찮은 아이디어라고 생각 중입니다. (쿨럭~)

여러분은 어떠신가요??



소스코드 https://github.com/wedump/wedump






Wedump Framework 란?

Wedump Framework(이하 위덤)는 Javascript 기반의 웹 UI 개발을 지원하는 프레임워크입니다.
위덤은 기존 웹 UI와는 다른 새로운 패러다임을 제시합니다.

  1. 포틀릿 기반(Portlet-Based)의 유연한 UI
  2. 마우스 지양(Non-Mouse)과 단축키 

포틀릿 기반(Portlet-Based)

포틀릿 이란? 포틀릿은 각자 하나의 주제를 다루며, 화면상의 원하는 위치에 원하는 크기로 배치할 수 있는 웹 컴포넌트입니다.
(예, google site 또는 redmine의 메인화면 설정)

위덤은 포틀릿을 컴포넌트로 제공하며, 개발자는 이를 통해 포틀릿 기반의 UI 개발을 진행할 수 있습니다.
하나의 화면에는 여러개의 포틀릿이 배치되고, 포틀릿은 각자의 뷰와 기능을 가집니다.

  • 포틀릿은 사용자가 원하는데로 크기조절이 가능하며, 그에따라 화면크기에 알맞게 다른 포틀릿들이 자동으로 조절됩니다.
  • 포틀릿은 사용자가 원하는데로 위치변경이 가능합니다.
  • 포틀릿은 사용자가 원하는데로 숨김/나타남 이 가능합니다.
  • 동일 주제의 비슷한 포틀릿들은 숨겨져있다가(하나만 화면에 표시되다가) 원하는 다른 포틀릿으로 변경 할 수 있습니다.(예, Windows의 Alt+Tab) 

마우스 지양(Non-Mouse)

위덤은 마우스를 지양하고, 단축키를 지원합니다.
위에서 설명한 포틀릿의 행동을 전부 단축키로 설정하고 사용할 수 있습니다.(물론 마우스로도 가능합니다) 

기타 지원사항

Sketch

  • 위덤은 화면의 레이아웃을 문자열로 스케치할 수 있는 기능을 제공합니다.
  • 스케치된 대로 실제 컴포넌트들(HTML 태그들)이 화면에 배치됩니다. 

SBS(Step By Step)

  • 요즘 Hot한 UI 기술 중 하나인 페럴렉스 스크롤링(Parallax Scrolling)을 컴포넌트로 제공합니다. 

Grid

  • 일반적인 그리드 컴포넌트를 제공합니다.
  • 다만 Sketch를 이용하여 행/열의 분할조정을 한층 쉽게 해줍니다.

반응형 웹

  • 위덤에서 제공하는 컴포넌트들은 화면 사이즈에 따라 자동 배치 및 조절되어 반응형 웹을 지원합니다.