orioncsy/oss_project_6

SWOT [SoftWare Oriented Tests] Webpage for making & taking tests

OSS_project_6

Team No.6 Members

• Seung-yun Chae([email protected], 2015312350) @orioncsy
• Jiwan Park([email protected], 2015318837) @jyani96
• Dongkun Kim([email protected], 2020312600) @GunderGie

• Check here to see the parts each member has taken.

Name of Application

"SWOT : SoftWare-Oriented Test"
Swot means 'to study hard for test'.

Quickstart

Website Link:
https://orioncsy.github.io/OSS_project_6/

Screenshots of App

1. Start Page

When you enter the page at first,

2. Make Test Page

If you choose "Make Test", you can make subjective questions just like below.

If you want to make objective questions just like below.

The Answer shouldn't be empty.

3. Take Test Page

If you choose "Take Test", you can see the question and write answer.

4. Correct System Page

If you submit your answer, you can check the total scores as well as your answers with comments.

Link to the demo video

• demo video

Installation Instruction & Guide Line

  You can just enter to "https://orioncsy.github.io/OSS_project_6/" on your web browser.
Then you can find the start page of our program.
Once you enter the start page, you choose two function of app, "Make Tests Now" or "Take Tests Now".
  If you click "Make Tests Now", you can enroll the question.
You can write the question on the "question content" box and write the answer on "answer" box.
Also you can enter the comment on "comment" box. If you want to answer as Objective.
you can click on objective and answer the objective answers and check the right answer.
  If you make more question click "add" button on bottom of page or remove question by trash bin icon.
Then you can finish by clicking on "complete" button on the right side of "add" button.
Now you can come back on the start page.
  If you click "Take Tests Now", you can take the tests.
you can see the question, points and enter your answer on "Answer" box.
Also you can check the answer on the objective question.
  If you finish taking test, you can submit answer sheets by clicking "submit" button on the bottom of the page.
Then you can see the correcting page. We can show you which the question is correct or incorrect.
Also, the page will show the comment and total score as numbers of right answers.
If you want to go back the start page, you can just click on "Home" button on the bottom of the page. 

Contribution

• Seung-yun Chae: HTML, CSS, Documentation
• Jiwan Park: JavaScript, Demo video, Documentation
• Dongkun Kim: UI&Logo Design, JavaScript, Documentation

You can check the detail role in implementation ToDoList here, which shows who developed which features.

oss_project_6's Issues

.

Complete 하면 LocalStorage에 저장하기 구현 - @jyani96

Add more... 누르면 객관식 선지 추가

html 및 css 검토 후 개선사항

전체

1. 몇몇 엘리먼트들이 head와 body태그 사이에 있는데 확인 바랍니다.
2. Navbar의 로고는 호버시 커서가 바뀌도록 (e.g. cursor: pointer를 css에 추가하는 등) 부탁드립니다.
3. 폰트 weight (bold)는 strong 태그가 아닌 부트스트랩 텍스트 유틸리티 또는 커스텀 css로 구현 부탁드립니다.

Take.html

1. "Question" 이 있는부분의 배경색이 body 배경색과 다릅니다. 투명으로 해주시거나 안된다면 통일 바랍니다.
2. 문제 부분은 이미 입력된 문제가 나오는 것이므로 텍스트 인풋이 들어가는 곳이 아니라고 생각됩니다. 수정 부탁드립니다!

---

수정 후 이에 해당하는 PR을 댓글로 태그해주시면 감사하겠습니다!

Feature TODO

Feature Implementation

필수 기능

Make.html

• 문항 ADD 추가 - @GunderGie #6
• 객관식 주관식 변경 구현 - @GunderGie #7
• Add more... 누르면 객관식 선지 추가 @jyani96 #4
• Complete 누르면 Local Storage에 저장하기 구현 @jyani96 #10

Take.html

• 저장된 문항 불러오기 @jyani96 #15
• 채점 @jyani96 #17 #20

추가기능 (필수 기능 개발 후 시간이 남을 경우)

Error 처리

• Make.html에서 문항 미입력시 해당 텍스트필드 UI를 error state로 바꾸기 @GunderGie #22

• • 미입력된 텍스트필드로 스크롤 이동시키기

• Make를 하지 않고(저장된 문항이 없는 상태로) Take 진입 시 에러메시지 띄우기

기타

• 배점 기능

• • 배점에서 Direct Input 체크하면 2,3,4 눌려있는 버튼은 unchecked 돼야 함

• 문항/객관식답안 삭제 기능 @GunderGie #12 #16

Bugs to Fix

추가바람