• 제목/요약/키워드: webkit

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

스마트폰 상에서의 웹 응용프로그램 개발 환경 비교 (Comparison Study of Web Application Development Environments in Smartphone)

  • 이고은;이종우
    • 한국콘텐츠학회논문지
    • /
    • 제10권12호
    • /
    • pp.155-163
    • /
    • 2010
  • 기존 스마트폰 응용프로그램 개발 시 단점으로 부각된 다양한 플랫폼 환경 설정 고려와 이종 기기의 호환성 문제점 등 한계성이 들어나면서 자연스럽게 모바일 웹 응용프로그램 개발이 대안으로 부각되고 있다. 모바일 웹 응용프로그램 종류의 하나인 하이브리드용 웹 응용프로그램은 스마트폰에 내장된 웹킷엔진을 이용하기 때문에 간단하게 개발될 수 있다는 장점이 있다. 스마트폰의 웹킷 탑재로 응용프로그램 개발자는 HTML과 자바스크립트, CSS 만으로도 쉽고 빠르게 개발할 수 있을 뿐만 아니라 다양한 모바일 기기에 서비스를 제공할 수 있다. 웹킷은 스마트폰 웹 브라우저에서 모바일 친화적인 고성능 렌더링 엔진이다. 본 논문에서는 웹 응용프로그램 개발 시 고려해야할 웹킷 인터페이스의 성능과 기능을 비교 분석하였다. 또한 실제 모바일 웹 응용프로그램에 웹킷 메소드들이 어떻게 쓰이고 있는지 분석하였으며, 아이폰과 안드로이드폰 중 웹 응용프로그램 개발 시에 어떠한 환경이 개발자에게 편리한지도 분석하였다. 그 결과 아이폰 웹킷 성능이 안드로이드 보다 뛰어나다는 것을 알 수 있었다.

FastIO: 스마트 TV 앱의 고속 구동 기법 (FastIO: High Speed Launching of Smart TV Apps)

  • 이철희;황태호;원유집;이성진
    • 정보과학회 논문지
    • /
    • 제43권7호
    • /
    • pp.725-735
    • /
    • 2016
  • 스마트 TV는 콘텐츠를 제공하기 위해 웹 브라우저로 웹킷을 사용한다. 웹킷은 앱을 실행하기 위해 HTML, CSS, 자바스크립트, 이미지와 같은 웹 자원을 사용한다. 따라서 애플리케이션이 시작될 때 웹킷은 메모리로 자원을 적재하고 돔트리와 렌더트리를 생성한다. 하지만 스마트 TV 앱은 웹 자원을 디스크에 저장하기 때문에 돔트리와 렌더트리는 변하지 않는다. 그러므로 만약 돔트리와 렌더트리를 재사용할 수 있다면 앱의 로딩 시간을 단축할 수 있다. 본 논문은 동적으로 할당 받은 메모리에 영속성을 부여하는 기법인 FastIO를 제시하고 웹킷 기반의 웹 브라우저에 적용하였다. 따라서 웹 자원을 스토리지로부터 메모리로 적재하고 in-memory 구조로 변환하는 과정을 제거 하였다. 실험 결과로 돔트리와 렌더트리가 생성 과정까지의 시간을 비교하였고, FastIO를 적용한 웹 브라우저가 기존 웹 브라우저보다 SSD, Ramdisk, eMMC에서 7.9배, 44.8배, 2.9배의 속도가 향상되었다.

스마트폰상에서의 웹 응용프로그램 개발 효율성 분석 (Analyzing Effectiveness of the Web Application Development in Smartphone)

  • 이고은;이종우
    • 디지털콘텐츠학회 논문지
    • /
    • 제11권3호
    • /
    • pp.323-330
    • /
    • 2010
  • 스마트폰과 앱스토어 열풍은 응용프로그램 개발을 과거 PC응용에 이어 다시 한 번 활성화시키고 있다. 하지만 현재 스마트폰 응용프로그램 개발 시에는 다양한 플랫폼 환경 설정 고려와 이종 기기의 호환성 문제점 등의 한계가 있어 자연스럽게 모바일 웹 응용프로그램 개발이 대안으로 부각되고 있다. 모바일 웹 응용프로그램 형태의 하나인 하이브리드용 웹 응용프로그램은 스마트폰에 내장된 웹킷 엔진을 이용하기 때문에 간단하게 개발될 수 있다는 장점이 있다. 스마트폰의 웹킷 탑재로 웹 응용프로그램 개발자는 HTML과 자바스크립트, CSS만으로도 쉽고 빠르게 개발할 수 있을 뿐만 아니라 다양한 모바일 기기에 독립적인 서비스를 제공할 수 있다. 본 논문에서는 기존에 복잡하게 개발했던 네이티브 응용프로그램 대신 웹킷을 이용하여 단순하고 간결하게 개인이 운영할 수 있는 앱스토어를 안드로이드 환경에서 구현하였다. 기존 네이티브 응용프로그램에서는 복잡하게 구현했던 회원 등록 및 로그인 환경을 OpenID를 이용하여 간결하게 할 수 있었다. 이를 통해 스마트폰용 네이티브 응용이 아닌 웹 응용으로도 성능이 뒤지지 않으면서 쉽게 응용을 개발할 수 있음을 확인하였다. 아울러 웹 응용프로그램 개발시 장점을 네이티브 응용 개발과 비교함으로써 그 효율성을 보였다.

사용자 인터랙션을 지원하는 HTML5 기반 e-book 뷰어 시스템의 요구사항 분석 및 설계 (Requirements Analysis and Design of an HTML5 Based e-book Viewer System Supporting User Interaction)

  • 최종명;박경우;오수열
    • 디지털산업정보학회논문지
    • /
    • 제9권2호
    • /
    • pp.33-40
    • /
    • 2013
  • E-books have been popular and common in everyday life during past a decade, and the market is expected to grow much more because of the popularity of tablet computing devices such as iPad. With the helps from the devices, people want to read or experience more interactive, fun, and informative e-book contents. In order to meet those needs, we introduce requirements of an e-book viewer system that supports user interaction, 3D modeling view, and augmented reality. We also introduce some design issues of the system and its concept proof prototype system. We determine to adopt HTML5 for e-book content format because it already supports content rendering, multimedia, and user interaction. Furthermore, it is easy to implement e-book viewer because there is already Webkit component for HTML5. We also discuss design issues for integrating an Augmented Reality viewer with Webkit-based e-book viewer. This paper will give e-book viewer developers and contents developers some guidelines for new e-book systems.

3DTV에서 스테레오 웹 콘텐츠 표현을 위한 CSS3 사양 확장 및 에뮬레이터 연구 (A Study on CSS3 Stylesheet Extension and Emulator for Representation of Stereo Web Content in 3DTV)

  • 이희진;임현정;임순범
    • 한국컴퓨터그래픽스학회논문지
    • /
    • 제19권4호
    • /
    • pp.1-11
    • /
    • 2013
  • 본 논문에서는 브라우저 기반의 선언적 콘텐츠 CSS3 스타일시트를 이용하여 HTML5로 작성된 웹 페이지를 3차원 공간에서 3D 스테레오로 표현하기 위해 기존의 CSS 사양을 확장하여 새로운 CSS Stereo 3DTV 프로파일을 제안한다. 먼저, 웹브라우저상의 웹 콘텐츠를 3차원 공간에 효과적으로 재구성할 수 있도록 다양한 웹 페이지 분리 방법을 제시하였다. 디음, 확장한 CSS3 모듈을 이용하여 3D 뷰 볼륨 설정과 분리한 콘텐츠를 뷰 볼륨 내에 배치하는 방법을 제안하였다. 이후, 전처리기에서는 확장 CSS 사양으로 작성된 샘플 콘텐츠를 웹킷 기반 브라우저에서 출력 가능하도록 기존 CSS 코드로 변환한다. 마지막으로 스테레오 이미지 생성을 위한 시스템 렌더링 엔진 에뮬레이터는 웹브라우저상에서 간단히 실행 가능하도록 자바스크립트로 구현되었으며, 자동으로 스테레오 뷰 볼륨을 생성하여 가상의 좌안, 우안 카메라로부터 각각의 영상을 획득한다. 이를 통해 각 샘플 콘텐츠들이 3D 스테레오로 표현된 결과를 확인하였다.