-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsub_technology.html
204 lines (196 loc) · 10.1 KB
/
sub_technology.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
<!DOCTYPE html>
<html>
<head>
<title>technology</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
</head>
<body>
<!--header : main title - main screen으로 가는 하이퍼링크-->
<header class="header">
<h1>
<a
id="main_title"
href="https://lim-jiseon.github.io/homework_web/main.html"
><img src="image/covid_title.png"
/></a>
</h1>
</header>
<!--nav : toolbar - sub screen으로 가는 하이퍼링크 메뉴바-->
<nav class="nav">
<!-- 메인 메뉴 -->
<table class="menu">
<colgroup>
<col style="width: 20%" />
<col style="width: 20%" />
<col style="width: 20%" />
<col style="width: 20%" />
<col style="width: 20%" />
</colgroup>
<!-- 메인 메뉴 활성화 클래스 active 추가 -->
<tbody>
<tr>
<td id="menu_item1">
<a
href="https://lim-jiseon.github.io/homework_web/sub_covid19.html"
class="menu_link"
><strong>covid-19</strong></a
>
</td>
<td id="menu_item2">
<a
href="https://lim-jiseon.github.io/homework_web/sub_technology.html"
class="menu_link"
style="color: rgb(115, 160, 158)"
><strong>technology</strong></a
>
</td>
<td id="menu_item3">
<a
href="https://lim-jiseon.github.io/homework_web/sub_news.html"
class="menu_link"
><strong>news</strong></a
>
</td>
<td id="menu_item4">
<a
href="https://lim-jiseon.github.io/homework_web/sub_data.html"
class="menu_link"
><strong>data</strong></a
>
</td>
<td id="menu_item5">
<a
href="https://lim-jiseon.github.io/homework_web/sub_information_test.html"
class="menu_link"
><strong>information</strong></a
>
<!-- 서브 메뉴 -->
</td>
</tr>
</tbody>
</table>
</nav>
<!--section : sub functions - sub2 screen에 위치한 sub 기능들-->
<section class="sub_section">
<!--article : picture & text - technology-->
<article id="sub2_article1" style="margin-bottom: 20px">
<h3 style="font-style: bold">디지털 헬스 분야(의료 분야)</h3>
<hr style="margin: 0px 10px 0px 10px" />
<img
id="tech1_im"
src="image/digital_health.png"
alt="image"
width="250"
height="200"
/>
<div id="tech1_text" style="margin: 0px 10px 0px 10px">
<p>
4차 산업 출현 이후 헬스케어 분야는 신의료기술와 ICT의 연계로
의료체계의 패러다임이 전환되고 있다. 아직 디지털 헬스케어 분야는
여전히 이해관계자들의 유권해석과 법적 허용 등 해결해야 할 이슈들이
산적해 있지만, IoT, AI, 로봇, 블록체인을 융합한 기술들이
의료현장에서 활발하게 적용되고 있다.
</p>
<li>
<strong>‘닥터 앤서(Dr.Answer)’ : </strong>AI와 빅데이터를 활용하여
다양한 의료 데이터를 연계·분석해 개인 특성에 맞는 질병을 예측하고
진단, 치료까지 지원하는 서비스로 서울아산병원을 비롯한 25개 병원에서
활용 중이다.
</li>
<li>
<strong>‘SMART-Bot’ : </strong>mHealth(애플리케이션)와 빅데이터를
연동하여 뇌질환, 암 등 정밀 의료에 활용되는 플랫폼이다.
서울아산병원이 보건복지부 연구중심병원 과제로 선정돼 이 플랫폼을
활용하고 있으며, 이는 조기정밀진단, 통합 맞춤형 정보, 사람중심
소통기술, 포괄적 치료 및 케어 등 의료 신산업 생태계를 조성했다.
</li>
<li>
<strong>‘BrighticsTM AI’ : </strong>>안저영상분석솔루션으로
빅데이터와 AI, 딥러닝을 적용하여 다수의 안과질환을 예측하고, 예비
결과를 제공함으로써 건강검진센터 내 판독 업무 부담 감소와
안과질환예방 및 조기 발견에 기여하고 있다. 현재 삼성서울병원에 적용
중이다.
</li>
</div>
</article>
<article id="sub2_article2" style="margin-bottom: 20px">
<h3 style="font-style: bold">교육 분야</h3>
<hr style="margin: 0px 10px 0px 10px" />
<img
id="tech2_im"
src="image/digital_education.png"
alt="image"
width="250"
height="200"
/>
<div id="tech2_text" style="margin: 0px 10px 0px 10px">
<p>
코로나 이후 비등교 수업의 일상화는 물리적 학교의 한계를 인식하는
계기가 됐다. 학교 현장에서는 양질의 학습을 지원하기 위한 다양한
노력이 시도됐고, 원격교육은 물리적 공간에 의해 단절된 학습 기회를
보장한다는 의미에서 대안적 교육플랫폼으로서 그 역할에 대한 기대가
컸다. 그러나 운영 초반, 일방적 지식 전달에 머무르는 한계를 보였고,
원격수업 장비를 갖추지 못하거나 원격수업에 혼자 참여가 어려운 온라인
학습 약자의 발생, 비대면으로 인한 사회정서학습의 결핍 등이 주요
과제로 떠올랐다.
</p>
<li>
<strong>‘가상현실(VR),증강현실(AR),혼합현실(MR)’ : </strong
>가상(VR), 혼합현실(MR) 기술 등을 활용해 물리적 공간의 제한을
뛰어넘어 효과적으로 학습효과를 향상시킬 수 있도록 한다. 실제로
외국에서는 증강 교실 등 관련 기술을 적극적으로 활용하고 있으며,
코로나 시대에 '실감형 교육'은 중요한 키워드이다.
</li>
<li>
<strong>‘온라인 교육’ : </strong> 원활한 온라인 교육을 진행하기
위해서는 온라인 수업 전달을 위해 요구되는 도구(플랫폼 등),
인프라(인적, 물적 인프라)의 구축이 필수적이다. 실시간으로 쌍방향
의사소통이 가능한 방식(google meet, zoom 등), 콘텐츠
활용방식(자체제작, 제공된 콘텐츠 사용 등), 녹화강의, AI/VR기술 등
다양한 방식을 적절하게 사용해 교육효과를 높이는 것이 언택트 시대의
과제이다. 최근에는 '메타버스' 기술이 대두되면서 교육분야에서
활용하고자 시도하고 있다.
</li>
</div>
</article>
<article id="sub2_article2" style="margin-bottom: 20px">
<h3 style="font-style: bold">Hot Keyword</h3>
<hr style="margin: 0px 10px 0px 10px" />
<table id="tech_table" style="text-align: center">
<tbody>
<tr>
<td>
<a
href="https://www.google.com/search?q=%EB%A9%94%ED%83%80%EB%B2%84%EC%8A%A4&hl=ko&sxsrf=AOaemvIWy-Tl164VVhlEXRC96d0A1yIk-A%3A1638794504378&source=hp&ei=CAWuYdDqE8yLr7wPnIiJoAk&iflsig=ALs-wAMAAAAAYa4TGGyt8Gb6P92_Fa6MBSgeQUHKevs-&ved=0ahUKEwjQjqmimc_0AhXMxYsBHRxEApQQ4dUDCAk&uact=5&oq=%EB%A9%94%ED%83%80%EB%B2%84%EC%8A%A4&gs_lcp=Cgdnd3Mtd2l6EAMyBAgjECcyBAgjECcyBAgjECcyCwgAEIAEELEDEIMBMgcIABCxAxBDMggIABCABBCxAzIHCAAQsQMQQzIECAAQQzIICAAQgAQQsQMyCwgAEIAEELEDEIMBOgcIIxDqAhAnOhAIABCABBCHAhCxAxCDARAUOhEILhCABBCxAxCDARDHARDRAzoLCC4QgAQQsQMQgwE6CggAELEDEIMBEENQxRhYyB9gmCFoBHAAeAOAAY8BiAGGCJIBAzAuOJgBAKABAbABCg&sclient=gws-wiz"
target="block"
><img src="image/메타버스.png" width="100" height="100"
/></a>
</td>
<td>
<a
href="https://www.google.com/search?q=%EC%9D%B8%EA%B3%B5%EC%A7%80%EB%8A%A5&hl=ko&sxsrf=AOaemvK9bL_CUFpXqcVmgj0Sw-j90E1EjQ%3A1638794509832&ei=DQWuYeeMMpDl2roP5eW2kAY&ved=0ahUKEwinx_ikmc_0AhWQslYBHeWyDWIQ4dUDCA4&uact=5&oq=%EC%9D%B8%EA%B3%B5%EC%A7%80%EB%8A%A5&gs_lcp=Cgdnd3Mtd2l6EAMyBAgjECcyBAgjECcyBAgjECcyBwgAELEDEEMyCggAEIAEEIcCEBQyCggAEIAEEIcCEBQyBAgAEEMyBAgAEEMyCwgAEIAEELEDEIMBMgUIABCABDoRCC4QgAQQsQMQgwEQxwEQ0QM6DgguEIAEELEDEMcBENEDOggIABCABBCxA0oECEEYAEoECEYYAEoECEMYAVAAWPQLYIANaAFwAngBgAGkAYgB2AqSAQQwLjExmAEAoAEBwAEB&sclient=gws-wiz"
target="block"
><img src="image/인공지능.png" width="100" height="100"
/></a>
</td>
<td>
<a
href="https://www.google.com/search?q=%EB%B9%85%EB%8D%B0%EC%9D%B4%ED%84%B0&hl=ko&sxsrf=AOaemvKQItpfIsnt7z3Ry7dndAu3xP_Ouw%3A1638794609901&ei=cQWuYYbONtH7hwOKtrVo&ved=0ahUKEwjGytTUmc_0AhXR_WEKHQpbDQ0Q4dUDCA4&uact=5&oq=%EB%B9%85%EB%8D%B0%EC%9D%B4%ED%84%B0&gs_lcp=Cgdnd3Mtd2l6EAMyBAgjECcyBAgjECcyBAgjECcyBwgAELEDEEMyBAgAEEMyBAgAEEMyCwgAEIAEELEDEIMBMgUIABCABDIECAAQQzIECAAQQzoRCC4QgAQQsQMQgwEQxwEQ0QM6CAgAEIAEELEDOggILhCABBCxA0oECEEYAEoECEYYAEoECEMYAVAAWLYHYOwIaAJwAngAgAGCAYgB5geSAQMyLjeYAQCgAQHAAQE&sclient=gws-wiz"
target="block"
><img src="image/빅데이터.png" width="100" height="100"
/></a>
</td>
</tr>
</tbody>
</table>
</article>
</section>
<!--footer : title - 홈페이지 타이틀 및 만든이-->
<footer class="footer">
<p id="footer_text">
<br />Homepase Title : Covid19<br />Artist: Lim Ji Seon
</p>
</footer>
</body>
</html>