코애드, 스마트 안내판 CMS & 저작 시스템 개발

2023년 11월, ‘코애드’의 요청으로 ‘스마트 안내판 용 CMS 및 저작 시스템'을 개발하여 납품하였습니다.

이번 개발 산출물에는 콘텐츠를 관리하는 'CMS'와 안내판 사이트를 제작하는 '저작 도구'가 포함되어 있습니다. 이 시스템의 아키텍처 중 가장 신경 쓴 부분은 사이트 제작의 유연성입니다.

사이트를 제작할 때 표준화된 템플릿이 있더라도 고객의 요청에 따라 디자인과 기능을 수정해야 하는 현실이 있습니다. 그러나 이를 위해 자동화된 저작 도구를 개발하는 것은 시간과 비용이 증가하기 때문에 현실적이지 않습니다. 따라서 이번 저작 도구는 Web Component 방식으로 설계되었습니다.

Web Component 방식은 웹퍼블리셔가 익숙한 HTML Tag 형식의 Web Component를 제공하여 보다 자유로운 디자인을 가능하게 하며, 원하는 사이트를 신속하게 개발할 수 있도록 합니다. 또한, 이 방식은 최근 유행하는 느슨한 결합(Loose coupling) 설계의 한 형태입니다. 이 설계 방식은 기능 업그레이드를 위해 시스템 전체를 수정하지 않고도 component 단위로 수정하거나 추가 개발만 하면 되기 때문에 기존 시스템의 중단이나 부하를 최소화하면서도 기능을 보강할 수 있는 장점을 가지고 있습니다.

또한, 이 안내판 시스템 개발에 요청된 특별한 기술적 요구사항은 '음성인식' 기능과 'CCTV 관제' 입니다.

키오스크의 특성상 키보드가 없기 때문에 사용자가 원하는 검색어로 내용을 찾을 수 없는 불편함이 있었습니다. 이를 해결하기 위해 '음성인식' 기능을 도입하여 검색어 입력을 쉽게 구현할 수 있었습니다.

그리고, 키오스크에 부착된 'IP Camera'로 주변 상황 실시간 모니터링 및 다양한 부가 기능을 구현할 수 있게 되었습니다.

다음은 시스템의 주요 기능입니다.

스마트 안내판 CMS

사이트 관리

• 사이트 생성
• 사이트 회원관리
• 사이트 관리자(담당자) 지정
• 사이트 CSS 편집
• 사이트 방문자 통계 (키오스크 별)
• 사이트 복제, 다운로드, 업로드 등
• 사이트 미디어 관리 (비디오, 오디오, 이미지 등)
• 사이트 음성명령 관리
• 게시판 추가 및 작성글 관리

게시판 테마 관리

• 게시판 테마 생성
• 필드 속성, 순서 등 사용자 정의

키오스크 관리

• 키오스크 위치 관리
• 키오스크 CCTV 관제

스마트 안내판 저작 도구

• 게시판 컴포넌트
• 미디어 컴포넌트
• STT를 이용한 명령 수행 컴포넌트
• STT를 이용한 음성 키보드 컴포넌트
• 통계정보 전송 컴포넌트
• 그 외 다수 컴포넌트 

주요 기술

개발 언어

JavaScript, Python

라이브러리 & 프로토콜

Vue.js, django, rtsp