-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
executable file
·135 lines (122 loc) · 4.56 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Mobistudy</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/ico" href="img/favicon.ico">
</head>
<body>
<main>
<section id="banner1">
<div id="banner1logocontainer" class="uppercase">
<img src="img/logo_long.svg" class="fullwidth">
<div id="logosubscript">An open platform for mobile-based health studies</div>
</div>
<img id="banner1users" src="img/users.svg" class="nomobile">
</section>
<section id="banner2">
<img src="img/dashes1.svg" class="dashes">
<img src="img/clinicians.svg" class="bannerimg">
<div class="bannerbackground">
</div>
<div class="bannertext">
As a researcher, you can setup a clinical study online, define the inclusion criteria,
the data that you want to retrieve, and recruit participants online.
</div>
</section>
<section id="banner3">
<img src="img/dashes2.svg" class="dashes">
<img class="bannerimg" src="img/participants.svg">
<div class="bannertext">
As a participant, you can be invited to new exciting studies through the app, consent
your participation and your data treatment, and contribute to the research by donating your data.
</div>
</section>
<section id="banner4">
<img src="img/dashes3.svg" class="dashes">
<img src="img/devices.svg" class="bannerimg">
<div class="bannerbackground"></div>
<div class="bannertext">
Mobistudy can collect data from an ecosystem of sensors, medical devices and
wearables, including all those apps connected to Apple Healthkit and Google HealthConnect.
</div>
</section>
<section id="banner5">
<h2>
Mobistudy supports a rich set of data collection tasks:
</h2>
<div id="banner5grid">
<div>
<img src="img/questionnaire.svg">
<p><span style="font-weight: bold;">Forms and questionnaires:</span> researchers can define their own
questionnaires. Branching and answer-based
logic are also supported.</p>
</div>
<div>
<img src="img/dataquery.svg">
<p><span style="font-weight: bold;">Data extraction from other apps:</span> through transparent and
explicit consent, participants can share data collected by the phone, such as step count, or by other
connected apps.</p>
</div>
<div>
<img src="img/tracker.svg">
<p><span style="font-weight: bold;">Connection to wearable devices:</span> the Mobistudy app can connect
directly to common fitness trackers and smartwatches without using third party apps.</p>
</div>
<div>
<img src="img/physicaltests.svg">
<p><span style="font-weight: bold;">Physical tests:</span> through Mobistudy users can perform physical
tests such as the 6-miute walk test or the Timed Up and Go test, using the sensors embedded in the phone.
</p>
</div>
</div>
</section>
<section id="banner6">
<h2>
Join the research, download the participants' app now!
</h2>
<p>(App currently available in Sweden, Spain and the UK)</p>
<div style="display: flex; justify-content: center; align-items: center;">
<div>
<a href="https://play.google.com/store/apps/details?id=org.mobistudy.app">
<img src="img/appstore_google.png" style="max-width: 177px;">
</a>
</div>
<div>
<a href="https://apps.apple.com/us/app/id1462273500">
<img src="img/appstore_apple.png" style="max-width: 165px; ">
</a>
</div>
</div>
</section>
</main>
<nav id="navigation">
<div>
<a href="/"><img src="img/icon.svg" width="100" /></a>
</div>
<div>
<a class="buttonlink" href="news.html">News</a>
</div>
<a class="buttonlink" href="publications.html">Publications</a>
<div>
<a class="buttonlink" href="about.html">About us</a>
</div>
</nav>
<footer id="footer">
<div>
<a href="acks.html">Acknowledgements</a>
</div>
<div>
<a href="appPrivacyPolicy.html">Participants' app privacy policy</a>
</div>
<div>
<a href="researchersPrivacyPolicy.html">Researchers website privacy policy</a>
</div>
<div>
<a href="https://github.com/Mobistudy"><img src="img/githubicon.svg" width="60"></img></a>
</div>
</footer>
</body>
</html>