• 제목/요약/키워드: responsive web

검색결과 49건 처리시간 0.032초

Three JS와 React를 이용한 증강현실 웹사이트 구현 (Implementation of Augmented Reality Website Using Three.js and React)

  • 김선화;문상호;이성진
    • 한국정보통신학회:학술대회논문집
    • /
    • 한국정보통신학회 2022년도 추계학술대회
    • /
    • pp.529-531
    • /
    • 2022
  • 연구개발특구진흥재단의 2021년 모바일 증강현실 시장 보고서에 따르면 스마트폰의 발전과 더불어 모바일 증강현실 시장의 성장으로 인해 최근 증강 현실 시장이 성장하고 있다. 증강현실 서비스를 모바일 사용자에게 제공하기 위해서는 기기별 네이티브 앱을 제작해야 한다. 하지만 이에는 멀티 플랫폼 대응에 소비되는 유지보수 비용과 앱 다운로드로 인한 낮은 접근성 등의 문제점이 존재한다. 최근에는 WebXR Device API를 활용하여 웹 환경에서 증강현실 시스템을 구축이 진행되는 추세이나, WebXR Device API를 사용한 시스템은 아직 연구단계에 있다고 판단된다. 본 논문에서는 WebXR Device API, Three JS, React를 이용하여 반응형 멀티 플랫폼 환경을 구축하여, 모바일 및 웹 사용자에게 증강현실 서비스를 제공하는 기능을 구현하였다. 실험 결과 반응형 웹 환경에서 증강현실의 연동을 성공적으로 구현되었음을 확인하였으며, 향후 웹 기반에서 동작되는 증강현실 서비스를 기대해본다.

  • PDF

세종특별자치시 반응형 아이덴티티 디자인 적용: 미니멀리즘을 중심으로 (Application of Responsive Identity Design in Sejong City: Focusing on Minimalism)

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

스프링 프레임워크 반응형 웹 AWS 호스팅 (Spring Framework Responsive Web AWS Hosting)

  • 최효현;손동원
    • 한국컴퓨터정보학회:학술대회논문집
    • /
    • 한국컴퓨터정보학회 2017년도 제56차 하계학술대회논문집 25권2호
    • /
    • pp.149-150
    • /
    • 2017
  • 웹 프로그래밍을 공부하는 학생들이 본인들이 만든 웹 페이지를 서버에 호스팅하여 관리하기는 쉽지 않다. 본 논문에서는 스프링 프레임워크를 기반으로 반응형 웹을 개발하고 개발한 웹 페이지를 아마존 웹 호스팅 서비스를 이용하여 호스팅하는 과정을 다룬다. 스프링 프레임워크는 POJO(Plain Old Java Object) 방식의 프레임워크로써 특정한 인터페이스를 구현하거나 상속을 받을 필요가 없어 기존에 존재하는 라이브러리 등을 지원하기에 용이하고 객체가 가벼우며, CSS를 사용한 반응형 웹은 모바일에서도 접근하기 쉬우므로 높은 접근성을 제공한다. 이렇게 개발한 웹 페이지를 호스팅 하여 관리하는 것은 특히 입문단계의 개발자에게 큰 도움이 될 것이다.

  • PDF

적외선 카메라와 웹 카메라를 이용한 마커 트래킹 시스템 (Maker Tracking System Using Infrared Camera and Web Camera)

  • 김병기;고영웅;송창근;장재혁
    • 한국정보과학회논문지:컴퓨팅의 실제 및 레터
    • /
    • 제16권7호
    • /
    • pp.753-758
    • /
    • 2010
  • 본 연구에서는 적외선 카메라와 웹 카메라를 이용한 효율적인 마커 트래킹 시스템을 제안한다. 제안하는 방법은 적외선 카메라를 이용하는 시스템에서 발생되는 마커 스왑 문제를 해결할 수 있을 뿐 아니라 빠르게 마커를 트래킹 할 수 있다. 본 연구에서는 각 마커에 대해서 식별이 가능한 고유한 아이디를 지정할 수 있게 하기 위해 적외선 반사판의 색상 정보를 이용하였다. 적외선 카메라는 반사판을 인식하여 마커의 좌표를 찾아내고, 웹 카메라는 마커의 색상 정보를 이용하여 각 마커를 고유하게 식별할 수 있다. 본 연구의 실험 결과를 통하여 제안하는 방법이 마커 스왑을 효과적으로 방지할 수 있을 뿐 아니라, 마커 트래킹에 대해서 빠른 응답 속도를 보이는 것을 확인하였다.

Automatic Alignment System for Group Schedule of Event-based Real-time Response Web Processing using Node.js

  • Kim, Hee-Wan
    • 한국정보전자통신기술학회논문지
    • /
    • 제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.

효율적인 IoT 제어를 위한 웹 기반 반응형 지원 시스템 (Web-based Responsive Support System for the Efficient IoT Control)

  • 홍성화
    • 한국정보통신학회:학술대회논문집
    • /
    • 한국정보통신학회 2018년도 춘계학술대회
    • /
    • pp.408-409
    • /
    • 2018
  • 본 논문은 IoT 제어를 위한 효율적인 웹 서비스 플랫폼을 제안한다. 웹 서비스 성능 향상을 위한 사물 정보들을 웹상에서 실시간 확인할 수 있는 시스템 구성을 제안하기 위하여 사물 정보 수신 모듈과 웹 뷰어 시스템을 구성하였다. IoT 디바이스가 점차 늘어나면서 많은 디바이스의 상태를 각각 확인하고 제어하기에는 너무나도 환경이 복잡해진다. 이러한 문제점을 웹 기반 환경에서 손쉽게 제어하고 현재의 상태정보를 실시간으로 확인할 수 있도록 제안하였다.

  • PDF

하이브리드 웹 기반의 스마트 발권 시스템 (A Smart Ticketing System Based-on Hybrid Web)

  • 박병언;박진섭;정일홍
    • 디지털콘텐츠학회 논문지
    • /
    • 제12권4호
    • /
    • pp.567-574
    • /
    • 2011
  • 본 논문에서는 공연장이나 야구장 등 다양한 분야에서 티켓을 발권하는데 있어서 필요한 보안성과 호환성 그리고 상업성까지 기존 문제를 해결한 미래형 웹 시스템을 설계하고 구현하였다. 보안 문제로 이슈가 되고 있는 우회 해킹 기법인 스크린 해킹을 방어하고 더 강력한 보안을 위해 모바일을 이용한 OTP(One Time Password)시스템을 제시하고 호환 문제를 해결하기 위해 ActiveX를 사용하지 않는 Non-ActiveX System과 다양한 환경이나 기기에서 이용이 가능하게 기존 반응형 하이브리드 웹을 개선한 스마트 발권 시스템을 제시한다. 또한 모바일 기기의 특징을 이용한 지능형 화면 전환 시스템과 자동 할인 시스템, 최단거리 공연장 안내 시스템으로 상업적인 부분까지 고려하여 완성도 높은 시스템을 제시하였다.

웹소켓을 이용한 모바일 앱 테스트 시스템 설계 (A Design of Mobile App Test System Using Web Socket)

  • 최경수;이길흥
    • 한국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.

사상체질 진단 설문 활용도를 높이기 위한 웹 기반 체질진단 시스템 - KS-15(Korea Sasang Constitutional Diagnostic Questionnaire) - (The Web Application to Improve Utilization of Sasang Constitutional Diagnosis Questionnaire - KS-15(Korea Sasang Constitutional Diagnostic Questionnaire) -)

  • 박대일;박기현;진희정
    • 사상체질의학회지
    • /
    • 제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.

Study on the Establishment of Internet Homepage of Non-profit Association -Focusing on the use case of web platform 'I'mweb'-

  • Moon, Phil Joo
    • International Journal of Advanced Culture Technology
    • /
    • 제8권4호
    • /
    • pp.18-24
    • /
    • 2020
  • The Korea Textile and Fashion Industry-Academic Association, which was established in 2004, has been operating without its own homepage until now. In 2019, it was judged that it was urgent to manage new members and build an installed homepage. Therefore, the program provided by 'I'mweb' was used by comparing domestic and overseas website manufacturers, and the reason is as follows. First, 'I'mweb' provides a web builder solution that allows individuals to easily create web sites without IT expertise such as program development, use of photoshop, and coding. Second, it faithfully provides bulletin boards and member management functions necessary in Korea, such as internet homepage builders and shopping mall production services. Third, there is an advantage in that it is easy to manage the homepage because it is convenient to use Q&A service through the administrator when building the web. However, it provides a responsive web function, but it is regrettable that the compatibility between PC and mobile is not smooth. This study is expected to be used as basic data for related research that needs help in opening a website in the future.