인터페이스 구조
대략적인 UI의 구조 및 배치에 대해 서술한다.
Last updated
대략적인 UI의 구조 및 배치에 대해 서술한다.
Last updated
세자보는 학교 내의 기존 대자보를 대체하기 위해 만들어진 서비스이다. 때문에 인터넷 게시판이 사용하는 row 기반의 테이블이 아닌, 대자보가 따르던 포스터 게재를 통한 블록 형식을 그대로 적용한다.
인터페이스는 다음과 같은 요구사항이 만족되어야 한다.
요구사항 목록 |
블록 테이블 방식으로, 기존 대자보의 인터페이스를 그대로 이어받을 것. |
기존의 포스터 개제 방식을 이미지 파일 업로드를 통해 대체. |
단순히 제목과 내용으로 이루어진 게시물 또한 비슷한 수준의 시각적 효과를 부여할 것. |
명시적이진 않더라도 글로만 이루어진 해당 게시물의 특징을 가시적인 효과로 나타낼 것. |
모든 인터페이스는 유동적인 UI 변화를 통한 시각적 효과를 부여하기 위해 하나의 문서(html)에서 작성되어 애니메이션 및 모달만을 사용하여 모든 화면 전환을 비롯한 작업을 처리할 것. |
가능한 한 심플하게 하여, 처음 사용하는 사용자에게도 이질감이 없을 것. |
디자인에 사용된 모든 블럭의 형태(테두리선, 굵기, 그림자)를 모두 같게 할것. |
가능한한 부트스트랩 프레임워크를 지향할 것. |
인터페이스의 대략적인 화면 흐름도는 다음과 같다.
모든 화면은 모달을 사용하여 구현한 동일한 화면의 인터페이스이며, 하나의 웹 문서 내에서 구현하여, 링크 이동을 하지 않도록 한다.
