-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
339 lines (307 loc) · 18.7 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
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
<html lang="en-US" class="">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="The MONAI Tutorial is happening at MICCAI 2023 on October 8th, from 8am to 6pm PDT. Learn more about Developing for the Medical AI Project Lifecycle with MONAI">
<title>Project MONAI - MICCAI 2023 - Tutorial</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer"
/>
<link rel="stylesheet" href="custom.css" />
</head>
<body class="text-slate-700 antialiased">
<nav class="monai-medium fixed z-50 w-full bg-white top-0 flex flex-wrap items-center justify-between px-2 py-3 shadow-lg">
<div class="container px-4 mx-auto flex flex-wrap items-center justify-between">
<div class="w-full relative flex justify-between lg:w-auto lg:static lg:block lg:justify-start">
<a class="text-sm font-bold leading-relaxed inline-block mr-4 py-2 whitespace-nowrap uppercase text-slate-300">Project MONAI - MICCAI 2023 - Tutorial</a></div>
<div class="lg:flex flex-grow items-center hidden">
<ul class="flex flex-col lg:flex-row list-none lg:ml-auto ">
<li class="nav-item"><a href="#background " class="px-3 py-2 flex items-center text-xs uppercase font-bold text-slate-300 hover:text-slate-100"><span class="ml-2">Background</span></a></li>
<li class="nav-item"><a href="#goals " class="px-3 py-2 flex items-center text-xs uppercase font-bold text-slate-300 hover:text-slate-100"><span class="ml-2">Learning Goals</span></a></li>
<li class="nav-item"><a href="#speakers " class="px-3 py-2 flex items-center text-xs uppercase font-bold text-slate-300 hover:text-slate-100"><span class="ml-2">Speakers</span></a></li>
<li class="nav-item"><a href="#agenda " class="px-3 py-2 flex items-center text-xs uppercase font-bold text-slate-300 hover:text-slate-100"><span class="ml-2">Agenda</span></a></li>
</ul>
</div>
</div>
</nav>
<section class="header relative pt-16 items-center flex h-screen " style="max-height:600px ">
<div class="z-4 container mx-auto items-center flex flex-wrap ">
<div class="w-full md:w-8/12 lg:w-6/12 xl:w-6/12 px-4 ">
<div>
<h2 class="font-semibold text-4xl text-slate-600 pb-2">Project MONAI Tutorial</h2>
<h2 class="font-semibold text-2xl text-slate-600 ">MICCAI 2023</h2>
<h2 class="font-semibold text-2xl text-slate-600 ">October 8th @ 8:00 AM to 3:00 PM (PDT time)</h2>
<p class="mt-4 text-lg leading-relaxed text-slate-500 ">Developing for the Medical AI Project Lifecycle with MONAI</p>
</div>
</div>
</div>
<img class="hero absolute top-0 b-auto right-0 pt-16 lg:w-6/12 w-full object-contain pt-sm-4" src="https://monai.io/assets/img/hero_illustration.png " style="max-height:550px ">
</section>
<section id="background" class="py-16 monai-light ">
<div class="container mx-auto px-4 ">
<div class="flex flex-wrap items-center ">
<div class="w-full px-4 ">
<div class="flex flex-wrap justify-center text-center mb-12 ">
<div class="w-full">
<h2 class="text-4xl font-semibold ">Background</h2>
</div>
</div>
<p class="text-lg font-light leading-relaxed mt-4 mb-4 text-gray-700 ">
MONAI is the Medical Open Network for AI. Project MONAI was created with the goal of accelerating the pace of research and development by providing a common software foundation and a vibrant community for medical imaging deep learning.
</p>
<p class="text-lg font-light leading-relaxed mt-0 mb-4 text-gray-700 ">
MONAI is targeted for both the medical image computing (MIC) and the computer-assisted intervention (CAI) communities. It is an extension to PyTorch that includes specialized deep learning methods for diagnostic radiology, surgical planning, medical robotics,
image-guided interventions, and nearly every other aspect of patient care.
</p>
<p class="text-lg font-light leading-relaxed mt-0 mb-4 text-gray-700 ">
MONAI provides a customizable interface to bring components to existing training pipelines or perform end-end training. Its goal is to increase efficiency and collaborations amongst researchers by providing domain-optimized foundational capabilities and
standardization around algorithms’ benchmarking, evaluation, and reproducibility. These goals help improve reproducibility by not only being used as a framework for development but comparison, evaluation, and benchmarking by bringing together
the community and organically converging on a standard set of best practices.
</p>
</div>
</div>
</div>
</section>
<section id="goals" class="py-16 ">
<div class="container mx-auto px-4 ">
<div class="flex flex-wrap items-center ">
<div class="w-full px-4 ">
<div class="flex flex-wrap justify-center text-center mb-12 ">
<div class="w-full">
<h2 class="text-4xl font-semibold ">Learning Goals</h2>
<p>After participating in this session, attendees should be able to:</p>
</div>
</div>
<p>
<p class="text-lg font-light leading-relaxed mt-4 mb-2 text-gray-700">MONAI Core:</p>
<ul class="list-disc list-inside">
<li>Integrate the main components from MONAI Core in your own workflow, including Transforms, Metrics, Losses, Network Architectures, and our new MetaTensor data structure</li>
<li>Use MONAI Bundles to help simplify your model development lifecycle throughout MONAI</li>
<li>Utilize the MONAI Model Zoo and understand how to contribute a model</li>
<li>Understand the new MONAI Federated Learning API</li>
<li>Find the latest state-of-the-art techniques, networks, and frameworks for MONAI Core</li>
</ul>
<p class="text-lg font-light leading-relaxed mt-4 mb-2 text-gray-700">MONAI Label:</p>
<ul class="list-disc list-inside">
<li>Explain the benefits and setup MONAI Label</li>
<li>Extend MONAI Label to their own custom application</li>
<li>Explain the MONAI Continous Training Loop and Active Learning options</li>
</ul>
<p class="text-lg font-light leading-relaxed mt-4 mb-2 text-gray-700">MONAI Deploy:</p>
<ul class="list-disc list-inside">
<li>Discuss how MONAI Deploy is bridging the gap from research innovation to clinical production</li>
<li>Implement building, verifying, and packaging a deploy-ready AI Application (MAP) using MONAI Deploy App SDK</li>
<li>Summarize how MONAI Deploy and the AIDE Platform are being used today</li>
</ul>
</p>
</div>
</div>
</div>
</section>
<section id="speakers" class="py-16 monai-light">
<div class="w-full">
<h2 class="text-4xl font-semibold text-center mb-12">Speakers</h2>
</div>
<div class="container mx-auto flex flex-wrap justify-center">
<!-- Speaker 1 -->
<div class="bg-white shadow-lg rounded-lg overflow-hidden w-full md:w-1/2 lg:w-1/3 xl:w-1/4 p-4 mb-4 mx-2 text-center">
<div>
<img src="images/michael.jpg" alt="Michael Zephyr" class="mx-auto h-24 w-24 rounded-full">
</div>
<div class="mt-4">
<h3 class="text-xl font-semibold">Michael Zephyr</h3>
<p class="text-gray-600 text-sm capitalize">Technical Product Manager, NVIDIA</p>
</div>
</div>
<!-- Speaker 2 -->
<div class="bg-white shadow-lg rounded-lg overflow-hidden w-full md:w-1/2 lg:w-1/3 xl:w-1/4 p-4 mb-4 mx-2 text-center">
<div>
<img src="images/seyed.jpg" alt="Seyed-Ahmad Ahmadi" class="mx-auto h-24 w-24 rounded-full">
</div>
<div class="mt-4">
<h3 class="text-xl font-semibold">Seyed-Ahmad Ahmadi</h3>
<p class="text-gray-600 text-sm capitalize">Senior Solution Architect, NVIDIA</p>
</div>
</div>
<!-- Speaker 3 -->
<div class="bg-white shadow-lg rounded-lg overflow-hidden w-full md:w-1/2 lg:w-1/3 xl:w-1/4 p-4 mb-4 mx-2 text-center">
<div>
<img src="images/andres.jpg" alt="Andres Diaz-Pinto" class="mx-auto h-24 w-24 rounded-full">
</div>
<div class="mt-4">
<h3 class="text-xl font-semibold">Andres Diaz-Pinto</h3>
<p class="text-gray-600 text-sm capitalize">Technical Marketing Engineer, NVIDIA</p>
</div>
</div>
<!-- Speaker 4 -->
<div class="bg-white shadow-lg rounded-lg overflow-hidden w-full md:w-1/2 lg:w-1/3 xl:w-1/4 p-4 mb-4 mx-2 text-center">
<div>
<img src="images/vikash.jpg" alt="Vikash Gupta" class="mx-auto h-24 w-24 rounded-full">
</div>
<div class="mt-4">
<h3 class="text-xl font-semibold">Vikash Gupta</h3>
<p class="text-gray-600 text-sm capitalize">Assistant Professor of Radiology, Mayo Clinic</p>
</div>
</div>
<!-- Speaker 5 -->
<div class="bg-white shadow-lg rounded-lg overflow-hidden w-full md:w-1/2 lg:w-1/3 xl:w-1/4 p-4 mb-4 mx-2 text-center">
<div>
<img src="images/annika.jpg" alt="Annika Reinke" class="mx-auto h-24 w-24 rounded-full">
</div>
<div class="mt-4">
<h3 class="text-xl font-semibold">Annika Reinke</h3>
<p class="text-gray-600 text-sm capitalize">Post-Doctoral Researcher, DKFZ</p>
</div>
</div>
<!-- Speaker 6 -->
<div class="bg-white shadow-lg rounded-lg overflow-hidden w-full md:w-1/2 lg:w-1/3 xl:w-1/4 p-4 mb-4 mx-2 text-center">
<div>
<img src="images/mark.jpg" alt="Mark Graham" class="mx-auto h-24 w-24 rounded-full">
</div>
<div class="mt-4">
<h3 class="text-xl font-semibold">Mark Graham</h3>
<p class="text-gray-600 text-sm capitalize">Research Fellow, King's College London</p>
</div>
</div>
<!-- Speaker 7 -->
<div class="bg-white shadow-lg rounded-lg overflow-hidden w-full md:w-1/2 lg:w-1/3 xl:w-1/4 p-4 mb-4 mx-2 text-center">
<div>
<img src="images/andriy.jpg" alt="Andriy Myronenko" class="mx-auto h-24 w-24 rounded-full">
</div>
<div class="mt-4">
<h3 class="text-xl font-semibold">Andriy Myronenko</h3>
<p class="text-gray-600 text-sm capitalize">Senior Researcher, NVIDIA</p>
</div>
</div>
<!-- Speaker 8 -->
<div class="bg-white shadow-lg rounded-lg overflow-hidden w-full md:w-1/2 lg:w-1/3 xl:w-1/4 p-4 mb-4 mx-2 text-center">
<div>
<img src="images/nobu.jpg" alt="Nobuhiko Hata" class="mx-auto h-24 w-24 rounded-full">
</div>
<div class="mt-4">
<h3 class="text-xl font-semibold">Nobuhiko Hata</h3>
<p class="text-gray-600 text-sm capitalize">Professor, Harvard Medical School and Director of Innovation, Radiology Research Administration, Brigham and Women's Hospital</p>
</div>
</div>
<!-- Speaker 9 -->
<div class="bg-white shadow-lg rounded-lg overflow-hidden w-full md:w-1/2 lg:w-1/3 xl:w-1/4 p-4 mb-4 mx-2 text-center">
<div>
<img src="images/franklin.jpg" alt="Franklin King" class="mx-auto h-24 w-24 rounded-full">
</div>
<div class="mt-4">
<h3 class="text-xl font-semibold">Franklin King</h3>
<p class="text-gray-600 text-sm capitalize">Senior Research Engineer, Brigham and Women's Hospital</p>
</div>
</div>
<!-- Speaker 10 -->
<div class="bg-white shadow-lg rounded-lg overflow-hidden w-full md:w-1/2 lg:w-1/3 xl:w-1/4 p-4 mb-4 mx-2 text-center">
<div>
<img src="images/marc.jpg" alt="Marc Edgar" class="mx-auto h-24 w-24 rounded-full">
</div>
<div class="mt-4">
<h3 class="text-xl font-semibold">Marc Edgar</h3>
<p class="text-gray-600 text-sm capitalize">Senior Alliance Manager for Medical Instruments, NVIDIA</p>
</div>
</div>
</div>
</section>
<section id="agenda" class="py-16 ">
<div class="w-full">
<h2 class="text-4xl font-semibold text-center mb-12">Agenda</h2>
</div>
<div class="container mx-auto p-4 sm:w-full md:w-1/2 lg:w-1/3 xl:w-1/4">
<!-- Agenda Item 1 -->
<div class="flex mb-4">
<div style="min-width: 8rem;" class="w-32 text-gray-600">8 am - 10 am</div>
<div>
<h3 class="text-xl font-semibold">MONAI Intro</h3>
<p class="text-gray-600">Welcome and Introduction to MONAI</p>
<h3 class="text-xl font-semibold mt-2">MONAI Core</h3>
<ul class="list-disc list-inside text-gray-600">
<li>Intro to MONAI Core</li>
<li>End-to-End Training with MONAI</li>
</ul>
</div>
</div>
<!-- Agenda Item 2 -->
<div class="flex mb-4">
<div style="min-width: 8rem;" class="w-32 text-gray-600">10 am - 10:30 am</div>
<div>
<h3 class="text-xl font-semibold">Coffee Break</h3>
<p class="text-gray-600">Enjoy some refreshments</p>
</div>
</div>
<!-- Agenda Item 3 -->
<div class="flex mb-4">
<div style="min-width: 8rem;" class="w-32 text-gray-600">10:30 am - 12:30 pm</div>
<div>
<h3 class="text-xl font-semibold">MONAI Label</h3>
<ul class="list-disc list-inside text-gray-600">
<li>Intro to MONAI Label</li>
<li>Demo: 3D Slicer/OHIFv3 + MONAI Label</li>
</ul>
<h3 class="text-xl font-semibold mt-2">MONAI Deploy</h3>
<ul class="list-disc list-inside text-gray-600">
<li>Overview of MONAI Deploy</li>
</ul>
</div>
</div>
<!-- Agenda Item 4 -->
<div class="flex mb-4">
<div style="min-width: 8rem;" class="w-32 text-gray-600">12:30 pm - 1:30 pm</div>
<div>
<h3 class="text-xl font-semibold">Lunch</h3>
<p class="text-gray-600">Enjoy your lunch break</p>
</div>
</div>
<!-- Agenda Item 5 -->
<div class="flex mb-4">
<div style="min-width: 8rem;" class="w-32 text-gray-600">1:30 pm - 3:30 pm</div>
<div>
<h3 class="text-xl font-semibold">MONAI Research topics:</h3>
<ul class="list-disc list-inside text-gray-600">
<li>Metrics Reloaded</li>
<li>Generative AI</li>
<li>Auto3DSeg</li>
</ul>
</div>
</div>
<!-- Agenda Item 6 -->
<div class="flex mb-4">
<div style="min-width: 8rem;" class="w-32 text-gray-600">3:30 pm - 4:00 pm</div>
<div>
<h3 class="text-xl font-semibold">Coffee Break</h3>
<p class="text-gray-600">Enjoy some refreshments</p>
</div>
</div>
<!-- Agenda Item 7 -->
<div class="flex mb-4">
<div style="min-width: 8rem;" class="w-32 text-gray-600">4 pm - 5:10 pm</div>
<div>
<h3 class="text-xl font-semibold">MONAI Stream</h3>
<p class="text-gray-600">Introduction to MONAI Stream</p>
<h3 class="text-xl font-semibold mt-2">Contributing to MONAI</h3>
<p class="text-gray-600">Learn how to contribute and closing remarks</p>
<h3 class="text-xl font-semibold mt-2">Closing Remarks</h3>
</div>
</div>
</div>
</section>
<section class="py-8 bg-slate-200 relative monai-medium">
<div class="container mx-auto ">
<div class="flex flex-wrap justify-center bg-white shadow-xl rounded-lg py-16 px-12 relative z-10 m-4 md:m-0">
<div class="w-full text-center lg:w-8/12 text-gray-800">
<h3 class="font-semibold text-3xl ">Want to learn more about MONAI today?</h3>
<p class="text-slate-500 text-lg leading-relaxed mt-4 mb-4 ">Below you'll find links to the MONAI Website, Tutorials Repo, GitHub Organization, and Slack Channel where you can start to get involved and contribute today.</p>
<div class="md:block flex flex-col mt-10">
<a class="text-white font-bold px-6 py-4 rounded outline-none focus:outline-none mr-1 mb-2 monai-medium uppercase text-sm shadow hover:shadow-lg" target="_blank" href="https://monai.io/"><i class="fa-regular fa-window-maximize pr-2"></i>monai.io<i class="fa-solid fa-arrow-up-right-from-square pl-2"></i></a>
<a class="text-white font-bold px-6 py-4 rounded outline-none focus:outline-none mr-1 mb-2 monai-medium uppercase text-sm shadow hover:shadow-lg" target="_blank" href="https://github.com/Project-MONAI"><i class="fa-brands fa-github pr-2"></i>GitHub<i class="fa-solid fa-arrow-up-right-from-square pl-2"></i></a>
<a class="text-white font-bold px-6 py-4 rounded outline-none focus:outline-none mr-1 mb-2 monai-medium uppercase text-sm shadow hover:shadow-lg" target="_blank" href="https://www.youtube.com/c/Project-MONAI"><i class="fa-brands fa-youtube pr-2"></i>YouTube<i class="fa-solid fa-arrow-up-right-from-square pl-2"></i></a>
<a class="text-white font-bold px-6 py-4 rounded outline-none focus:outline-none mr-1 mb-2 monai-medium uppercase text-sm shadow hover:shadow-lg" target="_blank" href="https://docs.google.com/forms/d/e/1FAIpQLScOhMoUk6qbsBcbuBIlZJRoqP6idi5cSMOpw4Loo9qTsHxZcg/viewform"><i class="fa-brands fa-slack pr-2"></i>Slack<i class="fa-solid fa-arrow-up-right-from-square pl-2"></i></a>
</div>
</div>
</div>
</div>
</section>
</body>
</html>