• 제목/요약/키워드: 크로스 브라우저

검색결과 10건 처리시간 0.042초

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 등의 크로스 브라우저, 그리고 모바일 플랫폼에서 동작이 가능하다.

DTV 기반의 크로스미디어 서비스를 위한 수신기 요소기술 (A Study on the Component Technology of DTV based Cross Media Service Receiver)

  • 이만규;권태훈;강대갑
    • 한국방송∙미디어공학회:학술대회논문집
    • /
    • 한국방송공학회 2009년도 추계학술대회
    • /
    • pp.147-150
    • /
    • 2009
  • 초고속 통신망의 발전으로 인터넷을 통한 고화질 비디오 서비스가 가능해지고, IPTV 서비스 등이 등장하는 등 방송과 통신의 융합서비스가 본격화되고 있다. 그러나 우리나라의 IPTV 서비스는 대용량의 데이터를 일정한 품질로 제공하기 위해서 막대한 투자비가 소요되는 망 구축이 필요하며, 오픈 네트워크인 기존의 인터넷과 달리 폐쇄적인 구조로 운영되고 있다. 대용량 전송의 장점을 가진 방송망과 양방향 특성을 가진 통신망을 같이 활용하는 DTV기반 크로스미디어 서비스 환경에서는 양방향 비디오 서비스를 보다 효율적으로 제공하는 것이 가능할 것으로 기대된다. 이를 통해 TV 시청자에게는 개인화된 형태의 새로운 서비스를 제공하고, 방송사에게는 전통적인 사업모델을 탈피하여 새로운 비즈니스 모델을 찾을 수 있는 기회를 줄 수 있다. 이미 유사한 개념의 서비스들이 국내외에서 다양하게 시도되고 있다. 본 논문에서는 지상파 방송망과 유무선 인터넷에 연결 가능한 크로스미디어 서비스 환경에서 시청자에게 제공 가능한 서비스 시나리오를 제시하고, 이를 위한 수신기 요소 기술을 제안한다. 서비스를 위한 콘텐츠 전송 기술로서 인터넷을 이용한 HTTP 기술과 방송망을 이용한 Push 기술을 활용하였고, 서비스 내용을 시청자에게 보여주기 위한 표현 기술로서 TV용 브라우저를 목표로 설계된 CEA-2014 규격을 활용하였다. 또한 CEA-2014가 제공하지 못하는 더 필요한 기능들을 위해 수신기 API를 추가로 정의하였고, 서비스에 필요한 데이터 공유와 활용을 위하여 메타데이터 모델을 정의하였다. 그리고 제안한 수신기 요소 기술들의 적합성을 보여주기 위하여 핵심 시나리오에 대한 테스트 모델을 만들고 이에 대한 프로토타입 시스템을 구현하였다.

  • PDF

크로스 웹 브라우징을 위한 JQuery기반 자필 서명 시스템의 설계 및 구현 (Design and Implementation of JQuery-based Handwritten Signature System for Cross-Browsing)

  • 이기명;최도현
    • 한국인터넷방송통신학회논문지
    • /
    • 제17권1호
    • /
    • pp.1-11
    • /
    • 2017
  • 최근 서비스 계약 또는 가입에 개인의 고객정보 이용 및 약관 동의를 위한 디지털 자필 서명을 요구하는 것이 일반적이다. 기존 자필 서명을 포함하는 서명시스템들은 각 기업 내에서 자체적으로 서비스 플랫폼 위에 구현되어 활용되고 있기 때문에 플랫폼에 의존적일 뿐만 아니라 디바이스 보유 현황에 따라 서명을 수행할 수 있는 환경이 달라질 수 있는 문제점이 존재한다. 본 논문에서는 이기종간 통합 브라우저 환경에서 jQuery를 기반으로 자필의 2차원 좌표를 직접 저장하는 방식을 이용하여 크로스 브라우징이 가능한 통합 자필 서명 시스템을 설계 및 구현하였다. iOS, Android, PC 등 이기종 환경의 웹 브라우저에서 통합 테스트를 하였고, 모든 자필 서명 기능이 정상적으로 동작함을 확인하였다.

웹브라우저 초기 로딩시간 단축을 위한 HTML5 분석 및 연구 (HTML5 Analysis and Research for the Reduction of the Initial Load Time of a Web Browser)

  • 윤준수;박진태;황현서;표경수;문일영
    • 한국항행학회논문지
    • /
    • 제19권5호
    • /
    • pp.440-445
    • /
    • 2015
  • 스마트폰을 비롯한 스마트 기기들의 출현으로 사용자들이 편리하게 이용할 수 있는 앱이 폭발적으로 증가하여 왔다. 그러나 다양한 스마트기기 운영체제들의 등장은 앱 개발에 저해 요인으로 작용하고 있으며 이에 따라 다양한 플랫폼을 동시에 지원할 수 있는 HTML5에 대한 관심이 높아지고 있다. 따라서 브라우저를 이용한 HTML5는 크로스 플랫폼에 가장 획기적인 방법으로 사용되고 있다. 하지만 아직까지는 완벽한 호환성을 보이고 있지 못하며 브라우저의 환경에 따라 웹페이지의 초기 로딩시간이 차이가 나고 있다. 따라서 본 논문에서의 HTML5의 자바 스크립트와 CSS의 분석을 통해 브라우저별 초기 로딩시간을 많이 소요하는 원인을 파악하고 나아가 초기 로딩속도를 향상 시킬 수 있는 방안을 마련해 보고자 한다.

Electron App의 메시지 획득 방안에 관한 연구: 협업 툴 잔디, 슬랙, 팀즈 중심으로 (A Study on Message Acquisition from Electron Apps: Focused on Collaboration Tools such as Jandi, Slack, and Microsoft Teams)

  • 김성수;이성진
    • 정보보호학회논문지
    • /
    • 제32권1호
    • /
    • pp.11-23
    • /
    • 2022
  • 코로나19 이후 비대면 근무가 증가함에 따라 협업 툴의 사용이 증가하고 있다. 협업 툴은 다양한 기기에서의 접근성을 보장하기 위해 크로스 플랫폼(cross-platform) 형태로 개발되고 있으며, 이를 위해 Chromium 기반의 오픈소스 프레임워크인 Electron을 사용하는 것이 최신의 개발 경향이다. Electron 오픈소스 프레임워크를 사용하여 개발된 어플리케이션 Electron App의 경우 Chromium 기반 웹 브라우저와 유사한 방식으로 데이터를 저장하므로, 웹 브라우저에서 데이터를 획득하는 방법과 동일한 방법으로 어플리케이션의 데이터를 획득할 수 있다. 본 논문에서는 협업 툴 잔디(jandi), 슬랙(slack), 팀즈(microsoft teams)를 중심으로, 웹 브라우저 저장소(web storage)의 데이터 구조를 분석하고 이를 기반으로 Electron App의 메시지를 획득하는 방안을 제시한다. 잔디는 기존에 개발된 도구를 활용하여 Cache에서 메시지를 획득하였고, 슬랙, 팀즈의 경우 본 논문에서 개발한 메시지 카빙 도구를 이용하여 IndexedDB에서 메시지를 획득하였다.

인터랙티브 기능을 이용한 웹기반 로봇축구 교육 시스템 (An interactive education system for web based robot soccer)

  • 김근덕;김종근
    • 한국정보처리학회:학술대회논문집
    • /
    • 한국정보처리학회 2009년도 추계학술발표대회
    • /
    • pp.303-304
    • /
    • 2009
  • 본 논문에서는 로봇축구에 관심을 가지고 있는 프로그래밍 초보자가 웹 환경에서 인터프리터 기반의 학습기능을 통해 쉽게 제어 언어에 대한 이해도를 높이고 프로그래밍을 학습할수 있는 시스템을 제안하고 설계한다. 개발시 사용한 실버라이트[1]는 웹에서의 닷넷 기반 미디어 경험과 리치 인터렉티브(Interactive) 어플리케이션을 실행하기 위한 차세대 크로스브라우저이다. 본 논문에서는 로봇축구와 관련된 기본기능, 시스템 구조, 구현 시 구축한 웹기반 시뮬레이션 및 사용자 학습 Interpreter 시스템에 대해 설명한다. 결론에서는 구현한 전체 시스템 평가 및 연구방향에 대해 논하였다.

HTML5 Canvas를 활용한 시각적 공간분석 환경의 설계와 구현 (Design and Implementation of a Computing Environment for Geovisual Analytics Using HTML5 Canvas)

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

Ajax과 jQuery 기반 약용식물 정보시스템 구현 (Implementation of medicinal plant information system using Ajax and jQuery)

  • 김해란;강소영;정희택;한순희
    • 한국정보통신학회논문지
    • /
    • 제14권7호
    • /
    • pp.1626-1633
    • /
    • 2010
  • 본 논문에서는 비동기 통신에 의해 웹페이지를 다시 읽지 않고 서버로부터 데이터를 가져올 수 있는 Ajax 기술과 경량의 크로스 브라우저 라이브러리인 jQuery를 이용하여 사용자 요구사항을 토대로 약용식물정보시스템을 구현했다. 또한 시스템 구현을 통해 체험한 응답 데이터 이용 방법을 코드로 제시하고 특징을 비교 분석하였다. 구현시스템은 서버에서 간단한 데이터를 응답 받아 클라이언트 측에서 처리하고 DOM 트리 조작에 의한 웹페이지 변경으로 사용자 상호작용 및 반응속도 향상과 사용자에게 자료 접근 편리성을 제공한다.

WebGL 기반의 상호작용 콘텐츠를 위한 행위 엔진 (Behavior Engine for WebGL-based Interactive Contents)

  • 서진석
    • 한국정보통신학회:학술대회논문집
    • /
    • 한국해양정보통신학회 2011년도 추계학술대회
    • /
    • pp.862-865
    • /
    • 2011
  • WebGL은 OpenGL ES 2.0기반의 로우레벨(low-level) 3차원 그래픽스 API를 위한 크로스 플랫폼 웹 표준으로써, 웹 브라우저에서 별도의 플러그인을 설치하지 않고도 3차원 그래픽을 표현할 수 있도록 해준다. WebGL이 더욱 관심을 끌고 있는 이유는 PC 뿐만 아니라 스마트폰, 태블릿, 스마트 TV 등 다양한 디바이스를 위한 차세대 RIA(Rich Internet Application) 플랫폼으로 각광을 받고 있는 HTML5의 표준 안에 포함되기 때문이다. 본 연구에서는 WebGL 기반의 콘텐츠에서 복잡한 상호작용과 3차원 객체의 행위 모델을 쉽고 빠르게 저작하기 위한 행위 엔진을 제안하고 개발하고자 한다.

  • PDF

디지털교과서 모바일 애플리케이션 개발방법론 비교 분석: 선택기준, 사례연구 및 적용 시 문제점 (Comparative Analysis of the Development of Mobile Applications for Electronic Textbooks: Criteria, Case Study and Challenges)

  • 이희정
    • 정보처리학회논문지:소프트웨어 및 데이터공학
    • /
    • 제7권4호
    • /
    • pp.145-152
    • /
    • 2018
  • 디지털교과서는 기존의 종이 기반 교과서에 멀티미디어 콘텐츠나 대화식 시뮬레이션, 대화형 퀴즈 및 콘텐츠 공유와 같은 다양한 기능이 추가된 교과서다. 디지털교과서는 머지않은 장래에 전통적인 종이 기반 교과서를 점차적으로 대체 할 것이라 예상된다. 디지털교과서 개발 시 모바일에서 접속을 고려하여, 모바일 애플리케이션을 개발할 경우 어떤 개발 방식을 선택할 것인가 하는 것은, 정보공유, 플랫폼 독립성, 성능 등을 종합적으로 고려해 정해져야 한다. 네이티브, 웹, 하이브리드로 대표되는 모바일 애플리케이션 개발 방식 중 본 논문에서는 디지털교과서 개발에 고려해야할 개발 가이드라인을 제시하였다. HTML5는 웹 응용 프로그램에 비디오 클립, 플래시 무비 및 시뮬레이션 기반의 데모와 같은 풍부한 멀티미디어를 통합할 수 있게 해주는 새로운 웹표준이며, 여러 플랫폼에서 실행할 수 있는 플랫폼 독립적인 기능을 제공한다. 디지털교과서에 사용될 응용프로그램 개발을 위한 3가지 개발법의 적합성을 조사하기 위해 본 논문에서는 또한, HTML5 및 JavaScript를 이용하여 프로토타입을 제작하고, 이러한 장점을 지닌 HTML5가 디지털교과서개발에 사용될 경우 예상되는 문제점(예: 웹 브라우저와의 호환성)을 분석하였다.