• 한국정보처리학회:학술대회논문집
• /
• 한국정보처리학회 2014년도 추계학술발표대회
• /
• pp.955-957
• /
• 2014

HTML5에 들어서면서 웹서비스 구현에 보편적으로 사용되는 신기술들이 속속들이 나오고 있다. 브라우저 자체적인 그래픽 구현을 위한 Canvas/SVG, 멀티미디어와 관련된 audio, video, webaudio API 등이 추가되었고, 이로 인해 HTML5는 웹 환경에 더 빠르고 정교하며 편리한 인터페이스를 제공해 주었다. 이 중 아직도 표준화가 진행 중이거나 많은 브라우저에서 지원하지 않아 섣불리 사용 할 수 없는 기술들 또한 상당 수 존재한다. 본 논문에서 HTML5기술들을 활용하여 다양한 플랫폼에서 공통적으로 동작되는 플랫폼 독립적인 음원 스트리밍 웹서비스를 개발한다.

• 한국정보처리학회:학술대회논문집
• /
• 한국정보처리학회 2012년도 추계학술발표대회
• /
• pp.421-423
• /
• 2012

본 연구에서 개발한 포토앨범/다이어리 어플리케이션은 아기의 성장과정을 사진/음성으로 기록할 수 있는 다이어리 기능을 제공한다. 또한, 아기와 관련된 각종 기념일(생일, 예방접종일 등)에 대한 일정을 관리할 수 있다. 음성녹음도 지원하기 때문에 아기와 부모의 대화, 그리고 부모의 음성일기 등을 빠짐없이 기록할 수 있다. HTML5기반 하이브리드 애플리케이션(Hybrid Application)은 다중 플랫폼을 지원하기 때문에 한번 개발하면 여러 플랫폼에서 사용할 수 있으므로 개발비용을 절약할 수 있을 뿐더러, HTML5 Device API를 사용함으로써 네이티브 앱과 동일하게 디바이스를 제어할 수 있다. 본 연구에서는 포토앨범/다이어리 스마트폰 애플리케이션을 HTML5 개발하여 아이폰 iOS와 안드로이드를 지원하며, 다양한 스마트폰 센서/장치에 접근할 수 있도록 개발되었다.

• 한국정보처리학회:학술대회논문집
• /
• 한국정보처리학회 2013년도 추계학술발표대회
• /
• pp.973-976
• /
• 2013

전자책이 등장한지 15년이 지났지만, 아직도 전자책 시장에는 종이책의 틀에 갇혀 글로만 쓰인 책이 가득하다. 이러한 부분을 ePub 3.0의 기반이 되는 HTML5를 이용함으로 해결할 수 있으나, HTML5 역시 아직 활발히 사용되는 기술요소가 아니기에 전자책 시장에서 멀티미디어 요소와 함께 하는 전자책을 찾기란 쉽지 않다. 본 논문에서는 HTML5를 이용하여 전자책에 멀티미디어 요소를 추가할 수 있는 Editor와 전자책을 볼 수 있는 Viewer를 실험적으로 구현해보았다. 또한, 도서 검색의 편의를 위해 도서 본문을 이용한 Semantic 검색을 구현하였다.

• 방송공학회논문지
• /
• 제18권6호
• /
• pp.895-910
• /
• 2013

멀티스크린 서비스(Multi-screen service)는 하나 이상의 미디어를 복수개의 단말에서 동시에 또는 차별적으로 소비하는 서비스로서, 이러한 멀티스크린 서비스는 기존 TV의 스마트화 및 스마트 단말의 보편화에 따라 그 활용성이 더욱 높아지고 있다. 또한 방송통신 융합 환경인 하이브리드 방송(Hybrid Broadcasting) 환경에 적용할 경우, 여러 개의 화면을 통해 여러 소스의 콘텐츠를 소비하여 다양한 사용자 경험(User experience)을 제공할 수 있다. 하이브리드 방송 환경에서 멀티스크린 서비스를 제공하기 위한 요소기술로서 장면구성기술을 활용할 수 있다. 장면구성 기술은 미디어가 소비되는 시간과 화면상의 공간을 특정함으로써 다수의 미디어를 복합적으로 소비하는 방법으로서, 해당 기술을 통해 제공되는 멀티스크린 서비스는 단말 간의 연계를 통한 복수 미디어의 시공간적 제어 및 소비를 제공할 수 있다. 하지만 기존의 장면구성 기술은 적용 가능한 환경의 제약과 다양한 단말에 대한 적용이 어렵다는 점, 활용의 복잡성 등으로 인해 하이브리드 방송 환경에 쉽게 적용하기 어려운 점이 존재한다. 이러한 문제점을 해결할 수 있는 새로운 환경으로 HTML5를 고려할 수 있다. HTML5는 개방형 네트워크를 활용하는 다양한 스마트 단말에 공통적으로 적용될 것으로 기대되며, 기존 HTML에 비해 다양한 종류의 미디어의 소비를 지원한다. 이에 본 논문에서는 하이브리드 방송환경이 적용될 다양한 스마트기기에서 사용될 것으로 예상되는 HTML5을 기반으로 한 장면구성 및 멀티스크린 서비스 기술을 제안한다. 이를 위해, 본 논문에서는 HTML5 및 멀티스크린 서비스와 관련된 기술을 소개하고, HTML5의 요소 및 속성의 확장을 통한 장면구성 및 멀티스크린 서비스 정보 제공 방법과 멀티스크린 서비스를 위한 단말 간 미디어 시그널링 및 동기화 방법을 제안하였다. 또한, 제안된 HTML5 기반 장면구성 및 멀티스크린 서비스 적용 방안을 구현 및 실험을 통해 검증하였다.

• 인터넷정보학회논문지
• /
• 제13권4호
• /
• pp.83-93
• /
• 2012

HTML5는 특정 브라우저에 종속되지 않으며 상호 운용성을 고려하는 동시에 기존 HTML과도 하위 호환성을 갖도록 개발되어 현재 표준화 작업이 진행 중인 새로운 웹 표준이다. 이는 최근 스마트폰 시장의 활성화와 함께 모바일 웹 환경에서 다양한 플랫폼에 공통적으로 적용될 수 있다는 특징으로 인해 관심을 모으고 있다. 특히 HTML5에서 새롭게 추가되는 기능들 중 하나인 Local Storage는 인터넷 접속이 끊긴 상태에서도 웹 어플리케이션의 동작을 가능하게 하는 오프라인 기능을 지원하며 이는 서버와 독립적인 웹 어플리케이션 개발이 가능하게 한다. 그러나 현재 Local Storage는 평문의 데이터를 Client-side에 아무런 보안조치 없이 저장하기 때문에 쿠키와 같은 기존의 클라이언트 측 저장소가 갖는 보안 위협에 그대로 노출되어 보안상 안전하지 않다. 본 연구에서는 Local Storage에 데이터를 저장할 때 성능부하를 최소화 하면서 데이터의 안전한 저장 및 사용을 가능하게 하는 방법을 제안한다. 제안하는 방법은 기존 Local Storage 표준 API와 암호 기능을 제공하는 모듈을 이용하여 안전한 사용자 정보 저장을 지원한다. 또한 제안하는 방법을 실제 구현코드를 바탕으로 성능을 측정하여 효율성을 입증한다.

• 한국지리정보학회지
• /
• 제14권4호
• /
• pp.44-53
• /
• 2011

이 연구에서는 HTML5 canvas를 활용하여 시각화 도구와 사용자와의 동적 상호작용을 지원하는 웹 기반의 시각적 공간 분석 환경을 설계하고 구현하였다. 분석 환경은 군집지도, 애니메이션 지도, 시간적 평행좌표 그림, 시계열 히트 맵 차트와 같은 시각화 도구로 구성되어 있다. 분석환경에서는 동일한 군집으로 분류된 지역의 속성 변화를 살펴볼 수 있는 다중창 배열과 선별적 강조를 기반으로 하는 패턴 탐색이 가능하다. 그리고 크로스 브라우저를 지원하기 때문에 다양한 정보 기기를 사용하는 컴퓨팅 환경에서도 활용할 수 있다.

• 한국정보통신학회논문지
• /
• 제17권5호
• /
• pp.1113-1118
• /
• 2013

오늘날 HTML5와 JavaScript를 활용한 하이브리드 웹 기반의 실시간 화상통신 기술이 대두되고 있다. 이에 본 논문에서는 HTML5를 지원하는 웹 브라우저를 이용한 실시간 화상통신 기술에 대해 연구하였다. HTML5와 JavaScript를 기반으로 시스템을 설계 및 구현하였으며, 서로 상이한 웹 브라우저들 간의 웹서버를 통해 RTC API와 HTTP/WebSockets 등을 사용하여 웹 브라우저를 활용한 실시간 화상통신을 가능하게 하였다. 이는 PC 및 노트북, 스마트패드, 스마트폰 등 모든 웹 브라우저의 사용 가능한 단말 기기로 사용 가능으로 별도의 회원가입이나 플러그인 등의 설치 없이 이용 가능하다. 이는 네트워크가 연결된 모든 환경에서 웹 브라우저의 이용이 가능한 모든 단말에서 사용가능하며, 제한적인 환경에서의 화상통신분야에 활용될 것이다.

• 디지털융복합연구
• /
• 제10권10호
• /
• pp.289-294
• /
• 2012

본 논문에서는 스마트폰의 모바일 특성을 활용하여 시간과 공간의 제약 없이 서비스할 수 있고, 기존의 오프라인에서 이루어지던 다양한 서비스들이 모바일에서도 구현될 수 있는 사례관리 실시간 커뮤니티 시스템을 연구하여 개발하였다. 이를 위하여 일반 PC/노트북이외에 스마트모바일까지 동일한 환경 제공을 위한 HTML5 웹 전환과 동일한 Network 상의, 장치별 브라우저 Size를 고려한 최적의 인터페이스 구성하여 차세대 웹표준 HTML5기반 통합사례관리 웹과 모바일 웹으로 구현하였으며, 다양한 종류의 스마트기기 OS를 지원하는 SenchaTouch Mobile Framework 기반의 Hybrid App 개발하여 서버 간 실시간 동기화 및 메시지 Push Notification 기능 구현을 통하여 관리자와 보호자 간 대상자 실시간 양방향 커뮤니케이션 구현하여 실시간 사례관리 커뮤니티 시스템을 구현하였다.

• 정보과학회 컴퓨팅의 실제 논문지
• /
• 제23권12호
• /
• pp.660-669
• /
• 2017

고정된 정적 이미지 형태의 정보제공자 중심 웹기반 또는 지도 상호작용을 통한 시 공간 연속적 정보제공이 가능하나 시스템의 확장성, 서비스 속도, 비표준 인터넷 웹환경, 사용자 접근성, 시 공간 변동성 표현 등에 제한이 있는 웹 GIS 기반 해양정보제공시스템을 개선하고자 HTML5와 동적 파티클을 이용한 웹기반 해양정보 가시화시스템을 구축하였다. 특히 위성을 통한 시 공간 연속 관측자료와 3차원 수치모델을 통해 생산되는 재분석 및 예측자료는 지리정보 기반의 이질적 대용량의 다차원 연속적 시 공간 변동성을 갖는 해양자료이다. 이에 대한 직관적이고 효과적인 이해와 활용을 위하여 동적 파티클을 이용하여 벡터성분의 해양변수 시공간 변동성 지리정보와 연동하여 가시화 하였고, 차세대 웹 플랫폼 표준인 HTML5와 WebGL, Canvas, D3, Leaflet map등의 오픈 라이브러리를 이용하여 구축된 해양정보 가시화시스템에 대해 소개하고자 한다.

• 한국정보통신학회논문지
• /
• 제17권9호
• /
• pp.2048-2054
• /
• 2013

디지털기술의 발전으로 방송과 통신 영역 간에 융합이 이루어지면서 소비자의 다양한 디바이스를 통한 서비스(애플리케이션) 이용에 공간적, 시간적 제약을 제거하는 노력이 진행되고 있다. 특히 애플리케이션의 공통 실행 플랫폼으로 웹 (Web)의 중요성이 대두되면서 N-스크린 개념에 중요한 위치를 차지하고 있는 디지털방송 단말도 기존 데이터 서비스의 표준으로 삼고 있던 자바 (Java) 애플리케이션뿐만 아니라 웹 애플리케이션을 실행할 수 있는 플랫폼으로 발전하도록 요구되고 있다. 본 논문에서 소개하는 디지털방송 단말의 웹 애플리케이션 실행 플랫폼은 HTML5를 기반의 웹 애플리케이션 실행 엔진인 웹 커널과 웹 애플리케이션의 관리를 위한 윈도우 운영체제의 바탕화면 관리자와 유사한 웹 데스크탑, 그리고 웹 애플리케이션 개발자를 위한 SDK를 제공한다. 특히, 웹과 TV 영역의 기술적 접목을 통해 HTML5 기반 웹 애플리케이션이 프로그램 편성정보와 같은 방송 부가정보와 디지털방송 단말의 자원을 자유롭게 활용할 수 있는 웹 애플리케이션 개발 프레임워크를 제공한다.