65 lines
10 KiB
HTML
65 lines
10 KiB
HTML
<!doctype html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="theme-color" content="#f5f5ef"><meta name="description" content="빌딩(건물) 내 멀티비전 및 DID(Digital Information Display) TV 스크린을 활용, 영상 홍보 및 통합 안내 콘텐츠를 중앙에서 관리/분산 송출 하는 시스템 구축">
|
|
<meta property="og:type" content="website"><meta property="og:title" content="Signage 솔루션 — 빌딩(건물) 영상홍보 통합안내 시스템 | TRONT"><meta property="og:description" content="빌딩(건물) 내 멀티비전 및 DID(Digital Information Display) TV 스크린을 활용, 영상 홍보 및 통합 안내 콘텐츠를 중앙에서 관리/분산 송출 하는 시스템 구축">
|
|
<title>Signage 솔루션 — 빌딩(건물) 영상홍보 통합안내 시스템 | TRONT</title>
|
|
<link rel="icon" href="../assets/images/tront-logo.png"><link rel="stylesheet" href="../styles.css"><link rel="stylesheet" href="../portfolio.css"><script src="../portfolio.js" defer></script>
|
|
<link rel="stylesheet" href="../image-viewer.css">
|
|
<script src="../image-viewer.js" defer></script>
|
|
<link rel="stylesheet" href="../icons.css">
|
|
</head>
|
|
<body class="portfolio-page case--signage">
|
|
<!-- Shared arrow shape from assets/icons/arrow_right_alt.svg. -->
|
|
<svg class="icon-definitions" xmlns="http://www.w3.org/2000/svg" width="0" height="0" aria-hidden="true" focusable="false"><defs><symbol id="arrow-right-alt" viewBox="0 -960 960 960"><path d="m560-240-56-58 142-142H160v-80h486L504-662l56-58 240 240-240 240Z"/></symbol></defs></svg>
|
|
<a class="skip-link" href="#case-main">본문으로 바로가기</a><div class="case-progress" aria-hidden="true"></div>
|
|
<header class="case-header"><div class="wrap"><a class="case-back" href="../index.html#project-signage" data-back-to-work><span aria-hidden="true" class="arrow-slot"><svg class="arrow-icon arrow-icon--up-left" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="#arrow-right-alt"></use></svg></span> 포트폴리오 목록</a><a class="case-brand" href="../index.html" aria-label="트론트 홈">TRONT<span class="arrow-slot"><svg class="arrow-icon arrow-icon--up-right" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="#arrow-right-alt"></use></svg></span></a><a class="case-header-contact" href="../index.html#contact">함께 만들어가요 <span aria-hidden="true" class="arrow-slot"><svg class="arrow-icon arrow-icon--up-right" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="#arrow-right-alt"></use></svg></span></a></div></header>
|
|
<main id="case-main">
|
|
<section class="case-hero wrap">
|
|
<div class="case-eyebrow case-enter"><span>TRONT / SELECTED WORK</span><span>PROJECT 07 — 08</span></div>
|
|
<div class="case-title-row"><div><p class="case-project-brand case-enter">Signage 솔루션</p><h1 class="case-enter">빌딩(건물) 영상홍보 통합안내 시스템</h1></div><span class="arrow-slot case-hero-arrow case-enter" aria-hidden="true"><svg class="arrow-icon arrow-icon--down-right" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="#arrow-right-alt"></use></svg></span></div>
|
|
<dl class="case-meta case-enter"><div><dt>PROJECT PERIOD</dt><dd>2012.02 — 2012.11</dd></div><div><dt>OUR ROLE</dt><dd>중앙 관리 시스템 및 서버 구축 · 스케줄 및 파일 전송 로직 구현 · Infotrans Editor 및 Multi Manager 기능 구현</dd></div><div><dt>PLATFORM</dt><dd>멀티비전 / DID TV / 중앙 관리 시스템</dd></div></dl>
|
|
</section>
|
|
<div class="case-cover case-enter"><div class="project-scene scene--signage" aria-hidden="true"><div class="scene-surface">
|
|
<div class="scene-grid"></div><div class="scene-kicker"><span>DIGITAL SIGNAGE / NETWORK</span><span>07 / 08</span></div>
|
|
<div class="scene-wordmark">Signage<em>Network.</em></div><div class="scene-phrase">CONTENT / SCHEDULE / DISTRIBUTION</div>
|
|
<div class="scene-graphic"><svg viewBox="0 0 400 330" fill="none" aria-hidden="true" focusable="false">
|
|
<path class="signage-link" d="M100 183H170V82H222M170 183H268M170 183V270H215"/>
|
|
<circle cx="170" cy="183" r="4" fill="currentColor"/>
|
|
<rect class="signage-display" x="30" y="137" width="100" height="72" rx="5"/>
|
|
<rect class="signage-pane" x="39" y="146" width="82" height="45" rx="2"/>
|
|
<path class="signage-content" d="M66 158L85 168L66 179Z M69 218H91 M80 209V218"/>
|
|
<rect class="signage-display" x="222" y="32" width="130" height="91" rx="5"/>
|
|
<rect class="signage-pane" x="232" y="42" width="73" height="61" rx="2"/>
|
|
<path class="signage-content" d="M313 49H341M313 60H341M313 71H333M240 111H334M258 62L278 73L258 85Z"/>
|
|
<rect class="signage-display" x="268" y="151" width="65" height="108" rx="5"/>
|
|
<rect class="signage-pane" x="276" y="159" width="49" height="62" rx="2"/>
|
|
<path class="signage-content" d="M284 231H317M284 240H306"/>
|
|
<rect class="signage-display" x="215" y="278" width="127" height="30" rx="4"/>
|
|
<path class="signage-content" d="M228 293H272M281 293H330"/>
|
|
<path class="signage-link" d="M52 243H148V295H196M192 22H369V136"/>
|
|
</svg></div>
|
|
<div class="scene-annotation">ONE SYSTEM / MULTIPLE SCREENS</div>
|
|
<div class="scene-bottom"><span>MULTI-VISION / DID</span><span class="scene-view">PROJECT SCREENS <b class="arrow-slot"><svg class="arrow-icon arrow-icon--up-right" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="#arrow-right-alt"></use></svg></b></span></div>
|
|
</div></div></div>
|
|
<nav class="case-nav" aria-label="프로젝트 상세 메뉴"><div class="wrap"><span>Signage 솔루션</span><div><a href="#overview" aria-current="location">프로젝트 개요</a><a href="#screens">시스템 구성</a></div><span class="case-reading-progress" aria-hidden="true">00%</span></div></nav>
|
|
<section id="overview" class="case-overview case-section wrap">
|
|
<div class="case-section-label case-reveal"><span>01 / OVERVIEW</span><span>프로젝트 소개</span></div>
|
|
<div class="case-overview-grid">
|
|
<h2 class="case-reveal">하나의 콘텐츠를,<br>건물 곳곳의 화면으로.</h2>
|
|
<div class="case-reveal"><p>빌딩(건물) 내 멀티비전 및 DID(Digital Information Display) TV 스크린을 활용, 영상 홍보 및 통합 안내 콘텐츠를 중앙에서 관리/분산 송출 하는 시스템 구축</p></div>
|
|
</div>
|
|
<div class="case-features" aria-label="서비스 대상, 주요 기능, 적용 기술">
|
|
<article class="case-feature case-reveal"><span class="feature-index">01</span><h3>서비스 대상</h3><p>빌딩 내 멀티비전과 DID TV 스크린으로 영상 홍보 및 통합 안내 콘텐츠를 제공하는 시스템입니다.</p></article>
|
|
<article class="case-feature case-reveal"><span class="feature-index">02</span><h3>주요 기능</h3><p>콘텐츠를 중앙에서 관리하고 네트워크로 분산 송출합니다. Infotrans Editor로 콘텐츠를 제작·편집하고 Multi Manager로 일일·월간 스케줄을 편성합니다.</p></article>
|
|
<article class="case-feature case-reveal"><span class="feature-index">03</span><h3>적용 기술</h3><p>C++, JSP/Servlet, ASP.NET, Oracle을 사용해 중앙 관리 시스템과 서버, 스케줄 및 파일 전송 로직, 콘텐츠 편집·관리 기능을 구현했습니다.</p></article>
|
|
</div>
|
|
</section>
|
|
<section id="screens" class="case-screens case-section"><div class="wrap"><div class="case-section-label case-reveal"><span>02 / SCREENS IN FOCUS</span><span>시스템 구성</span></div><div class="case-screen-heading case-reveal"><h2>화면으로 만나는<br><span>프로젝트의 디테일.</span></h2><p>콘텐츠 제작부터 화면 송출까지,<br>시스템의 연결 구조를 살펴보세요.</p></div><div class="screen-tabs case-reveal" role="tablist" aria-label="Signage 솔루션 시스템 구성"><button id="screen-tab-0" role="tab" aria-selected="true" aria-controls="screen-0" tabindex="0" data-screen="0"><span>01</span>시스템 구성</button></div><div class="screen-gallery case-reveal"><figure class="case-screen is-current" id="screen-0" role="tabpanel" aria-labelledby="screen-tab-0" tabindex="0"><div class="screen-canvas"><img src="../assets/images/signage_01.png" alt="중앙·개별 관리자가 콘텐츠와 스케줄을 관리하고, 네트워크를 통해 건물의 멀티비전 및 DID TV로 송출하는 시스템 구성도입니다." loading="lazy" width="3859" height="1947"></div><figcaption><span>01 / 01</span><p>중앙·개별 관리자가 콘텐츠와 스케줄을 관리하고, 네트워크를 통해 건물의 멀티비전 및 DID TV로 송출하는 시스템 구성도입니다.</p><a href="../assets/images/signage_01.png" target="_blank" rel="noopener" aria-label="시스템 구성 전체 화면으로 보기">크게 보기 ⤢</a></figcaption></figure></div><p class="case-source-note">프로젝트 화면 자료입니다.</p></div></section>
|
|
<section class="case-next"><a href="gps-building.html" class="wrap case-next-link"><div><span class="tiny-label">KEEP EXPLORING / NEXT PROJECT</span><h2>GPS 솔루션</h2><p>GPS 트래킹 기반 위치확인 시스템 개발</p></div><span class="arrow-slot case-next-arrow" aria-hidden="true"><svg class="arrow-icon arrow-icon--up-right" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="#arrow-right-alt"></use></svg></span></a></section>
|
|
<section class="case-connect wrap"><div><p class="tiny-label">LET'S BUILD WHAT'S NEXT.</p><h2>다음 프로젝트,<br>함께 만들어가요.</h2></div><a href="../index.html#contact">함께 프로젝트 만들기 <span aria-hidden="true" class="arrow-slot"><svg class="arrow-icon arrow-icon--up-right" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="#arrow-right-alt"></use></svg></span></a></section>
|
|
</main>
|
|
<footer class="case-footer wrap"><a href="../index.html">주식회사 트론트</a><span>© 2026 TRONT. All rights reserved.</span><a href="#case-main">맨 위로 <svg class="arrow-icon arrow-icon--up" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="#arrow-right-alt"></use></svg></a></footer>
|
|
</body>
|
|
</html> |