zxcxz2002
174 lines
8.1 KiB
Plaintext
174 lines
8.1 KiB
Plaintext
<%@ page contentType="text/html;charset=UTF-8" %>
|
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
|
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<head>
|
|
<jsp:include page="/WEB-INF/view/include/inc_home_head.jsp"/>
|
|
<jsp:include page="/WEB-INF/view/include/inc_head_script.jsp"/>
|
|
<script>
|
|
var tabIndex = 0;
|
|
<c:if test="${not empty param.tabIndex}">
|
|
tabIndex = ${param.tabIndex};
|
|
</c:if>
|
|
|
|
$(function() {
|
|
$('#tabMenu').find('a').on('click', function() {
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
return false;
|
|
});
|
|
|
|
})
|
|
var goToCost = function() {
|
|
};
|
|
|
|
$(function() {
|
|
// 해당 메뉴 이동
|
|
$('.tabMenu a').on('click' , function(e){
|
|
e.preventDefault();
|
|
|
|
var idx = $(this).index();
|
|
$('#inner0').removeClass("on");
|
|
$('#inner1').removeClass("on");
|
|
$('#inner2').removeClass("on");
|
|
$('#inner3').removeClass("on");
|
|
$('#inner' + idx).addClass("on");
|
|
|
|
$('body, html').stop().animate({
|
|
scrollTop : $('.introWrap .section').eq(idx).offset().top - $('#header').outerHeight(true) - 30
|
|
});
|
|
});
|
|
|
|
$('.tabMenu a').eq(tabIndex).trigger('click');
|
|
});
|
|
</script>
|
|
</head>
|
|
<body class="<c:if test="${not empty loginUser}">logined</c:if>">
|
|
|
|
|
|
|
|
<!-- wrap : s -->
|
|
<div class="wrap">
|
|
<jsp:include page="/WEB-INF/view/include/inc_home_body_header.jsp"/>
|
|
|
|
<div class="container">
|
|
<div id="contents">
|
|
<!-- 상세 : s -->
|
|
<div class="subVisual bg02">
|
|
<h2>기본 제공 기능</h2>
|
|
<p>서비스 가입 시 선택한 기능 및 구매한 호스트 개수에 상관없이 기본 제공하는 기능입니다.</p>
|
|
<div class="tabMenu">
|
|
<div class="inner" id="inner">
|
|
<a href="#" id="inner0" class="on">화상 히스토리</a>
|
|
<a href="#" id="inner1">화상 녹화 로컬 저장</a>
|
|
<a href="#" id="inner2">공지사항 게시판</a>
|
|
<a href="#" id="inner3">관리자메뉴</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="inner">
|
|
<!-- introWrap : s -->
|
|
<div class="introWrap ver2">
|
|
<div class="section sec01">
|
|
<div class="titBox">
|
|
<span class="bedge">기본기능</span>
|
|
<h3>화상 히스토리</h3>
|
|
</div>
|
|
<div class="conBox right">
|
|
<div class="imgObj wHide"><img src="/res/front/home/asset/images/m_img_intro0201.png" alt=""></div>
|
|
<div class="txtObj">
|
|
<ul class="listStyle">
|
|
<li>내가 참여한 화상 내역
|
|
<p>참여한 화상 내역을 한눈에 볼 수 있습니다.</p>
|
|
</li>
|
|
<li>화상 출석 로그, 노트 작성 기록
|
|
<p>출석 로그 및 화상 중 작성한 노트 기록을 확인 할 수 있습니다. </p>
|
|
</li>
|
|
<li>호스트/방개설자 대상 녹화 다운로드
|
|
<p>호스트 혹은 방개설자는 녹화된 영상을 다운로드 받을 수 있습니다.<br>(단, 실시간 화상방 내에서 녹화한 경우만)</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="section sec02">
|
|
<div class="titBox">
|
|
<span class="bedge">기본기능</span>
|
|
<h3>화상 녹화 로컬 저장</h3>
|
|
</div>
|
|
<div class="conBox">
|
|
<div class="imgObj wHide"><img src="/res/front/home/asset/images/m_img_intro0202.png" alt=""></div>
|
|
<div class="txtObj">
|
|
<ul class="listStyle">
|
|
<li>녹화본 다운로드 제공
|
|
<p>화상방 개설자가 녹화 선택 시, PC로 녹화본을 다운로드<br class="mHide">할 수 있습니다.</p>
|
|
</li>
|
|
<li>녹화본 히스토리 확인
|
|
<p>해당 녹화본은 ‘화상 히스토리’에서도 확인이 가능합니다.</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="section sec03">
|
|
<div class="titBox">
|
|
<span class="bedge">기본기능</span>
|
|
<h3>공지사항 게시판</h3>
|
|
</div>
|
|
<div class="conBox right">
|
|
<div class="imgObj wHide"><img src=/res/front/home/asset/images/m_img_intro0203.png" alt=""></div>
|
|
<div class="txtObj">
|
|
<ul class="listStyle">
|
|
<li>공지사항 전파
|
|
<p>조직 내 공지사항을 전달할 수 있습니다.</p>
|
|
</li>
|
|
<li>공개 대상 그룹 설정
|
|
<p>전체 또는 특정 그룹으로 공개대상 그룹 설정이 가능합니다. </p>
|
|
</li>
|
|
<li>조직 내 커뮤니케이션
|
|
<p>실시간 화상 외에 조직 내 손쉽게 커뮤니케이션 할 수 있습니다. </p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="section sec04">
|
|
<div class="titBox">
|
|
<span class="bedge">기본기능</span>
|
|
<h3>관리자 메뉴</h3>
|
|
</div>
|
|
<div class="conBox">
|
|
<div class="imgObj wHide"><img src="/res/front/home/asset/images/m_img_intro0204.png" alt=""></div>
|
|
<div class="txtObj">
|
|
<ul class="listStyle">
|
|
<li>조직 내 그룹/이용자 관리
|
|
<p>조직 내 그룹 및 이용자 관리 기능을 제공합니다. </p>
|
|
</li>
|
|
<li>호스트 지정 및 관리
|
|
<p>관리자가 원하는 호스트를 지정, 관리 할 수 있습니다. </p>
|
|
</li>
|
|
<li>상품 및 결제 정보 관리
|
|
<p>이용 상품 및 결제 정보를 확인할 수 있습니다. </p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- introWrap : e -->
|
|
</div>
|
|
</div>
|
|
<!-- 상세 : e -->
|
|
</div>
|
|
</div>
|
|
|
|
<!-- footer : s -->
|
|
<jsp:include page="/WEB-INF/view/include/inc_home_body_footer.jsp"/>
|
|
<!-- footer : e -->
|
|
</div>
|
|
<!-- wrap : e -->
|
|
|
|
<jsp:include page="/WEB-INF/view/include/inc_home_body_popup.jsp"/>
|
|
<script src="/res/front/js/biz/home/home-common.js?v=${timestamp}"></script>
|
|
</body>
|
|
</html>
|