오진혁

Update introduction page

...@@ -50,4 +50,13 @@ body{ ...@@ -50,4 +50,13 @@ body{
50 #menu .me:hover{ 50 #menu .me:hover{
51 color:#D499B9; 51 color:#D499B9;
52 background-color: #2E294E; 52 background-color: #2E294E;
53 +}
54 +.container2{
55 + width: 80%;
56 + height: 600px;
57 + margin: 50px 10% 50px 10%;
58 + background-color:white;
59 + overflow-y:scroll;
60 + overflow-x:auto;
61 + padding: 10px;
53 } 62 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -24,6 +24,44 @@ ...@@ -24,6 +24,44 @@
24 </li> 24 </li>
25 </ul> 25 </ul>
26 </nav> 26 </nav>
27 - 27 + <div class="container2">
28 + <h1>적중률 99% 야구 결과 시뮬레이터<br></h1>
29 + <p>원하는 팀과 선수로 여러분만의 경기를 만들고 그 결과를 확인하세요!<br><br></p>
30 + <h2>About the project<br></h2>
31 + <p>저희는 여러분에게 다양한 기능을 제공합니다. 한국의 프로야구 팀 중 두 팀을 사용자가 선택하고, 투수와 타자를 포함한 모든 선수를 사용자가 선출하여 팀을 구성할 수 있습니다.</p>
32 + <p>이렇게 두 팀을 구성하게 되면 어느 팀이 이길지, 승률은 얼마인지에 대한 결과를 제공합니다!<br></p>
33 + <p>추가적으로, 각 팀의 경기 일정과 경기 관련 영상을 확인하실 수 있습니다!<br><br></p>
34 + <h2>Built with</h2>
35 + <p>- HTML<br></p>
36 + <p>- CSS<br></p>
37 + <p>- Javascript<br></p>
38 + <p>- Express<br></p>
39 + <p>- pm2<br></p>
40 + <p>- AWS EC2<br></p>
41 + <p>- AWS Route 53<br><br></p>
42 + <h2>Getting Started<br></h2>
43 + <p>https://2020105636.oss-2021.tk:23023/ 도메인 접속으로 바로 이용 가능합니다.<br><br></p>
44 + <h3>로컬 서버를 이용하여 구동하는 방법<br></h3>
45 + <p>- Nodejs 설치가 필요합니다. https://nodejs.org/<br><br></p>
46 + <h4>(1) 원하는 디렉토리에서 git bash를 열어 다음 코드를 입력하여 clone을 진행합니다.<br></h4>
47 + <p>$ git clone http://khuhub.khu.ac.kr/2021-1-open-source/BaseBallSimulator.git<br></p>
48 + <h4>(2) ./BaseBallSimulator/의 위치로 이동한 후 다음 코드를 입력하여 필요한 요소들을 설치합니다.<br></h4>
49 + <p>$ npm install<br></p>
50 + <h4>(3) 다음의 코드를 입력하여 로컬 서버를 구동합니다.<br></h4>
51 + <p>$ node server.js<br></p>
52 + <h4>(4) localhost:8080 에 접속하시면 시뮬레이터를 이용하실 수 있습니다.<br><br></h4>
53 + <h2>Usage<br></h2>
54 + <p>- Home 화면에서는 팀 순위와 경기 일정, 그리고 경기 기록이 우수한 선수들과 경기 관련 영상을 확인할 수 있습니다.<br></p>
55 + <p>- Introduction 화면<br></p>
56 + <p>- Calendar 화면에서는 각 팀의 로고를 클릭하면 해당 팀의 시즌 경기 일정을 확인할 수 있습니다.<br></p>
57 + <p>- Simulation 화면<br></p>
58 + <p>1) 원정 팀과 홈 팀을 선택하고 각 팀의 1~9번 타자와 선발 투수를 선택합니다.<br></p>
59 + <p>2) 시뮬레이션 버튼을 클릭하면 각 이닝별 베이스 상태와 아웃카운트, 스코어 등이 출력되며, 이를 기반으로 예측된 최종 스코어로 승리 팀과 패배 팀을 도출하여 출력합니다.<br></p>
60 + <p>3) 승률 예측 버튼을 클릭하면 모의 경기를 몇 번 할 것인지 설정할 수 있고 원정팀과 홈팀 각각의 승리 횟수와 무승부 횟수, 그리고 각 팀의 승리 확률을 출력합니다.<br></p>
61 + <h2><br>Contributor<br></h2>
62 + <p>- 김건우(2020105583) : 정보 수집 및 전반적인 알고리즘 구축, Javascript<br></p>
63 + <p>- 오진혁(2020105636) : 정보 수집 및 서버 구축, Nodejs<br></p>
64 + <p>- 정주희(2020105660) : 프론트 및 알고리즘 적용, HTML, CSS, Javascript<br></p>
65 + </div>
28 </body> 66 </body>
29 </html> 67 </html>
......