KR102482526B1 - Method for Providing of User Interface for Designing of Data Model - Google Patents
Method for Providing of User Interface for Designing of Data Model Download PDFInfo
- Publication number
- KR102482526B1 KR102482526B1 KR1020210008605A KR20210008605A KR102482526B1 KR 102482526 B1 KR102482526 B1 KR 102482526B1 KR 1020210008605 A KR1020210008605 A KR 1020210008605A KR 20210008605 A KR20210008605 A KR 20210008605A KR 102482526 B1 KR102482526 B1 KR 102482526B1
- Authority
- KR
- South Korea
- Prior art keywords
- data model
- user interface
- electronic device
- program code
- area
- Prior art date
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/36—Preventing errors by testing or debugging software
- G06F11/362—Software debugging
- G06F11/3624—Software debugging by performing operations on the source code, e.g. via a compiler
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/35—Creation or generation of source code model driven
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/36—Software reuse
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Computer Hardware Design (AREA)
- Quality & Reliability (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
본 발명은 데이터 모델 설계를 위한 사용자 인터페이스 제공 방법에 관한 것으로, 전자장치가 데이터 모델 설계를 위한 사용자 인터페이스를 적어도 하나의 상위장치로 제공하는 단계, 전자장치가 사용자 인터페이스의 제1 영역에 입력된 프로그램 코드를 분석하는 단계, 전자장치가 프로그램 코드의 분석결과를 기반으로 정의된 데이터 모델을 사용자 인터페이스의 제2 영역에 표시하는 단계 및 전자장치가 정의된 데이터 모델을 구성하는 값을 상위장치로부터 수신하여 데이터 모델의 설계를 완료하는 단계를 포함하며 다른 실시 예로도 적용이 가능하다.The present invention relates to a method for providing a user interface for designing a data model, wherein an electronic device provides a user interface for designing a data model to at least one upper-level device, and a program input to a first region of the user interface by the electronic device. Analyzing the code, displaying, by the electronic device, a data model defined based on the analysis result of the program code in a second area of the user interface, and receiving values constituting the defined data model from the host device by the electronic device, It includes the step of completing the design of the data model, and can be applied to other embodiments.
Description
본 발명은 데이터 모델 설계를 위한 사용자 인터페이스 제공 방법에 관한 것이다.The present invention relates to a method of providing a user interface for data model design.
산업용 기기의 감시, 제어용으로 사용되는 어플리케이션들은 해당 기기의 종류만큼이나 다양하게 개발되고 있다. 이러한 어플리케이션의 개발에 필수로 수반되는 기능은 타 기기와의 통신을 위한 데이터 통신 기능과 타 기기와의 데이터 송수신을 위한 데이터 모델 정의 기능이다. 종래의 어플리케이션은 데이터 통신 기능을 위한 데이터 통신 모듈과 데이터 모델 정의 기능을 위한 데이터 모델 모듈이 결합된 상태로 구현되었다. Applications used for monitoring and control of industrial equipment are being developed as diverse as the type of the corresponding equipment. Functions essential to the development of these applications are a data communication function for communication with other devices and a data model definition function for data transmission and reception with other devices. Conventional applications are implemented in a state in which a data communication module for a data communication function and a data model module for a data model definition function are combined.
이러한 어플리케이션을 타 기기로 제공하는 미들웨어는, 어플리케이션을 사용하는 사용자의 요구사항이나 사업환경이 변경될 때마다 어플리케이션을 구현하는 프로그램 코드 상에서 데이터 모델 모듈만을 일일이 확인하여 변경이 필요한 부분만을 수정하였다. 그러나, 종래의 방법은 어플리케이션을 구현하는 프로그램 코드의 유지보수가 어렵고, 개발자의 이직이나 퇴직 시에 정확한 수정이 불가능한 문제점이 발생한다. 이로 인해, 새로운 기능을 추가할 수 있는 기능 확장성이 저하되고 수정 후의 어플리케이션의 안정화가 저하되는 문제점이 발생된다. Middleware that provides such an application to other devices checks only the data model modules in the program code that implements the application every time a user's requirements or a business environment that uses the application changes, and only the parts that need to be changed are modified. However, in the conventional method, it is difficult to maintain program codes that implement applications, and problems arise in which accurate modification is impossible when a developer leaves or retires. As a result, functional expandability capable of adding new functions is deteriorated, and stabilization of the application after modification is deteriorated.
이러한 종래의 문제점을 해결하기 위한 본 발명의 실시 예들은 어플리케이션을 구현 시에 데이터 모델 모듈과 데이터 통신 모듈을 별도로 구현하여 필요 시에 데이터 모델 모듈만을 편집하여 데이터 모델을 정의할 수 있는 데이터 모델 설계를 위한 사용자 인터페이스를 제공하는 것이다. Embodiments of the present invention to solve these conventional problems are implementing a data model module and a data communication module separately when implementing an application, and designing a data model that can define a data model by editing only the data model module when necessary. to provide a user interface for
또한, 본 발명의 실시 예들은 정의된 데이터 모델을 테이블 형태로 생성하고, 데이터 모델을 구성하는 각 변수에 대한 변수 값 및 데이터 모델의 연동 주기를 입력받아 연동 주기를 기반으로 데이터를 연동할 수 있는 데이터 모델 설계를 위한 사용자 인터페이스를 제공하는 것이다.In addition, embodiments of the present invention create a defined data model in the form of a table, receive a variable value for each variable constituting the data model and an interlock period of the data model, and interlock the data based on the interlock period. It is to provide a user interface for data model design.
본 발명의 실시 예에 따른 데이터 모델 설계를 위한 사용자 인터페이스 제공 방법은, 전자장치가 데이터 모델 설계를 위한 사용자 인터페이스를 적어도 하나의 상위장치로 제공하는 단계, 상기 전자장치가 사용자 인터페이스의 제1 영역에 입력된 프로그램 코드를 분석하는 단계, 상기 전자장치가 상기 프로그램 코드의 분석결과를 기반으로 정의된 데이터 모델을 상기 사용자 인터페이스의 제2 영역에 표시하는 단계 및 상기 전자장치가 상기 정의된 데이터 모델을 구성하는 값을 상기 상위장치로부터 수신하여 데이터 모델의 설계를 완료하는 단계를 포함하는 것을 특징으로 한다.A method for providing a user interface for designing a data model according to an embodiment of the present invention includes providing, by an electronic device, a user interface for designing a data model to at least one upper-level device, the electronic device in a first region of the user interface. Analyzing the input program code, displaying, by the electronic device, a data model defined based on the analysis result of the program code in a second area of the user interface, and constructing the defined data model by the electronic device. It is characterized in that it comprises the step of receiving a value from the host device and completing the design of the data model.
또한, 프로그램 코드를 분석하는 단계 이후에, 상기 프로그램 코드에 에러가 존재하면, 상기 사용자 인터페이스의 제3 영역에 상기 에러를 표시하는 단계 및 상기 프로그램 코드를 편집하여 상기 에러를 제거하는 단계를 더 포함하는 것을 특징으로 한다.In addition, after analyzing the program code, if there is an error in the program code, displaying the error in a third area of the user interface and editing the program code to remove the error It is characterized by doing.
또한, 데이터 모델의 설계를 완료하는 단계는, 상기 전자장치가 상기 상위장치로부터 상기 데이터 모델에 대한 통신주기를 수신하는 단계를 포함하는 것을 특징으로 한다. Further, the step of completing the design of the data model may include receiving, by the electronic device, a communication cycle for the data model from the host device.
또한, 데이터 모델의 설계를 완료하는 단계 이후에, 상기 전자장치가 상기 설계가 완료된 데이터 모델을 기반으로 데이터 모델 모듈을 구현하는 단계 및 상기 전자장치가 기 구현된 데이터 통신 모듈과 별도로 구현된 상기 데이터 모델 모듈을 결합하여 상기 상위장치와의 통신을 위한 최종 어플리케이션을 구현하는 단계를 더 포함하는 것을 특징으로 한다. In addition, after the step of completing the design of the data model, the step of implementing a data model module based on the data model for which the design has been completed by the electronic device, and the step of implementing the data model module separately from the previously implemented data communication module in the electronic device. It is characterized in that it further comprises the step of implementing a final application for communication with the host device by combining model modules.
또한, 사용자 인터페이스의 제2 영역에 표시하는 단계 이후에, 상기 데이터 모델을 열 및 행 중 어느 하나를 기준으로 하는 테이블로 생성하여 표시하는 단계를 더 포함하는 것을 특징으로 한다.The method may further include generating and displaying the data model as a table based on any one of columns and rows, after displaying the data in the second area of the user interface.
또한, 사용자 인터페이스의 제2 영역에 표시하는 단계는, 상기 상위장치로부터 상기 데이터 모델의 value type, input type 및 options을 포함하는 항목에 대한 속성정보를 수신하는 단계를 포함하는 것을 특징으로 한다. Also, the displaying in the second area of the user interface may include receiving attribute information about an item including value type, input type, and options of the data model from the host device.
상술한 바와 같이 본 발명에 따른 데이터 모델 설계를 위한 사용자 인터페이스 제공 방법은, 어플리케이션 구현 시에 데이터 모델 모듈과 데이터 통신 모듈을 별도로 구현하여 필요 시에 데이터 모델 모듈만을 편집하여 데이터 모델을 정의함으로써 프로그램 코드의 분석을 수행해야 하는 번거로움을 해소할 수 있고, 어플리케이션의 새로운 기능에 대한 확장성을 향상시키고 어플리케이션의 안정화를 확보할 수 있는 효과가 있다. As described above, the method for providing a user interface for designing a data model according to the present invention implements a data model module and a data communication module separately when implementing an application, edits only the data model module when necessary, and defines the data model, thereby defining the program code. It is possible to eliminate the hassle of performing the analysis of the application, improve the scalability for new functions of the application, and secure the stability of the application.
또한, 본 발명에 따른 데이터 모델 설계를 위한 사용자 인터페이스 제공 방법은, 정의된 데이터 모델을 테이블 형태로 생성하고, 사용자로부터 데이터 모델을 구성하는 각 변수에 대한 변수 값 및 데이터 모델의 연동 주기를 입력받음으로써 입력된 연동 주기를 기반으로 데이터를 연동할 수 있는 효과가 있다.In addition, the method for providing a user interface for designing a data model according to the present invention generates a defined data model in the form of a table, and receives input from the user of variable values for each variable constituting the data model and an interlocking cycle of the data model. As a result, there is an effect of interlocking data based on the input interlocking cycle.
도 1은 본 발명의 실시 예에 따른 사용자 인터페이스를 제공하는 시스템을 나타낸 도면이다.
도 2는 본 발명의 실시 예에 따른 어플리케이션을 구현하는 방법을 설명하기 위한 순서도이다.
도 3은 본 발명의 실시 예에 따른 데이터 모델을 설계하는 방법을 구현하기 위한 순서도이다.
도 4는 본 발명의 실시 예에 따른 데이터 모델 설계를 위해 데이터 모델을 정의하기 위한 사용자 인터페이스를 나타낸 화면예시도이다.
도 5는 본 발명의 실시 예에 따른 데이터 모델 설계를 위한 사용자 인터페이스를 나타낸 화면예시도이다.
도 6은 본 발명의 실시 예에 따른 데이터 모델 설계 시의 테이블 형태를 나타낸 도면이다. 1 is a diagram illustrating a system for providing a user interface according to an embodiment of the present invention.
2 is a flowchart illustrating a method of implementing an application according to an embodiment of the present invention.
3 is a flowchart for implementing a method of designing a data model according to an embodiment of the present invention.
4 is an exemplary screen view showing a user interface for defining a data model for designing a data model according to an embodiment of the present invention.
5 is an exemplary screen diagram showing a user interface for designing a data model according to an embodiment of the present invention.
6 is a diagram showing a table form when designing a data model according to an embodiment of the present invention.
이하, 본 발명에 따른 바람직한 실시 형태를 첨부된 도면을 참조하여 상세하게 설명한다. 첨부된 도면과 함께 이하에 개시될 상세한 설명은 본 발명의 예시적인 실시형태를 설명하고자 하는 것이며, 본 발명이 실시될 수 있는 유일한 실시형태를 나타내고자 하는 것이 아니다. 도면에서 본 발명을 명확하게 설명하기 위해서 설명과 관계없는 부분은 생략할 수 있고, 명세서 전체를 통하여 동일 또는 유사한 구성 요소에 대해서는 동일한 참조 부호를 사용할 수 있다.Hereinafter, preferred embodiments according to the present invention will be described in detail with reference to the accompanying drawings. The detailed description set forth below in conjunction with the accompanying drawings is intended to describe exemplary embodiments of the present invention and is not intended to represent the only embodiments in which the present invention may be practiced. In order to clearly describe the present invention in the drawings, parts irrelevant to the description may be omitted, and the same reference numerals may be used for the same or similar components throughout the specification.
본 발명의 일 실시 예에서, “또는”, “적어도 하나” 등의 표현은 함께 나열된 단어들 중 하나를 나타내거나, 또는 둘 이상의 조합을 나타낼 수 있다. 예를 들어, “A 또는 B”, “A 및 B 중 적어도 하나”는 A 또는 B 중 하나만을 포함할 수 있고, A와 B를 모두 포함할 수도 있다.In one embodiment of the present invention, expressions such as “or” and “at least one” may represent one of the words listed together, or a combination of two or more. For example, "A or B" and "at least one of A and B" may include only one of A or B, or may include both A and B.
도 1은 본 발명의 실시 예에 따른 사용자 인터페이스를 제공하는 시스템을 나타낸 도면이다. 1 is a diagram illustrating a system for providing a user interface according to an embodiment of the present invention.
도 1을 참조하면, 본 발명에 따른 시스템(10)은 전자장치(100)와 복수의 상위장치(200)를 포함한다. Referring to FIG. 1 , a
전자장치(100)는 엣지 컴퓨팅 환경에서 엣지 컴퓨팅을 수행하는 전자장치로, 복수의 상위장치(200)에서 발생되는 데이터를 실시간 또는 주기적으로 수집한다. 전자장치(100)는 수집된 데이터를 기반으로 상위장치(200)의 동작 상태를 확인한다. 이를 위해, 전자장치(100)는 통신부(110), 입력부(120), 표시부(130), 메모리(140) 및 제어부(150)를 포함하고, 제어부(150)는 데이터통신모델(151) 및 데이터모델모듈(152)를 포함한다. The
통신부(110)는 상위장치(200)와의 통신을 수행한다. 이를 위해, 통신부(110)는 RS-232, RS-485 등의 시리얼 통신, 다양한 이더넷 방식의 통신을 수행할 수 있으며, 블루투스(bluetooth), BLE(bluetooth low energy) 등의 근거리 무선 통신 및 Wi-Fi(wireless fidelity) 등의 무선 통신을 수행할 수 있다.The
입력부(120)는 전자장치(100)의 사용자 입력에 대응하여 입력 데이터를 발생시킨다. 이를 위해, 입력부(120)는 키보드, 마우스, 키패드, 돔 스위치, 터치패널, 터치 키 및 버튼 등의 입력수단을 포함할 수 있다. The
표시부(130)는 전자장치(100)의 동작에 따른 출력 데이터를 출력한다. 이를 위해, 표시부(130)는 액정 디스플레이(LCD; liquid crystal display), 발광 다이오드(LED; light emitting diode) 디스플레이, 유기 발광 다이오드(OLED; organic LED) 디스플레이, 마이크로 전자기계 시스템(MEMS; micro electro mechanical systems) 디스플레이 및 전자 종이(electronic paper) 디스플레이를 포함할 수 있다. 표시부(130)는 입력부(120)와 결합되어 터치 스크린(touch screen)으로 구현될 수 있다.The
메모리(140)는 전자장치(100)의 동작 프로그램들을 저장하고, 복수의 상위장치(200)에 제공할 어플리케이션, 복수의 상위장치(200)에 제공하여 복수의 상위장치(200)로부터 입력된 코드를 기반으로 데이터 모델을 설계할 수 있는 사용자 인터페이스를 저장한다. The
제어부(150)는 복수의 상위장치(200)에서 발생되는 데이터를 실시간 또는 주기적으로 수집한다. 전자장치(100)는 수집된 데이터를 기반으로 상위장치(200)의 동작 상태를 확인한다. 이를 위해, 제어부(150)는 데이터 모델 설계를 위한 사용자 인터페이스(user interface, 이하 UI라 함)를 생성하여 적어도 하나의 상위장치(200)로 제공하고, UI의 제1 영역으로 프로그램 코드가 입력되면 이를 분석한다. 제어부(150)는 프로그램 코드의 분석결과를 기반으로 데이터 모델을 정의하고, 정의된 데이터 모델을 구성하는 변수 값 및 통신주기 등을 상위장치(200)로부터 수신하여 데이터 모델의 설계를 완료한다. The
아울러, 제어부(150)는 설계가 완료된 데이터 모델을 기반으로 데이터모델모듈(152)을 구현하고 데이터통신모듈(151)과 데이터모델모듈(152)을 이용하여 상위장치(200)에 전송할 어플리케이션의 구현을 완료한다. 이를 위해, 제어부(150)는 데이터통신모듈(151)과 데이터모델모듈(152)을 포함한다. In addition, the
데이터통신모듈(151)은 전자장치(100)가 통신부(110)를 통해 상위장치(200)와의 통신 인터페이스와 관련된 모듈로, 표준화된 통신 프로토콜 등으로 구현된다. 데이터통신모듈(151)은 상위장치(200)와의 통신 방식이 변경되지 않는 이상 별도의 변경이 필요하지 않으며 데이터모델모듈(152)과 별도로 생성되는 것이 바람직하다. The
데이터모델모듈(152)은 데이터통신모듈(151)과 별도로 구현되되, 구현이 완료된 이후에 데이터통신모듈(151)과 결합되어 하나의 어플리케이션으로 구현된다. 또한, 데이터모델모듈(152)의 변경이 필요될 경우, 제어부(150)는 변경된 데이터모델모듈(152)을 이용하여 어플리케이션을 갱신할 수 있다. 데이터모델모듈(152)은 상위장치(200)로 제공한 UI를 통해 상위장치(200)로부터 각종 데이터를 연동하는 통신주기와 상위장치(200)에서 사용하는 각종 데이터와 관련된 변수 값에 따라 설계된 데이터모델을 기반으로 구현되는 것이 바람직하다. The
보다 구체적으로, 데이터모델모듈(152)을 구현하기 위해 제어부(150)는 상위장치(200)로 데이터 모델 설계를 위한 UI를 제공한다. 제어부(150)는 상위장치(200)로부터 UI의 제1 영역에 프로그램 코드가 입력되면 입력된 프로그램 코드의 분석을 수행한다. 제어부(150)는 프로그램 코드에 문법적인 에러가 존재하는 것으로 확인되면 프로그램 코드의 분석결과로써 정의된 데이터 모델을 UI의 제2 영역에 표시한다. More specifically, in order to implement the
반대로, 제어부(150)는 제1 영역에 입력된 프로그램 코드에 문법적인 에러가 존재하는 것으로 확인되면 UI의 제3 영역에 프로그램 코드 및 문법적인 에러를 표시한다. 제어부(150)는 상위장치(200)로부터 제3 영역에 표시된 프로그램 코드의 편집이 완료되면 편집이 완료된 프로그램 코드의 분석을 수행하고 문법적인 에러가 없을 경우 정의된 데이터 모델을 제2 영역에 표시한다. Conversely, if it is confirmed that there is a grammatical error in the program code input in the first area, the
제2 영역에 표시되는 데이터 모델은, 프로그램 코드에서 추출된 변수명을 포함하고, 상위장치(200)로부터 입력된 변수명에 따른 value type, input type 및 options 항목 등을 포함할 수 있다. 제어부(150)는 제2 영역에 표시된 데이터 모델의 변수명을 열 및 행 중 어느 하나를 기준으로 하는 테이블로 생성한다. The data model displayed in the second area may include variable names extracted from program codes, and value type, input type, and options items according to variable names input from the
제어부(150)는 테이블로 표시된 데이터 모델에 변수명에 대응되는 변수 값과 통신주기의 입력이 완료되면, 입력된 변수 값과 통신주기를 이용하여 데이터 모델의 설계를 수행하고, 설계가 완료된 데이터 모델을 기반으로 데이터모델모듈(152)을 구현한다.When input of variable values and communication cycles corresponding to variable names is completed in the data model displayed as a table, the
복수의 상위장치(200)는 전자장치(100)와 연결되고, 전자장치(100)를 통해 전송되는 다양한 데이터를 이용하는 장치로, 클라우드, 대시보드, 데이터베이스 및 MES(manufacturing execution system) 등을 포함할 수 있다. 또한, 상위장치(200)는 전자장치(100)로부터 UI를 수신하여 표시하고, 해당 UI에 프로그램 코드, 변수 값 및 통신주기 등을 입력한다. The plurality of
도 2는 본 발명의 실시 예에 따른 어플리케이션을 구현하는 방법을 설명하기 위한 순서도이다. 2 is a flowchart illustrating a method of implementing an application according to an embodiment of the present invention.
도 2를 참조하면, 201단게에서 제어부(150)는 입력부(120)로부터 어플리케이션을 구현하기 위한 구현신호의 수신여부를 확인한다. 201단계의 확인결과 구현신호가 수신되면 제어부(150)는 203단계를 수행한다. 203단계에서 제어부(150)는 데이터통신모듈(151)을 구현한다. 이를 위해, 제어부(150)는 입력부(120)를 통해 표준화된 통신 프로토콜과 관련된 프로그램 코드를 입력받고 이를 이용하여 데이터통신모듈(151)을 구현한다. Referring to FIG. 2 , in
이어서, 205단계에서 제어부(150)는 데이터모델모듈(152)을 구현할 데이터 모델의 존재여부를 확인한다. 205단계의 확인결과 데이터 모델이 존재하면 제어부(150)는 207단계를 수행하여 데이터 모델을 기반으로 데이터모델모듈(152)을 구현한다. 이때, 데이터모델모듈(152)은 데이터통신모듈(151)과 별도로 구현되는 것이 바람직하다. 209단계에서 제어부(150)는 데이터통신모듈(151)과 데이터모델모듈(152)을 결합하여 어플리케이션을 구현하고 이를 상위장치(200)로 제공할 수 있다. Subsequently, in
반대로, 205단계의 확인결과 데이터 모델이 존재하지 않으면 제어부(150)는 211단계를 수행하여 데이터 모델을 설계하고 207단계를 수행한다. 207단계에서 제어부(150)는 설계된 데이터 모델을 기반으로 데이터모델모듈(152)을 구현한다. 이때, 데이터 모델 설계는 하기의 도 3을 이용할 수 있다. 아울러, 본 발명의 실시 예에서는 데이터 모델을 설계하는 프로세스가 도 3과 같이 도 2와는 별도로 동작하는 것을 예로 설명하고 있으나, 반드시 이에 한정되는 것은 아니며, 도 2의 211단계의 하위 동작으로 도 3이 수행될 수 있다. Conversely, if the data model does not exist as a result of checking in
도 3은 본 발명의 실시 예에 따른 데이터 모델을 설계하는 방법을 구현하기 위한 순서도이다. 3 is a flowchart for implementing a method of designing a data model according to an embodiment of the present invention.
도 3을 참조하면, 301단계에서 제어부(150)는 상위장치(200)로 데이터 모델 설계를 위한 사용자 인터페이스(user interface, 이하, UI라 함)를 제공한다. 303단계에서 제어부(150)는 상위장치(200)로부터 UI의 제1 영역에 프로그램 코드가 입력되는지 확인한다. 이때, 제1 영역에 입력되는 프로그램 코드는 예컨대, JSON을 이용하여 데이터 구조체를 정의한 코드일 수 있다. Referring to FIG. 3 , in
303단계의 확인결과 제1 영역에 프로그램 코드가 입력되면, 305단계에서 제어부(150)는 입력된 프로그램 코드를 분석한다. 307단계에서 제어부(150)는 프로그램 코드에 문법적인 에러가 존재하는 것으로 확인되면 313단계를 수행하고, 문법적인 에러가 존재하지 않는 것으로 확인되면 309단계를 수행한다. 309단계에서 제어부(150)는 프로그램 코드의 분석결과로써 정의된 데이터 모델을 UI의 제2 영역에 표시한다. 이때, 제2 영역에 표시되는 데이터 모델은, 프로그램 코드에서 추출된 변수명을 포함하고, 상위장치(200)로부터 입력된 변수명에 따른 value type, input type 및 options 항목 등을 포함할 수 있다. As a result of checking in
311단계에서 제어부(150)는 제2 영역에 표시된 데이터 모델을 테이블로 생성하여 UI에 표시하고 317단계를 수행한다. 이때, 제어부(150)는 데이터 모델의 변수명을 열 및 행 중 어느 하나를 기준으로 하는 테이블로 생성하여 표시한다. In
반대로, 307단계의 확인결과 제1 영역에 입력된 프로그램 코드에 문법적인 에러가 존재하는 것으로 확인되면 제어부(150)는 313단계를 수행한다. 313단계에서 제어부(150)는 UI의 제3 영역에 프로그램 코드 및 문법적인 에러를 표시한다. 315단계에서 제어부(150)는 상위장치(200)로부터 제3 영역에 표시된 프로그램 코드의 편집이 완료되면 305단계로 회귀하여 편집이 완료된 프로그램 코드의 분석을 수행한다. 반대로, 315단계에서 제어부(150)는 프로그램 코드의 편집이 완료되지 않으면 프로그램 코드의 편집의 완료를 대기한다. Conversely, as a result of checking in
이어서, 317단계에서 제어부(150)는 테이블로 표시된 데이터 모델에 변수명에 대응되는 변수 값과 통신주기의 입력이 완료됨이 확인되면 319단계를 수행하고, 입력완료가 확인되지 않으면 입력이 완료될 때까지 대기한다. 319단계에서 제어부(150)는 317단계에서 입력된 변수 값과 통신주기를 이용하여 데이터 모델의 설계를 수행하고, 설계가 완료된 데이터 모델을 기반으로 데이터모델모듈(152)을 구현한다. Subsequently, in
도 4는 본 발명의 실시 예에 따른 데이터 모델 설계를 위해 데이터 모델을 정의하기 위한 사용자 인터페이스를 나타낸 화면예시도이다. 도 5는 본 발명의 실시 예에 따른 데이터 모델 설계를 위한 사용자 인터페이스를 나타낸 화면예시도이다. 도 6은 본 발명의 실시 예에 따른 데이터 모델 설계 시의 테이블 형태를 나타낸 도면이다. 4 is an exemplary screen view showing a user interface for defining a data model for designing a data model according to an embodiment of the present invention. 5 is an exemplary screen diagram showing a user interface for designing a data model according to an embodiment of the present invention. 6 is a diagram showing a table form when designing a data model according to an embodiment of the present invention.
도 4 내지 도 6을 참조하면, 전자장치(100)가 생성하여 상위장치(200)로 제공하는 UI의 메인화면(400)은 제1 영역(410), 제2 영역(420) 및 제3 영역(430)을 포함하여 구성될 수 있고, 편집버튼(401) 및 입력완료버튼(403)을 포함하여 구성될 수 있다. 4 to 6, the
상위장치(200)의 사용자가 편집버튼(401)을 선택하면 제1 영역(410)이 활성화되고, 사용자는 제1 영역(410)에 프로그램 코드를 입력할 수 있다. 제어부(150)는 제1 영역(410)에 프로그램 코드가 입력된 이후에 사용자로부터 입력완료버튼(403)에 대한 선택신호가 수신되면 제1 영역(410)에 입력된 프로그램 코드의 문법에러 존재여부를 확인한다. When the user of the
제어부(150)는 제1 영역(410)에 입력된 프로그램 코드에 문법적인 에러가 존재하지 않으면 제2 영역(420)에 도시된 바와 같이 프로그램 코드의 분석결과로써 정의된 데이터 모델을 표시한다. 이때, 제어부(150)는 제2 영역(420)에 표시된 데이터 모델에서 key항목은 프로그램 코드에 포함된 변수명을 나타낸다. If there is no grammatical error in the program code input in the
반대로, 제1 영역(410)에 입력된 프로그램 코드에 문법적인 에러가 존재하면, 제어부(150)는 메인화면(400)에 포함된 제3 영역(430)에 파싱된 프로그램 코드와 확인된 문법적인 에러를 표시한다. 이어서, 사용자가 편집버튼(401)을 선택하면 제어부(150)는 제1 영역(410)에 입력된 프로그램 코드를 편집할 수 있도록 제1 영역(410)을 활성화할 수 있다.Conversely, if there is a grammatical error in the program code input to the
한편, 프로그램 코드에 대한 문법적인 에러가 존재하지 않으면 제어부(150)는 사용자로부터 제2 영역(420)에 표시된 데이터 모델에서 value type, input type 및 options 항목을 추가로 입력받는다. 이와 같이, 제어부(150)는 사용자로부터 value type, input type 및 options 항목을 추가로 입력받고 나면 도 5와 같이 데이터 모델을 테이블(500)로 생성하여 UI에 표시한다. 이때, 테이블(500)은 도 6의 (a)와 같이 변수명이 행을 기준으로 생성될 수 있고, 도 6의 (b)와 같이 변수명이 열을 기준으로 생성될 수 있다. Meanwhile, if there is no grammatical error in the program code, the
제어부(150)는 사용자로부터 도 5와 같이 생성된 테이블(500)에서 각 변수에 대한 변수 값들과 Condition의 하위 항목인 Interval에 통신주기를 입력받는다. 제어부(150)는 테이블(500)에 변수 값들과 통신주기의 입력이 완료되면 해당 테이블(500)을 기반으로 데이터모델모듈(152)을 생성할 수 있다. 이를 통해, 본 발명은 필요 시에 데이터 모델 모듈만을 편집하여 데이터 모델을 정의함으로써 프로그램 코드의 분석을 수행해야 하는 번거로움을 해소할 수 있고, 새로운 기능의 확장성을 향상시키고 어플리케이션의 안정화를 확보할 수 있는 효과가 있고, 사용자로부터 데이터 모델을 구성하는 각 변수에 대한 변수 값 및 데이터 모델의 연동 주기를 입력받음으로써 입력된 연동 주기를 기반으로 데이터를 연동할 수 있는 효과가 있다. The
본 명세서와 도면에 개시된 본 발명의 실시 예들은 본 발명의 기술 내용을 쉽게 설명하고 본 발명의 이해를 돕기 위해 특정 예를 제시한 것일 뿐이며, 본 발명의 범위를 한정하고자 하는 것은 아니다. 따라서 본 발명의 범위는 여기에 개시된 실시 예들 이외에도 본 발명의 기술적 사상을 바탕으로 도출되는 모든 변경 또는 변형된 형태가 본 발명의 범위에 포함되는 것으로 해석되어야 한다.Embodiments of the present invention disclosed in the present specification and drawings are only presented as specific examples to easily explain the technical content of the present invention and help understanding of the present invention, and are not intended to limit the scope of the present invention. Therefore, the scope of the present invention should be construed as including all changes or modifications derived based on the technical idea of the present invention in addition to the embodiments disclosed herein.
Claims (6)
상기 전자장치가 상기 사용자 인터페이스의 제1 영역에 입력된 프로그램 코드를 상기 적어도 하나의 상위장치로부터 수신하여 분석하는 단계;
상기 전자장치가 상기 프로그램 코드의 분석결과를 기반으로 정의된 데이터 모델을 상기 사용자 인터페이스의 제2 영역에 표시하는 단계;
상기 전자장치가 상기 적어도 하나의 상위장치로부터 상기 정의된 데이터 모델을 구성하는 값을 수신하여 데이터 모델의 설계를 완료하는 단계; 및
상기 전자장치가 상기 설계가 완료된 데이터 모델을 기반으로 구현된 최종 어플리케이션을 상기 적어도 하나의 상위장치로 전송하여 상기 적어도 하나의 상위장치의 동작 상태를 확인하는 단계;
를 포함하는 것을 특징으로 하는 사용자 인터페이스 제공 방법.providing a user interface for designing a data model to at least one upper-level device by an electronic device performing edge computing in an edge computing environment;
receiving and analyzing, by the electronic device, the program code input to the first region of the user interface from the at least one host device;
displaying, by the electronic device, a data model defined based on an analysis result of the program code on a second area of the user interface;
completing design of the data model by receiving, by the electronic device, values constituting the defined data model from the at least one host device; and
transmitting, by the electronic device, a final application implemented based on the designed data model to the at least one host device, and checking an operating state of the at least one host device;
A user interface providing method comprising a.
상기 프로그램 코드를 분석하는 단계 이후에,
상기 프로그램 코드에 에러가 존재하면, 상기 사용자 인터페이스의 제3 영역에 상기 에러를 표시하는 단계; 및
상기 프로그램 코드를 편집하여 상기 에러를 제거하는 단계;
를 더 포함하는 것을 특징으로 하는 사용자 인터페이스 제공 방법. According to claim 1,
After analyzing the program code,
if an error exists in the program code, displaying the error in a third area of the user interface; and
editing the program code to remove the error;
A user interface providing method characterized in that it further comprises.
상기 전자장치가 상기 사용자 인터페이스의 제1 영역에 입력된 프로그램 코드를 분석하는 단계;
상기 전자장치가 상기 프로그램 코드의 분석결과를 기반으로 정의된 데이터 모델을 상기 사용자 인터페이스의 제2 영역에 표시하는 단계; 및
상기 전자장치가 상기 상위장치로부터 상기 정의된 데이터 모델에 대한 통신주기를 수신하여 데이터 모델의 설계를 완료하는 단계;
를 포함하는 것을 특징으로 하는 사용자 인터페이스 제공 방법. providing, by an electronic device, a user interface for designing a data model to at least one host device;
analyzing, by the electronic device, a program code input to a first region of the user interface;
displaying, by the electronic device, a data model defined based on an analysis result of the program code on a second area of the user interface; and
completing design of the data model by receiving, by the electronic device, a communication cycle for the defined data model from the host device;
A user interface providing method comprising a.
상기 데이터 모델의 설계를 완료하는 단계 이후에,
상기 전자장치가 상기 설계가 완료된 데이터 모델을 기반으로 데이터 모델 모듈을 구현하는 단계; 및
상기 전자장치가 기 구현된 데이터 통신 모듈과 별도로 구현된 상기 데이터 모델 모듈을 결합하여 상기 최종 어플리케이션을 구현하는 단계;
를 더 포함하는 것을 특징으로 하는 사용자 인터페이스 제공 방법. According to claim 1,
After completing the design of the data model,
implementing, by the electronic device, a data model module based on the data model for which the design is completed; and
implementing the final application by combining the previously implemented data communication module and the separately implemented data model module in the electronic device;
A user interface providing method characterized in that it further comprises.
상기 사용자 인터페이스의 제2 영역에 표시하는 단계 이후에,
상기 데이터 모델을 열 및 행 중 어느 하나를 기준으로 하는 테이블로 생성하여 표시하는 단계;
를 더 포함하는 것을 특징으로 하는 사용자 인터페이스 제공 방법. According to claim 1,
After displaying in the second area of the user interface,
generating and displaying the data model as a table based on any one of columns and rows;
A user interface providing method characterized in that it further comprises.
상기 사용자 인터페이스의 제2 영역에 표시하는 단계는,
상기 상위장치로부터 상기 데이터 모델의 value type, input type 및 options을 포함하는 항목에 대한 속성정보를 수신하는 단계;
를 포함하는 것을 특징으로 하는 사용자 인터페이스 제공 방법. According to claim 5,
Displaying in the second area of the user interface,
Receiving attribute information about an item including value type, input type, and options of the data model from the host device;
A user interface providing method comprising a.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020210008605A KR102482526B1 (en) | 2021-01-21 | 2021-01-21 | Method for Providing of User Interface for Designing of Data Model |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020210008605A KR102482526B1 (en) | 2021-01-21 | 2021-01-21 | Method for Providing of User Interface for Designing of Data Model |
Publications (2)
Publication Number | Publication Date |
---|---|
KR20220105799A KR20220105799A (en) | 2022-07-28 |
KR102482526B1 true KR102482526B1 (en) | 2022-12-28 |
Family
ID=82607729
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR1020210008605A KR102482526B1 (en) | 2021-01-21 | 2021-01-21 | Method for Providing of User Interface for Designing of Data Model |
Country Status (1)
Country | Link |
---|---|
KR (1) | KR102482526B1 (en) |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR101916960B1 (en) * | 2017-12-29 | 2019-01-30 | 경기대학교 산학협력단 | Apparatus and method in which a plurality of source codes are automatically combined |
KR101996029B1 (en) * | 2018-12-14 | 2019-07-04 | 주식회사 모비젠 | Method for designing network service descriptor in network function virtualization system, managing the network function descriptor and system thereof |
JP2019121087A (en) * | 2017-12-28 | 2019-07-22 | キヤノンマーケティングジャパン株式会社 | Information processing apparatus, processing method thereof, and program |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR100456631B1 (en) * | 2001-12-28 | 2004-11-10 | 한국전자통신연구원 | Apparatus and method for adaptation of design models in the object-oriented programming system and recording medium providing program therein |
KR102198686B1 (en) * | 2018-12-28 | 2021-01-05 | 주식회사 엘지씨엔에스 | Method for creating business screen and system for performing the same |
-
2021
- 2021-01-21 KR KR1020210008605A patent/KR102482526B1/en active IP Right Grant
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2019121087A (en) * | 2017-12-28 | 2019-07-22 | キヤノンマーケティングジャパン株式会社 | Information processing apparatus, processing method thereof, and program |
KR101916960B1 (en) * | 2017-12-29 | 2019-01-30 | 경기대학교 산학협력단 | Apparatus and method in which a plurality of source codes are automatically combined |
KR101996029B1 (en) * | 2018-12-14 | 2019-07-04 | 주식회사 모비젠 | Method for designing network service descriptor in network function virtualization system, managing the network function descriptor and system thereof |
Also Published As
Publication number | Publication date |
---|---|
KR20220105799A (en) | 2022-07-28 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN1755622B (en) | Maintaining graphical presentation method based on user customizations | |
CN107783762B (en) | Interface generation method and device, storage medium and computer equipment | |
US11595468B2 (en) | Data capture on a serial device | |
EP2772851A1 (en) | Customizing a GUI of a MES screen | |
US20140358256A1 (en) | Systems, methods, and software to present human machine interfaces on a mobile device | |
US8726175B2 (en) | User interface generation apparatus | |
CN102044083A (en) | System and method for maintaining graphical presentations based on user customizations | |
US20120182285A1 (en) | System for the visualization of status information of field devices | |
US10741091B2 (en) | Methods and systems for mitigating the effects of intermittent network connectivity in educational settings | |
US20180032490A1 (en) | Systems and methods for presentation of a terminal application screen | |
JP5328639B2 (en) | Operation guidance display device | |
US6880147B1 (en) | System and method for developing software utilizing determinative representations | |
CN111752540B (en) | Tree component generation method, device, equipment and computer storage medium | |
Besari et al. | Preliminary design of mobile visual programming apps for Internet of Things applications based on Raspberry Pi 3 platform | |
KR102482526B1 (en) | Method for Providing of User Interface for Designing of Data Model | |
US20120110489A1 (en) | Dynamic loading of device feature specific graphical user interface presentations | |
CN108139949B (en) | Computer program product and computer-implemented method | |
US9075500B2 (en) | Method and system for presenting and navigating embedded user interface elements | |
Breiner et al. | Run-time adaptation of a universal user interface for ambient intelligent production environments | |
Harbert et al. | A graphical specification system for user-interface design | |
KR102430372B1 (en) | Human machine interface device and method for driving the same | |
JP2014186375A (en) | Matrix calculation device, matrix calculation method, matrix calculation processing program | |
KR20150063357A (en) | Data generation system and data generation method | |
KR102305901B1 (en) | Method for Display Displaying of Human Machine Interface System | |
Karhumaa | TwinCAT 3 HMI suitability for automation solutions |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
E701 | Decision to grant or registration of patent right | ||
GRNT | Written decision to grant |