• 제목/요약/키워드: java script

검색결과 215건 처리시간 0.026초

웹사이트 종류와 태스크 타입에 따른 사용자의 네비게이션 유형에 대한 연구 (A study on the navigation methods according to the types of website and task)

  • 김소영;이건표
    • 디자인학연구
    • /
    • 제16권1호
    • /
    • pp.261-270
    • /
    • 2003
  • 다양한 형태의 멀티미디어 요소와 컨텐츠를 보유하고 있는 웹사이트가 증가함에 따라, 사용자는 각 경우에 대하여 다른 네비게이션 방법을 사용하고 있다. 여기서는 사용자의 네비게이션 유형이 웹사이트 종류와 태스크 타입에 따라 어떠한 변화를 나타내는지에 중점을 두고 링크의 구조와 종류에 대한 연구를 진행하고, 이를 검증하기 위한 사용성 테스트를 실시하였다. 웹사이트의 구분에서는 신문과 쇼핑을, 태스크의 구분에서는 목적지향형 과제와 과정지향형 과제로 나누고, 실험에 영향을 미칠 수 있는 색상, 형태, 기술 요소 등을 배제하기 위하여 모형 사이트를 직접 제작하여 실제사이트와 비교 실험을 진행하였다. 이 실험으로부터, 사용자의 네비게이션 유형은 웹사이트의 타입보다는 태스크의 종류에 의한 영향을 받으며, 목적지향형 과제에서는 사이트의 정보구조에 의한 방식이, 과정지향형 과제에서는 직접 링크를 사용한 네비게이션 방식이 선호된다는 결과를 얻었다.

  • PDF

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

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

U-Healthcare를 위한 HL7 기반의 모바일 웹 처방 인터페이스의 설계 (Design of a HL7-based Mobile Web Prescription Interface for U-Healthcare)

  • 안윤애;조한진
    • 한국콘텐츠학회논문지
    • /
    • 제13권4호
    • /
    • pp.8-16
    • /
    • 2013
  • U-Healthcare의 활성화를 위해 모바일 기기를 활용한 원격진료 및 진료지원에 대한 연구가 활발하다. 특히 원격처방시스템을 허용하는 의료법이 개정되면 모바일 처방시스템에 관한 연구는 급속도로 확산될 것이다. 그러나 모바일 앱은 모바일 플랫폼의 특성에 따라서 호환성이 떨어지는 특징을 가지므로, 플랫폼에 맞게 다시 개발해야 하는 제약사항을 가진다. 이러한 문제점을 보완하기 위해 이 논문에서는 모바일 표준 웹 개발 언어로 대두된 HLTML5와 자바스크립트 라이브러리인 jQuery Mobile을 이용하여 모바일 웹 처방 인터페이스를 설계한다. 또한, 기존의 병원정보시스템과의 자료 공유를 위해서 표준 프로토콜인 HL7을 기반으로 하는 메시지 형태로 변환하는 기능을 추가한다. HL7 메시지 송신을 통해 기존의 병원정보시스템과의 연동이 가능하도록 한다. 제안 시스템은 모바일 플랫폼에 독립적이고, 범용 컴퓨터에서도 호환성을 가지므로 다양한 환경에서 활용이 가능한 장점을 가진다.

공간정보 오픈플랫폼 설계를 위한 2D Web Mapping Open API 비교 연구 (The Comparative Research On 2D Web Mapping Open API for Designing Geo-Spatial Open Platform)

  • 최원근;김민수;장인성;장윤섭
    • Spatial Information Research
    • /
    • 제22권5호
    • /
    • pp.87-98
    • /
    • 2014
  • Google 지도는 AJAX(Asynchronous JavaScript and XML) 기술을 이용하여 Web-GIS의 반응 속도를 크게 변화시켰다. 또한 Google은 Open API(Application Programming Interface)인 Google Maps API를 공개하여 기존의 SDK(Software Development Kit)와 ASP(Application Service Provider)가 주도하던 지도 시장에 Open API라는 패러다임의 변화를 가져왔다. 이후, 많은 정부와 기업과 오픈소스 진영에서 비슷한 방식의 Open API를 내놓았으며 Web-GIS 시장을 키워왔다. 또한 HTML5 표준에 대한 최신 웹브라우저의 적극적인 표준 구현으로 인해 웹지도는 단순한 웹페이지가 아닌 하나의 웹어플리케이션으로 진화하여 속도와 성능향상을 이루었다. 하지만 많은 공간정보 2D Open API들이 나왔지만 국내의 API에 대한 현실적인 비교분석은 잘 이루어지지 않은 실정이다. 따라서 본 논문에서는 먼저 공간정보 2D Open API를 이루고 있는 구성요소들을 살펴보고, 각각의 API들이 어떠한 기능들을 얼마만큼 지원하는지를 살펴보고자 한다. 또한 각 API 별로 기능적인 특징과 서비스적인 특징들을 살펴보고 비교분석을 수행하고자 한다. 끝으로, 공간정보 2D Open API의 서비스 사례들을 살펴보고 앞으로의 발전 방향에 대해 제시하고자 한다.

Mash-up 기술을 이용한 4D Wall-Map 구성체계 (A Study on the 4D Traffic Condition Board based on a Mash-up Technology)

  • 김주환;양승묵;남두희
    • 한국ITS학회 논문지
    • /
    • 제8권3호
    • /
    • pp.27-33
    • /
    • 2009
  • 기존의 교통상황판운영에 사용하는 지도는 2D를 기본으로 하는 전자지도를 중심으로 표준노드링크의 속성을 반영하는 형태이다. 2D형태의 교통전자지도는 그래픽형식에 운영자에게 실시간으로 교통상황을 직관적으로 판단하는데 도움을 제공하였으나 2D형식이라는 한계가 존재할 수밖에 없었다. 점차적으로 IT기술의 고도화, 하드웨어, 통신기술의 발달 등으로 과거에 다룰수 없었던 대용량데이터처리가 원활해지고, 다양한 도로이용자의 고급화된 교통수요에 대응하기 위해서는 점차적으로 교통관리자나 운영자들이 교통정보관련 장비들이나 운영시나리오에 대해 다각적으로 분석을 할 수 있는 방안이 강구되어야 한다. 기존의 교통상황판은 점, 선, 면 형식의 2D전자지도를 기반으로 그 위에 교통소통상황 등의 부가정보를 표현하였으나, 본 연구에서는 구글어스의 API를 활용하도록 한다. 구글어스는 고해상도의 위성사진과 이를 이용한 3D화면을 표출서비스를 제공하며, 이를 기반으로 교통소통정보, 버스노선 및 정류장 제보, 3D 객체 표현 등의 콘텐츠와 야후 POI(야후 거기)를 Mash-Up하여 보다 현실적인 교통상황정보를 제공하고자 한다.

  • PDF

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

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

  • PDF

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배의 속도가 향상되었다.

위치정보와 지도를 이용한 경로추적 시스템의 모바일 기기에서의 하이브리드 앱 구현 (Implementation of a Hybrid-App of a Path Tracking System Using Geolocation and Maps on Mobile Devices)

  • 유문성
    • 한국항행학회논문지
    • /
    • 제17권6호
    • /
    • pp.633-637
    • /
    • 2013
  • 위치정보와 지도를 이용하여 자신이나 타인 또는 사물의 경로추적이 필요한 경우가 있다. 최근에 모바일기기의 발달은 이것을 가능하게 하였다. 지금까지 스마트폰이나 태블릿 컴퓨터등의 모바일기기의 경로추적 시스템을 개발하는데 네이티브 방법을 사용하였다. 이 방법의 단점은 같은 서비스를 다른 플랫폼에 제공하려면 다시 작업해야한다는 것이다. 이런 단점을 극복하기 위하여 웹 앱과 하이브리드 앱이 개발되었다. 하이브리 앱은 네이티브앱과 외관상 비슷하기 때문에 사용자들이 웹 앱보다 더 선호한다. 본 논문에서는 모바일 기기에서 경로탐색이 가능한 앱을 개발하였다. 최근에 나온 HTML5에 위치정보 기능이 추가 되었는데 이를 이용하여 경로추적 시스템을 하이브리드 앱으로 구현하였다. 먼저 HTML5, CSS 와 자바스크립트 등을 이용하여 웹 앱을 만들고 이를 하이브리드 앱 도구의 하나인 폰갭을 이용하여 하이브리드 앱으로 변환하였다. 이 시스템의 구현으로 경로탐색이 필요한 여러 분야에서 모바일 기기에 관계없이 빠르고 효율적인 앱 개발이 가능하게 되었다.

웹 어셈블리 모듈 안전성 검증을 위한 퍼징 방법 (Fuzzing Method for Web-Assembly Module Safety Validation)

  • 박성현;강상용;김연수;노봉남
    • 정보보호학회논문지
    • /
    • 제29권2호
    • /
    • pp.275-285
    • /
    • 2019
  • 웹 어셈블리는 웹 브라우저 자바스크립트의 성능 향상을 위해 설계된 새로운 바이너리 표준이다. 웹 어셈블리는 효율적인 실행 및 간결한 표현과 여러 언어를 바탕으로 작성된 코드를 네이티브에 가까운 속도로 구동될 수 있는 새로운 웹 표준으로 자리 잡고 있다. 하지만 현재 웹 어셈블리 취약성 검증은 웹 어셈블리 인터프리터 언어에 제한되어 있으며, 웹 어셈블리 바이너리 자체에 대한 취약성 검증은 부족한 상황이다. 따라서 웹 어셈블리의 자체적인 안전성 검증이 필요한 실정이다. 본 논문에서는 먼저 웹 어셈블리의 구동 방식과 현재 웹 어셈블리의 안전성 검증 방법에 대해서 분석한다. 또한 기존에 발생하였던 웹 어셈블리 안전성 검증 방식에 대해 살펴보고, 이에 따른 기존 안전성 검증 방식의 한계점을 분석한다. 최종적으로 기존 안전성 검증 방법의 한계점을 극복하기 위한 웹 어셈블리 API 기반 퍼징 방법을 소개한다. 이는 기존 안전성 검증 도구로 탐지할 수 없었던 크래시를 탐지함으로써 제안하는 퍼징의 효용성을 검증한다.

Analysis and simulator implementation of Mighty, an advanced imperfect information game

  • Lee, Jeongwon;Kim, Kwihoon;Kim, Seung-Hyun
    • 한국컴퓨터정보학회논문지
    • /
    • 제27권1호
    • /
    • pp.9-21
    • /
    • 2022
  • 마이티는 불완전 정보 게임으로, 국제적으로 대중적인 4인용 카드 게임 브리지와 유사하지만 게임 규칙 및 운영 측면에서 더욱 복잡한 특성을 가지고 있다. 마이티 게임의 전략을 탐구하고 분석하기 위한 환경이 필요하지만, 브리지 등 타 카드 게임의 전략 분석을 위한 시뮬레이터가 다수 개발된 것에 비해 마이티 게임의 분석 도구는 존재하지 않는다. 심지어 마이티 게임에 대한 학문 차원에서의 정의 및 이해가 부족한 상황이다. 이러한 문제를 해결하기 위해, 본 논문은 마이티 게임의 절차 및 규칙을 체계적으로 정의하였다. 그리고 이를 기반으로 마이티 게임을 학습하고 전략을 분석할 수 있는 시뮬레이터를 구현하였다. 시뮬레이터는 서비스의 활용성과 접근성을 고려하여 자바스크립트로 개발되었으며, 다양한 분석 기능을 PC/모바일 웹 환경에서 제공한다. 마지막으로, 관련 분야에서 연구 주제로 다루고 있는 다른 트릭테이킹 게임과의 비교 분석을 통해, 마이티 게임이 불완전 정보 게임으로서 연구 가치가 있으며 AI학습이 용이한 게임 특성이 존재함을 보였다.