Enhancing and Analyzing Polygon UI

[kidw0124]

What is this feature?

폴리곤(및 BOJ Stack) UI에서 향상시킬 수정사항 정리 및 분석

Task Details

Reference Materials (Optional)

[seunghyun-24]

• 현재 비빔밥은 전체 화면 대신 중앙 화면만 이용하고 있음 (-> 화면 더 넓게 쓰는 게 좋지 않은가?)
• 폴리곤 사이트 내 네비게이션바/목차 등 위치
  • 처음에 들어가는 상단 목차 / 문제 별 상단 목차 각각 분리(재분류 필요!!), 어떤 내용이 들어가야할 지 가시화 필요
• 오류 관련 체크하기가 어려움 (위치 확인 필요, 컴파일&test 등에서 문제가 생길 경우 그냥 에러가 있다는 식으로 띄우는 것으로 추정) -> 오류 위치 및 플로팅 방식 개선 필요. 에러 로그 형태 논의 필요.
• commit log, diff 등 git과 유사한 파일 변경 내역 등 확인 가능하나 버튼이 눈에 안띔 (-> 활용할 경우 위치 조정 + github랑 비슷하게 ui 구성)

[seunghyun-24]

Solution Files

• 상태 변경 관련하여 저장 창이 우측 하단에 눈에 안띄게 플로팅 됨
• 변경 사항 change 누른 뒤 변경하게 됨 (저장 방법 안보임)
• type, name, language 등 변경 및 저장 방식에 대한 논의 필요 : 현재는 각각 바꿀 수 있으며, 엔터 등을 누르면 .. 되는 것 같음 (잘 모름)
  • 파일 당 하나씩의 저장 방식 (파일 edit과 헷갈릴 수 있음)
  • 변경 사항 버튼 직관화 및 드롭다운은 바로 저장 되게끔 -> 현재와 유사하게 각 영역이 개별적으로 변하게 👍🏻
  • add & new files 좀 더 창 예쁘게 ..
• check solutions for compilability -> 이게 무슨 기능이지? 일단 버튼이 좀 더 커야할 것 같음..
• solution tags 드롭다운 시 바로 변경하는 방식으로
• 각 하단에 매우 작게 적힌 설명을 차라리 (?) 아이콘을 만들어 설명을 덧붙여주는 방식으로 넣기

[seunghyun-24]

Problems

• 기존 형태 따라가되, 'working copy' 역할 뭔지 알아둔 뒤 해당 영역 버튼화 하기
• 우측 column의 필터 기능 뭔지 알아둔 뒤, 필요 없을 시 제거
• filter 역할 하는 표의 우측상단 버튼들 예쁘게 하기를 비롯한 그 외의 디자인은 현재 것 ok
• problems의 네비게이션 바 현재 것 유지하되, 혹시 problems, contests, contests groups 로 하고 problems 내에서 새 문제 생성 버튼, contests 내에서 새 문제 생성 버튼으로 상단 버튼 개수 줄일 수는 있음

[seunghyun-24]

Files

• 표 내의 저 rename,,을 아이콘으로 변경하고 저장 버튼 두기
• check sources for compilability 버튼을 키우고 (필수),
• 아래에 두면 순서랑 이것저것 섞이는 것 같은데 차라리 source files 제일 좌측으로 선택 checkbox를 옮기고, 제일 우측에는 compilation results를 확인할 수 있는 결과 column을 두는 게 직관적이지 않을까 (해당 column의 제목 열에 컴파일 가능 버튼을 두고..)