introduction.html 4.17 KB

Raw Blame History Permalink

<!DOCTYPE html>
<html>
<head>
    <title> Introduction </title>
    <link rel="stylesheet" type="text/css"href="introduction.css">
</head>
<body>
    <div class="container1">
        <span class="logo">Welcome to Baseball Simulator</span>
    </div>
    <nav id="menu">
            <ul>
                <li>
                    <a class="me" href="main.html">Home</a>
                </li>
                <li>
                    <a class="me" href="introduction.html">Introduction</a>
                </li>
                <li>
                    <a class="me" href="calendar.html">Calendar</a>
                </li>
                <li>
                    <a class="me" href="simulation.html">Simulation</a>
                </li>
            </ul>
        </nav>
        <div class="container2">
            <h1>적중률 99% 야구 결과 시뮬레이터<br></h1>
            <p>원하는 팀과 선수로 여러분만의 경기를 만들고 그 결과를 확인하세요!<br><br></p>
            <h2>About the project<br></h2>
            <p>저희는 여러분에게 다양한 기능을 제공합니다. 한국의 프로야구 팀 중 두 팀을 사용자가 선택하고, 투수와 타자를 포함한 모든 선수를 사용자가 선출하여 팀을 구성할 수 있습니다.</p>
            <p>이렇게 두 팀을 구성하게 되면 어느 팀이 이길지, 승률은 얼마인지에 대한 결과를 제공합니다!<br></p>
            <p>추가적으로, 각 팀의 경기 일정과 경기 관련 영상을 확인하실 수 있습니다!<br><br></p>
            <h2>Built with</h2>
            <p>- HTML<br></p>
            <p>- CSS<br></p>
            <p>- Javascript<br></p>
            <p>- Express<br></p>
            <p>- pm2<br></p>
            <p>- AWS EC2<br></p>
            <p>- AWS Route 53<br><br></p>
            <h2>Getting Started<br></h2>
            <p>https://2020105636.oss-2021.tk:23023/ 도메인 접속으로 바로 이용 가능합니다.<br><br></p>
            <h3>로컬 서버를 이용하여 구동하는 방법<br></h3>
            <p>- Nodejs 설치가 필요합니다. https://nodejs.org/<br><br></p>
            <h4>(1) 원하는 디렉토리에서 git bash를 열어 다음 코드를 입력하여 clone을 진행합니다.<br></h4>
            <p>$ git clone http://khuhub.khu.ac.kr/2021-1-open-source/BaseBallSimulator.git<br></p>
            <h4>(2) ./BaseBallSimulator/의 위치로 이동한 후 다음 코드를 입력하여 필요한 요소들을 설치합니다.<br></h4>
            <p>$ npm install<br></p>
            <h4>(3) 다음의 코드를 입력하여 로컬 서버를 구동합니다.<br></h4>
            <p>$ node server.js<br></p>
            <h4>(4) localhost:8080 에 접속하시면 시뮬레이터를 이용하실 수 있습니다.<br><br></h4>
            <h2>Usage<br></h2>
            <p>- Home 화면에서는 팀 순위와 경기 일정, 그리고 경기 기록이 우수한 선수들과 경기 관련 영상을 확인할 수 있습니다.<br></p>
            <p>- Introduction 화면<br></p>
            <p>- Calendar 화면에서는 각 팀의 로고를 클릭하면 해당 팀의 시즌 경기 일정을 확인할 수 있습니다.<br></p>
            <p>- Simulation 화면<br></p>
            <p>1) 원정 팀과 홈 팀을 선택하고 각 팀의 1~9번 타자와 선발 투수를 선택합니다.<br></p>
            <p>2) 시뮬레이션 버튼을 클릭하면 각 이닝별 베이스 상태와 아웃카운트, 스코어 등이 출력되며, 이를 기반으로 예측된 최종 스코어로 승리 팀과 패배 팀을 도출하여 출력합니다.<br></p>
            <p>3) 승률 예측 버튼을 클릭하면 모의 경기를 몇 번 할 것인지 설정할 수 있고 원정팀과 홈팀 각각의 승리 횟수와 무승부 횟수, 그리고 각 팀의 승리 확률을 출력합니다.<br></p>
            <h2><br>Contributor<br></h2>
            <p>- 김건우(2020105583) : 정보 수집 및 전반적인 알고리즘 구축, Javascript<br></p>
            <p>- 오진혁(2020105636) : 정보 수집 및 서버 구축, Nodejs<br></p>
            <p>- 정주희(2020105660) : 프론트 및 알고리즘 적용, HTML, CSS, Javascript<br></p>
        </div>
</body>
</html>