US-12625683-B2 - Integrated user interface platform development system comprising design system, and method

US12625683B2US 12625683 B2US12625683 B2US 12625683B2US-12625683-B2

Abstract

An integrated user interface platform development system and method which include a user interface platform development system having a development tool which provides a what you see is what you get (WYSIWYG) screen file development environment and generates a screen file source in which a user interface platform is composed of structured components; a server which provides resources for screen file development using the development tool and on which developed screen file sources are registered; and a client which includes a client engine that loads the screen file source requested of and received from the server, and which provides the user interface platform executed in a browser window and corresponding to a linked device, wherein the development tool includes a design system module for maintaining design consistency.

Inventors

Se Yong EO
Woog Lae KIM

Assignees

INSWAVE SYSTEMS CO., LTD.

Dates

Publication Date: 20260512
Application Date: 20220323
Priority Date: 20210323

Claims (6)

1 . A user interface platform development system, comprising: a development tool, configured to provide a What You See Is What You Get (WYSIWYG)-style screen file development environment and generate a screen file source that organizes a user interface platform with structured components; a server, providing resources for developing a screen file with the development tool, and with which developed screen file sources are registered; and a client, having a client engine to load the screen file source received from the server, and configured to execute the screen file source in a browser window to provide the user interface platform to an associated device, wherein the development tool comprises a design system module for maintaining a design consistency, wherein the design system module includes design data comprising a plurality of common cascading style sheets (CSSs), a plurality of user defined components (UDCs), a plurality of Snippets and a plurality of templates, wherein each Snippet of the plurality of Snippets is a fragment template including at least one pre-written source code registered in the design system module, wherein when a registered Snippet is modified, changes are reflected in batches of registered screen file sources which include the registered Snippet which was modified, and wherein the design system module is configured to create a screen under development using the design data.
2 . The user interface platform development system of claim 1 , wherein the design system module comprises: a design editor configured to display the screen under development; a design system server having design standards and resources; and a design system view connected to the design editor, wherein the design system view includes an embedded web browser configured to apply a design to the screen based on the design data of the design system module, and design standards and resources retrieved from the design system server.
3 . The user interface platform development system of claim 1 , wherein the design system module reuses a pre-written source code using the plurality of Snippets.
4 . The user interface platform development system of claim 1 , wherein the structured components comprise at least one of Page component, user defined component (UDC), Project UDC, and Microservices Architecture (MSA) UDC.
5 . The user interface platform development system of claim 1 , wherein the client comprises a Microservices Architecture (MSA) message broker configured to correspond to a microservice architecture and a micro frontend architecture having a cross-MSA resource sharing function.
6 . The user interface platform development system of claim 1 , wherein the development tool configures the screen file as a single page application type.

Description

This application is a national stage application of PCT/KR2022/004071 filed on Mar. 23, 2022, which claims priority of Korean patent application number 10-2021-0037429 filed on Mar. 23, 2021 and Korean patent application number 10-2022-0035236 filed on Mar. 22, 2022. The disclosure of each of the foregoing applications is incorporated herein by reference in its entirety. TECHNICAL FIELD The present invention relates to a user interface platform integrated development system and method having a design system. RELATED ARTS Digital transformation is about innovating the traditional social structure by applying digital technology to society as a whole. In general, it means that companies are building and utilizing information and communication technologies (ICT) such as the Internet of Things (IoT), cloud computing, artificial intelligence (AI), and big data solutions as platforms to innovate existing traditional operating methods and services. To digitize and innovate all business processes, there are two essential requirements: (1) Rapid response to market needs and active use of new technologies(2) Business model innovation using multiple devices (mobile, wearable, IoT) Adapting to new technologies (AI, IoT, cloud, big data, AR/VR, mobile), utilizing open source ecosystems, and responding to rapid development (low coding) requires multi-experience development platforms (MXDPs) that can integrate all development activities, including web, mobile, wearable device, and app development. SUMMARY Technical Objectives The present invention is to provide a user interface platform integrated development system and method having a design system based on web standards technology, which supports multi-browser, multi-device and multi-OS with one source multi-use (OSMU), has various and advanced components, provides an integrated development environment, can be flexibly linked with external libraries, and can provide an optimal screen for various web environments and devices. The present invention is intended to provide a user interface platform integrated development system and method having a design system that maximizes the efficiency of collaboration between developers and designers in developing applications and enables them to maintain design consistency. The present invention is intended to provide a user interface platform integrated development system and method having a design system for pre-registering and reusing frequently used or complex source code by developers using Snippets (fragment templates) to prevent redundant development and standardize source code to improve development convenience and development productivity. Other objectives of the present invention will be readily understood through the following description. Technical Solutions According to one aspect of the present invention, there is provided a user interface platform development system, including a development tool, configured for providing a WYSIWYG-style screen file development environment and generating a screen file source that organizes a user interface platform with structured components, a server, providing resources for developing the screen file with the development tool, and with which developed screen file sources are registered and a client, having a client engine to load the screen file source that is received from the server as response, and configured for executing in a browser window to provide the user interface platform according to an associated device, wherein the development tool comprises a design system module for maintaining a design consistency. The design system module may include a design editor configured for displaying a screen under development, a design system server having design standards and resources and a design system view configured for applying a design to the screen based on design standards and resources retrieved from the design system server. The design system module may reuse a pre-written source code using Snippet, which is a fragment template. The component may include at least one of Page component, user defined component (UDC), Project UDC, and MSA UDC. The client may include a MSA message broker configured for corresponding to a microservice architecture and a micro frontend architecture having a cross-MSA resource sharing function. The development tool may configure the screen file as a single page application type. Other aspects, features and advantages other than those described above will become apparent from the following drawings, claims and detailed description of the invention. Effects of Invention According to an embodiment of the present invention, it is advantageous to support multi-browser, multi-device, multi-OS with one-source multi-use, to be equipped with various advanced components, to provide an integrated development environment, to enable flexible linking with external libraries, and to have the effect of providing an optimal screen for various web environments and device