• 제목/요약/키워드: HTML 5

검색결과 372건 처리시간 0.021초

IP 카메라를 위한 HTML5 기반 통합형 Live Streaming 구현 (Implementation of a unified live streaming based on HTML5 for an IP camera)

  • 류홍남;양길진;김종훈;최병욱
    • 조명전기설비학회논문지
    • /
    • 제28권9호
    • /
    • pp.99-104
    • /
    • 2014
  • This paper presents a unified live-streaming method based on Hypertext Mark-up Language 5(HTML5) for an IP camera which is independent of browsers of clients and is implemented with open-source libraries. Currently, conventional security systems based on analog CCTV cameras are being modified to newer surveillance systems utilizing IP cameras. These cameras offer remote surveillance and monitoring regardless of the device being used at any time, from any location. However, this approach needs live-streaming protocols to be implemented in order to verify real-time video streams and surveillance is possible after installation of separate plug-ins or special software. Recently, live streaming is being conducted through HTML5 using two different standard protocols: HLS and DASH, that works with Apple and Android products respectively. This paper proposes a live-streaming approach that is linked on either of the two protocols which makes the system independent with the browser or OS. The client is possible to monitor real-time video streams without the need of any additional plug-ins. Moreover, by implementing open source libraries, development costs and time were economized. We verified usefulness of the proposed approach through mobile devices and extendability to other various applications of the system.

HTML5/WebGL 기반 3D 공간정보 오픈플랫폼 소프트웨어 설계 및 구현 (Design and Implementation of 3D Geospatial Open Platform Based on HTML5/WebGL Technology)

  • 김민수;장인성
    • Spatial Information Research
    • /
    • 제23권6호
    • /
    • pp.57-66
    • /
    • 2015
  • 최근 공간정보 오픈플랫폼의 활용도가 지속적으로 증가하고 있으며, 지형, 건물, 쇼핑몰 등과 같이 3차원 공간정보에 대한 관심이 크게 증가하고 있다. 특히, 단순화된 3차원 공간정보가 아니라 실세계와 유사한 고정밀 공간정보에 대한 관심이 크게 증가하고 있다. 이러한 3차원 공간정보에 대한 수요를 충족시키기 위하여 다양한 3차원 공간정보 오픈플랫폼들이 개발되어 서비스를 제공하여 왔다. 그러나, 대부분의 3차원 공간정보 오픈플랫폼들은 빠른 렌더링 성능을 제공하기 위하여 설치 과정의 어려움, 크로스 웹 브라우저/운영체제 지원 불가, 보안 약화 등의 많은 문제점에도 불구하고, 플러그인 모듈을 부득이하게 이용하고 있다. 더구나, 최근 크롬, 파이어폭스 등의 웹 브라우저에서 플러그인 모듈의 동작을 지원하였던 NPAPI 서비스에 대한 중단을 선언함으로써, 기존 플러그인 기반 3차원 공간정보 오픈플랫폼의 동작에 큰 문제가 발생하게 되었다. 이에 본 연구에서는 플러그인을 사용하지 않고 3차원 공간정보를 빠른 성능으로 서비스할 수 있는 방법으로 HTML5/WebGL의 차세대 웹 표준 기술을 활용한 새로운 3차원 공간정보 오픈플랫폼의 설계 및 구현 방법을 제시하고 있다. 이러한 HTML5/WebGL 기반의 차세대 공간정보 오픈플랫폼은 Windows, Linux, Mac 등의 크로스 운영체제와 IE, Chrome, Firefox, Safari 등의 크로스 브라우저, 그리고 모바일 플랫폼에서 동작이 가능하다.

N-Screen Service를 위한 HTML5 기반의 Application 설계 및 구현 (A Design and Implementation of Application based on HTML5 of N-Screen Service)

  • 김정재;서주현;최현우;이준호;김준수;조국현
    • 한국정보통신학회:학술대회논문집
    • /
    • 한국정보통신학회 2012년도 추계학술대회
    • /
    • pp.671-674
    • /
    • 2012
  • 최근 스마트 기기가 발전함에 따라 가정 내에서 사용자의 편의성 추구를 위하여 다양한 서비스들이 제공되고 있다. 다양한 서비스들의 발달로 사용자들의 요구가 다변화 되며 요구의 정도 또한 전보다 한층 명확해지고 있다. 이러한 상황에서 사용자들의 N-Screen에 대한 요구도 다양하게 변모 되고 있으며, 그 흐름 또한 점차 진화해 나가는 실정이다. 기존의 N-Screen 시스템은 클라우드 서버로 해당 멀티미디어 콘텐츠를 모두 업로드 하여 비디오 스트리밍 방식을 사용하기 때문에 재생반응속도가 느리며, 서버의 성능에 따라 사용자수가 제한되는 문제가 발생한다. 또한 기존의 N-Screen 서비스는 웹 형태의 프로토콜을 사용하기 때문에 단방향 통신으로 수반되는 높은 지연과 오버 헤드 등의 여러 가지 문제들이 야기된다. 따라서 이러한 문제들을 해결하기 위하여 본 논문에서는 HTML5 기반의 Application을 제안한다. 제안된 시스템은 HTML5기반의 비디오 태그 (Video tag)와 프로그레시브 다운로드 (Progressive Download)를 지원하여 재생되는 멀티미디어 콘텐츠의 재생반응속도를 개선한다. 이는 비디오 스트리밍 방식에서 오는 고질적인 문제인 콘텐츠 재생반응속도와 비디오 스트리밍을 위한 콘텐츠 인코딩에서 오는 대규모 사용자의 접속제한을 해소할 수 있다. 또한 웹소켓을 통하여 기존의 N-Screen 시스템보다 낮은 지연과 양방향 소통으로 인하여 동적인 연결이 가능한 시스템을 제안한다.

  • PDF

Cyclostorm : WAC 기반 모바일 앱의 자바스크립트 처리 효율 향상을 위한 클라우드 컴퓨팅 서비스 (Cyclostorm : The Cloud Computing Service for Uplifting Javascript Processing Efficiency of Mobile Applications based on WAC)

  • 방지웅;김대원
    • 전자공학회논문지
    • /
    • 제50권5호
    • /
    • pp.150-164
    • /
    • 2013
  • WAC (Wholesale Application Community) 기반 모바일 웹 애플리케이션의 보급이 널리 확산됨에 따라 자바스크립트와 HTML (Hyper Text Markup Language)로 구현된 애플리케이션의 처리 성능이 점차 이슈화되고 있다. 단순한 처리 기능만을 갖는 구조라면 현재 통용되는 브라우저에서도 문제가 없지만 자바스크립트의 처리량이 점점 증가 할수록 브라우저의 처리 부담 또한 가중된다. 현재 상용화 되어 있는 모바일 브라우저에서는 자바스크립트의 처리에 시간 및 용량의 제한을 두고 있다. 이러한 문제점의 해결을 위한 대안으로서 HTML 5에서는 기존의 자바스크립트에서는 지원하지 않는 멀티 스레드 구현을 위한 Web Worker를 제공하고 있다. Web Worker는 싱글 스레드에서 처리하는 일정 부분을 별도의 스레드를 통해서 처리하는 메커니즘을 제공한다. 하지만 이는 모바일상의 Native 애플리케이션만큼의 처리 능력을 보장하는 것이 아니며 근본적인 처리 속도 개선 방법으로는 미흡하다. Cyclostorm은 이러한 모바일 상에서의 자바스크립트 처리를 클라우드 상의 컴퓨터 서버에 이전함으로써 모바일 클라이언트로서의 자원적 한계를 극복하고 고성능 처리 서비스를 제공하여 Native 애플리케이션 만큼의 성능을 보장한다. 성능 평가 실험에서 Cyclostorm은 기존의 모바일 브라우저에서의 자바스크립트 처리보다 최대 6배 빠른 처리 속도를 보이고 있고 HTML 5의 Web Worker보다는 3~6배정도의 빠른 성능을 보이고 있다. 또한 메모리 부분에서도 서버 측에 존재하는 메모리를 사용하기 때문에 전반적으로 기존의 방법보다는 낮은 사용량이 측정 되었다. 본 논문에서는 현재 모바일 산업에서 화두가 되고 있는 WAC 기반에서 모바일 브라우저가 갖고 있는 한계를 극복하고 기존 웹 애플리케이션의 성능을 획기적으로 개선할 수 있는 클라우드 컴퓨팅 서비스인 Cyclostorm을 소개한다.

HTML5 기반 스마트 TV 플랫폼 표준에 대한 수신기 적합성 시험환경의 구현 (Implementation of Receiver Conformance Test Environments for HTML5 based Smart TV Platform)

  • 이동훈;김호년;박동영;이은향
    • 한국방송∙미디어공학회:학술대회논문집
    • /
    • 한국방송공학회 2014년도 하계학술대회
    • /
    • pp.67-70
    • /
    • 2014
  • 본 논문은 TTA 에서 제정된 "HTML5 기반 스마트 TV 플랫폼" 표준(TTAK.KO-07.0111/R1)에 따라 개발된 스마트 TV 수신기가 표준의 기술 요구사항을 준수하여 적합하게 구현되었는지를 검증하기 위한 표준 적합성 시험환경을 소개한다. 적합성 시험을 위한 시험 기준과 수행절차, 판정 기준 등을 정의하고 있는 "HTML5 기반 스마트 TV 플랫폼 수신기 적합성 시험" 표준(TTAK.KO-07.0119)에 따라 200 여개의 테스트 케이스가 개발되었으며 이들은 스마트 TV 수신기에서 직접 동작하면서 수신기의 기능을 검증하고 결과를 판단하게 된다. 테스트 케이스를 실제 방송환경과 유사한 조건에서 실행하기 위하여 지상파, 케이블, IPTV, 위성 등 다양한 방송 헤드앤드를 활용한 방송 송출 서버를 구현하였으며, 시험에 관련된 정보를 처리하고 실제 시험의 수행 및 그 결과를 관리하는 적합성 시험 관리 시스템을 개발하였다. 그리고 테스트 케이스 앱을 호스팅하는 웹서버, VOD 콘텐츠를 위한 스트리밍 서버 등의 장비를 운용하여 적합성 시험을 위한 전반적인 환경을 구축하였다. 또한 본 논문에서는 구축된 시험 환경에서 표준 기반으로 개발된 참조 수신기를 대상으로 적합성 시험을 수행한 사례를 통해 시험환경의 유효성을 확인하고 향후 적합성 시험환경의 추진 방향을 제시한다.

  • PDF

HTML5 기반 스마트 TV 플랫폼 표준과 적합성 시험 환경

  • 이동훈;김호년;박동영;이은향
    • 정보와 통신
    • /
    • 제31권7호
    • /
    • pp.15-23
    • /
    • 2014
  • "HTML5 기반 스마트 TV 플랫폼" 표준은 TV 제조사와 플랫폼 사업자 중심으로 파편화된 스마트 TV 앱 생태계 한계를 극복하고 표준 기반의 공통 플랫폼 기술을 통해 앱 생태계를 활성화 촉진시키기 위해 제정된 개방형 TV 플랫폼 기술 표준이다. 본 고에서는 이 표준 기술을 소개하고자 하며 이를 위하여 표준에 정의된 HTML5 기반의 앱 실행환경, TV 디바이스 환경을 고려한 앱 모델, 채널 프로그램과 같은 방송 자원을 접근하기 위한 인터페이스, 앱 스토어를 통한 앱 다운로드 및 실행을 위한 패키징 규칙, 멀티스크린 적응형 스트리밍 등 다양한 스마트 TV 플랫폼 관련 기술들을 설명한다. 또한, 스마트 TV 앱이 표준 기반으로 개발된 다양한 수신기에 동일하게 실행됨을 보장하기 위해 수신기에 대한 표준 구현 적합성 검증이 필요함을 제기하면서, 이를 위한 시험 기준을 정의한 "HTML5 기반 스마트 TV 플랫폼 수신기 적합성 시험" 표준에 대해서도 소개한다. 이 표준은 수신기 기능 검증을 위한 테스트 케이스를 정의하고 시험 절차 및 판정 기준 등을 규정한다. 마지막으로, 본 고는 TTA에서 실제로 이 시험 표준을 기반으로 구축한 적합성 시험 환경을 소개한다. 수신기의 표준 기술 검증용으로 시험표준에 따라 개발된 테스트 케이스와 이를 실행하고 그 결과를 수집 관리하기 위해서 구성한 웹 서버, 방송 송출 서버, 적합성 시험 관리 시스템 등의 환경 구성 요소 및 그 인터페이스에 대해서 설명한다.

HTML5 기반 스마트 TV 플랫폼을 위한 확장 API의 설계와 구현 (Extended API Design and Implementation for HTML5 based Smart TV Platform)

  • 이동훈;김호년;박동영;이은향
    • 한국방송∙미디어공학회:학술대회논문집
    • /
    • 한국방송공학회 2013년도 하계학술대회
    • /
    • pp.185-188
    • /
    • 2013
  • 본 논문은 스마트 TV 플랫폼에서 실행되는 앱이 TV 에 특화된 기능을 수행하기 위해서 필요한 스마트 TV확장 API 의 정의와 그 구현에 대한 내용을 소개한다. 2013 년 3 월 TTA 에서 제정된 "HTML5 기반 스마트 TV 플랫폼" 표준은 스마트 TV 용으로 제작된 하나의 앱이 다양한 TV 수신기에서 동일한 사용자 경험(UX)을 바탕으로 실행될 수 있는 TV 플랫폼 표준이며, 이는 HTML5 를 포함하는 최신 W3C 기술 규격을 기반으로 하고 있다. 본 논문에서는 표준에 기술된 사항 중 채널과 프로그램과 같이 TV 에 특화된 기능으로 W3C 에 규격범위에 포함되지 않아 새롭게 정의된 확장 API 의 구조 및 기능에 대해서 설명한다. 확장 API 는 앱, 방송, 수신기의 세가지 항목으로 분류되어 상세한 인터페이스 기능을 정의하고 있으며 스마트 TV 플랫폼의 window 객체 아래에 전역 속성으로 계층 구조를 이루도록 설계되었다. 스마트 TV 앱은 이러한 확장 API 를 호출하여 방송과 연계된 다양한 서비스를 실현할 수 있다. 또한 본 논문은 확장 API 의 유효성 검증을 위하여 표준을 준수하여 구현된 수신기 플랫폼과 앱의 구현과 동작 사례를 제시하고 있으며, 유럽의 스마트 TV 방송 규격인 HbbTV 와의 비교를 통해서 API 의 장단점과 지원 범위를 확인하고 개선 방향을 모색한다.

  • PDF

HTML5 기반 스마트 TV 플랫폼 표준의 멀티스크린 적합성 시험 환경 구현 (Implementation of Multiscreen Conformance Testing Environments for HTML5 based Smart TV Platform)

  • 이동훈;김호년;황희선;박동영
    • 한국방송∙미디어공학회:학술대회논문집
    • /
    • 한국방송공학회 2015년도 하계학술대회
    • /
    • pp.527-530
    • /
    • 2015
  • 2014 년 4 월 TTA 에서 개정된 "HTML5 기반 스마트 TV 플랫폼(TTAK.KO-07.0111/R1)" 표준의 멀티스크린 서비스는 UNnP, mDNS 등의 ZeroConf 네트워크 기술을 기반으로 스마트 TV 수신기가 스마트 폰이나 태블릿과 같은 다양한 컴패니언 디바이스를 발견하고 서로 연결하여 디바이스 간 연동 서비스를 구현할 수 있는 기술을 정의하고 있다. 또한, 이 멀티스크린 기술을 활용하여 개발된 서비스(앱)가 표준을 준수하는 다양한 수신기에서 동일한 사용자 경험(UX)으로 실행되기 위해서는 수신기가 멀티스크린 기술 요구 사항을 준수하여 구현되었는지를 검증하는 적합성 시험이 반드시 필요하다. 본 논문에서는 이러한 적합성 시험을 위한 시험 기준과 수행절차, 판정 기준 등을 정의하고 있는 " HTML5 기반 스마트 TV 플랫폼 수신기 적합성 시험(TTAK.KO-07.0119/R1)" 표준에 멀티스크린 시험을 위하여 추가된 시험 항목과 이를 실제로 실행하여 수신기를 검증하기 위하여 개발된 테스트케이스를 소개한다. 아울러, 컴패니언 디바이스에서 실행되면서 수신기의 테스트케이스와 연동하여 수신기 기능을 검증하는 데 활용하는 모바일 테스트 프레임워크와 이를 기반으로 하는 모바일 테스트케이스의 구현을 설명한다. 아울러, 본 논문에서는 TTA 에 구축된 멀티스크린 시험 환경에서 표준 기반 참조 수신기를 대상으로 멀티스크린 시험을 수행한 사례를 통해 시험환경의 유효성을 확인하고 향후 개선 방향을 제시한다.

  • PDF

페이스북 기반의 SNS 통합 채널 구현에 관한 연구 (Implementation of SNS Integrated Channel based on Facebook)

  • 최광돈;나종회;이재숙
    • 디지털융복합연구
    • /
    • 제10권5호
    • /
    • pp.245-249
    • /
    • 2012
  • 스마트폰의 활성화에 따라 SNS(Social Network Service)의 이용이 급증하고 있으며, 기업들은 이를 마케팅의 전략적 도구로 활용하고 있다. 대부분 기업에서의 SNS의 활용은 SNS가 갖는 기술적 문제로 SNS 채널별로 별도로 운영하고 있다. 본 논문은 다양한 운영체제(OS), 스크린(Screen), 채널(Channel), 그리고 브라우저(Browser)에 따라 별도의 APP을 구성하는 방식에서 벗어나 SNS 사용의 효율성과 효과성을 극대화하고자 하였다. 이를 위해 HTML5 웹 표준화 기술을 적용, 페이스북을 기반으로 SNS에 대한 통합 채널을 구현(implement)하고 그 결과를 보였다.

HTML5-기반 서울시 공공체육시설 통합 안내 사이트 구현 (Implementation of HTML5-based Website providing Public Sports Facilities in Seoul)

  • 김소영;임효진;이종우
    • 디지털콘텐츠학회 논문지
    • /
    • 제16권2호
    • /
    • pp.245-255
    • /
    • 2015
  • 건강에 대한 사람들의 관심이 높은 가운데 각종 체육 프로그램에 참여하고 있는 시민들도 늘어나고 있다. 하지만 서울시에 존재하는 공공 체육시설 정보를 모두 통합한 웹서비스가 없어 공공 체육시설 이용에 불편함이 많은 실정이다. 따라서 본 논문에서는 서울시 공공 체육시설 정보를 누구나 손쉽게 찾을 수 있는 통합 정보 시스템 Be Healthy Seoul을 구현하였다. 서울시가 제공하는 공공 체육시설 API를 사용하여 서울 전 지역의 공공 체육시설 정보를 통합했다. 또 HTML5를 기반으로 구현함으로써 사진 및 동영상 등의 다양한 기능을 지원하며, pc와 모바일 모두에서 지원이 가능한 반응형 웹페이지를 제공한다. 또한 관리자 페이지를 구현하여 서울시 공공 체육시설을 지역별/종목별/테마별로 분류하여 검색 가능하도록 하였다.