-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathopis.html
executable file
·91 lines (88 loc) · 4.64 KB
/
opis.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>eZdravje :: 4. DN :: OIS 2017/2018</title>
<link href="knjiznice/css/bootstrap.min.css" rel="stylesheet">
<style>
body {padding-top: 70px;}
</style>
<script src="knjiznice/js/jquery-2.2.3.min.js"></script>
<script src="knjiznice/js/bootstrap.min.js"></script>
<script src="knjiznice/js/koda.js"></script>
</head>
<body>
<!-- ZAČETEK: Menujska vrstica na vrhu spletne strani -->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menujska-vrstica">
<span class="sr-only">Prikaži menu</span>
<span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
</button>
<!-- ZAČETEK: Ime vaše aplikacije -->
<a class="navbar-brand" href="index.html">Salubrious</a>
<!-- KONEC: Ime vaše aplikacije -->
</div>
<div class="collapse navbar-collapse" id="menujska-vrstica">
<ul class="nav navbar-nav">
<li><a href="opis.html">Opis ideje</a></li>
<li><a href="nacrt.html">Načrt informacijske rešitve</a></li>
</ul>
</div>
</div>
</nav>
<!-- KONEC: Menujska vrstica na vrhu spletne strani -->
<!-- ZAČETEK: Opis delovanja aplikacije -->
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Opis ideje, ki jo aplikacija podpira</h3>
</div>
<div class="panel-body">
<!-- ZAČETEK: Opis ideje, ki jo aplikacija podpira -->
<p>Angleško salubrious pomeni zdrav, zdravilen, tako so tudi aktivnosti, ki jih aplikacija podpira, dobre za naše zdravje. Aplikacija podpira vnašanje in črpanje podatkov na podlagi bolnikovega EhrId-ja in glede na zadnje dodano zdravstveno stanje priporoči bolniku aktivnost(načeloma fizično, razen v posebnih scenarijih). Če ima bolnik prenizek ali previsek pritisk, ki meji ali pa je znotraj meja hipotenzije/hipertenzije, se na GoogleMaps prikažejo najbližje bolnišnice, kjer lahko poišče pomoč. Sicer pa se preveri že indeks telesne mase. Če ta indicira podhranjenost nam poišče restavracijo, če indicira normalno težo nam poišče telovadnico oz. fitnes, sicer pa poišče park, v katerem se lahko mirno sprehodimo.</p>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Uporabljeni zunanji viri podatkov</h3>
</div>
<div class="panel-body">
<!-- ZAČETEK: Uporabljeni zunanji viri podatkov -->
<p>Zunanji vir: <a href="https://cloud.google.com/maps-platform/">GoogleMaps</a><br>
V index.html sem vstavil povezavo na JavaScript kodo: <br>
https://maps.googleapis.com/maps/api/js?key=AIzaSyDz6_PGQcXti8ltf1M0U23bHMKSLRehbkY&libraries=places<br>
Namen uporabe: API sem uporabil, da bi prikazal bolniku bližnje objekte primernega tipa(park, gym, hospital, restaurant)<br>
</p>
<!-- KONEC: Uporabljeni zunanji viri podatkov -->
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Master/detail načrtovalski vzorec</h3>
</div>
<div class="panel-body">
<!-- ZAČETEK: Master/detail načrtovalski vzorec -->
<p>Master/detail načrtovalski vzorec, ki sem ga uporabil se pojavi v izbirnem meniju, kjer se po izbiri enega izmed vzorčnih bolnikov kopira njegov ehrId v ustrezno polje. Podoben master/detail načrtovalski vzorec sem vključil tudi pri kreiranju novega EhrId-ja in vnašanju novih meritev.</p>
<!-- KONEC: Master/detail načrtovalski vzorec -->
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Uporabljena tehnika za vizualizacijo podatkov</h3>
</div>
<div class="panel-body">
<!-- ZAČETEK: Uporabljeni zunanji viri podatkov -->
<p>Uporabil sem tehniko <a href="https://www.chartjs.org/">Chart.js</a>, saj se mi je zdela tehnika obenem preprosta in učinkovita za prikaz večih zdravstvenih podatkov.</p>
<!-- KONEC: Uporabljeni zunanji viri podatkov -->
</div>
</div>
</div>
</div>
</div>
<!-- KONEC: Opis delovanja aplikacije -->
</body>
</html>