Integrated user interface platform development system comprising design system, and method
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.
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.