UseCaseImplementations: educatum_presentation.html

File educatum_presentation.html, 17.8 KB (added by 193140, 20 months ago)
Line 
1<!DOCTYPE html>
2
3<html lang="mk">
4<head>
5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
6 <link href="https://bazi.finki.ukim.mk/project_presentations/201920_va/_template/styles.css" rel="stylesheet"/>
7
8 <!-- сменете во title и во author, со вашето име на база и името на авторот/авторите на проектот -->
9 <title>Бази на податоци 2021/22/Зимски - db_202122z_va_prj_educatum - Презентација на апликација</title>
10 <meta name="Marija Micevska, Ana Mladenovska" content="db_202122z_va_prj_educatum">
11
12</head>
13
14<body>
15<div id="impress">
16 <div class="slide step" id="start">
17
18 <h1>db_202122z_va_prj_educatum</h1>
19
20 <h2>Презентација на развиен софтвер</h2>
21
22 <div class="projectInfo" style="font-size:90%; margin-top:3em;position:absolute; bottom:1em;">
23
24 <p>Проект: <b>Educatum - Систем за учење и евиденција на ученици</b></p>
25
26 <p>Членови на тимот:</p>
27
28 <ul>
29 <li><a href="mailto:marija_micevska@outlook.com">Марија Мицевска 193041</a></li>
30 <li><a href="mailto:ana123mladenovska@gmail.com">Ана Младеновска 193140</a></li>
31 </ul>
32
33 <p>
34 Предмет: <b>Бази на податоци</b> - 2021/2022/Зимски семестар.<br>
35 Предметен наставник: <b>вонр. проф. д-р Вангел Ајановски</b>.<br>
36 Вежби водени од демонстратор: <b>м-р Ненад Анчев</b>.
37 </p>
38 </div>
39 </div>
40
41
42 <div class="slide step" id="abstract">
43 <h2>Апстракт</h2>
44
45 <p>Веб апликација која овозможува пребарување и пристап до наставници кои држат приватни часови и нивно
46 поврзување со учениците. Целта е да им се помогне на учениците да ги совладаат посакуваните знаења со избор
47 на наставник по желба, додека пак на наставниците им е овозможена полесна евиденција на нивните ученици и
48 еден вид на маркетинг.
49 Доколку корисникот се регистрира како наставник, избира еден или повеќе предмети кои сака и е квалификуван
50 да ги предава. По регистрацијата следува пристап до алатки кои му овозможуваат водење на евиденција (во која
51 спаѓа и плаќањето) за секој негов ученик со ID, име, презиме, телефонски број, e-mail и слично. Секој
52 наставник ќе може да гледа и распоред со термини.
53 Предметите се од различни области. Доколку предметот не постои во системот, истиот може да биде додаден. Дел
54 од атрибутите на предметот се ID и име. Ученикот по регистрацијата бира предмет, по што
55 следува листа од сите наставници на предметот, прикажани со детални информации и контакт.
56
57 Целата координација и менаџмент со системот ќе биде одговорност на администраторот.</p>
58
59 </div>
60
61
62 <div class="slide step" id="architecture">
63 <h2>Архитектура</h2>
64
65 <p>Java | SDK 16.0.2 | Spring Boot - open-source Java framework кој со помош на неговите бројни корисни
66 библиотеки и
67 карактеристики од типот на Inversion of Control (Dependency Injection), Apache Tomcat Container-от,
68 менаџирање на POM зависности (pom.xml
69 фајлот) и многу други, ни го олеснува развојот на веб апликации.
70 <br>
71 Дополнително: Maven build automation tool, JPA Buddy plugin за генерирање на моделите, MVC design pattern,
72 CRUD операции</p>
73
74 <h3>Слоеви:</h3>
75 <ul>
76 <li>База на податоци: PostgreSQL 11</li>
77 <li>Слој за поврзување со базата: Hibernate ORM 5.6.3 / JPA</li>
78 <li>Заднинска/Бизнис логика: сервиси кои имплементираат различни интерфејси, Java8 Streams</li>
79 <li>Контрола на интеракции: Java Spring Boot, контролери кои враќаат view изградено со помош на Thymeleaf
80 Template Engine
81 </li>
82 <li>Кориснички интерфејс: Thymeleaf Template Engine (HTML, Bootstrap)</li>
83 </ul>
84 </div>
85
86
87 <div class="slide slide-screenshot step" id="er">
88 <h2>Дизајн на базата (ERD)</h2>
89
90 <p>
91 <a href="media/ERModel_v08.jpg">
92 <img src="media/ERModel_v08.jpg"
93 alt="На сликата е претставен финалниот ЕР дијаграм за изработената база на податоци"/>
94 </a>
95 </p>
96 </div>
97
98
99 <div class="slide slide-screenshot step" id="rd">
100 <h2>Имплементирана релациска шема (RD)</h2>
101
102 <p>
103 <a href="media/schema_v04.jpg">
104 <img src="media/schema_v04.jpg"
105 alt="На сликата е претставен финалниот дијаграм на изработената релациска шема на базата на податоци"/></a>
106 </p>
107
108 </div>
109
110 <div class="slide slide-screenshot step" id="slide_001">
111 <h2>Екран 1: Почетна страна на апликацијата</h2>
112 <h6>Приказ на почетната страна на апликацијата</h6>
113
114 <a href="media/ekrani/home.jpg"><img src="media/ekrani/home.jpg"
115 alt="Почетна страна"/></a>
116 </div>
117
118 <div class="slide slide-screenshot step" id="slide_002">
119 <h2>Екран 2: Регистрација на наставник</h2>
120 <h6>Корисникот ја селектира radio-button опцијата „Наставник“</h6>
121 <a href="media/ekrani/registracija nastavnik/registracija.jpg"><img
122 src="media/ekrani/registracija nastavnik/registracija.jpg"
123 alt="Регистрација на наставник"/></a>
124 </div>
125
126 <div class="slide slide-screenshot step" id="slide_003">
127 <h2>Екран 3: Додавање на предмет во листата со предмети</h2>
128 <h6>Доколку предметот го нема во листата, истиот може да биде
129 додаден</h6>
130 <a href="media/ekrani/registracija nastavnik/dodavanjepredmet.jpg">
131 <img src="media/ekrani/registracija nastavnik/dodavanjepredmet.jpg"
132 alt="Додавање предмет"/></a>
133 </div>
134 <div class="slide slide-screenshot step" id="slide_004">
135 <h2>Екран 4: Предмет кој наставникот ќе го предава</h2>
136 <h6>Избор на предмет и внесување на опис за истиот</h6>
137 <a href="media/ekrani/registracija nastavnik/predava_predmet.jpg">
138 <img src="media/ekrani/registracija nastavnik/predava_predmet.jpg"
139 alt="Избор на предмет кој наставникот сака да го предава"/></a>
140 </div>
141 <div class="slide slide-screenshot step" id="slide_005">
142 <h2>Екран 5: Прикачување на скениран документ</h2>
143 <h6>Наставникот прикачува документ (диплома, сертификат итн.) како доказ</h6>
144 <a href="media/ekrani/registracija nastavnik/prikacete_dokument.jpg">
145 <img src="media/ekrani/registracija nastavnik/prikacete_dokument.jpg"
146 alt="Скениран документ"/></a>
147 </div>
148 <div class="slide slide-screenshot step" id="slide_006">
149 <h2>Екран 6: Информација за успешна регистрација</h2>
150 <h6>Профил се уште не е активиран</h6>
151 <a href="media/ekrani/registracija nastavnik/potvrda.jpg">
152 <img src="media/ekrani/registracija nastavnik/potvrda.jpg"
153 alt="Информација за успешна регистрација"/></a>
154 </div>
155 <div class="slide slide-screenshot step" id="slide_007">
156 <h2>Екран 7: Обид за најава на наставникот</h2>
157 <h6>Внес на e-mail и password</h6>
158 <a href="media/ekrani/najava.jpg">
159 <img src="media/ekrani/najava.jpg"
160 alt="Најава"/></a>
161 </div>
162 <div class="slide slide-screenshot step" id="slide_008">
163 <h2>Екран 8: Неактивен профил</h2>
164 <h6>Профилот се уште не е активиран и наставникот не може да се најави</h6>
165 <a href="media/ekrani/neaktiven.jpg">
166 <img src="media/ekrani/neaktiven.jpg"
167 alt="Неактивен профил"/></a>
168 </div>
169 <div class="slide slide-screenshot step" id="slide_009">
170 <h2>Екран 9: Администраторот го активира профилот</h2>
171 <h6>Притоа корисникот добива известување на e-mail</h6>
172 <a href="media/ekrani/nastavniciadmin.jpg">
173 <img src="media/ekrani/nastavniciadmin.jpg"
174 alt="Листа со наставници"/></a>
175 </div>
176
177 <div class="slide slide-screenshot step" id="slide_010">
178 <h2>Екран 10: Внес на ученици</h2>
179 <h6>По најавата, наставникот внесува ученици на кои ќе им предава</h6>
180 <a href="media/ekrani/registracija nastavnik/vnes nov ucenik.jpg">
181 <img src="media/ekrani/registracija nastavnik/vnes nov ucenik.jpg"
182 alt="Листа со ученици"/></a>
183 </div>
184 <div class="slide slide-screenshot step" id="slide_011">
185 <h2>Екран 11: Внес на часови</h2>
186 <h6>По договор со учениците, закажува и внесува часови</h6>
187 <a href="media/ekrani/registracija nastavnik/vnes_casovi_0.jpg">
188 <img src="media/ekrani/registracija nastavnik/vnes_casovi_0.jpg"
189 alt="Додавање нов час"/></a>
190 </div>
191
192 <div class="slide slide-screenshot step" id="slide_012">
193 <h2>Екран 12: Приказ на часови</h2>
194 <h6>Часовите се сортирани според датум</h6>
195 <a href="media/ekrani/registracija nastavnik/vnes_casovi.jpg">
196 <img src="media/ekrani/registracija nastavnik/vnes_casovi.jpg"
197 alt="Сите часови"/></a>
198 </div>
199
200 <div class="slide slide-screenshot step" id="slide_013">
201 <h2>Екран 13: Евиденција</h2>
202 <h6>Евиденција за плаќање на селектираниот ученик</h6>
203 <a href="media/ekrani/registracija nastavnik/evidencija.jpg">
204 <img src="media/ekrani/registracija nastavnik/evidencija.jpg"
205 alt="Евиденција"/></a>
206 </div>
207
208 <div class="slide slide-screenshot step" id="slide_014">
209 <h2>Екран 14: Внес на слушан час и плаќање</h2>
210 <h6>Наставникот внесува час слушан од ученикот</h6>
211 <a href="media/ekrani/registracija nastavnik/vnesslusancas.jpg">
212 <img src="media/ekrani/registracija nastavnik/vnesslusancas.jpg"
213 alt="Евиденција"/></a>
214 </div>
215 <div class="slide slide-screenshot step" id="slide_015">
216 <h2>Екран 15: Внес на плаќање</h2>
217 <h6>По плаќањето, сумата се ажурира</h6>
218 <a href="media/ekrani/registracija nastavnik/update.jpg">
219 <img src="media/ekrani/registracija nastavnik/update.jpg"
220 alt="Евиденција"/></a>
221 </div>
222 <div class="slide slide-screenshot step" id="slide_016">
223 <h2>Екран 16: Администратор - преглед на предмети</h2>
224 <h6>Преглед/пребарување/додавање/бришење на предмети</h6>
225 <a href="media/ekrani/admin/predmeti.jpg">
226 <img src="media/ekrani/admin/predmeti.jpg"
227 alt="Предмети - админ"/></a>
228 </div>
229 <div class="slide slide-screenshot step" id="slide_017">
230 <h2>Екран 17: Администратор - преглед на ученици</h2>
231 <h6>Преглед/пребарување/бришење на ученици</h6>
232 <a href="media/ekrani/admin/ucenici.jpg">
233 <img src="media/ekrani/admin/ucenici.jpg"
234 alt="Ученици - админ"/></a>
235 </div>
236 <div class="slide slide-screenshot step" id="slide_018">
237 <h2>Екран 18: Регистрација на ученик</h2>
238 <h6>Корисникот ја селектира radio-button опцијата „Ученик“</h6>
239 <a href="media/ekrani/registracija ucenik/registracija.jpg">
240 <img src="media/ekrani/registracija ucenik/registracija.jpg"
241 alt="Ученици - регистрација"/></a>
242 </div>
243 <div class="slide slide-screenshot step" id="slide_019">
244 <h2>Екран 19: Селекција на предмет</h2>
245 <h6>Предмети за коишто ученикот бара приватни часови</h6>
246 <a href="media/ekrani/registracija ucenik/zainteresiran.jpg">
247 <img src="media/ekrani/registracija ucenik/zainteresiran.jpg"
248 alt="Предмети"/></a>
249 </div>
250 <div class="slide slide-screenshot step" id="slide_020">
251 <h2>Екран 20: Приказ на наставници по избраниот предмет</h2>
252 <h6>Приказ на наставници по избраниот предмет со име и презиме</h6>
253 <a href="media/ekrani/registracija ucenik/lista%20nastavnici.jpg">
254 <img src="media/ekrani/registracija ucenik/lista%20nastavnici.jpg"
255 alt="Наставници"/></a>
256 </div>
257 <div class="slide slide-screenshot step" id="slide_021">
258 <h2>Екран 20: Контакт информации за наставникот</h2>
259 <h6>Контакт информации со можност за оставање рејтинг</h6>
260 <a href="media/ekrani/registracija ucenik/kontakt%20rejting.jpg">
261 <img src="media/ekrani/registracija ucenik/kontakt%20rejting.jpg"
262 alt="Контакт"/></a>
263 </div>
264
265 <div class="slide step" id="team_roles">
266 <h2>Улоги на членовите на тимот</h2>
267 <p>Членови на тимот:</p>
268 <ul>
269 <li><a href="mailto:marija_micevska@outlook.com">Марија Мицевска 193041</a></li>
270 <li><a href="mailto:ana123mladenovska@gmail.com">Ана Младеновска 193140</a></li>
271 </ul>
272 <p>Членовите на тимот имаа подеднаква улога во однос на изработката на сите фази од проектот.</p>
273 </div>
274
275
276 <!--
277 Овој слајд е по ваша желба. Не мора да го има ако не сакате да бидат јавно видливи овие работи
278
279 Ако решите да биде видлив вашиот изворен код, потребно е да ставите во главниот фолдер датотека
280 LICENSE
281 во која ќе наведете под кои услови може да го користи кодот тој што ќе го разгледува.
282 Ваш избор и ваша желба.
283 -->
284 <div class="slide step" id="source_n_docs">
285 <h2>Дополнителни информации</h2>
286 <p>Изворниот код е достапен <a href="https://github.com/marijamicevska/educatumproject">тука</a></p>
287 </div>
288
289
290</div>
291
292
293<div id="impress-toolbar"></div>
294<div class="impress-progressbar">
295 <div></div>
296</div>
297<div class="impress-progress"></div>
298
299<script src="https://bazi.finki.ukim.mk/project_presentations/201920_va/_template/impress-general.js"></script>
300<script src="https://bazi.finki.ukim.mk/project_presentations/201920_va/_template/impress-run.js"></script>
301
302</body>
303</html>