• 한국정보전자통신기술학회논문지
• /
• 제6권1호
• /
• pp.45-50
• /
• 2013

최근 스마트폰, 태블릿, 스마트TV 등 다양한 디바이스가 급속도로 증가함에 따라, 웹 어플리케이션 제작시 동일한 서비스를 디바이스 별로 따로 개발해야 하는 번거로움이 있어 많은 시간과 비용, 유지관리의 어려움이 있다. 이러한 플랫폼들의 비통일성에 대한 해결방안으로 하이브리드 프레임워크와 이에 따른 반응형 웹 디자인에 대한 연구가 진행되고 있다. 본 논문에서는 하이브리드 프레임워크에 대한 기술동향과 특성을 분석하고, 하이브리드 프레임워크 기반의 사용자 중심의 반응형 웹 콘텐츠를 구현하였다.

• 한국지리정보학회지
• /
• 제18권3호
• /
• pp.52-62
• /
• 2015

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

• 한국전자통신학회논문지
• /
• 제13권3호
• /
• pp.609-616
• /
• 2018

본 논문은 인터페이스 구조를 근거로 프로토콜타입의 웹 사이트 설계 방식에 대한 반응형 웹의 설계에 필요한 기술들을 두고 서술하게 되었다. 반응형 설계는 프로토콜 타입의 요구사항을 인터페이스 기반사항에 근거로 분석하여 개발과정에 적용하는 프로세서를 의미한다. 개발에 있어서 우선원칙에 의한 설계방식을 수립하고 디자인공식에 의한 유연성과 가변성을 설정하여 사용자중심의 제1원칙과 제2원칙으로 나누어 인터페이스 구조로 정립해 나갔다. 그리고 압축기술을 논의를 통해 비동기적 스크립트를 결합방식의 방법을 모색하여 웹의 프로토콜 타입에 맞게 확장시킬 수 있는 방법을 찾게 되었다. 오늘날 웹 사이트나 웹 애플리케이션에 대한 필요성은 장치에 관계없이 적응하고 접근할 수 있어야 한다. 이러한 해결방안으로 반응형 웹 사이트 설계방식에서 찾게 되었으며 반응형 웹 사이트 설계방식에 대한 인터페이스 구조와 이를 근거로 한 프로토콜 타입의 웹 사이트 설계방식에 대한 중요기법들을 마련하게 되었다.

• 한국정보통신학회:학술대회논문집
• /
• 한국정보통신학회 2015년도 추계학술대회
• /
• pp.1093-1094
• /
• 2015

다양한 디바이스에서의 웹의 표현은 반응형 웹의 사용으로 좀 더 통일된 모습으로 구현이 가능하다. 본 논문에서는 그 중 가변 레이아웃을 구현할 수 있는 방법에 대한 연구를 진행 하였다. 최신 기술인 플렉서블 박스로 가변 레이아웃을 구성하는 방법을 살펴보고, 그 장단점을 기술한다. 또한 플렉서블 박스 적용으로 발생한 문제들을 해결할 수 있는 방법들을 제안한다.

• 한국정보기술학회논문지
• /
• 제17권5호
• /
• pp.1-12
• /
• 2019

기존의 Open API들과는 달리 링크드 데이터는 웹 자체를 하나의 거대한 지식베이스로 만들어 수준 높은 SPARQL 질의를 수행할 수 있으며, 다양한 데이터셋으로부터 서로 다른 정보들을 매쉬업하여 하나의 새로운 콘텐츠를 효율적으로 생성할 수 있다. 본 논문에서는 위치 기반 시맨틱 검색을 위한 반응형 웹 애플리케이션을 구현하였다. 링크드 데이터인 DBpedia와 Google에서 제공하는 GoogleMap API를 매쉬업하고 검색된 개체들에 대한 세부적인 정보를 확인할 수 있는 시맨틱 브라우저 기능을 제공한다. 본 시스템은 반응형 웹 디자인 사상을 적용하여 PC 및 모바일 등 다양한 접속 환경에서 동일하게 사용할 수 있다. 본 논문에서 구현된 시스템은 기능이 유사한 현존 시스템들과 기능 스펙을 비교하였다. 비교 결과 시맨틱 사용, 링크드 기반 브라우저, 매쉬업 기능 등 다양한 측면에서 본 시스템의 우수성을 보여준다.

• 한국정보전자통신기술학회논문지
• /
• 제11권1호
• /
• pp.26-33
• /
• 2018

A web application running on the Internet is causing many difficulties for a program developer, and it requires to process multiple sessions at the same time due to the occurrence of excessive traffic. Web applications should be able to process concurrent requests efficiently and in real time. Node.js is a single-threaded server-side JavaScript environment implemented in C and C ++ as one of the latest frameworks to implement event models across the entire stack. Nodes implement JavaScript quickly and robust to achieve the best performance using a JavaScript V8 engine developed by Google. In this paper, it will be explained the operation principle of Node.js, which is a lightweight real-time web server that can be implemented in JavaScript for real-time responsive web applications. In addition, this application was practically implemented through automatic alignment system for group scheduling to demonstrate event-based real-time response web processing.

• 한국IT서비스학회지
• /
• 제17권3호
• /
• pp.63-75
• /
• 2018

In this paper, we propose a testing method of the quality of device application effectively reflecting the necessity of increasing mobile device application quality test, and designed and developed it as a web system. We have studied traditional software testing methods for designing and developing a system. We have developed a next-generation alternative technology that can analyze and compensate for the weaknesses of the web and weaknesses of the Android in order to realize the access system and the responsive web system. As an example applied to the system, we analyzed the requirements of the system implementation and expressed the functions of the system through the use case diagram. The test scenarios were conducted by connecting 5,000 devices to each system using the existing HTTP polling method and the proposed web socket method. After setting the comparative group, the result of the proposed web management system was observed and compared through repeated tests. The research shows that the proposed web socket system has better performance than HTTP polling. The more the number of simultaneous processing of the devices, the lower the server stability but the better the time efficiency. In conclusion, the more the number of devices to be tested is, the more the number of devices can be effectively tested using the proposed web management system.

• 사상체질의학회지
• /
• 제29권3호
• /
• pp.224-231
• /
• 2017

Objectives Several researches have been done to develop instruments or questionnaire for diagnosis of sasang constitution. In this study, we developed a user-friendly web system to enhance the utilization of KS-15. Methods The KS-15 Web application was constructed by considering the responsive web design and easy survey answer. This system is designed only to authorized users for security purposes, and provides two modes, simple mode and expert mode, depending on the purpose of using the system. A simple mode do not keep user information and survey answer in the database. An expert mode support management of patients, diagnosis of sasang constitution and statistical functions. Results & Conclusions The developed KS-15 system can be operated from any smart device's web browser. In order to use information in clinic field, it was developed so that it can be accessed only by authorized users. It can be divided into an account which can use only simple mode and an account which can use expert mode by using a difference in access authority. These functions can enhance the applicability of sasang constitution in real life such as clinical or education.

• 한국콘텐츠학회논문지
• /
• 제20권11호
• /
• pp.656-668
• /
• 2020

세종특별자치시는 2012년 7월 출범하였으며, 형성되던 초기에는 중앙행정기관 이전에 초점을 두었으나 지난 2019년부터 스마트도시 및 2020년 한국 뉴딜정책 추진으로 행정도시에서 4차 산업 도시로 변화하고 있다. 이에 맞게 아이덴티티 디자인을 재평가할 필요가 있다. 특히 다양한 웨어러블, 사물인터넷(IoT) 등 정보기술의 급격한 변화로 웹(web) 환경 역시 최적화된 아이덴티티 디자인을 요구하고 있다. 이처럼 정보통신기술의 발달과 최적화된 화면을 볼 수 있는 반응형 웹이 늘어나면서 사용자들에게 아이덴티티를 직관적으로 전달하고, 다른 도시와 차별적이고 공감할 수 있도록 디자인을 적용하여 연구하였다. 연구에 앞서 웹 환경의 시대적 변화와 반응형 웹에 관하여 선행연구를 살펴보았으며, 반응형 웹의 아이덴티티 디자인 분석과 미니멀리즘 특성을 단계적 적용하여 살펴보았다. 이를 토대로 반응형 아이덴티티의 미니멀리즘 특성(단순성, 반복성, 공간성)을 적용하여 제안한 설문조사를 전문가 및 비전문가를 대상으로 조사한 결과 모바일 같은 작은 웹(web) 환경에서 쉽고 직관적으로 인식할 수 있었다. 따라서 세종시 아이덴티티가 시대의 변화에 맞는 정체성이 구축되도록 다각적인 연구와 효율적인 관리 방안에 관한 연구도 계속되길 기대해 본다.

• 한국정보통신학회논문지
• /
• 제23권5호
• /
• pp.516-522
• /
• 2019

본 논문은 컴포넌트 기반의 반응형 웹 애플리케이션 개발을 위하여 다양한 디바이스에 맞추어 해상도나 화면 크기에 따라 콘텐츠가 동적으로 변환될 수 있도록 디바이스 유형별 편집 기능 크기 및 위치 조정, 숨김 및 표시, 스타일 편집, 디바이스 유형별 편집 등을 설계하였고, 생성된 디바이스 정보를 컴포넌트에 저장하는 것을 제안하였다. 또한 웹 애플리케이션의 뷰 개선과 동시에 서버의 처리 속도 향상을 위하여 lazy loading 기법을 적용한 컴포넌트를 설계하였다. 본 논문에서 제안한 반응형 웹 기능과 서버의 처리 속도 개선 여부를 모니터링 툴을 통해 실험한 결과 웹 기능이 다양한 디바이스에 반응하였고 대부분의 브라우저에서 처리속도가 향상됨을 확인하였다.