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

검색결과 89건 처리시간 0.023초

웹 기반 개방형 IoT 환경에서 실시간 데이터 전송을 위한 시스템 설계 (System Design for Real-Time Data Transmission in Web-based Open IoT System)

  • 표경수;박진태;문일영
    • 한국항행학회논문지
    • /
    • 제20권6호
    • /
    • pp.562-567
    • /
    • 2016
  • 전 세계적으로 인터넷의 발전과 스마트 디바이스의 보급이 급격하게 증가하면서 IoT (internet of things)가 주목받고 있다. IoT가 일상생활에 접목되면서 IoT 시장은 방대해지고 있다. 그래서 전문가들은 앞으로 IoT 디바이스가 10년 내에 약 1조대 이상으로 증가할 것으로 전망하고 있다. IoT와 관련된 기술도 꾸준히 발전되고 있으며, 여러 분야에서 IoT 발전을 위한 연구가 진행되고 있다. 하지만, IoT 서비스를 출시하는 업체에서는 다른 플랫폼과 데이터를 상호작용하지 않아 사일로 현상이라는 장애물에 봉착해 큰 시장으로 성장하는데 제한되고 있다. 이를 해결하기 위해 웹 기술이 주목받고 있다. 웹 기술을 이용하면 플랫폼에 상관없이 데이터를 상호 작용할 수 있고, 그 데이터를 이용하여 다양한 서비스를 개발할 수 있을 뿐만 아니라 개발자 입장에서도 불필요한 비용을 줄일 수 있다. 따라서 본 논문에서는 IoT 플랫폼에 독립적으로 데이터를 실시간 전송할 수 있는 웹 기반의 개방형 IoT 시스템을 연구하였으며, 각 IoT 플랫폼 간 데이터를 전송할 수 있는 시스템을 구현하였다.

북마크릿을 활용한 LibraryLookup 서비스 제공방안에 관한 연구 (A Study on LibraryLookup Services Using Bookmarklets)

  • 구중억;이응봉
    • 정보관리학회지
    • /
    • 제23권3호
    • /
    • pp.49-68
    • /
    • 2006
  • 도서관 이용자에게 장애가 없는 정보서비스를 제공하기 위해서는 OPAC의 접근성, 사용성 및 검색성을 향상시키고, 도서의 검색, 식별 및 브라우징의 도구로써 ISBN의 활용가치를 높이는 것이 필요하다. 북마크릿은 웹브라우저의 '즐겨찾기에 추가' 또는 '툴바'에 드래그하여 저장할 수 있는 작은 크기의 자바스크립트이다. 그리고 오픈소스인 북마크릿은 웹페이지에서 ISBN을 추출한 다음, 해당 ISBN으로 도서관의 OPAC에서 도서를 검색할 수 있는 간단하지만 강력한 검색도구이다. 해외의 도서관 시스템 벤더, 도서관, OCLC등은 이용자가 온라인서점의 웹페이지를 살펴보면서 동시에 도서관의 소장 및 대출 정보를 실시간으로 검색할 수 있는 북마크릿을 제공하고 있다. 따라서 본 연구에서는 해외에서 개발되어 활용되고 있는 네 가지 유형의 북마크릿에 대한 적용사례 분석을 통해 북마크릿의 특징과 장 단점을 정리하였다. 이를 통해서 북마크릿의 기본요건과 적용모델을 도출하고, 국내 도서관의 OPAC과 온라인서점에서 북마크릿을 활용한 Library Lookup 서비스 제공방안을 제안하였다.

스마트 TV환경에 적합한 Web Worker 기반의 그리드 컴퓨팅 시스템 (Grid Computing System based on Web Worker for Smart TV Environments)

  • 김현식;조근식
    • 한국컴퓨터정보학회논문지
    • /
    • 제17권1호
    • /
    • pp.11-17
    • /
    • 2012
  • 스마트TV의 보급이 확대되면서 스마트TV의 여유연산능력을 활용한 그리드 컴퓨팅시스템에 대한 수요가 증가할 것으로 예측하고 있다. 그러나 스마트TV는 PC와 달리 다양한 플랫폼이 존재하고, 또한 사용자들의 스마트 TV사용 패턴이 기존 PC 사용 패턴과 크게 다르기 때문에 PC기반의 그리드 시스템을 적용하기에는 어려움이 있다. 즉, 유휴 상태에서 동작하던 기존 그리드 에이전트가 스마트TV 환경에서는 동작할 기회를 보장 받을 수 없는 상황이 된 것이다. 본 논문에서는 이러한 문제를 극복하기 위하여 스마트TV에 적합한 자바스크립트 기반의 그리드 시스템 및 콘텐츠 시청 중에 남는 CPU자원을 활용하는 에이전트 스케줄링 정책을 제안하고 구현하였다. 그리고 기존 그리드 방식과 제안하는 방식을 비교 실험하여, 그 결과 기존의 그리드가 0.09%, 제안하는 방식은 평균 1.78%의 자원을 제공함을 보였다.

HTML5에서 직선의 기울기를 이용한 2D to 3D 입체 이미지 변환 (2D to 3D Anaglyph Image Conversion using Linear Curve in HTML5)

  • 박영수
    • 디지털융복합연구
    • /
    • 제12권12호
    • /
    • pp.521-528
    • /
    • 2014
  • 본 논문에서는 HTML5에서 직선의 기울기를 이용하여 2D 이미지를 3D 입체 이미지로 변환하는 방법을 제안한다. 3D 이미지 변환을 위한 어떠한 정보도 없이 단 하나의 원본 이미지를 좌안과 우안을 위해 RGB 색상을 필터링한다. 사용자는 깊이 값을 설정하기 위해 미리 만들어 놓은 제어 점을 선택한 후 깊이 값을 설정하는 작업을 수행한다. 이렇게 선택된 값들을 반영하여, 이미지 전체와 부분적인 원근감을 갖도록 사용자가 정의한 직선의 기울기를 이용하여 좌안과 우안을 위한 깊이를 부여한 후 Anaglyph 3D 이미지를 자동으로 생성하게 된다. 이 모든 과정이 HTML5를 사용한 웹 환경에서 구현하였기 때문에, 사용자들은 매우 쉽고 편리하게 자신들이 원하는 3D 이미지를 생성할 수 있게 된다.

HTML5에서 Quadratic & Cubic Bézier 곡선을 이용한 2D to 3D 입체 이미지 변환 (2D to 3D Anaglyph Image Conversion using Quadratic & Cubic Bézier Curve in HTML5)

  • 박영수
    • 디지털융복합연구
    • /
    • 제12권12호
    • /
    • pp.553-560
    • /
    • 2014
  • 본 논문에서는 HTML5에서 Quadratic & Cubic B$\acute{e}$zier 곡선을 이용하여 2D 이미지를 3D 입체 이미지로 변환하는 방법을 제안한다. 3D 입체 이미지 변환은 원본 이미지에서 RGB색상 값을 분리 추출하여 좌안과 우안을 위한 2개의 이미지로 필터링한다. 사용자는 Quadratic B$\acute{e}$zier 곡선과 Cubic B$\acute{e}$zier곡선을 이용한 제어 점을 통해 이미지의 깊이 값을 설정하게 된다. 이 제어 점을 기반으로 2D 이미지의 깊이 값을 계산하여 3D이미지에 반영하게 된다. 이 모든 과정은 HTML5를 사용한 웹 환경에서 구현하였으며, 사용자들은 매우 쉽고 편리하게 자신들이 원하는 3D 이미지를 만들 수 있게 하였다.

동적 전자책을 위한 블록 조립식 사용자 피드백 에디터 설계 및 구현 (Design and Implementation of User Feedback Block Editor for Dynamic E-Book)

  • 최자령;윤지현;장미연;장수지;임순범
    • 디지털콘텐츠학회 논문지
    • /
    • 제18권1호
    • /
    • pp.63-70
    • /
    • 2017
  • 최근 소셜 리딩과 같이 사용자 피드백이 활발해지면서 사용자 피드백 기반 전자책 콘텐츠를 제작에 대한 요구가 증가하였다. 그러나 사용자 피드백을 전자책에 반영하기 위해서는 직접코딩을 해야 하므로 코딩을 못하는 저자에게는 어려움이 있었다. 본 연구는 이러한 문제점을 해결하기 위한 블록 조립식 피드백 에디터 시스템을 개발하였다. 에디터는 입력 처리 출력모듈을 직접코딩으로 구현하였던 사용자 피드백을 영역지정, 컴포넌트 배치, 블록 편집 및 코드 생성 삽입 기능으로 반영할 수 있다. 본 시스템은 HTML, 자바스크립트, PHP, Codeigniter를 이용하여 구현하였다. 블록 편집 기능은 오픈 소스인 Blockly를 이용하여 블록을 제공, 조립할 수 있도록 하였다. 코드 생성 및 삽입 기능은 라이브러리 함수 코드를 삽입한다. 본 시스템을 통해 코딩을 못하는 일반 저자도 코딩 없이 쉽게 사용자 피드백 반영이 가능하도록 한다.

Web GIS를 이용한 재해 정보 제공에 관한 연구 (Research on the Sharing of Disaster Information Using Web GIS Technology)

  • 김동문;양인태
    • 한국측량학회지
    • /
    • 제21권2호
    • /
    • pp.101-107
    • /
    • 2003
  • 최근에 웹 GIS 기반의 정보관리를 위한 많은 연구들이 진행되고 있다. 특히, 홍수나 지진과 같은 재해관련 정보의 관리와 제공을 위한 웹 기반의 재해 정보관리시스템 개발은 주민들의 재해에 대한 예방과 대책, 관심지역에 대한 재해정보 취득의 욕구 충족을 위해 반드시 필요하다. 이러한 시스템은 재해 예방을 위한 계획, 분석과 관리업무를 위한 폭넓은 공간 DB 접근이 가능해야 하며, 인터넷을 통해 재해 정보의 시각화와 수요자에 대한 자료 제공을 위한 재해 현황도 작성이 가능해야 하나, 아직 이러한 분야에 대한 웹 GIS 기반의 연구는 초기 단계이다. 그래서 이 연구에서는 웹 GIS의 개발도구로 HTML, 자바스크립트와 ESRI의 ArcIMS를 이용하여 재해 정보 제공을 위한 연구를 실시하였으며, 춘천시의 재해 정보를 웹 기반의 시스템을 통해 다양한 기능을 통해 제공할 수 있었다. 구현한 기능을 통해 관심지역의 재해정보를 검색과 화면에서 사용자 선택을 통해 제공할 수 있었으며, 관심지역의 지형을 VRML을 이용한 3차원 지형모델을 통해 확인할 수 있었다.

모바일 영어말하기평가 융합 시스템 모형 타당도 검사 (The Development and Validation of a Mobile-based English Speaking Test Convergence Model)

  • 김정태
    • 한국융합학회논문지
    • /
    • 제7권2호
    • /
    • pp.25-31
    • /
    • 2016
  • 본 연구에서는 모바일기반 영어말하기평가 융합 모형을 개발하였다. 대학생들에게 요구분석을 실시한 결과를 바탕으로 아이폰과 안드로이드 모바일기기용 평가 앱을 개발하고, 그 시험타당도 검사를 실시하였다. 영어말하기 평가 개발을 위하여 시험문항, 채점요인, 척도를 개발하였다. 요구분석에서 대학생 총 89명 중 69명(79.3%)은 안드로이드폰을, 17명(19.5%)은 아이폰을 사용하고 있었다. 이 결과를 기반으로 iOS와 안드로이드 OS용 영어말하기평가 앱을 개발하였다. 이를 위해 HTML5, Javascript bridge 기술, Node와 Express, Mongo DB 등의 기술을 적용하였다. 실험에서는 5명의 수험자를 대상으로 평가를 시행하여 모든 기능이 정상적으로 작동함을 확인하고 수험자들의 피드백을 수집함으로써 시험타당도를 확보하였다.

HTML5 캔버스를 이용한 플랫폼 독립적인 게임의 구현 (Platform Independent Game Development Using HTML5 Canvas)

  • 장석우;허문행
    • 한국정보통신학회논문지
    • /
    • 제18권12호
    • /
    • pp.3042-3048
    • /
    • 2014
  • 최근 들어, 차세대의 웹 표준으로 자리매김하고 있으며, 별도의 프로그램을 설치하지 않고 인터넷 브라우저 상에서 다양한 그래픽과 멀티미디어의 구현이 가능한 웹 앱 저작 기술인 HTML5에 많은 사람들의 관심이 집중되고 있다. 본 논문에서는 HTML5에서 제공하는 캔버스를 활용하여 애플의 iOS, 구글의 안드로이드 등의 플랫폼에 의존적이지 않은 게임을 구현한다. 본 논문에서 구현하는 게임은 캐릭터가 주변의 적들과 충돌하지 않기 위해서 상하좌우로 이동한다. 그리고 캐릭터가 적과 충돌하면 생존 게이지가 줄어들고, 하트 아이템을 먹으면 생존 기간이 연장되는 게임이다. 향후에는 본 논문에서 개발된 게임에 보다 다양한 아이템을 추가할 예정이며, 제스처 인식과 같은 컴퓨터 비전기술을 적용하여 게임을 수행하는 사용자와의 인터페이스를 보다 다양화할 계획이다.

웹 인터랙티비티의 사례분석을 통한 인터랙션 디자인 전략 분석 및 개발 사례 (Analysis and Adaptation of Strategy for Designing Web Interaction through Analyzing Cases of Interactive Website)

  • 김미영;김현정
    • 디자인학연구
    • /
    • 제17권4호
    • /
    • pp.37-50
    • /
    • 2004
  • 플래시의 액션 스크립트, 자바 스크립트, 자바 등 웹 기반 프로그래밍 툴의 발전과 사용잗ㄹ의 총체적 경험으로써의 인터랙티비티의 중요성이 대두되면서, 웹은 정보를 면 단위로 보여주는 웹진의 형태로부터 인터랙티브한 조작 인터페이스를 제시하고 조작에 따라 즉각적으로 사용자에게 피드백을 주는 인터랙션의 형태로 진화하게 하였다. 웹은 소프트웨어에 비해 다향한 계층의 사용자가 비교적 단순한 작업을 하기 위해 사용하므로 보다 인터랙티브하게 작업을 지원함으로써 사용자의 인지적 부담을 줄이며 사용의 재미를 줄 필요가 있다. 본 연구에서는 이러한 추세에 따라 등장하고 있는 웹사이트의 인터랙티비티의 개념과 사례를 통해 인터랙티브화하는 경향을 분석하고, 웹의 인터랙티브화를 위한 디자인 전략들이 어떤 것들이 있는지 도출하였으며, 이의 적용 예를 보일 수 있는 사이트 개발 사례 제시를 목적으로 진행되었다. 본 연구는 웹 상에 있어서 인터랙티비티를 부여할 수 있는 디자인 전략을 제시하였으며, e-book 사이트에서의 인터랙티브 북셀프 디자인에 있어 인터랙션 디자인 전략의 적용 사례를 통해 디자인 개발 프로세스에 활용할 수 있는 가능성을 제시하였다.

  • PDF