검색 상세

N-스크린을 지원하는 웹 UI 처리 기법

A Web UI Processing Method for Supporting N-Screen

초록/요약

최근에 무선 모바일 환경에서 스마트 기기를 이용하는 사용자가 급격히 증가하고 있다. 다양한 스크린 사이즈를 가진 스마트 기기가 나오면서, 장치별로 서비스 되던 기존 서비스에서 하나의 스크린에서 이용 할 수 있는 N-스크린 서비스 환경으로 변해가고 있다[1]. N-스크린은 하나의 스크린으로 볼 수 있던 동영상, 음악, 문서를 다양한 기기의 스크린을 통해 볼 수 있도록 만드는 것이다. 현재 N-스크린 서비스는 클라우드 기술, DLNA(Digital Living Network Alliance) 기술을 이용하여 서비스 되고 있다[2]. 웹 사용자들이 일반 PC 브라우저를 통해 인터넷 사이트를 보는 것처럼 스마트 폰, 태블릿 PC 등에서 일반 웹페이지 화면을 볼 수 있게 되었다. 이러한 풀브라우징(full browsing) 환경은 스마트 기기를 통해 편하게 인터넷 환경을 즐길 수 있다. 하지만, PC에서 사용 되는 웹 UI를 스마트폰이나 태블릿 PC에 그대로 사용 할 경우 웹 페이지의 메뉴가 작게 나와 웹 UI를 제대로 볼 수가 없다. 문제점을 해결하기 위해 스마트 폰 스크린 사이즈에 맞게 구성 된 웹서버를 별도로 운영하고 있다. 스마트기기가 계속 늘어나고 있는 현 시점에서 볼 때, 스마트 기기 전용 웹 페이지 서버를 별도로 두어 새로 소스를 구성하는 방법은 좋은 방법이라 할 수 없다. 개발자가 대상 단말마다 유사 한 작업을 반복하여 개발해야 하는 점과 웹의 내용 변경이 있을 경우에 변경 사항을 각 서버에 적용을 해야 하는 점이 문제라 할 수 있다. 이 논문에서는 N-스크린 환경에서 일어 날 수 있는 웹 UI 처리 문제점을 해결 하는 웹 UI 처리 기법에 대해 제안 한다. 서블릿 MVC(Model View Controller)의 구성에 디바이스 구별하는 기능, 웹 데이터 처리 기능, 뷰 처리 기능을 두어 OSMU(One Source Multi Use)로 다양한 디바이스에 대한 웹 페이지를 처리 할 수 있게 하였다.

more

초록/요약

Recently, the users using smart device is increasing rapidly in wireless mobile environments. Smart devices with various screens are launched, and existing services for each device are changing to n-screen service. The n-screen enables the mobile users to use contents like a movie, music, etc through devices with various screen size. Now, an n-screen is serviced to smart device users by using CLOUD, DLNA(Digital Living Network Alliance). Web users can use a web page that is serviced to a desktop pc at a smart phone, a tablet pc, but there is the problem of a web UI in this environment. If the smart device user uses the web service for a desktop pc, the user would use web service that has small menus of web pages. Thus, smart device users cannot use web services for a desktop pc properly by using smart devices. Most companies that have a mobile web page manage separate web servers to fit each smart device screen size. This method is not suitable for the smart device environment. Since, if there is a change of web contents, developers would perform changes for each web servers of each smart device repeatedly. To solve the problem of the web UI in the n-screen environment, this paper proposes a web UI processing method for n-screen. This web UI processing method has three components that are a device determination, a web data processing, and a view processing at a Servlet MVC(Model View Controller) to process the web pages for various devices as OSMU(One Source Multi Use).

more