Skip to content

Commit a1e9d49

Browse files
faridseififaridseifi
committed
minor updates
1 parent 9a5a1fa commit a1e9d49

File tree

3 files changed

+296
-24
lines changed

3 files changed

+296
-24
lines changed

‎index-dynamic.html‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Computable Artifact Metadata</title>
8+
</head>
9+
10+
<body>
11+
<script>
12+
fetch('metadata.json')
13+
.then(response => response.json())
14+
.then(async (metadata) => {
15+
const metadataString = encodeURIComponent(JSON.stringify(metadata));
16+
const currentPageIRI = encodeURIComponent(window.location.href);
17+
window.location.href = `https://kgrid.org/python-sdk/kgrid_sdk/KOInfoPage.html?data=${metadataString}&base=${currentPageIRI}`;
18+
})
19+
.catch(error => console.error('Error fetching metadata:', error));
20+
</script>
21+
</body>
22+
23+
</html>

‎index.html‎

Lines changed: 269 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,272 @@
1-
<!DOCTYPE html>
2-
<html lang="en">
31

4-
<head>
5-
<meta charset="UTF-8">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<title>Computable Artifact Metadata</title>
8-
</head>
2+
<!DOCTYPE html>
3+
<html lang="en">
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Precision Feedback Knowledge Base</title>
8+
<style>
9+
body {
10+
font-family: Arial, sans-serif;
11+
margin: 20px;
12+
}
13+
.container {
14+
max-width: 1000px;
15+
margin: auto;
16+
display: flex;
17+
width: 100%;
18+
}
19+
.left-column {
20+
width: 70%;
21+
background-color: #f0f0f0;
22+
padding: 20px;
23+
}
924

10-
<body>
11-
<script>
12-
fetch('metadata.json')
13-
.then(response => response.json())
14-
.then(async (metadata) => {
15-
const metadataString = encodeURIComponent(JSON.stringify(metadata));
16-
const currentPageIRI = encodeURIComponent(window.location.href);
17-
window.location.href = `https://kgrid.org/python-sdk/kgrid_sdk/KOInfoPage.html?data=${metadataString}&base=${currentPageIRI}`;
18-
})
19-
.catch(error => console.error('Error fetching metadata:', error));
20-
</script>
21-
</body>
25+
/* Right Column */
26+
.right-column {
27+
width: 30%;
28+
background-color: #e9e9e9;
29+
padding: 20px;
30+
box-sizing: border-box;
31+
display: flex;
32+
flex-direction: column;
33+
gap: 20px;
34+
}
35+
h1 {
36+
color: #333;
37+
}
38+
.metadata {
39+
background-color: #f9f9f9;
40+
padding: 15px;
41+
border-radius: 8px;
42+
margin-bottom: 20px;
43+
}
44+
.metadata p {
45+
margin: 5px 0;
46+
}
47+
.doc-section, .test-section {
48+
49+
right: 20px;
50+
width: 250px;
51+
color: black;
52+
padding: 10px;
53+
border-radius: 8px;
54+
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
55+
max-width: 250px;
56+
font-size: 16px;
57+
}
58+
.doc-section {
59+
top: 20px;
60+
background-color: #97c8ed;
61+
}
62+
.doc-section h3 {
63+
margin-top: 0;
64+
}
65+
.doc-section a {
66+
text-decoration: underline;
67+
}
68+
.doc-section p {
69+
margin-top: 5px;
70+
}
71+
72+
.test-section {
73+
74+
background-color: #96d6b7;
75+
}
76+
.test-section h3 {
77+
margin-top: 0;
78+
}
79+
80+
.test-section a {
81+
text-decoration: underline;
82+
}
83+
84+
.test-section p {
85+
margin-top: 5px;
86+
}
87+
</style>
88+
</head>
89+
<body>
90+
<div class="container">
91+
<div class="left-column">
92+
<div class="metadata" id="metadata">
93+
<h1>Precision Feedback Knowledge Base</h1>
94+
<p>PFKB is a collection of computable biomedical knowledge for the purpose of processing clinical performance data to identify coaching and appreciation feedback messages that may represent the highest-value performance information an organization has for healthcare professionals to learn to improve and sustain their clinical performance.</p>
95+
<p><strong>Id:</strong> Precision-Feedback-Knowledge-Base</p>
96+
<p><strong>Identifier:</strong> ark:PrecisionFeedbackKnowledgeBase (PFKB)</p>
97+
<p><strong>Type:</strong> <a href="http://kgrid.org/koio#KnowledgeObject">koio:KnowledgeObject</a></p>
98+
<p><strong>Version:</strong> v1.0</p>
99+
<p><strong>Date:</strong> 2024-12-14</p>
100+
101+
<p><strong>License:</strong>
102+
<a href="LICENSE.txt">
103+
LICENSE.txt
104+
</a></p>
105+
106+
22107

23-
</html>
108+
<h2>Creator Information</h2>
109+
<p><strong>Name:</strong>
110+
DISPLAY Lab</p>
111+
<p><strong>Affiliation:</strong> DISPLAY Lab, University of Michigan Medical School</p>
112+
<p><strong>Email:</strong>
113+
<a href="mailto:[email protected]">
114+
[email protected]
115+
</a>
116+
</p>
117+
<p><strong>Website:</strong>
118+
<a href="https://display.lab.medicine.umich.edu/">
119+
https://display.lab.medicine.umich.edu/
120+
</a>
121+
</p>
122+
123+
124+
125+
126+
127+
<h2>Knowledge</h2>
128+
129+
<p><h3> causal_pathways</h3></p>
130+
<p><strong>Type:</strong> koio:Knowledge</p>
131+
<p><strong>Implemented by:</strong>
132+
<a href="causal_pathways">
133+
causal_pathways
134+
</a>(type: Dataset)
135+
</p>
136+
137+
138+
139+
<b>Creator Information:</b>
140+
<p><strong>Name:</strong>
141+
DISPLAY Lab
142+
</p>
143+
144+
145+
146+
147+
<p><h3> message_templates</h3></p>
148+
<p><strong>Type:</strong> koio:Knowledge</p>
149+
<p><strong>Implemented by:</strong>
150+
<a href="message_templates">
151+
message_templates
152+
</a>(type: Dataset)
153+
</p>
154+
155+
156+
157+
<b>Creator Information:</b>
158+
<p><strong>Name:</strong>
159+
DISPLAY Lab
160+
</p>
161+
162+
163+
164+
165+
<p><h3> performance_measures</h3></p>
166+
<p><strong>Type:</strong> koio:Knowledge</p>
167+
<p><strong>Implemented by:</strong>
168+
<a href="performance_measures/measures.json">
169+
performance_measures/measures.json
170+
</a>(type: DataFile)
171+
</p>
172+
173+
174+
175+
<b>Creator Information:</b>
176+
<p><strong>Name:</strong>
177+
DISPLAY Lab
178+
</p>
179+
180+
181+
182+
183+
<p><h3> prioritization_algorithms</h3></p>
184+
<p><strong>Type:</strong> koio:Knowledge</p>
185+
<p><strong>Implemented by:</strong>
186+
<a href="prioritization_algorithms/motivational_potential_model.csv">
187+
prioritization_algorithms/motivational_potential_model.csv
188+
</a>(type: DataFile)
189+
</p>
190+
191+
192+
193+
<b>Creator Information:</b>
194+
<p><strong>Name:</strong>
195+
DISPLAY Lab
196+
</p>
197+
198+
199+
200+
201+
<p><h3> comparators.json</h3></p>
202+
<p><strong>Type:</strong> koio:Knowledge</p>
203+
<p><strong>Implemented by:</strong>
204+
<a href="comparators.json">
205+
comparators.json
206+
</a>(type: DataFile)
207+
</p>
208+
209+
210+
211+
<b>Creator Information:</b>
212+
<p><strong>Name:</strong>
213+
DISPLAY Lab
214+
</p>
215+
216+
217+
218+
219+
<p><h3> preferences.json</h3></p>
220+
<p><strong>Type:</strong> koio:Knowledge</p>
221+
<p><strong>Implemented by:</strong>
222+
<a href="preferences.json">
223+
preferences.json
224+
</a>(type: DataFile)
225+
</p>
226+
227+
228+
229+
<b>Creator Information:</b>
230+
<p><strong>Name:</strong>
231+
DISPLAY Lab
232+
</p>
233+
234+
235+
236+
237+
238+
</div>
239+
</div>
240+
<div class="right-column">
241+
<div class="doc-section" id="doc-section">
242+
243+
<h2>Documentation</h2>
244+
245+
<h3><a href="prioritization_algorithms/readme.md">prioritization algorithms</a></h3>
246+
<p>prioritization algorithms documentation.</p>
247+
248+
<h3><a href="vignettes">Vignettes for the Precision Feedback Knowledge Base</a></h3>
249+
<p>The Precision Feedback Knowledge Base has a collection of vignettes that illustrate how the knowledge base can be used by a precision feedback system to prioritize motivating performance information and tailor feedback messages. Each vignette uses a fictional context and providers, called personas, who are representative of some population of providers. The vignette includes narrative description of the function of a precision feedback system, as well as computer-interpretable code and files that can be used to test out the function of the precision feedback system. The narrative part of each vignette is written for clinical feedback system stakeholders, focusing primarily on a researchers and feedback system developers for feedback systems in health care organizations. The purpose of the vignettes is also to increase the findability and transparency of the precision feedback system software to all stakeholders, including healthcare professionals, patients, and communities.</p>
250+
251+
<h3><a href="readme.md">readme.md</a></h3>
252+
<p>Knowledge base readme file.</p>
253+
254+
<h3><a href="index.html">Knowledge Object Information Page.</a></h3>
255+
<p>Knowledge Object Information Page.</p>
256+
257+
<h3><a href="manifest.yaml">manifest</a></h3>
258+
<p>Knowledge base manifest.</p>
259+
260+
261+
</div>
262+
263+
<div class="test-section" id="test-section">
264+
265+
<p>No tests available</p>
266+
267+
</div>
268+
</div>
269+
</div>
270+
</body>
271+
</html>
272+

‎metadata.json‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -70,8 +70,8 @@
7070
{
7171
"@id": "prioritization_algorithms/readme.md",
7272
"@type": "koio:Documentation",
73-
"dc:title": "readme.md",
74-
"dc:description": "read me file." }
73+
"dc:title": "prioritization algorithms",
74+
"dc:description": "prioritization algorithms documentation." }
7575
]
7676
},
7777
{
@@ -111,7 +111,7 @@
111111
"@id": "readme.md",
112112
"@type": "koio:Documentation",
113113
"dc:title": "readme.md",
114-
"dc:description": "read me file."
114+
"dc:description": "Knowledge base readme file."
115115
},
116116
{
117117
"@id": "index.html",
@@ -123,7 +123,7 @@
123123
"@id": "manifest.yaml",
124124
"@type": "koio:Documentation",
125125
"dc:title": "manifest",
126-
"dc:description": "Knowledgebase manifest"
126+
"dc:description": "Knowledge base manifest."
127127
}
128128

129129
]

0 commit comments

Comments
 (0)