-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
262 lines (224 loc) · 18 KB
/
index.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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Лабораторная №1</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/tab.css">
</head>
<body>
<main>
<h2 <div style="width: 100%; height: 30px; text-align: right"><span style="float: left">Студент: Колов Максим</span> Студент: Ковалдов Дмитрий</div>
<div style="width: 100%; height: 30px; text-align: right"> </div></h2>
<h2 <div style="width: 100%; height: 30px; text-align: right"><span style="float: left">Группа: ИДМ-19-04</span> Группа: ИДМ-19-05</div>
<div style="width: 100%; height: 30px; text-align: right"> </div></h2>
</main>
<h2>Отчёты по лабораторным работам</h2>
<div class="tab">
<button class="tablinks" onclick="openCity(event, 'Lab1')">Лабораторная №1</button>
<button class="tablinks" onclick="openCity(event, 'Lab2')">Лабораторная №2</button>
<button class="tablinks" onclick="openCity(event, 'Lab3')">Лабораторная №3</button>
<button class="tablinks" onclick="openCity(event, 'Lab4')">Групповой проект</button>
</div>
<div id="Lab1" class="tabcontent">
<h3>Лабораторная работа №1</h3>
<p>
<h3>1. Идентификатор прецедента</h3>
<p>Чтобы начать работать с сервисом <a href="https://github.com/">Гитхаб</a>, нужно иметь на нём активированный аккаунт.</p>
<p>Если аккаунта нет, то необходимо его создать. Для этого переходим на <a href="https://github.com/">Гитхаб</a>, находим и нажимаем кнопку «Sign up» (зарегистрироваться).</p>
<p>На странице регистрации вам предложат ввести обязательные данные:</p>
<ul><li>имя пользователя;</li><li>адрес электронной почты;</li><li>пароль.</li></ul>
<figure><img class="lozad fade" data-src="https://assets.htmlacademy.ru/img/blog/85/registration@1x.png" data-srcset="https://assets.htmlacademy.ru/img/blog/85/registration@1x.png 1x, https://assets.htmlacademy.ru/img/blog/85/registration@2x.png 2x" width="600" alt="Страница регистрации на Гитхабе" src="https://assets.htmlacademy.ru/img/blog/85/registration@1x.png" srcset="https://assets.htmlacademy.ru/img/blog/85/registration@1x.png 1x, https://assets.htmlacademy.ru/img/blog/85/registration@2x.png 2x" data-loaded="true"><noscript><img src="https://assets.htmlacademy.ru/img/blog/85/registration@1x.png" srcset="https://assets.htmlacademy.ru/img/blog/85/registration@1x.png 1x, https://assets.htmlacademy.ru/img/blog/85/registration@2x.png 2x" width="600" alt="Страница регистрации на Гитхабе"></noscript><figcaption><span class="figurecaption-inside">Страница регистрации.</span></figcaption></figure>
<p>Следующий шаг — выбор тарифного плана, с которым вы собираетесь работать.</p>
<p>Обращаем внимание, что Гитхаб полностью бесплатный сервис. Однако, он предоставляет и платные возможности. Например, приватные репозитории.</p>
<figure><img class="lozad fade" data-src="https://assets.htmlacademy.ru/img/blog/85/plan@1x.png" data-srcset="https://assets.htmlacademy.ru/img/blog/85/plan@1x.png 1x, https://assets.htmlacademy.ru/img/blog/85/plan@2x.png 2x" width="600" alt="Тарифный план" src="https://assets.htmlacademy.ru/img/blog/85/plan@1x.png" srcset="https://assets.htmlacademy.ru/img/blog/85/plan@1x.png 1x, https://assets.htmlacademy.ru/img/blog/85/plan@2x.png 2x" data-loaded="true"><noscript><img src="https://assets.htmlacademy.ru/img/blog/85/plan@1x.png" srcset="https://assets.htmlacademy.ru/img/blog/85/plan@1x.png 1x, https://assets.htmlacademy.ru/img/blog/85/plan@2x.png 2x" width="600" alt="Тарифный план"></noscript><figcaption><span class="figurecaption-inside">Выбираем бесплатное использование (Free) и нажимаем кнопку «Finish sign up».</span></figcaption></figure>
<p>После этого вы попадаете на страницу профиля, а на указанную ранее почту придёт письмо с просьбой подтвердить электронный адрес. Для завершения регистрации пройдите по полученной ссылке.
Аккаунт для Гитхаба создан, всё готово к дальнейшей работе.</p>
</div>
<div id="Lab2" class="tabcontent">
<h3>Лабораторная работа №2</h3>
<p> </p>
<table border="1" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="width:319px;">
<p align="center"><b>Колов Максим</b></p>
</td>
<td style="width:319px;">
<p align="center"><b>Дмитрий Ковалдов </b></p>
</td>
</tr>
<tr>
<td style="width:319px;">
<p>Системный программист (создание интерфейса взаимодействия с пользователем и т.д.);</p>
</td>
<td style="width:319px;">
<p>Внедренец (продажи)</p>
</td>
</tr>
<tr>
<td style="width:319px;">
<p>Бизнес-анализ (выявление потребностей и обоснование решений, описывающих возможные пути реализации изменений)</p>
</td>
<td style="width:319px;">
<p>Администратор (обсуждение и выбор технологической базы);</p>
</td>
</tr>
<tr>
<td style="width:319px;">
<p>Прикладной программист</p>
</td>
<td style="width:319px;">
<p>Научный исследователь (изучение рынка/предметной области, проведение митапов для участников команды);</p>
</td>
</tr>
<tr>
<td style="width:319px;">
<p>Руководитель проекта (организация процессов работы команды)</p>
</td>
<td style="width:319px;">
<p>Консалтинг (обучение/подготовка)</p>
</td>
</tr>
</tbody>
</table>
<p> </p>
</div>
<div id="Lab3" class="tabcontent">
<h3>Лабораторная работа №3</h3>
<h1 align="center">Расчёты</h1>
<p>· LAN A: 20 узлов. Подсеть: 192.168.4.0/27.</p>
<p>· LAN B: 201 узел. Подсеть: 172.16.4.0/24.</p>
<p>· LAN C: 200 узлов. Подсеть: 10.10.4.0/24.</p>
<p>· Соединения между маршрутизаторами: 2 узла. Подсеть: 15.15.4.0/30.</p>
<h1 align="center">Ход выполнения работы</h1>
<p>После размещения и соединения компьютеров и коммутатора, настраиваем систему с помощью подключения через консольный кабель.</p>
<p>Следующий шаг, это расчёт Subnet и Broadcast адреса для всех LAN.</p>
<p>Проверка работоспособности сети прошла неудачно, так как для передачи пакетов между подсетями не хватает ещё одного элемента связи.</p>
<p>Добавляем на рабочее поле еще один коммутатор с двумя компьютерами и настраиваем адресацию из другой подсети.</p>
<p>Соединяем коммутаторы между собой и проверяем работоспособность сети.</p>
<p>Далее, добавляем ещё один маршрутизатор и настраиваем интерфейсы для существующих подсетей.</p>
<p>Проверяем работоспособность. Сеть не работает так как необходимо добавить шлюз по умолчанию.</p>
<p>Указываем шлюз по умолчанию и отправляем сообщение</p>
<p>Добавляем на рабочее поле еще один маршрутизатор.</p>
<p>Подключаем к нему коммутатор и компьютер.</p>
<p>Настраиваем сетевые настройки.</p>
<p>Соединяем маршрутизаторы и настраиваем между ними сеть с префиксом /30.</p>
<p>Проверяем работоспособность сети, отправив сообщение сети A в сеть С и из сети В в сеть С. Для связи между LAN не хватает статической маршрутизации.</p>
<p>Настраиваем статическую маршрутизацию.</p>
<p>Настраиваем на сетевых устройствах пароли для привилегированного режима, добавляем баннер.</p>
<p><img src="https://raw.githubusercontent.com/KolovMaksim/KolovMaksim.github.io/master/LR1/1.PNG" alt="" /></p>
<p>Настраиваем пароли на сетевых устройствах пароли на подключение через консоль и telnet.</p>
<p><img src="https://raw.githubusercontent.com/KolovMaksim/KolovMaksim.github.io/master/LR1/2.PNG" alt="" /></p>
<p>Проверяем работу удалённого подключения.</p>
<p><img src="https://raw.githubusercontent.com/KolovMaksim/KolovMaksim.github.io/master/LR1/3.PNG" alt="" /></p>
<h1 align="center" style="text-align:center;line-height:200%">Схема сети</h1>
<p><img src="https://raw.githubusercontent.com/KolovMaksim/KolovMaksim.github.io/master/LR1/4.PNG" alt="" /></p>
</div>
<div id="Lab4" class="tabcontent">
<h3>Лабораторная работа №4</h3>
<p>Для реализации группового проекта был выбран инструмент бережливого производства Канбан.</p>
<p>При запуске приложения, открывается раобочее просторанство, которое разделено на несколько сегментов:</p>
<ul>
<li>Область задач.</li>
<li>Область детального описания задачи.</li>
<li>Область управления задачами и тегами.</li>
</ul>
<p>Наиболее важной и стартовой функцией, при эксплуатации, является сегмент управления задачами и тегами, расположенный в нижней части окна.</p>
<p> </p>
<p><img src="https://raw.githubusercontent.com/KolovMaksim/KolovMaksim.github.io/master/LR1/11.png" alt="" /></p>
<p>В данном меню осуществляется присвоение тегов задачам, а также переход к интерфейсу создания и редактирования тегов.</p>
<p><img src="https://raw.githubusercontent.com/KolovMaksim/KolovMaksim.github.io/master/LR1/22.png" alt="" /></p>
<p>Левая часть окна, представляет собой область создания задач. По нажатию кнопки «+», становится активна правая часть окна, область детального описания задачи, в которой пользователь системы, даёт задаче название и заполняет её описание.</p>
<p><img src="https://raw.githubusercontent.com/KolovMaksim/KolovMaksim.github.io/master/LR1/33.png" alt="" /></p>
<p>Благодаря списку тегов в верхней части окна и меню, отражающему принадлежность задачи к определённым тегам, можно с лёгкостью определить, статус задачи и кто ответственен за её выполнение.</p>
<p><img src="https://raw.githubusercontent.com/KolovMaksim/KolovMaksim.github.io/master/LR1/44.png" alt="" /></p>
</div>
<div id="Lab5" class="tabcontent">
<h3>Лабораторная работа №5-7</h3>
<p><!-- about
================================================== -->
<section id="about" class="s-about target-section">
<div class="row section-header" data-aos="fade-up">
<!--<div class="col-full"> opensuse-blue wow fadeInUp lang="en" -->
<div class="d-flex flex-column flex-md-row gh-header">
<h3 class="text-center">1. Определение состава комнады и распределение ролей.</h3>
<h4 class="text-center"><strong>Павел</strong></h4>
<h4 class="text-center"><li>НИ - Архитектор</li></h4>
<h4 class="text-center"><li>ВН - Дизайнер</li></h4>
<h4 class="text-center"><li>ПП - Программист</li></h4>
<br>
<h4 class="text-center"><strong>Виктория</strong></h4>
<h4 class="text-center"><li>РП - Руководитель проекта</li></h4>
<h4 class="text-center"><li>АД - Мастер</li></h4>
<h4 class="text-center"><li>КО - Тех.писатель</li></h4>
<br>
<h4 class="text-center"><strong>Максим</strong></h4>
<h4 class="text-center"><li>БА - Тестировщик</li></h4>
<h4 class="text-center"><li>СП - Аналитик</li></h4>
<br>
<br>
<h3 class="text-center">2. Выбор USER STORY.</h3>
<h3 class="text-center"><strong>Эпик</strong></h3>
<h4 class="text-center">SWOT</h4>
<br>
<h3 class="text-center"><strong>Проект</strong></h3>
<h4 class="text-center">Данные</h4>
<br>
<h3 class="text-center"><strong>Задача</strong></h3>
<h4 class="text-center">Функция</h4>
<br>
<h3 class="text-center"><strong>USER STORY</strong></h3>
<h4 class="text-center">Создание продукта для отображения SWOT оценки проектов</h4>
<br>
<br>
<h3 class="text-center opensuse-blue wow fadeInUp" lang="en">3. Описание основных задач и занесение их в карточки на <a href="https://github.com/stankin/oop-model/projects/1?card_filter_query=label%3A%22%D0%B7%D0%B0%D0%B4%D0%B0%D1%87%D0%B0+8%22">канбан</a> доске.</h3>
<br>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://vittotory.github.io/VittoTory.github.io/5LR/Канбан.JPG" /></p>
<br>
<br>
<br>
<h3 class="text-center">ЛАБОРАТОРНАЯ РАБОТА 6</h3>
<br>
<br>
<h3 class="text-center">1. Рассмотрены существующие реализации</h3>
<h4 class="text-center"><strong>Результаты представлены в <a href="https://github.com/stankin/oop-model/issues/29">комментариях к задаче</a> и <a href="https://github.com/ndkator/ndkator.github.io/blob/master/doc/%D0%A1%D1%83%D1%89%D0%B5%D1%81%D1%82%D0%B2%D1%83%D1%8E%D1%89%D0%B8%D0%B5%20%D1%80%D0%B5%D0%B0%D0%BB%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D0%B8.docx">личном репозитории</a></strong></h4>
<br>
<br>
<h3 class="text-center opensuse-blue wow fadeInUp" lang="en">2. Задачи декомпозированы и распределены по участникам, всё занесено в <a href="https://github.com/stankin/oop-model/projects/1?card_filter_query=label%3A%22%D0%B7%D0%B0%D0%B4%D0%B0%D1%87%D0%B0+8%22"> SWOT Project (github)</a></h3>
<br>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://vittotory.github.io/VittoTory.github.io/6LR/Задачи.PNG"/></p>
<br>
<br>
<h3 class="text-center opensuse-blue wow fadeInUp" lang="en">3. Создан прототип стуктуры БД</h3>
<br>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://raw.githubusercontent.com/ndkator/ndkator.github.io/master/images/main.png"/></p>
<br>
<br>
<br>
<h3 class="text-center opensuse-blue wow fadeInUp" lang="en">4. Все реализованные задачи перенесены в доску выполненных задач с пометкой о результатах выполнения.</h3>
<br>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://vittotory.github.io/VittoTory.github.io/6LR/Закрытые.PNG"/></p>
<br>
<h3 class="text-center opensuse-blue wow fadeInUp" lang="en">5. Все задачи занесены в ранее созданный <a href="https://angular-calendar-stankin.stackblitz.io/">календарь</a></h3>
</div>
</div> <!-- end about-process -->
</section> <!-- end s-about --></p>
</div>
<script>
function openCity(evt, cityName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " active";
}
</script>
</body>
</html>