Files
egbim_homepage/egbim/mobile/skin/member/basic/interface.skin.php
T
2026-07-23 16:15:57 +09:00

725 lines
30 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-STZ2R5Q7HG"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-STZ2R5Q7HG');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>인터페이스</title>
<link rel="stylesheet" href="../css/reset.css"/>
<link rel="stylesheet" href="../css/font.css"/>
<link rel="stylesheet" href="../css/style.css"/>
<link rel="stylesheet" href="https://unpkg.com/aos@2.3.1/dist/aos.css" type="text/css"/>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src="https://unpkg.com/lenis@1.1.9/dist/lenis.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/lenis@1.1.9/dist/lenis.css">
<script type="text/javascript" src="../js/jquery-3.6.1.min.js"></script>
<script type="text/javascript" src="../js/jquery.mousewheel.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/gsap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/ScrollTrigger.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/ScrollToPlugin.min.js"></script>
<!-- 듀얼모니터 시퀀스애니메이션 스크립트 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/ScrollMagic.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/animation.gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/debug.addIndicators.min.js"></script>
<!-- 듀얼모니터 시퀀스애니메이션 스크립트 -->
<script type="text/javascript" src="../js/common.js"></script>
<script type="text/javascript" src="../js/popup.js"></script>
<script type="text/javascript" src="../js/interface.js"></script>
</head>
<body>
<!-- "js__" 시작하는 클래스는 only 자바스크립트용입니다. -->
<!-- XXXX js__넣어서 css 작성 금지 XXXX -->
<div class="wrapper">
<input id="hid_mb_id" type="hidden" value="<?echo $_SESSION['session_id'];?>"></input>
<!-- HEADER -->
<header class="js__header">
<?php include_once($member_skin_path.'/main_header.skin.php'); ?>
</header>
<!-- //Header -->
<!-- floating_menu -->
<div class="floating_menu">
<ul>
<li class="floating_faq"><a href="<?php echo G5_BBS_URL ?>/faq.php">
<i></i>
<span>FAQ</span>
</a></li>
<li class="floating_buy"><a href="<?php echo G5_BBS_URL ?>/buy.php">
<i></i>
<span>구매하기</span>
</a></li>
</ul>
</div>
<!-- //floating_menu -->
<!-- 모든 팝업페이지 경로 -->
<?php
include_once($member_skin_path.'/login.skin.php');
include_once($member_skin_path.'/mypage01.skin.php');
include_once($member_skin_path.'/register.skin.php');
include_once($member_skin_path.'/register_form.skin.php');
include_once($member_skin_path.'/mypage02.skin.php');
include_once($member_skin_path.'/mypage03.skin.php');
include_once($member_skin_path.'/sitemap.skin.php');
include_once($member_skin_path.'/privacy.skin.php');
include_once($member_skin_path.'/password_lost.skin.php');
?>
<!-- 컨텐츠 시작 -->
<div class="container interface">
<div class="mouse_mark js__mouse_mark" style="display:none"><span>SCROLL</span></div>
<div class="mouse_mark js__mouse_mark02" style="display:none"><span>SCROLL</span></div>
<section class="intro">
<div class="top js__dark">
<h2 data-aos="fade-down" data-aos-duration="1000">인터페이스</h2>
<span>사용자 경험을 바탕으로 한 UX 디자인 적용</span>
</div>
</section>
<section class="route js__mouse_area">
<div class="fix">
<div class="keyword">
<i class="egbim_obj k"></i>
<span>Easy & Simple</span>
<p>기존의 복잡한 작업환경에서 벗어나<br class="brk"> <b>쉽고 단순한 인터페이스</b>를 제공합니다.</p>
</div>
<div class="content">
<ul class="subs">
<li class="on">
<span class="sub_tit">Interface</span>
<span class="mid_tit">쉽고 단순한<br> <b>인터페이스</b></span>
<span class="sub_text">
사용자의 편의성을 최우선으로 고려하여, 기존의 복잡하고 혼란스러운 인터페이스 대신<br class="brk"> <b>간결하고 직관적인 메뉴 구성</b>을 통해 누구나 쉽게 사용 할 수 있는 사용자 친화적인 환경을 제공합니다.
</span>
</li>
<li>
<span class="sub_tit">Grouping</span>
<span class="mid_tit"><b>기능별로 그룹화</b>하여 <br>차별화된 디자인</span>
<span class="sub_text">
복잡한 인터페이스를 간소화하고, <b>기능별로 메뉴를 체계적으로 그룹화</b> 하여<br class="brk"> 사용자가 필요한 기능을 쉽게 찾을 수 있도록 구성했습니다.
</span>
</li>
<li>
<span class="sub_tit">Imaging</span>
<span class="mid_tit">정보전달 방식의<br> <b>이미지화</b></span>
<span class="sub_text">
객체의 속성 정보를 사용자기 쉽게 이해할 수 있도록<br class="brk"> <b>이미지와 함께 시각적으로 표현</b>하여 정보전달의 명확성를 높였습니다.
<ul>
<li>객체 종류에 따른 차별화된 속성정보 창 제공</li>
<li>객체의 기본정보, 형상정보, 위치정보 구분하여 제공</li>
<li>많은 정보의 가독성 및 가시성 증대로 작업성 향상</li>
</ul>
</span>
</li>
</ul>
<ul class="imgs">
<li class="on">
<span>파일메뉴</span>
<span>객체 주요특성 표시</span>
<span>작업환경 설정</span>
<span>명령어 아이콘</span>
<span>넓은 작업공간</span>
<div class="img_box">
<object data="../img/interface_img_01.svg"></object>
</div>
</li>
<li>
<span>객체 주요특성 메뉴</span>
<span>홈 메뉴</span>
<span>작업환경 아이콘바</span>
<span>명령어 아이콘바</span>
<div class="img_box">
<object data="../img/interface_img_02.svg"></object>
</div>
</li>
<li>
<span>객체 선택 속성창</span>
<div class="img_box">
<object data="../img/interface_img_03.svg"></object>
</div>
</li>
</ul>
</div>
</div>
<div id="sec1"></div>
<div id="sec2"></div>
<div id="sec3"></div>
</section>
<section class="dual" id="dualm">
<div class="dual_top js__mouse_area02">
<div class="sub_tit">
듀얼모니터 작업공간 <br>
<b>두개의 모니터 사용으로 새로운 작업공간</b>을<br class="brk"> 경험 할 수 있습니다.
</div>
<div id="imagesequence" class="pin" style="text-align: center;">
<img id="myimg" src="../img/com_img/comp_1.png">
</div>
</div>
<div class="detail">
<div class="sub_tit">
<b>작업공간의 분리</b> 및 <b>연동기능</b>으로<br>
편리하게 동시작업
</div>
<div class="subs">
<div class="element">
<div class="exam">
<div class="exam_01">
<span>모델공간</span>
<img src="../img/dual_img01_01.png" alt="">
</div>
<div class="exam_02">
<span>레이아웃(배치)공간</span>
<img src="../img/dual_img01_02.png" alt="">
</div>
</div>
<div class="sub_text">
<span>
레이아웃(배치)공간을 분리하고 연동기능 적용으로<br>
모델공간과 레이아웃공간의 <b>번거로운 이동 없이 두 공간 동시 작업</b>
</span>
</div>
</div>
<div class="element">
<div class="exam">
<div class="exam_01">
<span>작업도면</span>
<img src="../img/dual_img02_01.png" alt="">
</div>
<div class="exam_02">
<span>참고도면</span>
<img src="../img/dual_img02_02.png" alt="">
</div>
</div>
<div class="sub_text">
<span>
도면 작업시 참고해야할 도면의 작업공간을 따로 분리 하여<br>
<b>참고도면이 변경될 걱정없이</b> 읽기전용 모드에서 작업
</span>
</div>
</div>
</div>
</div>
</section>
</div>
<!-- FOOTER -->
<button class="btn_top js__top" onclick="window.scrollTo(0,0);"><div class="arrow"></div></button>
<footer class="footer_off">
<?php include_once($member_skin_path.'/main_footer.skin.php'); ?>
</footer>
<!-- //FOOTER -->
</div>
<script>
AOS.init();
const lenis = new Lenis()
lenis.on('scroll', (e) => {
// console.log(e)
})
lenis.on('scroll', ScrollTrigger.update)
gsap.ticker.add((time)=>{
lenis.raf(time * 1000)
})
gsap.ticker.lagSmoothing(0)
// 페이지 로드 시에도 실행하여 초기 상태 확인
if (window.innerWidth <= 1200) {
const element = document.getElementById('dualm');
if (element) {
console.log('b')
element.removeAttribute('id');
}
}
</script>
</body>
<script>
// 회원 탈퇴
function member_leave() {
if (confirm("회원에서 탈퇴 하시겠습니까?"))
location.href = '<?php echo G5_BBS_URL ?>/member_leave.php';
}
// 회원 탈퇴
if($('#hid_mb_id').val()==''){
document.getElementById('my_join2').style.display = 'none';
document.getElementById('my_login2').style.display = 'none';
document.getElementById('my_join').style.display = '';
document.getElementById('my_login').style.display = '';
}else{
document.getElementById('my_join2').style.display = '';
document.getElementById('my_login2').style.display = '';
document.getElementById('my_join').style.display = 'none';
document.getElementById('my_login').style.display = 'none';
}
let x = document.cookie;
if(x == "tmp_1=John"){
deleteCookie("tmp_1");
$('#pop_mypage02').show();
}
function deleteCookie(name) {
document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/egbim;";
document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/egbim/bbs;";
document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/egbim/faq;";
document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/egbim/qa;";
}
function getCookie(cname) {
let name = cname + "=";
let decodedCookie = decodeURIComponent(document.cookie);
let ca = decodedCookie.split(';');
for(let i = 0; i <ca.length; i++) {
let c = ca[i];
while (c.charAt(0) == ' ') {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "";
}
//alert(getCookie("tmp_1"));
//로그인
$('#flogin button[type=submit]').click(function(e){
e.preventDefault();
let mb_id = $('#login_id').val();
let mb_password = $('#login_pw').val();
//alert('<?php echo G5_URL ?>/bbs/login.php');
$.ajax({
url : '<?php echo G5_URL ?>/bbs/login_check_tova.php',
data : {
'mb_id' : mb_id,
'mb_password' : mb_password
},
type : "POST",
datatype : "json",
success : function(data){
var ss='';
for(i=0; i<data.length; i++){
ss=ss + data[i];
}
//alert(ss.replace('"','').replace('"',''));
if(ss.replace('"','').replace('"','') == "success" || ss.replace('"','').replace('"','') == "super"){
//$(".popup_wrap").show();
// $('.btn_close').hide();
// $('#pop_login').hide();
// ------유나 추가
$('.popup_wrap').hide();
$('body').css('overflow', ''); // 기본 스크롤 상태로 복귀
lenis.start();
console.log('로그인 완료 및 lenis 재시작/유나 추가')
$('#hid_mb_id').val(mb_id);
document.getElementById('my_join2').style.display = '';
document.getElementById('my_login2').style.display = '';
document.getElementById('my_join').style.display = 'none';
document.getElementById('my_login').style.display = 'none';
//location.href="<?php echo G5_URL ?>/bbs/session.php?id="+mb_id;
if(ss.replace('"','').replace('"','') == "super"){
$('#my_join2').html("<a href='http://eg-bim.com/egbim/adm/index.php' target='_blank'>관리페이지</a>");
}else{
$('#my_join2').html("<a href='javascript:mypage01();'>마이페이지</a>");
}
}else
{
alert(trim(ss));
}
},
error : function(err){
//alert(err);
alert(err.status);
alert(err.statusText);
}
});
});
//회원가입 약관동의
$('#fregister button[type=submit]').click(function(e){
e.preventDefault();
let agree11 = $('#agree11').val();
let agree21 = $('#agree21').val();
$.ajax({
url : '<?php echo G5_URL ?>/bbs/register_form.php',
type : "POST",
datatype : "json",
contentType: 'application/json; charset=utf-8',
data : {
'agree11' : agree11,
'agree21' : agree21
},
success : function(data){
var ss='';
for(i=0; i<data.length; i++){
ss=ss + data[i];
}
},
error : function(err){
alert(err);
}
});
});
//회원가입 정보입력
$('#fregisterform button[type=submit]').click(function(e){
e.preventDefault();
let mb_id = $('#reg_mb_id').val();
let mb_password = $('#reg_mb_password').val();
let mb_password_re = $('#reg_mb_password_re').val();
let mb_name = $('#reg_mb_name').val();
let mb_email1 = $('#reg_mb_email1').val();
let mb_email2 = $('#mb_email2').val();
let reg_domain2 = $('#register_domain2').val();
let mb_hp = $('#reg_mb_hp').val();
let mb_comp = $('#reg_mb_comp').val();
let mb_comp_team = $('#reg_mb_comp_team').val();
//alert(mb_password+' '+mb_password_re+' '+mb_name+' '+mb_email1+' '+mb_email2+' '+mb_hp+' '+mb_comp+' '+mb_comp_team);
if (mb_id.length < 4) {
alert("아이디를 4글자 이상 입력하십시오.");
mb_id.focus();
return false;
}
var special_pattern = /[`~!@#$%^&*|\\\'\";:\/?]/gi
if (special_pattern.test(mb_id) == true) {
alert("아이디는 특수문자를 사용할수 없습니다.");
mb_id.focus();
return false;
}
// 비밀번호 검사
if(!/^(?=.*[a-zA-Z])(?=.*[!@#$%^*+=-])(?=.*[0-9]).{8,25}$/.test(mb_password)){
alert('비밀번호는 숫자+영문자+특수문자 조합으로 8자리 이상 사용해야 합니다.');
mb_password.focus();
return false;
}
// if (mb_password_re.length < 8 || mb_password.length < 8) {
// alert("비밀번호를 8글자 이상 입력하십시오.");
// mb_password.focus();
// return false;
// }
// 비밀번호 & 2차비밀번호 검사
if (mb_password != mb_password_re) {
alert("비밀번호가 같지 않습니다.");
mb_password_re.focus();
return false;
}
// 이름 검사
if (mb_name == "") {
if (mb_name.length < 1) {
alert("이름을 입력하십시오.");
mb_name.focus();
return false;
}
}
// 메일 검사
if (mb_email1 == "") {
if (mb_email1.length < 1) {
alert("메일 주소를 입력하십시오.");
mb_email1.focus();
return false;
}
}
if (mb_email2 == "type"){
mb_email2 = '@' + reg_domain2;
}
// 핸드폰 번호 검사
if (mb_hp.length < 11) {
alert("휴대전화번호 11자리를 입력하십시오.");
mb_hp.focus();
return false;
}
if(isNaN(mb_hp)){
alert("휴대전화번호는 숫자만 입력가능합니다.");
mb_hp.focus();
return false;
}
// 회사명 검사
if (mb_comp == "") {
if (mb_comp.length < 1) {
alert("회사명을 입력하십시오");
mb_comp.focus();
return false;
}
}
// 팀명 검사
if (mb_comp_team == "") {
if (mb_comp_team.length < 1) {
alert("팀명을 입력하십시오");
mb_comp_team.focus();
return false;
}
}
$.ajax({
url : '<?php echo G5_URL ?>/bbs/register_form_update.php',
data : {
'mb_id' : mb_id,
'mb_password' : mb_password,
'mb_password_re' : mb_password_re,
'mb_name' : mb_name,
'mb_email1' : mb_email1,
'mb_email2' : mb_email2,
'mb_hp' : mb_hp,
'mb_comp' : mb_comp,
'mb_comp_team' : mb_comp_team,
},
type : "POST",
datatype : "json",
success : function(data){
var ss='';
for(i=0; i<data.length; i++){
ss=ss + data[i];
}
if(ss){
// $(".popup_wrap").show();
// $('.btn_close').hide();
// $('#pop_login').hide();
// $('#pop_agreement').hide();
// $('#pop_join').hide();
// $('#pop_mypage01').hide();
// $('#pop_search').hide();
// $('#pop_mypage02').hide();
// $('#pop_mypage03').hide();
// $('#pop_privacy').hide();
// $('.register_fs').hide();
// $('.join_progress .join_step').removeClass('on');
// $('.join_progress .join_step').eq(2).addClass('on');
// $('.messages').show();
alert('회원가입이 완료됐습니다.\n다시 로그인 해주세요');
$('#reg_mb_id').val('');
$('#reg_mb_password').val('');
$('#reg_mb_password_re').val('');
$('#reg_mb_name').val('');
$('#reg_mb_email1').val('');
$('#reg_mb_hp').val('');
$('#reg_mb_comp').val('');
$('#reg_mb_comp_team').val('');
$('#dupl_check_yn').val('N');
// ------유나 추가
$('.popup_wrap').hide();
$('body').css('overflow', ''); // 기본 스크롤 상태로 복귀
lenis.start();
console.log('로그인 완료 및 lenis 재시작/유나 추가')
}else{
alert('실패했습니다.');
}
},
error : function(err){
alert('에러');
alert(err);
alert(err.status);
alert(err.statusText);
}
});
// $.removeCookie(mb_id,{path:'<?php //echo G5_URL ?>/bbs/register_form_update.php'});
});
//회원정보 수정
$('#fregisterform_up button[type=submit]').click(function(e){
e.preventDefault();
let mb_id = $('#update_mb_id').val();
let mb_password = $('#update_mb_password').val();
let mb_password_re = $('#update_mb_password_re').val();
let mb_name = $('#update_mb_name').val();
let mb_email1 = $('#update_mb_email1').val();
let mb_email2 = $('#update_mb_email2').val();
let update_domain2 = $('#update_domain2').val();
if (mb_email2 == "type"){
mb_email2 = '@' + update_domain2;
}
let mb_hp = $('#update_mb_hp').val();
let mb_comp = $('#update_mb_comp').val();
let mb_comp_team = $('#update_mb_comp_team').val();
//alert(mb_password+' '+mb_password_re+' '+mb_name+' '+mb_email1+' '+mb_email2+' '+mb_hp+' '+mb_comp+' '+mb_comp_team);
if (mb_id.length < 4) {
alert('1');
alert("아이디를 4글자 이상 입력하십시오.");
mb_id.focus();
return false;
}
var special_pattern = /[`~!@#$%^&*|\\\'\";:\/?]/gi
if (special_pattern.test(mb_id) == true) {
alert("아이디는 특수문자를 사용할수 없습니다.");
mb_id.focus();
return false;
}
// 비밀번호 검사
if(!/^(?=.*[a-zA-Z])(?=.*[!@#$%^*+=-])(?=.*[0-9]).{8,25}$/.test(mb_password)){
alert('비밀번호는 숫자+영문자+특수문자 조합으로 8자리 이상 사용해야 합니다.');
mb_password.focus();
return false;
}
// if (mb_password_re.length < 8 || mb_password.length < 8) {
// alert("비밀번호를 8글자 이상 입력하십시오.");
// mb_password.focus();
// return false;
// }
// 비밀번호 & 2차비밀번호 검사
if (mb_password != mb_password_re) {
alert(mb_password_re);
alert("비밀번호가 같지 않습니다.");
mb_password_re.focus();
return false;
}
// 이름 검사
if (mb_name == "") {
if (mb_name.length < 1) {
alert("이름을 입력하십시오.");
mb_name.focus();
return false;
}
}
// 메일 검사
if (mb_email1 == "") {
if (mb_email1.length < 1) {
alert("메일 주소를 입력하십시오.");
mb_email1.focus();
return false;
}
}
// 핸드폰 번호 검사
if (mb_hp.length < 11) {
alert("휴대전화번호 11자리를 입력하십시오.");
mb_hp.focus();
return false;
}
if(isNaN(mb_hp)){
alert("휴대전화번호는 숫자만 입력가능합니다.");
mb_hp.focus();
return false;
}
// 회사명 검사
if (mb_comp == "") {
if (mb_comp.length < 1) {
alert("회사명을 입력하십시오");
mb_comp.focus();
return false;
}
}
// 팀명 검사
if (mb_comp_team == "") {
if (mb_comp_team.length < 1) {
alert("팀명을 입력하십시오");
mb_comp_team.focus();
return false;
}
}
$.ajax({
url : '<?php echo G5_URL ?>/bbs/mypage03.php',
data : {
'mb_id' : mb_id,
'mb_password' : mb_password,
'mb_password_re' : mb_password_re,
'mb_name' : mb_name,
'mb_email1' : mb_email1,
'mb_email2' : mb_email2,
'mb_hp' : mb_hp,
'mb_comp' : mb_comp,
'mb_comp_team' : mb_comp_team,
},
type : "POST",
datatype : "json",
success : function(data){
var ss='';
for(i=0; i<data.length; i++){
ss=ss + data[i];
}
if(ss.replace('"','').replace('"','') == "success"){
// $(".popup_wrap").show();
$('.btn_close').show();
$('#pop_login').hide();
$('#pop_agreement').hide();
$('#pop_join').hide();
$('#pop_mypage01').hide();
$('#pop_search').hide();
$('#pop_mypage02').show();
$('#pop_mypage03').hide();
$('#pop_privacy').hide();
// $('.register_fs').hide();
// $('.join_progress .join_step').removeClass('on');
// $('.join_progress .join_step').eq(2).addClass('on');
// $('.messages').show();
alert('회원정보 수정이 완료됐습니다.');
document.getElementById("span_email").innerText=mb_email1+mb_email2;
document.getElementById("span_hp").innerText=mb_hp;
document.getElementById("span_comp").innerText=mb_comp;
document.getElementById("span_comp_team").innerText=mb_comp_team;
// $('#update_mb_id').val('');
// $('#update_mb_password').val('');
// $('#update_mb_password_re').val('');
// $('#update_mb_name').val('');
// $('#update_mb_email1').val('');
// $('#update_mb_hp').val('');
// $('#update_mb_comp').val('');
// $('#update_mb_comp_team').val('');
// $('#dupl_check_yn').val('N');
}else{
alert('실패했습니다.');
}
},
error : function(err){
alert('에러');
alert(err);
alert(err.status);
alert(err.statusText);
}
});
});
$('#fmyconfirmpw button[type=submit]').click(function(e){
e.preventDefault();
let l_mb_password = $('#password_mypage').val();
let l_mb_id = $('#hid_mb_id').val();
$.ajax({
url : '<?php echo G5_URL ?>/bbs/mypage02.php',
data : {
'mb_id' : l_mb_id,
'mb_password' : l_mb_password,
},
type : "POST",
datatype : "json",
success : function(data){
var ss='';
for(i=0; i<data.length; i++){
ss=ss + data[i];
}
//alert(ss.replace('"','').replace('"',''));
if(ss.replace('"','').replace('"','') == "success"){
$('#password_mypage').val('');
//mypage02();
document.cookie = "tmp_1=John";
location.href="<?php echo G5_URL ?>/bbs/interface.php";
}else
{
alert(trim(ss));
$('#password_mypage').select();
}
},
error : function(err){
alert(err);
alert(err.status);
alert(err.statusText);
}
});
});
</script>