-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathonline-testing.html
139 lines (132 loc) · 6.8 KB
/
online-testing.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!doctype html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Приложение позволяет пользователям оценить свои знания, пройдя тест по выбранной тематике."/>
<title>Онлайн тестирование - Java Projects</title>
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../css/logo-ref.css"/>
<link rel="stylesheet" type="text/css" href="../css/project-page.css"/>
<link rel="icon" href="../favicon.ico" type="image/x-icon">
</head>
<body class="d-flex flex-column min-vh-100">
<div class="fixed-top">
<div id="navbarContent"></div>
</div>
<div class="container">
<div class="row bg-secondary text-white ml-0 mr-0 mb-4 pt-2 rounded">
<img src="../images/online-testing/online-testing-logo-big.png" width="40" height="40" class="mb-3 ml-3 mt-md-1" alt="Online Testing Logo">
<span class="font-weight-bold ml-3 mt-2 mt-md-0 mb-md-2 my-h1">Онлайн тестирование</span>
</div>
<div class="mb-4">
<span><a href="/onlinetesting" target="_blank" onclick="alreadyTested()">Протестировать приложение</a></span><br>
<a href="https://github.com/ishlyakhtenkov/onlinetesting">Source code на GitHub</a><br>
<a href="../docker-compose-files/online-testing/docker-compose.yaml" download>Docker Compose file</a>
</div>
<h3>Использованные технологии</h3>
<hr class="hr-bold my-3">
<ul class="nav nav-tabs mb-2" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="home-tab" data-toggle="tab" data-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">Backend</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="profile-tab" data-toggle="tab" data-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">UX/UI</button>
</li>
</ul>
<div class="tab-content mb-3 ml-3" id="myTabContent">
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
<div class="row row-cols-2 row-cols-md-2 row-cols-lg-4">
<div class="col">
<p>Maven</p>
</div>
<div class="col">
<p>Spring Boot 2</p>
</div>
<div class="col">
<p>Spring MVC</p>
</div>
<div class="col">
<p>Spring Data JPA</p>
</div>
<div class="col">
<p>Hibernate</p>
</div>
<div class="col">
<p>JUnit 5</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
<div class="row row-cols-1">
<div class="col">
<p>Thymeleaf</p>
</div>
<div class="col">
<p>Bootstrap 5</p>
</div>
</div>
</div>
</div>
<h3>Описание приложения</h3>
<hr class="hr-bold my-3">
<div class="row row-cols-1 row-cols-xl-2">
<div class="col col-xl-7">
<div class="text-justify">
<p>
Данное приложение позволяет пользователям проверить свои знания, пройдя онлайн тест по выбранной тематике.
</p>
<img src="../images/online-testing/topics.png" class="img-fluid w-100 img-thumbnail d-xl-none mb-3" alt="Topics">
<p>
Пользователю предлагается выбрать тему, по которой он хочет пройти тест, из списка имеющихся тем.
После выбора тематики теста начинается тестирование, где пользователю необходимо отвечать на предлагающиеся вопросы, выбирая правильный
ответ из представленного списка. В случае неверного ответа на вопрос информация об этом сохраняется.
</p>
<p>
Пользователь может в любой момент прервать прохождение теста и перейти к просмотру результатов, нажав кнопку <q>Interrupt test</q>.
</p>
</div>
</div>
<div class="col col-xl-5 d-none d-xl-block mt-1 text-right">
<img src="../images/online-testing/topics.png" class="img-fluid img-thumbnail" alt="Topics">
</div>
</div>
<img src="../images/online-testing/question.png" class="img-fluid img-thumbnail mb-3" alt="Question">
<div class="text-justify">
<p>
После ответов на все вопросы теста или досрочного завершения теста нажатием кнопки <q>Interrupt test</q>
приложение представляет пользователю результаты выполнения теста.
</p>
<img src="../images/online-testing/result.png" class="img-fluid img-thumbnail mb-3" alt="Result">
<p class="mb-4">
В случае если пользователь давал неверные ответы, программа выводит список соответствующих вопросов,
а также отображает правильные ответы на эти вопросы совместно с неправильными ответами, данными пользователем.
</p>
</div>
</div>
<div class="modal fade" tabindex="-1" role="dialog" id="testRequestModal">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Хотите протестировать данный проект прямо сейчас?</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-footer">
<a href="/onlinetesting" target="_blank" class="btn btn-primary" onclick="closeTestRequestModal()">Протестировать</a><br>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Не сейчас</button>
</div>
</div>
</div>
</div>
<footer class="mt-auto text-lg-start">
<div id="footerContent"></div>
</footer>
<script src="../js/jquery-3.3.1.min.js"></script>
<script src="../js/popper.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/load-fragments.js"></script>
<script src="../js/show-test-request-modal.js"></script>
</body>
</html>