오픈 소스를 활용한 Web UI Framework 설계

Abstract

지난 20여 년간 인터넷 인프라의 발전으로 인터넷을 이용한 서비스는 기하급수적으로 증가하였다. 또한 모바일 장치의 등장과 함께 인터넷을 활용한 모바일 환경도 폭발적으로 성장하였다. 모바일 환경의 성장으로 다양한 운영체제와 해상도를 가지는 장치가 보편화 되었으며, 이로 인해 기존 프로그램이나 서비스들은 사용자 편의를 위하여 모바일 환경을 지원하도록 꾸준히 변화하고 있다. 한편, A사의 기간계 업무 시스템은 위와 같은 추세에 맞추어 업무 시스템을 인터넷 환경 기반으로 전환하여 제공하고 있지만, 시스템 사용자는 여전히 특정 운영체제와 개인용 컴퓨터(Personal Computer)를 사용해야 한다. 이에 본 연구에서는 A사의 기간계 업무 시스템을 다양한 장치와 운영체제를 지원할 수 있도록 반응형 웹 기반의 UI 프레임워크를 설계하고 구현하였다. 더불어 UI 프레임워크에 포함되는 라이브러리나 컴포넌트는 오픈 소스 소프트웨어를 사용하여 구매 비용이나 유지보수 비용을 절감하고 유연한 확장성을 확보하였다. 마지막으로 본 연구에서 설계한 UI 프레임워크를 사용하여 실제 운용 중인 업무 화면 5본을 선정하여 구현하였다. 이를 통해 업무 화면의 기능들이 다양한 운영체제와 모바일 장치에서 현재의 시스템과 동일하게 동작하는 것을 검증하였다.

Internet services have increased exponentially over the past 20 years due to the development of Internet infrastructure. In addition, with the advent of mobile devices, the mobile environment using the Internet has exploded. With the growth of the mobile environment, devices with various operating systems and resolutions have become common, and for this reason, existing programs and services are steadily changing to support the mobile environment for user convenience. On the other hand, the core business system of the company A is provided by converting the business system based on the Internet environment in accordance with the above trend, but system users still have to use a specific operating system and personal computer. Therefore, in this study, a responsive web-based UI framework was designed to support various devices and operating systems for A company's core business system. In addition, the library or - 79 - component that should be included in the UI framework uses open source software to reduce purchase cost and maintenance costs, and to make customization easier. Finally, using the UI framework designed in this study, 5 work screens in actual operation were selected and implemented. Through this, it was verified that the functions of the work screen operate in the same manner as the current system in various operating systems and mobile devices.