• 제목/요약/키워드: HTML5/CSS3

검색결과 12건 처리시간 0.035초

HTML5 기반의 하이브리드 모바일 오피스 시스템 개발 (HTML5 based Hybrid Mobile Office System Development)

  • 최용규;이봉환
    • 한국정보통신학회:학술대회논문집
    • /
    • 한국정보통신학회 2012년도 추계학술대회
    • /
    • pp.202-206
    • /
    • 2012
  • 본 논문에서는 웹표준화 기술 중 HTML5/CSS3, Mobile JQuery를 사용하여 다양한 모바일 플랫폼 환경에서 독립적으로 실행가능하며, 사용자에게 사용자 친화적인 웹 인터페이스 및 동적인 웹 설계를 통하여 모바일 단말 상에서 모바일 오피스 시스템을 사용할 시 사용자에게 불편함을 덜어줄 수 있는 하이브리드 웹 애플리케이션 기반의 모바일 오피스 시스템을 구현하였다.

  • PDF

HTML5 기반의 하이브리드 모바일 오피스 시스템 구현 (Implementation of HTML5-based Hybrid Mobile Office System)

  • 최용규;이봉환
    • 한국정보통신학회:학술대회논문집
    • /
    • 한국정보통신학회 2012년도 추계학술대회
    • /
    • pp.725-729
    • /
    • 2012
  • 본 논문에서는 웹 표준화 기술 중 HTML5/CSS3 및 Mobile JQuery를 사용하여 다양한 모바일 플랫폼 환경 내에서 독립적으로 실행 가능한 모바일 오피스 시스템을 구현하였다. 또한, 사용자 친화적인 웹 인터페이스 및 동적인 웹 설계를 통하여 모바일 단말에서 모바일 오피스 시스템을 사용 경우 사용자에게 편의를 제공하여 줄 수 있는 하이브리드 웹 애플리케이션 기반의 모바일 오피스 시스템을 구현하였다.

  • PDF

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 스테레오로 표현된 결과를 확인하였다.

HTML5와 CSS를 이용한 IoT제품 서비스 반응형 웹 (Reactive Web for IoT product services using HTML5 and CSS)

  • 봉종현;서동혁;김재생;김인범
    • 한국콘텐츠학회:학술대회논문집
    • /
    • 한국콘텐츠학회 2019년도 춘계종합학술대회
    • /
    • pp.431-432
    • /
    • 2019
  • 현재 전 세계 인구 76억명 중 스마트폰 사용자는 70%이상으로 스마트폰이 대중화가 되어 집이든 밖이든 누구나 자유롭게 이용하고 있다. 이에 본 논문에서는 HTML5와 CSS3를 기반으로 4차 산업혁명 대표 기술 중 하나인 IoT기술로 만든 제품을 주문받고 설치해주는 반응형 서비스판매 웹을 구성하고자 한다. 기존 웹과의 차별성과 고객 개개인의 만족도를 위해 제품판매 뿐만 아니라 주문제작 가능도 구현하여 고객의 욕구를 충족시키고자 한다.

  • PDF

스마트폰 기반의 모바일 웹앱 시스템의 설계 및 구현 (Design and Implementation of Mobile WebApp System Based Smartphone)

  • 이명호
    • 디지털융복합연구
    • /
    • 제11권4호
    • /
    • pp.209-213
    • /
    • 2013
  • 본 논문은 N-티어 모바일 웹앱 프레임워크 환경에서 스마트폰 기반의 모바일 웹앱 티켓 예매 시스템의 설계 및 구현을 하는데 목적이 있다. 모바일 프레임워크에서 표현 티어는 HTML5/CSS3와 센차터치를 이용하고, 미들 티어는 스프링 프레임워크와 마이바티스로 구성하며, 데이터베이스 티어는 오라클을 이용하여 엔터프라이즈 서비스의 모바일 웹앱 오피스에 적용 가능하도록 하였다. 본 연구에서는 N-티어에서 앱의 지원 없이 배포 및 형상 관리에 신경 쓰지 않아도 되는 장점을 가진 모바일 프레임워크 환경에서 스마트폰 기반의 모바일 웹앱 티켓 예매 시스템을 분석 및 설계한 후 구현하고자 한다.

웹 페이지 로딩시간 감축을 위한 HTML 5 분석 (Efficient Multicasting Mechanism for Mobile Computing Environment)

  • 윤준수;박진태;황현서;표경수;문일영
    • 한국정보통신학회:학술대회논문집
    • /
    • 한국정보통신학회 2015년도 추계학술대회
    • /
    • pp.775-778
    • /
    • 2015
  • HTML5 기반의 웹 플랫폼이 차세대 국가 표준으로 제정되면서 웹 서비스 업체들은 스마트 미디어기기 및 스마트 TV에서 HTML5 기반의 앱 지원 기술을 경쟁적으로 개발하고 있다. 국제 웹 표준 개발 조직인 W3C를 중심으로 Microsoft, Apple, Mozilla, Google, Opera 등 다양한 웹 브라우저 벤더가 표준화에 참여하고 있다. 이렇듯 점차 HTML5의 중요성이 강조되며 HTML5 기반의 웹 페이지는 더 많은 양의 정보를 포함하여야 되며 더 빠른 속도의 로딩시간이 필요하다. 따라서 본 논문은 웹 페이지 로딩시간을 감축하기 위한 초기 연구로써 각 브라우저별 동일한 웹 페이지를 구성하여 초기 로딩시간을 측정한다. 뿐만 아니라 HTML5 태그, 및 CSS 속성을 하나씩 제거하면서 초기 로딩 시간에 많은 비중을 차지하는 태그 및 속성을 분석하고 그 결과를 통해 향후 웹 페이지 로딩시간을 감축할 수 있는 방안을 마련한다.

  • PDF

게이미피케이션 기반 모바일 웹 앱 퀴즈 콘텐츠 저작 모형 연구 (A Study on Mobile Web App Quiz Contents Authoring Model based on Gamification)

  • 이재원;김현석
    • 디지털콘텐츠학회 논문지
    • /
    • 제19권7호
    • /
    • pp.1253-1262
    • /
    • 2018
  • 본 연구는 "게이미피케이션(Gamification)"의 개념 원리인 Engagement와 Reward의 장점을 수용한 퀴즈 콘텐츠를 교수자가 직접 손쉽게 저작하기 위한 개발 환경을 선행연구 고찰을 통해서 제안하였다. 미래 서비스 융 복합 기술 그리고 나아가 교육 콘텐츠 저작을 위한 플랫폼으로써 HTML5(CSS3.0, Java Script 등)의 주요 기능과 시사점 등을 주요한 기술과 함께 살펴보았다. 이러한 기능들은 진정한 스마트 러닝 환경을 구축하기 위한 주요 기술이라는 것이다. 이를 바탕으로 교육 효과를 높이기 위한 게이미피케이션 기법을 적용한 사례를 퀴즈 콘텐츠 모형을 통해서 제안하였다.

W3C 표준화 동향

  • 이원석;이강찬;이승윤
    • 정보와 통신
    • /
    • 제33권9호
    • /
    • pp.59-63
    • /
    • 2016
  • W3C는 웹에 대한 국제표준을 개발하는 표준화 기구로 HTML5 표준을 포함하여 CSS, XML, OWL 등 웹 생태계에 필요한 핵심적인 표준을 개발해 왔으며, 최근에는 웹 페이먼트, 사물웹, 오토모티브 웹에 대한 표준을 개발하는 하고 있다. 본 고에서는 표준화 기구인 W3C에 대한 간단한 소개와 함께 최근에 주요하게 개발되고 있는 표준을 중심으로 W3C 표준화 동향에 대해서 알아본다.

공간정보 웹 서비스의 반응형 웹 적용성 (Applicability of Responsive Web of Geo-Spatial Web Services)

  • 박한샘;이기원
    • 한국지리정보학회지
    • /
    • 제18권3호
    • /
    • pp.52-62
    • /
    • 2015
  • 최근 웹 제작 추세로 모바일 우선 방식이 강조되면서 모바일 단말의 유형이나 화면 크기, 해상도가 다양해짐에 따라 이에 대응하여 웹 사이트 제작 시 효율적인 제작 방법을 제공하는 반응형 웹에 대한 실제적인 필요성이 증가하고 있다. 그러나 공간정보 웹 매핑 분야에서 반응형 웹의 적용은 초기 단계이다. 이번 연구에서는 반응형 웹을 이용하여 실제 공간정보 오픈 플랫폼과 연계한 가변 레이아웃에 대한 실제 시험 구현을 수행하고 그 결과를 예시하였다. 또한 공간정보 웹 서비스 구축에서 반응형 웹 방법을 적용하기 위한 제한 사항과 고려 사항을 제시하고자 하였다. 시험 구현 과정에서는 HTML5, JavaScript, CSS3 등과 같은 개발 환경을 OpenLayers와 연계하는 웹매핑 서비스를 대상으로 하였다. 앞으로 공간정보나 위치정보 등으로부터 파생되는 콘텐츠의 모바일 서비스 개발에서도 반응형 웹을 이용한 연계, 적용 사례가 증가할 것으로 기대한다.

안드로이드 기반 EPUB3.0 뷰어 설계 및 구현 (Design and Development of Based on Android EPUB3.0 Viewer)

  • 김종인;이선민;문남미
    • 한국정보처리학회:학술대회논문집
    • /
    • 한국정보처리학회 2014년도 춘계학술발표대회
    • /
    • pp.883-885
    • /
    • 2014
  • 본 연구에서는 EPUB3.0을 지원하는 안드로이드 EPUB3.0 뷰어 설계 및 구현에 관한 것이다. 안드로이드 EPUB3.0뷰어는 EPUB File Controller, EPUB File Analyzer, EPUB Viewer모듈로 구성되어지며, 각 모듈은 서로 연계하여 효율적으로 뷰어가 구동할 수 있도록 설계되어졌다. 설계되어진 모듈은 HTML5, CSS3, MathML, 벡터 그래픽, 멀티미디어를 활용하여 기기 호환을 자유롭게 이루어 질수 있도록 구현 되어졌으며 EPUB3.0 표준에 맞추어져 있어, 동영상, 오디오, 표현이 자유롭다.