ModakBul
  • 모닥불 프로젝트 보고서
  • 프로젝트 요약
  • 프로젝트 개요
    • 추진 배경 및 필요성
    • 프로젝트 내용
    • 구현 요구사항
    • 팀 구성 및 개발환경
    • 프로젝트 관리 체계
    • 프로젝트 일정 관리
  • 기능 명세
    • 요구사항 목록
    • DB 요구사항
    • 기능 요구사항
    • 기타 요구사항
  • 데이터베이스
    • 구조 설계
    • 테이블 명세
      • 태그 관련 테이블
      • 게시물 관련 테이블
      • 투표 관련 테이블
      • 기타 테이블
  • 백엔드 API
    • API 개요
    • API 명세
      • Template API
      • Board API
      • Auth API
      • Vote API
      • Search API
      • Admin API
      • Analysis API
  • 프론트엔드 & UI
    • 전체 인터페이스 구조
    • 인터페이스 명세
      • Main Page
      • Header & Side Bar
      • Intro Page
      • Post Page
      • Vote Page
      • Analysis Page
      • Admin Page
      • Login Page
  • 프로그램 배포
    • 프로그램 개요
    • 주요 기능
    • 구현 결과물 배포
  • 마무리
    • References
Powered by GitBook
On this page
  • 디자인 스타일
  • 인터페이스 요구사항
  • 화면 흐름도

Was this helpful?

  1. 프론트엔드 & UI

전체 인터페이스 구조

대략적인 UI의 구조 및 배치에 대해 서술한다.

PreviousAnalysis APINext인터페이스 명세

Last updated 5 years ago

Was this helpful?

디자인 스타일

모닥불은 기존 소융대 웹 페이지의 기능을 대체하기 위하여 개발한 웹 서비스이다. 세종대학교에서 IT 분야를 대표하기 때문에 최대한 선진적인 스타일의 디자인을 적용시킬 수 있도록 노력을 기울였다.

인터페이스 요구사항

인터페이스는 다음과 같은 요구사항이 만족되어야 한다.

요구사항 목록

게시판은 row 기반으로 배치하되, 무한 스크롤링이 가능하도록 할 것.

모든 화면에 대하여 화이트, 다크 테마 버전을 지원할 것.

처음 사용하는 사용자도 충분히 사용 방법을 직관적으로 이해할 수 있어야 한다.

개별 포스트 및 특정 단일 창을 사용하지 않고 가능한 한 모달로 동적으로 처리할 것.

메인페이지, 갤러리, 학생회 소개를 비롯한 뷰 페이지는 다소 전반적인 구조를 무시하더라도 디자인적인 측면을 우선시 할 것.

전반적인 모든 화면에 대하여 Bright, Dark 테마 버전의 스타일을 제공한다.

화면 흐름도

인터페이스의 대략적인 화면 흐름도는 다음과 같다.