309 lines
18 KiB
HTML
Executable File
309 lines
18 KiB
HTML
Executable File
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
|
||
<title>IoT Standards Laboratory</title>
|
||
<link rel="icon" type="image/png" sizes="2917x2918" href="assets/main/img/Lab_logo_color_transparent.png">
|
||
<link rel="icon" type="image/png" sizes="2917x2918" href="assets/main/img/KakaoTalk_20190723_171753647.png">
|
||
<link rel="stylesheet" href="assets/main/bootstrap/css/bootstrap.min.css">
|
||
<link rel="manifest" href="manifest.json">
|
||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,400,700">
|
||
<link rel="stylesheet" href="assets/main/fonts/font-awesome.min.css">
|
||
<link rel="stylesheet" href="assets/main/fonts/ionicons.min.css">
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.6.1/css/pikaday.min.css">
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.3.1/css/swiper.min.css">
|
||
<link rel="stylesheet" href="assets/main/css/remodal/remodal-default-theme.css">
|
||
<link rel="stylesheet" href="assets/main/css/remodal/remodal.css">
|
||
<link rel="stylesheet" href="assets/main/css/Simple-Slider.css">
|
||
<link rel="stylesheet" href="assets/main/css/custom.css">
|
||
|
||
<style>
|
||
html,
|
||
body {
|
||
background-color: #f2f4f7;
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
</style>
|
||
|
||
</head>
|
||
|
||
<body>
|
||
<nav class="navbar navbar-dark navbar-expand-lg fixed-top bg-white portfolio-navbar gradient" style="width: auto;">
|
||
<div class="container"><a id="navbar-brand" class="navbar-brand logo" href="http://iot.knu.ac.kr">IoT
|
||
Standards Laboratory</a><button data-toggle="collapse" class="navbar-toggler"
|
||
data-target="#navbarNav"><span class="sr-only">Toggle
|
||
navigation</span><span class="navbar-toggler-icon"></span></button>
|
||
<div class="collapse navbar-collapse" id="navbarNav">
|
||
<ul class="nav navbar-nav ml-auto">
|
||
<li class="nav-item" role="presentation"><a class="nav-link" id="github"
|
||
target = "_blank" href="https://github.com/iot-standards-laboratory">Github</a></li>
|
||
<li class="nav-item" role="presentation"><a class="nav-link" href="member.html"
|
||
target="iots-frame">Members</a></li>
|
||
<li class="nav-item" role="presentation"><a class="nav-link" href="publication.html"
|
||
target="iots-frame">Publications</a></li>
|
||
<li class="nav-item" role="presentation"><a class="nav-link" href="lecture.html"
|
||
target="iots-frame">Lectures</a></li>
|
||
<li class="nav-item" role="presentation"><a class="nav-link" href="report.html"
|
||
target="iots-frame">Technical Reports</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<section id="iots-mainbody">
|
||
<div class="simple-slider">
|
||
<div class="swiper-container">
|
||
<div class="swiper-wrapper"><img class="swiper-slide" src="assets/main/img/iot-banner.png"><img
|
||
class="swiper-slide" src="assets/main/img/ccis-banner.png"><img class="swiper-slide"
|
||
src="assets/main/img/vlc-banner.png"></div>
|
||
<div class="swiper-pagination"></div>
|
||
<div class="swiper-button-prev"></div>
|
||
<div class="swiper-button-next"></div>
|
||
</div>
|
||
</div>
|
||
<hr style="margin-bottom: 0rem;">
|
||
<section class="portfolio-block skills" style="padding: 70px 0px;">
|
||
<div class="container">
|
||
<div class="heading">
|
||
<h2>Research area & works</h2>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-4">
|
||
<div class="card special-skill-item border-0">
|
||
<div class="card-header bg-transparent border-0"><img src="assets/main/img/iot-icon.png"
|
||
style="width:70px; height:70px; border-radius : 50%; background : #7c8aff;"></div>
|
||
<div class="card-body research-area">
|
||
<h3 class="card-title">IoT Standards</h3>
|
||
<p class="card-text" style="font-size: 1.05rem;">Internet of Things covers a huge range
|
||
of
|
||
industries and use cases that scale from a single constrained device up to massive
|
||
cross-platform deployments of embedded technologies and cloud systems connecting in
|
||
real-time.<br><br><br></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="card special-skill-item border-0">
|
||
<div class="card-header bg-transparent border-0"><img src="assets/main/img/car-icon.png"
|
||
style="width: 70px;height: 70px;border-radius: 50%;background: #0ea0ff;background-color: #5768cd;">
|
||
</div>
|
||
<div class="card-body research-area">
|
||
<h3 class="card-title">CCIS</h3>
|
||
<p class="card-text" style="font-size: 1.05rem;">In-Vehicle Infotainment (IVI) refers to
|
||
vehicle systems that combine entertainment and information delivery to drivers and
|
||
passengers. <br>Configurable Car Infotainment Service (CCIS) is a service that
|
||
helps users to more
|
||
easily manage and control In-Vehicle infotainment devices and content.<br></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="card special-skill-item border-0">
|
||
<div class="card-header bg-transparent border-0"><img src="assets/main/img/vlc-icon.png"
|
||
style="width: 70px;height: 70px;border-radius: 50%;background: #0ea0ff;background-color: #fbcd79;">
|
||
</div>
|
||
<div class="card-body research-area">
|
||
<h3 class="card-title">VLC-IoT</h3>
|
||
<p class="card-text" style="font-size: 1.05rem;">Visible-light communication (VLC)
|
||
transmits
|
||
data by intensity modulating optical sources, such as light-emitting diodes (LEDs)
|
||
and
|
||
laser diodes (LDs), faster than the persistence of the human eye. The goal of
|
||
IoT-VLC is
|
||
to
|
||
design a framework of IoT services based on VLC. <br><br></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="row" style="padding-right: 0;padding-left: 0;margin: 0px;">
|
||
<div class="gcontainer">
|
||
<div class="row"
|
||
style="width : 100%;padding-right: 0;padding-left: 0;margin: 0;margin-top: 20px;margin-bottom: 10px;">
|
||
<div class="godopu_description col-sm-6 portfolio-block" style="margin-top: 20px;">
|
||
<h3 style="font-weight: 700;font-family: Lato,sans-serif;">CCIS </h3>
|
||
<p style="margin-top: 0px;">In-Vehicle Infotainment (IVI) refers to vehicle systems that combine
|
||
entertainment and information delivery to drivers and passengers. Configurable Car
|
||
Infotainment
|
||
Service (CCIS) is a service that helps users to more easily manage
|
||
and control In-Vehicle infotainment devices and content.<br>This project is developing a
|
||
series
|
||
of standards in <br>IEC/TC 100/TA 17</p>
|
||
</div>
|
||
<div class="col-sm-6" style="padding: 0;"><a href="#show_image_ccis">
|
||
<img class="puscale-up-img card-img-top" src="assets/main/img/picture.png" alt="Card Image"/>
|
||
|
||
</a></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<hr>
|
||
<section class="row" style="padding-right: 0;padding-left: 0;margin: 0px;">
|
||
<div class="gcontainer">
|
||
<div class="row"
|
||
style="width : 100% ;padding-right: 0;padding-left: 0;margin: 0;margin-top: 20px;margin-bottom: 10px;">
|
||
<div class="col-sm-6" style="padding: 0;"><a href="#show_image_vlc">
|
||
<img class="puscale-up-img card-img-top" src="assets/main/img/vlc.png" alt="Card Image" />
|
||
</a></div>
|
||
<div class="godopu_description col-sm-6 portfolio-block" style="margin-top: 20px;">
|
||
<h3 style="font-weight: 700;font-family: Lato,sans-serif;">VLC-IoT</h3>
|
||
<p style="margin-top: 0px;">Visible-light communication (VLC) transmits data by intensity
|
||
modulating
|
||
optical sources, such as light-emitting diodes (LEDs) and laser diodes (LDs), faster than
|
||
the
|
||
persistence of the human eye. The goal of IoT-VLC is to design a
|
||
framework of IoT services based on VLC.<br>This project is purposed to develop a series of
|
||
standards in ITU-T SG20.<br></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<hr style="margin: 0px;margin-top: 16px;">
|
||
<section class="portfolio-block projects-cards" style="padding: 70px 0px;">
|
||
<div class="container">
|
||
<div class="heading">
|
||
<h2>Standards organizations</h2>
|
||
</div>
|
||
<div class="row st_org">
|
||
<div class="col-md-6 col-lg-4">
|
||
<div class="card puscale-up-img"><a target="_blank" href="https://www.ietf.org/"><img class="card-img-top" src="assets/main/img/logo_ietf.png"></a>
|
||
<div class="card-body st_org" style="padding-bottom: 10px; background : lightgray;">
|
||
<h6><a target="_blank" href="https://www.ietf.org/">IETF</a></h6>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 col-lg-4">
|
||
<div class="card border-0 puscale-up-img"><a target="_blank" href="https://www.iec.ch/"><img class="card-img-top"
|
||
src="assets/main/img/logo_iec.png" alt="Card Image"></a>
|
||
<div class="card-body st_org" style="padding-bottom: 10px;">
|
||
<h6><a target="_blank" href="https://www.iec.ch/">IEC</a></h6>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 col-lg-4">
|
||
<div class="card border-0 puscale-up-img"><a target="_blank" href="https://www.itu.int/en/ITU-T/Pages/default.aspx"><img class="card-img-top"
|
||
src="assets/main/img/logo_itu-t.png" alt="Card Image"></a>
|
||
<div class="card-body st_org" style="padding-bottom: 10px; color : blue;">
|
||
<h6><a target="_blank" href="https://www.itu.int/en/ITU-T/Pages/default.aspx">ITU-T</a></h6>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<footer class="page-footer">
|
||
<div class="container">
|
||
<div class="links"><a target="_blank" href="http://cse.knu.ac.kr/">CSE</a><a target="_blank" href="http://cite.knu.ac.kr/">CITE</a><a
|
||
target="_blank" href="http://www.knu.ac.kr/">KNU</a></div>
|
||
</div>
|
||
</footer><a href="#modal"><i class="fa fa-envelope-o float"></i></a>
|
||
|
||
<div class="remodal gradient" data-remodal-id="show_image_ccis" role="dialog" aria-labelledby="modal1Title"
|
||
aria-describedby="modal1Desc" style="padding : 0; background-color:transparent">
|
||
<div>
|
||
<section class="portfolio-block mobile-app" style="padding-top:30px; padding-bottom:30px;">
|
||
<div class="container align-items-center">
|
||
<div class="row align-items-center">
|
||
<img src="assets/main/img/picture.png" style="width:100%" />
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- style="background-color:transparent" -->
|
||
<div class="remodal gradient" data-remodal-id="show_image_vlc" role="dialog" aria-labelledby="modal1Title"
|
||
aria-describedby="modal1Desc" style="padding : 0; background-color:transparent">
|
||
<div>
|
||
<section class="portfolio-block mobile-app"
|
||
style="padding-top:30px; padding-bottom:30px;background-color:white;">
|
||
<div class="container align-items-center">
|
||
<div class="row align-items-center">
|
||
<img src="assets/main/img/vlc.png" style="width:100%;" />
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- style="background-color:transparent" -->
|
||
<div class="remodal gradient" data-remodal-id="modal" role="dialog" aria-labelledby="modal1Title"
|
||
aria-describedby="modal1Desc">
|
||
<button data-remodal-action="close" class="remodal-close" aria-label="Close"></button>
|
||
<div>
|
||
<h2 id="modal1Title">Professor Information</h2>
|
||
<section class="portfolio-block mobile-app" style="padding-top:30px; padding-bottom:30px;">
|
||
<div class="container align-items-center">
|
||
<div class="row align-items-center">
|
||
<div class="col-md-12 col-lg-4 offset-lg-1">
|
||
<img id="profile_img"
|
||
src='https://search.pstatic.net/common?type=a&size=120x150&quality=95&direct=true&src=http%3A%2F%2Fpeople.phinf.naver.net%2F20181026_30%2F1540539795199zR4V8_JPEG%2Fchosun_400263079.jpg'
|
||
alt="Avatar">
|
||
</div>
|
||
<div class="col-md-12 col-lg-6 text">
|
||
<h3>Seok-Joo Koh</h3>
|
||
<snap>School of Computer Science and Engineering Director and <br>Software Education
|
||
Center<br>of Kyungpook National University<br>경북대학교 IT융복합공학관 527호</snap>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- <hr /> -->
|
||
</section>
|
||
<div class="phone-screen" style="background-image:url('assets/main/img/tech/image7.png');"></div>
|
||
</div>
|
||
<br>
|
||
<a href="mailto:sjkoh@knu.ac.kr" class="remodal-confirm" style="color:white">Send E-Mail</a>
|
||
<a data-remodal-action="cancel" class="remodal-cancel" style="color:white;">Github</a>
|
||
<!-- <a target="_blank" href="https://github.com/sjkoh12" class="remodal-cancel" style="color:white">Github</a> -->
|
||
</div>
|
||
|
||
</section>
|
||
<div class="iots-frame-holder">
|
||
<iframe name="iots-frame"></iframe>
|
||
</div>
|
||
<script src="assets/main/js/jquery.min.js"></script>
|
||
<script src="assets/main/bootstrap/js/bootstrap.min.js"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.6.1/pikaday.min.js"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.3.1/js/swiper.jquery.min.js"></script>
|
||
<script src="assets/main/js/remodal/remodal.js"></script>
|
||
<script src="assets/main/js/remodal/listener.js"></script>
|
||
<script src="assets/main/js/Simple-Slider.js"></script>
|
||
<script src="assets/main/js/theme.js"></script>
|
||
<script>
|
||
let prelink = undefined;
|
||
document.addEventListener("DOMContentLoaded", function () {
|
||
let links = document.getElementsByClassName("nav-link");
|
||
|
||
let click_listener = function (event) {
|
||
if (prelink !== undefined) {
|
||
prelink.css("color", "white");
|
||
prelink.css("text-decoration", "none");
|
||
}
|
||
if (event.target.id !== "github") {
|
||
prelink = $(event.target);
|
||
let btn = $(".navbar-toggler");
|
||
if (btn.attr("aria-expanded") == "true")
|
||
btn.click();
|
||
$("#iots-mainbody").css("display", "none");
|
||
$(".iots-frame-holder").css("display", "block");
|
||
prelink.css("color", "#ded8e6");
|
||
prelink.css("text-decoration", "underline");
|
||
}
|
||
}
|
||
|
||
for (var i = 0; i < links.length; i++) {
|
||
links[i].addEventListener('click', click_listener, false);
|
||
}
|
||
|
||
});
|
||
</script>
|
||
</body>
|
||
|
||
</html>
|
||
|