PKSelect
  • Document
  • 프로젝트 개요
  • 프로젝트 준비
    • 개발환경 및 팀구성
    • 워크플로우
    • 사전조사 & 의사결정
      • 사전조사
      • 의사결정
        • 기능적 의사결정
        • 비기능적 의사결정
  • 프로젝트 설계
    • FRONTEND 설계 개요
      • FRONTEND 화면 흐름 및 동작
      • 콘텐츠 구성
        • Mainpage
        • Secondpage
      • 디자인 설계 의사결정
        • 디자인 컨셉 및 기능 정의
        • 컴포넌트 디자인
          • PC version
          • Mobile version
        • 로고결정
    • 시스템 구조 설계 개요
      • 시스템 흐름도 및 구조도
    • API Document
  • issue
    • FrontEnd
      • FrontEnd/Device classification issue
      • FrontEnd/cross browsing issue
    • BackEnd
      • BackEnd/lms_login_pw_issue
      • BackEnd/Circular Imports
    • Memo
  • 프로젝트 개발
    • FrontEnd
      • 페이지 UI
        • Mainpage
        • Loading page
        • SPA
        • Secondpage
          • Calendar
          • Table
            • 데이터 정렬
            • table
            • Button
              • 마감기한 지난 항목 삭제 <-> 확인 button
              • 과목 <-> 강의, 과제, 시험 button
              • 종강 D-day button
          • 피드백 이후 추가된 기능
      • 향후 개발 계획
    • BackEnd
      • Flask
        • PKSelecter/
        • controller/
        • app/
        • tests/
      • Server
        • AWS
        • Nginx + wsgi + Flask
        • (Sercurity) HTTPS
    • Prototype
  • 프로젝트 결과
    • 결과 보고
      • 개요
      • FrontEnd
      • BackEnd
      • PKSelect, Beta Service
      • 베타 서비스 설문조사
        • 서비스 사용성 평가
        • 베타 서비스 피드백
      • Google analytics 적용
      • 중간 발표 질문 정리
      • 최종 결과 보고
        • 피드백 적용 기능
Powered by GitBook
On this page
  • 미제출 항목 조회 페이지 콘텐츠
  • ❑ 캘린더로 미제출 항목 확인
  • ❑ 테이블로 미제출 항목 확인

Was this helpful?

  1. 프로젝트 설계
  2. FRONTEND 설계 개요
  3. 콘텐츠 구성

Secondpage

미제출 항목 조회 페이지 콘텐츠

미완료 강의, 미제출 과제 및 시험 --> 미제출 항목 이라 명칭함

❑ 캘린더로 미제출 항목 확인

화면 좌측에 캘린더 위치

second page 로드 시

  • 날짜 하단의 하늘색 다트 : 해당 날짜가 마감일인 사용자의 미제출 항목이 있을 시 표시

  • 오늘의 날짜는 회색 원으로 표시

미제출 항목 확인하고 싶은 날짜 선택 시

  • 선택한 날짜는 남색 원으로 표시

  • 선택한 날짜의 미제출 항목은 캘린더 하단에 표시

❑ 테이블로 미제출 항목 확인

테이블 컬러 의미 --> UX를 고려해 lms와 같은 컬러 이용

  • 파란색 : 미완료된 강의

  • 초록색: 미제출된 과제

  • 빨간색: 미완료된 시험일정

화면 우측에 미완료 강의, 미제출 과제, 미제출 시험 순으로 테이블 위치

테이블 사용법

▹ 미완료 강의, 미제출 과제 및 시험 별로 확인 가능

  • 미완료 강의 : 수강과목, 강의주차, 마감기한 표시

  • 미제출 과제: 수강과목, 과제내용, 제출기한 표시

  • 미제출 시험: 수강과목, 시험시간, 제출기한 표시

▹ 마감 기한이 임박한 과목부터 표시

PreviousMainpageNext디자인 설계 의사결정

Last updated 3 years ago

Was this helpful?