KR20140002284A - Method of producing and real time size canging method of menu button of marking progeam for electronic board - Google Patents

Method of producing and real time size canging method of menu button of marking progeam for electronic board Download PDF

Info

Publication number
KR20140002284A
KR20140002284A KR1020120070340A KR20120070340A KR20140002284A KR 20140002284 A KR20140002284 A KR 20140002284A KR 1020120070340 A KR1020120070340 A KR 1020120070340A KR 20120070340 A KR20120070340 A KR 20120070340A KR 20140002284 A KR20140002284 A KR 20140002284A
Authority
KR
South Korea
Prior art keywords
button
icon
size
value
buttons
Prior art date
Application number
KR1020120070340A
Other languages
Korean (ko)
Other versions
KR101423234B1 (en
Inventor
이재수
김수인
Original Assignee
주식회사 아하정보통신
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 주식회사 아하정보통신 filed Critical 주식회사 아하정보통신
Priority to KR1020120070340A priority Critical patent/KR101423234B1/en
Publication of KR20140002284A publication Critical patent/KR20140002284A/en
Application granted granted Critical
Publication of KR101423234B1 publication Critical patent/KR101423234B1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482Interaction with lists of selectable items, e.g. menus
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/14Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • User Interface Of Digital Computer (AREA)
  • Drawing Aids And Blackboards (AREA)

Abstract

The present invention relates to a method for generating a menu button and converting the size thereof in real time on a writing program for an electronic blackboard, which is capable of converting the size of a menu button in real time according to the need of a user without changing the dots per inch (DPI) setting of the display device. The method comprises the steps of: generating a menu bar (22) and necessary buttons (23, 24, 25) while starting and initializing a writing program (S410); loading necessary icon vector data (26), the default size value (9) of buttons, the minimum size value of the buttons, and the maximum size value of the buttons while loading a setting file to prepare for rendering icons (S420); after the setting files are all loaded, executing icon rendering for converting the icon vector data (26) into bitmap images (S430); after the icon bitmap images necessary for the buttons are all generated, inserting generated icons to each of the buttons (S440); aligning the buttons, into which the icons are inserted, on the menu bar (22) (S450); and generating the icons with a button size value (34) set by the setting file and arranging the buttons (S460). [Reference numerals] (AA) Start; (BB) End; (S410) Initialize a program; (S420) Load a setting file; (S430) Render icons; (S440) Insert the icons into buttons; (S450) Align menu buttons; (S460) Complete the arrangement of the buttons

Description

전자칠판용 판서프로그램의 메뉴버튼 생성 및 실시간 크기 변환방법{METHOD OF PRODUCING AND REAL TIME SIZE CANGING METHOD OF MENU BUTTON OF MARKING PROGEAM FOR ELECTRONIC BOARD}METHOD OF PRODUCING AND REAL TIME SIZE CANGING METHOD OF MENU BUTTON OF MARKING PROGEAM FOR ELECTRONIC BOARD [

본 발명은 전자칠판용 판서프로그램의 그래픽 유저 인터페이스에 관한 것으로, 보다 상세하게는 디스플레이 장치의 DPI(Dots Per Inch)의 설정을 변경하지 않고도 메뉴 버튼의 크기를 유저의 필요에 따라 실시간으로 변환할 수 있는 전자칠판용 판서프로그램의 메뉴버튼 생성 및 크기 변환방법에 관한 것이다.
The present invention relates to a graphical user interface of a program for a copyboard, and more particularly, to a computer user interface capable of converting a size of a menu button in real time according to a user's need without changing the setting of DPI (Dots Per Inch) The present invention relates to a menu button generation method and a size conversion method for a writing program for an electronic blackboard.

일반적으로, 전자칠판용 판서프로그램은 입력장치가 키보드나 마우스가 아닌 터치스크린을 이용한다는 특징이 있다. 일반적인 응용프로그램 내의 버튼은 다양한 크기와 모양을 갖고 있지만, 판서프로그램은 통상적으로 조작 편의성을 위해 일정한 크기의 정사각형 버튼들로 구성되어 있다.Generally, the writing program for the electronic board has a feature that the input device uses the touch screen instead of the keyboard or the mouse. Buttons in a typical application have various sizes and shapes, but the writing program usually consists of square buttons of a certain size for ease of operation.

이러한 판서프로그램의 경우 11인치의 노트북에서부터 100인치 이상의 대형 스크린에 대응하여 전체화면 상태에서 사용자가 프로그램을 편리하게 조작할 수 있도록 유저 인터페이스를 제공해야 한다.In the case of such a writing program, the user interface must be provided so that the user can easily operate the program in a full screen state corresponding to a large screen of 100 inches or more from an 11 inch notebook.

그런데, 메뉴 내의 버튼들이 너무 작을 경우 식별에 어려움이 있으며, 대형 디스플레이 장치에서 상기 버튼들이 너무 크게 표시되어 공간을 많이 차지하게 될 경우 조작환경이 불편하게 된다.However, when the buttons in the menu are too small, it is difficult to identify the buttons. When the buttons are displayed too large in the large display device and occupy a large space, the operation environment becomes inconvenient.

종래의 윈도우즈 운영체제에서 사용자는 “윈도우 디스플레이 설정” 내부 “사용자 지정 택스트 크기(DPI) 설정” 메뉴를 이용하여 100%, 125%, 150% 로 DPI 값을 변경하여 컨트롤 크기를 일정 배율로 조정할 수 있었다.In the conventional Windows operating system, the user can change the DPI value to 100%, 125%, or 150% by using the "User specified text size (DPI) setting" menu in "Windows display setting" .

그러나 DPI설정을 바꾸어 판서프로그램을 사용하는 것은 다음과 같은 제약이 따른다는 문제점이 있었다.However, there is a problem that the DPI setting is changed to use the programmer program as follows.

첫째, DPI 설정을 바꾸는 작업은 윈도우를 로그아웃 해야 한다.First, changing the DPI settings requires logging out of the window.

둘째, 판서프로그램 이외 모든 윈도우 환경이 변경 적용되기 때문에 판서프로그램만 독립적으로 DPI를 바꿀 수 없다.
Second, since all window environments other than the writing program are changed, only the writing program can change the DPI independently.

따라서 본 발명의 목적은 상기와 같은 문제를 해결하기 위해 안출된 것으로, 윈도우를 로그아웃 및, 디스플레이 장치의 DPI 설정의 변경과 무관하게, 독립적으로 판서프로그램의 메뉴 버튼 및 아이콘의 크기를 유저의 필요에 따라 실시간으로 변환시킬 수 있는 전자칠판용 판서프로그램의 메뉴버튼의 생성 및 실시간 크기 변환방법을 제공하고자 하는 것이다.
SUMMARY OF THE INVENTION It is therefore an object of the present invention to solve the above problems and to provide a method and apparatus for independently controlling the size of a menu button and an icon of a panser program independently of a change of a DPI setting of a display device, The present invention provides a method for creating a menu button and a method for real-time size conversion of a writing program for a copyboard which can be converted in real time according to a program.

본 발명에 따른 전자칠판용 판서프로그램의 메뉴버튼 생성방법은 판서프로그램이 시작되고 초기화되면서 메뉴바와 필요한 버튼이 생성되는 단계와; 설정파일이 로드되면서 필요한 아이콘 벡터 데이터, 버튼의 기본 사이즈값, 버튼의 최소 사이즈값 및, 버튼의 최대 사이즈값을 로드하여 아이콘을 렌더링하기 위한 준비를 하는 단계와; 상기 설정파일이 모두 로드된 후, 아이콘 벡터 데이터를 비트맵 이미지로 변환하는 아이콘 렌더링을 실행하는 단계와; 상기 버튼에 필요한 아이콘 비트맵 이미지를 모두 생성한 후, 각각의 버튼에 생성된 아이콘을 삽입하는 단계와; 상기 아이콘이 삽입된 버튼을 메뉴바에 정렬시키는 단계 및; 상기 설정파일에 의해 설정된 버튼 사이즈값으로 아이콘이 생성되고 버튼이 배치되는 단계를 포함하는 것을 특징으로 한다.Method of generating a menu button of the writing program for an electronic blackboard according to the present invention comprises the steps of generating a menu bar and the necessary buttons as the writing program is started and initialized; Loading the necessary icon vector data, the basic size value of the button, the minimum size value of the button, and the maximum size value of the button while the setting file is loaded, and preparing to render the icon; Executing the icon rendering to convert the icon vector data into a bitmap image after all of the setting files are loaded; Generating all the icon bitmap images required for the button, and inserting the generated icons into the respective buttons; Arranging a button having the icon inserted in a menu bar; And generating an icon with a button size value set by the setting file and arranging the button.

또한, 본 발명에 따른 전자칠판용 판서프로그램의 메뉴버튼 실시간 크기 변환방법은 유저가 축소버튼 또는 확대버튼을 클릭하면, 버튼 크기 변환 명령이 시작되는 단계와; 상기 버튼 크기 변환 명령이 버튼 축소 명령인지 또는, 버튼 확대 명령인지를 판단하는 단계와; 상기 버튼 크기 변환 명령이 버튼 축소 명령이라면, 현재의 버튼 사이즈값이 버튼 최소값인 지를 판단하는 단계와; 상기 버튼 크기 변환 명령이 버튼 확대 명령이라면, 현재의 버튼 사이즈값이 버튼 최대값인 지를 판단하는 단계와; 상기 현재의 버튼 사이즈값이 설정된 버튼 최소값보다 크다면, 현재의 버튼 사이즈값을 한 단계 확대하는 단계와; 상기 현재의 버튼 사이즈값이 설정된 버튼 최대값보다 크다면, 현재의 버튼 사이즈값을 한 단계 축소하는 단계와; 변경된 버튼 사이즈값을 저장하는 단계와; 아이콘 벡터 데이터를 비트맵 이미지로 변환하는 아이콘 렌더링을 실행하는 단계와; 버튼에 필요한 아이콘 비트맵 이미지를 모두 생성하는 단계와; 기존 버튼에 삽입한 아이콘들을 모두 삭제하는 단계와; 각각의 버튼에 새롭게 렌더링된 아이콘을 삽입하는 단계와; 상기 아이콘이 삽입된 버튼을 메뉴바의 높이와 폭에 맞게 재배치하는 단계 및; 변경된 버튼 사이즈값으로 아이콘이 재생성되고 버튼이 재배치되는 단계를 포함하는 것을 특징으로 한다.
In addition, the menu button real-time size conversion method of the copyboard program for an electronic blackboard according to the present invention comprises the steps of starting a button size conversion command when the user clicks the zoom-out button or the zoom-in button; Determining whether the button size conversion command is a button reduction command or a button enlargement command; If the button size conversion command is a button reduction command, determining whether a current button size value is a button minimum value; If the button size conversion command is a button enlargement command, determining whether the current button size value is a button maximum value; Expanding the current button size value by one step if the current button size value is larger than a set button minimum value; Reducing the current button size value by one step if the current button size value is greater than the set button maximum value; Storing the changed button size value; Executing icon rendering to convert icon vector data into a bitmap image; Generating all icon bitmap images required for the button; Deleting all of the icons inserted into the existing button; Inserting a newly rendered icon into each button; Rearranging the button into which the icon is inserted in accordance with the height and width of the menu bar; Regenerating the icon with the changed button size value and rearranging the button.

상술한 바와 같이, 본 발명에 따른 전자칠판용 판서프로그램의 메뉴버튼 생성 및 실시간 크기 변환방법은 윈도우를 로그아웃 및, 디스플레이 장치의 DPI 설정의 변경과 무관하게, 독립적으로 판서프로그램의 메뉴 버튼의 크기를 유저의 필요에 따라 실시간으로 변환시킬 수 있어, 유저의 프로그램 조작 편의성을 극대화할 수 있다는 이점이 있다.As described above, the menu button creation and real-time size conversion method of the writing program for the electronic whiteboard according to the present invention independently of the size of the menu button of the writing program, regardless of the logout of the window and the change of the DPI setting of the display device Can be converted in real time according to the user's need, thereby maximizing the convenience of the user's program operation.

또한, 디스플레이의 해상도와 무관하게 프로그램 메뉴 내의 버튼의 크기를 확대버튼과 축소버튼을 클릭하는 동작만으로 변환시킬 수 있어, 실시간으로 편리하게 시각적 미감을 충족시킬 수 있다는 이점이 있다.
Moreover, regardless of the resolution of the display, the size of the button in the program menu can be converted to only the operation of clicking the enlargement button and the reduction button, thereby providing an advantage that the visual beauty can be conveniently satisfied in real time.

도 1은 본 발명에 따른 전자칠판용 판서프로그램 지원 시스템의 구성도.
도 2는 본 발명에 따른 전자칠판에 표시되는 메뉴 버튼의 예시도.
도 3은 도 2에서 버튼의 사이즈를 비트맵 이미지의 높이와 폭에 적용하여 완성된 버튼의 예시도.
도 4는 본 발명에 따른 전자칠판용 판서프로그램의 메뉴버튼 생성방법의 흐름도.
도 5는 본 발명에 따른 전자칠판용 판서프로그램의 메뉴버튼 실시간 크기 변환방법의 흐름도.
도 6은 버튼의 크기가 변경되기 전과 변경된 후의 예시를 위한 예시도.
Brief Description of the Drawings Fig. 1 is a block diagram of a system for supporting a boarder program for a copyboard according to the present invention; Fig.
2 is an exemplary view of a menu button displayed on the copyboard according to the present invention;
FIG. 3 is an exemplary view of a button completed by applying the size of a button to the height and width of a bitmap image in FIG. 2; FIG.
4 is a flowchart of a method of generating a menu button of a programmer program for a copyboard according to the present invention.
5 is a flowchart of a menu button real-time size conversion method of a planner program for a copyboard according to the present invention.
Figure 6 is an exemplary view for an illustration before and after the size of the button is changed;

이하, 도면을 참조한 실시 예들의 상세한 설명을 통하여 본 발명에 따른 전자칠판용 판서프로그램의 메뉴버튼 생성 및 실시간 크기 변환방법을 보다 상세히 기술하기로 한다. 본 발명을 설명함에 있어서 관련된 공지기술 또는 구성에 대한 구체적인 설명이 본 발명의 요지를 불필요하게 흐릴 수 있다고 판단되는 경우에는 그 상세한 설명은 생략될 것이다. 그리고, 후술되는 용어들은 본 발명에서의 기능을 고려하여 정의된 용어들로서 이는 클라이언트나 운용자, 사용자의 의도 또는 관례 등에 따라 달라질 수 있다. 그러므로 정의는 본 명세서 전반에 걸친 내용을 토대로 내려져야 할 것이다.Hereinafter, a menu button creation and a real-time size conversion method of a writing program for a copyboard according to the present invention will be described in detail with reference to the detailed description of embodiments with reference to the drawings. In the following description of the present invention, a detailed description of known functions and configurations incorporated herein will be omitted when it may make the subject matter of the present invention rather unclear. The following terms are defined in consideration of the functions of the present invention, and they may vary depending on the intentions or customs of the client, the operator, the user, and the like. Therefore, the definition should be based on the contents throughout this specification.

도면 전체에 걸쳐 같은 참조번호는 같은 구성 요소를 가리킨다.Like numbers refer to like elements throughout the drawings.

도 1은 본 발명에 따른 전자칠판용 판서프로그램 지원 시스템의 구성도이며, 도 2는 본 발명에 따른 전자칠판에 표시되는 메뉴 버튼의 예시도이며, 도 3은 도 2에서 버튼의 사이즈를 비트맵 이미지의 높이와 폭에 적용하여 완성된 버튼의 예시도이며, 도 4는 본 발명에 따른 전자칠판용 판서프로그램의 메뉴버튼 생성방법의 흐름도이며, 도 5는 본 발명에 따른 전자칠판용 판서프로그램의 메뉴버튼 실시간 크기 변환방법의 흐름도이며, 도 6은 버튼의 크기가 변경되기 전과 변경된 후의 예시를 위한 예시도이다.2 is a view illustrating an example of a menu button displayed on the copyboard according to the present invention. FIG. 3 is a diagram illustrating a menu button displayed on the copyboard according to an embodiment of the present invention. 4 is a flowchart illustrating a method of generating a menu button for a writing program for a writing board according to the present invention. FIG. 5 is a flowchart illustrating a method for writing a writing program for a writing board for a writing board according to the present invention. 6 is a diagram illustrating an example of the button size before and after the button size is changed.

도 1 내지 도 6을 참조하면, 본 발명에 따른 전자칠판용 판서프로그램 지원 시스템(10)은 좌표 계산부(11), 명령 해석부(12), 판서 데이터 표시부(13), 메뉴바 표시부(14) 및, 입출력(I/O) 인터페이스부(15)를 포함한다. 1 to 6, a planner program support system 10 for a copyboard according to the present invention includes a coordinate calculation unit 11, a command analysis unit 12, a formatter data display unit 13, a menu bar display unit 14 And an input / output (I / O) interface unit 15.

여기서, 상기 좌표 계산부(11)는 전자칠판(21)의 프레임 상에 설치되는 펜 접촉위치 검출부로부터 출력되는 신호로부터 판서펜의 위치좌표를 계산하여 출력하는데, 상기 좌표 계산부(11)는 컴퓨터 시스템의 저장수단에 저장되는 연산 프로그램을 이용하여 판서펜의 위치좌표를 계산한다. The coordinate calculation unit 11 calculates and outputs the position coordinates of the pen pen from the signal output from the pen contact position detection unit provided on the frame of the copyboard 21, The positional coordinates of the pen pen are calculated using an operation program stored in the storage means of the system.

또한, 상기 명령 해석부(12)는 상기 전자칠판(21) 상에 가해지는 판서펜의 접촉정보인 상기 좌표 계산부(11)로부터 전달되는 판서 펜의 위치좌표를 해석하여 유저의 명령을 해석하는데, 예를 들어, 상기 좌표 계산부(11)로부터 전달된 데이터가 어느 하나의 지점에 대한 위치좌표라면 단순히 표시된 비트맵 이미지를 선택하는 명령으로 해석하며, 시간적으로 연속하여 위치좌표가 발생되면 이는 판서중인 것으로 해석하며, 설정된 시간 내에 연속하여 서로 다른 지점에 대한 위치좌표가 입력되면 유저가 메뉴바(22)를 호출한 명령으로 해석할 수 있으며, 동시에 2개 이상의 지점의 위치좌표가 발생하면 이는 유저가 화면을 이동시키는 것으로 해석할 수 있다. The command interpreter 12 interpolates the position coordinates of the pen pen transmitted from the coordinate calculator 11, which is the contact information of the pen pen applied on the copyboard 21, and interprets the command of the user For example, if the data transmitted from the coordinate calculation unit 11 is a position coordinate for any one point, it is interpreted as a command for simply selecting a displayed bitmap image. If position coordinates are generated in succession in time, If the position coordinates of the different points are continuously inputted within the set time, the user can interpret the command as the command which calls the menu bar 22. If two or more position coordinates are generated at the same time, Can be interpreted as moving the screen.

또한, 상기 판서데이터 표시부(13)는 상기 좌표 계산부(11)에서 계산된 판서펜의 위치좌표 데이터에 기초하여 판서 표시 데이터를 생성하고 이를 입출력 인터페이스부(15)를 통해 전자칠판(21)으로 전달한다.The formatter data display unit 13 generates form filler display data based on the position coordinate data of the filler pen calculated by the coordinate calculation unit 11 and transmits it to the copyboard 21 through the input / output interface unit 15 .

또한, 상기 메뉴바 표시부(14)는 상기 명령 해석부(12)로부터 전달된 메뉴바 호출명령에 응답하여 다수의 메뉴버튼(23, 24, 25)들로 구성된 메뉴바(22)를 전자칠판(21) 상에 표시한다. The menu bar display unit 14 displays a menu bar 22 composed of a plurality of menu buttons 23, 24 and 25 in response to a menu bar call command transmitted from the command interpretation unit 12, 21).

여기서, 본 발명에 따른 전자칠판용 판서프로그램의 메뉴바(21)는 판서프로그램의 일반적인 기능을 담당하는 프로그램 메뉴 버튼(25)과 버튼의 크기를 축소 또는 확대하기 위한 축소버튼(23) 및 확대버튼(24)으로 구성되어 있다.Here, the menu bar 21 of the writing program for the electronic blackboard according to the present invention is a program menu button 25 for the general function of the writing program and a reduction button 23 and an enlargement button to reduce or enlarge the size of the button. It consists of 24.

이러한 버튼에 쓰이는 아이콘은 비트맵 이미지가 아닌 벡터 데이터 형태로 존재하며, 아이콘 벡터 데이터(31)와 기본 아이콘 사이즈값(34)이 판서프로그램 내의 파일 내에 저장된다. 즉, 아이콘 비트맵 이미지(32)는 파일 형태로 존재하지 않는다.Icons used for these buttons exist in the form of vector data, not bitmap images, and the icon vector data 31 and the default icon size value 34 are stored in the file in the writer program. That is, the icon bitmap image 32 does not exist in the form of a file.

이제, 상술한 구성의 전자칠판용 판서프로그램 지원 시스템에 의해 본 발명에 따른 전자칠판용 판서프로그램의 메뉴버튼 생성 및 실시간 크기 변환방법을 살펴보고자 한다.Now, a menu button generation and a real-time size conversion method of the writing board program for the electronic whiteboard according to the present invention will be described with the writing board program supporting system for the electronic board according to the above-described configuration.

여기서, 전자칠판용 판서프로그램의 메뉴버튼을 실시간으로 크기를 변환시키려면, 우선적으로 아이콘이 없는 버튼에 아이콘을 생성하여야 하기에, 아이콘이 없는 버튼에 아이콘을 생성하는 전자칠판용 판서프로그램의 메뉴버튼 생성방법을 설명하고자 한다. Here, in order to change the size of the menu button of the programmer program for the electronic whiteboard in real time, an icon must be created on the button without the icon first, so that the menu button The generation method will be described.

먼저, 판서프로그램이 시작되고, 상기 프로그램이 초기화되면서 메뉴바(22)와 필요한 버튼(23, 24, 25)이 생성된다(S410). 이때, 아이콘이 없는 버튼(33)은 최소크기 형태로 메뉴바(22)에 배치된다. First, the writing program is started, and the menu bar 22 and necessary buttons 23, 24, and 25 are generated as the program is initialized (S410). In this case, the button 33 without an icon is disposed on the menu bar 22 in a minimum size.

이후, 설정파일이 로드되면서 필요한 아이콘 벡터 데이터(26), 버튼의 기본 사이즈값(9), 버튼의 최소 사이즈값, 버튼의 최대 사이즈값을 로드하여 아이콘을 렌더링하기 위한 준비를 한다(S420).Thereafter, the setting file is loaded and the necessary icon vector data 26, the basic size value 9 of the button, the minimum size value of the button, and the maximum size value of the button are loaded to prepare for rendering the icon (S420).

그 후, 설정파일이 모두 로드된 후, 아이콘 벡터 데이터(26)를 비트맵 이미지로 변환하는 아이콘 렌더링을 한다(S430). 이때, 가로와 세로 길이가 버튼 사이즈값(34)인 정사각형 비트맵 이미지가 생성된다.Thereafter, after all setting files are loaded, icon rendering is performed to convert the icon vector data 26 into a bitmap image (S430). At this time, a square bitmap image having a horizontal and vertical length of the button size value 34 is generated.

이후, 버튼에 필요한 아이콘 비트맵 이미지를 모두 생성한 후, 각각의 버튼에 생성한 아이콘을 삽입한다(S440).Thereafter, after generating all the icon bitmap images required for the button, the generated icons are inserted into the respective buttons (S440).

그 후, 메뉴바(22)에 버튼을 정렬시킨다(S450). 이때, 각각의 버튼(23, 24, 25)과 메뉴바(22)가 비트맵 이미지의 폭과 높이에 맞게 재배치된다.Thereafter, the buttons are arranged on the menu bar 22 (S450). At this time, the buttons 23, 24, 25 and the menu bar 22 are rearranged to fit the width and height of the bitmap image.

이후, 설정파일에 의해 설정된 버튼 사이즈값(34)으로 아이콘이 생성되고 버튼이 배치된다(S460).Thereafter, an icon is generated with the button size value 34 set by the setting file, and the button is placed (S460).

이러한 과정에 의해 모든 버튼(23, 24, 25)이 상기 메뉴바(22)에 배치되는 과정이 마무리되게 된다.The process of arranging all the buttons 23, 24, and 25 in the menu bar 22 is completed by this process.

이제, 이렇게 아이콘이 없는 버튼(33)에 아이콘을 생성한 후, 생성된 아이콘 버튼의 크기를 실시간으로 변환시키는 전자칠판용 판서프로그램의 메뉴버튼 실시간 크기 변환방법을 살펴보고자 한다. Now, a method for converting the size of the generated icon button to the real time size of the menu button of the writing program for the electronic whiteboard, after generating the icon on the button 33 without the icon, will be described.

먼저, 유저가 축소버튼(23) 또는 확대버튼(24)을 클릭하면, 버튼 크기 변환 명령이 시작된다(S511).First, when the user clicks the reduction button 23 or the expansion button 24, a button size conversion command is started (S511).

이후, 상기 버튼 크기 변환 명령이 버튼 축소 명령인지 또는, 버튼 확대 명령인지를 판단한다(S512).Thereafter, it is determined whether the button size conversion command is a button reduction command or a button enlargement command (S512).

그 후, 상기 버튼 크기 변환 명령이 버튼 축소 명령이라면, 현재의 버튼 사이즈값(34)이 버튼 최소값인지를 판단한다(S513). 그런데, 현재의 버튼 사이즈값(34)이 버튼 최소값이라면, 더 이상 버튼 크기를 축소하지 않으며, 상기 버튼 크기 변환 명령은 종료된다. 이와 마찬가지로, 상기 버튼 크기 변환 명령이 버튼 확대 명령이라면, 현재의 버튼 사이즈값(34)이 버튼 최대값인지를 판단한다(S514). 여기서, 현재의 버튼 사이즈값(34)이 버튼 최대값이라면, 더 이상 버튼 크기를 확대하지 않으며, 상기 버튼 크기 변환 명령은 종료된다. Thereafter, if the button size conversion command is a button reduction command, it is determined whether the current button size value 34 is a button minimum value (S513). However, if the current button size value 34 is the button minimum value, the button size is no longer reduced, and the button size converting command is terminated. Similarly, if the button size change command is a button enlargement command, it is determined whether the current button size value 34 is the button maximum value (S514). Here, if the current button size value 34 is the button maximum value, the button size is no longer enlarged, and the button size converting command is terminated.

이후, 현재의 버튼 사이즈값(34)이 설정된 버튼 최소값보다 크다면, 현재의 버튼 사이즈값(34)을 한 단계 확대(S515)하거나, 현재의 버튼 사이즈값(34)이 설정된 버튼 최대값보다 크다면, 현재의 버튼 사이즈값(34)을 한 단계 축소한다(S516).Then, if the current button size value 34 is larger than the set button minimum value, the current button size value 34 is enlarged by one step (S515), or the current button size value 34 is larger than the set button maximum value. In step S516, the current button size value 34 is reduced by one step.

그 후, 변경된 버튼 사이즈값(34)을 저장한다(S517).Thereafter, the changed button size value 34 is stored (S517).

이후, 아이콘 벡터 데이터(31)를 비트맵 이미지로 변환하는 아이콘 렌더링을 한다(S518). 이때, 변경된 버튼 사이즈값(34)에 따라 정사각형 비트맵 이미지가 생성된다.Thereafter, icon rendering is performed to convert the icon vector data 31 into a bitmap image (S518). At this time, a square bitmap image is generated according to the changed button size value 34.

그 후, 버튼에 필요한 아이콘 비트맵 이미지를 모두 생성한다(S519).Thereafter, all icon bitmap images necessary for the button are generated (S519).

이후, 기존 버튼에 삽입한 아이콘들을 모두 삭제한다(S520).Thereafter, all of the icons inserted into the existing button are deleted (S520).

그 후, 각각의 버튼에 새롭게 렌더링된 아이콘을 삽입한다(S521).Thereafter, a newly rendered icon is inserted into each button (S521).

이후, 아이콘이 삽입된 버튼을 메뉴바(22)의 높이와 폭에 맞게 재배치한다(S522). Thereafter, the button inserted with the icon is rearranged according to the height and width of the menu bar 22 (S522).

그 후, 변경된 버튼 사이즈값(34)으로 아이콘이 재생성되고 버튼들이 재배치된다(S523).Thereafter, the icon is reproduced with the changed button size value 34 and the buttons are rearranged (S523).

이러한 과정에 의해 전자칠판용 판서프로그램의 메뉴버튼 실시간 크기 변환이 완료된다.By this process, the menu button real time size conversion of the programmer program for the electronic whiteboard is completed.

전술된 바와 같이, 본 발명에 따른 전자칠판용 판서프로그램의 메뉴버튼 생성 및 실시간 크기 변환방법은 윈도우를 로그아웃 및, 디스플레이 장치의 DPI 설정의 변경과 무관하게, 독립적으로 판서프로그램의 메뉴 버튼의 크기를 유저의 필요에 따라 실시간으로 변환시킬 수 있어, 유저의 프로그램 조작 편의성을 극대화할 수 있다.As described above, the menu button creation and real-time size conversion method of the writing board program for the electronic whiteboard according to the present invention independently of the size of the menu button of the writing program, regardless of the logout of the window and the change of the DPI setting of the display device Can be converted in real time according to the user's need, thereby maximizing the convenience of the user's program operation.

또한, 디스플레이의 해상도와 무관하게 프로그램 메뉴 내의 버튼의 크기를 확대버튼과 축소버튼을 클릭하는 동작만으로 변환시킬 수 있어, 실시간으로 편리하게 시각적 미감을 충족시킬 수 있다.Further, regardless of the resolution of the display, the size of the button in the program menu can be converted to only the operation of clicking the enlargement button and the reduction button, and the visual beauty can be conveniently satisfied in real time.

이상과 같이 본 발명은 양호한 실시 예에 근거하여 설명하였지만, 이러한 실시 예는 본 발명을 제한하려는 것이 아니라 예시하려는 것이므로, 본 발명이 속하는 기술분야의 숙련자라면 본 발명의 기술사상을 벗어남이 없이 위 실시 예에 대한 다양한 변화나 변경 또는 조절이 가능할 것이다. 그러므로, 본 발명의 보호 범위는 본 발명의 기술적 사상의 요지에 속하는 변화 예나 변경 예 또는 조절 예를 모두 포함하는 것으로 해석되어야 할 것이다.
While the present invention has been particularly shown and described with reference to exemplary embodiments thereof, it is to be understood that the invention is not limited to the disclosed exemplary embodiments, but, on the contrary, Various changes, modifications or adjustments to the example will be possible. Therefore, the scope of protection of the present invention should be construed as including all changes, modifications, and adjustments that fall within the spirit of the technical idea of the present invention.

11: 좌표 계산부 12: 명령 해석부
13: 판서 데이터 표시부 14: 메뉴바 표시부
15: 입출력 인터페이스부
11: coordinate calculation unit 12: command analysis unit
13: Signboard data display section 14: Menu bar display section
15: I /

Claims (8)

판서프로그램이 시작되고 초기화되면서 메뉴바(22)와 필요한 버튼(23, 24, 25)이 생성되는 단계(S410)와;
설정파일이 로드되면서 필요한 아이콘 벡터 데이터(26), 버튼의 기본 사이즈값(34), 버튼의 최소 사이즈값 및, 버튼의 최대 사이즈값을 로드하여 아이콘을 렌더링하기 위한 준비를 하는 단계(S420)와;
상기 설정파일이 모두 로드된 후, 아이콘 벡터 데이터(26)를 비트맵 이미지로 변환하는 아이콘 렌더링을 실행하는 단계(S430)와;
상기 버튼에 필요한 아이콘 비트맵 이미지를 모두 생성한 후, 각각의 버튼에 생성된 아이콘을 삽입하는 단계(S440)와;
상기 아이콘이 삽입된 버튼을 메뉴바(22)에 정렬시키는 단계(S450) 및;
상기 설정파일에 의해 설정된 버튼 사이즈값(34)으로 아이콘이 생성되고 버튼이 배치되는 단계(S460)를 포함하는 것을 특징으로 하는 전자칠판용 판서프로그램의 메뉴버튼 생성방법.
A writing program is started and initialized to generate a menu bar 22 and necessary buttons 23, 24, and 25 (S410);
(S420) preparing to render the icon by loading the icon vector data 26, the basic size value 34 of the button, the minimum size value of the button, and the maximum size value of the button as the setting file is loaded; ;
Executing all icon rendering after the setting file is loaded, converting the icon vector data 26 into a bitmap image (S430);
Generating all icon bitmap images required for the button, and inserting the generated icons into the respective buttons (S440);
Arranging the button into which the icon is inserted in the menu bar (S450);
Method of generating a menu button for an electronic board writing program, characterized in that it comprises a step (S460) icon is created with the button size value set by the setting file (34).
제1항에 있어서,
상기 단계 S410에서, 아이콘이 없는 버튼(33)은 최소크기 형태로 메뉴바(22)에 배치되는 것을 특징으로 하는 전자칠판용 판서프로그램의 메뉴버튼 생성방법.
The method of claim 1,
In the step S410, the button 33 without the icon is a menu button generation method of the electronic board writing program, characterized in that arranged in the menu bar 22 in the minimum size form.
제1항에 있어서,
상기 단계 S430에서, 가로와 세로 길이가 버튼 사이즈값(34)인 정사각형 비트맵 이미지가 생성되는 것을 특징으로 하는 전자칠판용 판서프로그램의 메뉴버튼 생성방법.
The method of claim 1,
In step S430, the method of generating a menu button for an electronic board writing program, characterized in that a square bitmap image having a horizontal and vertical length of a button size value 34 is generated.
제1항에 있어서,
상기 단계 S450에서, 각각의 버튼(23, 24, 25)과 메뉴바(22)가 비트맵 이미지의 폭과 높이에 맞게 재배치되는 것을 특징으로 하는 전자칠판용 판서프로그램의 메뉴버튼 생성방법.
The method of claim 1,
In the step S450, each button (23, 24, 25) and the menu bar 22, the menu button generation method of the copyboard program for an electronic blackboard, characterized in that rearranged to match the width and height of the bitmap image.
유저가 축소버튼(23) 또는 확대버튼(24)을 클릭하면, 버튼 크기 변환 명령이 시작되는 단계(S511)와;
상기 버튼 크기 변환 명령이 버튼 축소 명령인지 또는, 버튼 확대 명령인지를 판단하는 단계(S512)와;
상기 버튼 크기 변환 명령이 버튼 축소 명령이라면, 현재의 버튼 사이즈값(34)이 버튼 최소값인 지를 판단하는 단계(S513)와;
상기 버튼 크기 변환 명령이 버튼 확대 명령이라면, 현재의 버튼 사이즈값(34)이 버튼 최대값인 지를 판단하는 단계(S514)와;
상기 현재의 버튼 사이즈값(34)이 설정된 버튼 최소값보다 크다면, 현재의 버튼 사이즈값(34)을 한 단계 확대하는 단계(S515)와;
상기 현재의 버튼 사이즈값(34)이 설정된 버튼 최대값보다 크다면, 현재의 버튼 사이즈값(34)을 한 단계 축소하는 단계(S516)와;
변경된 버튼 사이즈값(34)을 저장하는 단계(S517)와;
아이콘 벡터 데이터(31)를 비트맵 이미지로 변환하는 아이콘 렌더링을 실행하는 단계(S518)와;
버튼에 필요한 아이콘 비트맵 이미지를 모두 생성하는 단계(S519)와;
기존 버튼에 삽입한 아이콘들을 모두 삭제하는 단계(S520)와;
각각의 버튼에 새롭게 렌더링된 아이콘을 삽입하는 단계(S521)와;
상기 아이콘이 삽입된 버튼을 메뉴바(22)의 높이와 폭에 맞게 재배치하는 단계(S522) 및;
변경된 버튼 사이즈값(34)으로 아이콘이 재생성되고 버튼이 재배치되는 단계(S523)를 포함하는 것을 특징으로 하는 전자칠판용 판서프로그램의 메뉴버튼 실시간 크기 변환방법.
When the user clicks the zoom-out button 23 or the zoom-in button 24, a button size conversion command is started (S511);
Determining whether the button size conversion command is a button reduction command or a button enlargement command (S512);
If the button size conversion command is a button reduction command, determining whether the current button size value 34 is a button minimum value (S513);
If the button size change command is a button enlargement command, determining whether the current button size value 34 is a button maximum value (S514);
If the current button size value 34 is greater than the set button minimum value, expanding the current button size value 34 by one step (S515);
Reducing the current button size value 34 by one step if the current button size value 34 is greater than the set button maximum value (S516);
Storing the changed button size value 34 (S517);
Executing icon rendering for converting the icon vector data 31 into a bitmap image (S518);
Generating all icon bitmap images required for the button (S519);
Deleting all of the icons inserted into the existing button (S520);
Inserting a newly rendered icon into each button (S521);
Rearranging the button into which the icon is inserted according to the height and width of the menu bar (S522);
Method of real-time size conversion of the menu button of the electronic writing board program, characterized in that it comprises the step (S523) of the icon is reproduced with the changed button size value (34).
제5항에 있어서,
상기 단계 S513에서, 현재의 버튼 사이즈값(34)이 버튼 최소값이라면, 더 이상 버튼 크기를 축소하지 않으며, 상기 버튼 크기 변환 명령은 종료되는 것을 특징으로 하는 전자칠판용 판서프로그램의 메뉴버튼 실시간 크기 변환방법.
The method of claim 5,
In the step S513, if the current button size value 34 is the minimum button value, the button size is no longer reduced, and the button size conversion command is terminated. Way.
제5항에 있어서,
상기 단계 S514에서, 현재의 버튼 사이즈값(34)이 버튼 최대값이라면, 더 이상 버튼 크기를 확대하지 않으며, 상기 버튼 크기 변환 명령은 종료되는 것을 특징으로 하는 전자칠판용 판서프로그램의 메뉴버튼 실시간 크기 변환방법.
The method of claim 5,
In step S514, if the current button size value 34 is the maximum button value, the button size is no longer enlarged, and the button size converting command is terminated. How to convert.
제5항에 있어서,
상기 단계 S518에서, 상기 변경된 버튼 사이즈값(34)에 따라 정사각형 비트맵 이미지가 생성되는 것을 특징으로 하는 전자칠판용 판서프로그램의 메뉴버튼 실시간 크기 변환방법.


The method of claim 5,
In step S518, a square bitmap image is generated according to the changed button size value (34).


KR1020120070340A 2012-06-28 2012-06-28 Method of producing and real time size canging method of menu button of marking progeam for electronic board KR101423234B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020120070340A KR101423234B1 (en) 2012-06-28 2012-06-28 Method of producing and real time size canging method of menu button of marking progeam for electronic board

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020120070340A KR101423234B1 (en) 2012-06-28 2012-06-28 Method of producing and real time size canging method of menu button of marking progeam for electronic board

Publications (2)

Publication Number Publication Date
KR20140002284A true KR20140002284A (en) 2014-01-08
KR101423234B1 KR101423234B1 (en) 2014-07-24

Family

ID=50139380

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020120070340A KR101423234B1 (en) 2012-06-28 2012-06-28 Method of producing and real time size canging method of menu button of marking progeam for electronic board

Country Status (1)

Country Link
KR (1) KR101423234B1 (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115185424A (en) * 2022-08-09 2022-10-14 杭州云合智网技术有限公司 Uploading method for self-adaptive adjustment of size of file uploading button

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR200309050Y1 (en) 2002-12-27 2003-03-29 (주)모든넷 Device for controlling in electronic board
KR200354497Y1 (en) 2004-03-29 2004-07-01 (주)이에스피 Apparatus of electronic black board having multiple function
KR20050034676A (en) * 2005-03-17 2005-04-14 학교법인 인제학원 Electronic blackboard
KR100998764B1 (en) * 2009-04-23 2010-12-07 이솔정보통신(주) A electronic board

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115185424A (en) * 2022-08-09 2022-10-14 杭州云合智网技术有限公司 Uploading method for self-adaptive adjustment of size of file uploading button
CN115185424B (en) * 2022-08-09 2023-11-21 杭州云合智网技术有限公司 Uploading method for adaptively adjusting size of file uploading button

Also Published As

Publication number Publication date
KR101423234B1 (en) 2014-07-24

Similar Documents

Publication Publication Date Title
JP6206457B2 (en) Information processing apparatus and program
JP4389090B2 (en) Information display device
US8310445B2 (en) Remote-control system, remote-control apparatus, apparatus to be controlled, remote-control method, computer program, and storage medium
WO2009122684A1 (en) Display system, display method, program, and recording medium
JP2008524735A (en) Improved mobile communication terminal and method
US10013156B2 (en) Information processing apparatus, information processing method, and computer-readable recording medium
JP2018049495A (en) Calculation device, graph display method of calculation device, and program
WO2017138223A1 (en) Image processing device, image processing system, and image processing method
KR20140013949A (en) Image forming apparatus
JP5981175B2 (en) Drawing display device and drawing display program
US9117125B2 (en) Electronic device and handwritten document processing method
JP5875262B2 (en) Display control device
US20160048324A1 (en) Electronic device and method
US10768807B2 (en) Display control device and recording medium
JP6100013B2 (en) Electronic device and handwritten document processing method
KR101423234B1 (en) Method of producing and real time size canging method of menu button of marking progeam for electronic board
JP2017027319A (en) Display/editing/storage method, device, and processing program of document documentation data
EP2827299A2 (en) Electronic device and image data displaying method
CN104516860A (en) Methods and systems for selecting text within a displayed document
KR101444202B1 (en) Method and apparatus for applying a document format through touch-screen
CN110851066B (en) Method and device for supporting touch control of multiple display screens
US20200150859A1 (en) Method of operating widget on an electronic device
KR20130079786A (en) Method for improving readability of e-book contents viewer, and computer-readable recording medium with improving program of readability of e-book contents viewer
JPH1185948A (en) Information processing device and method therefor
JP2015118612A (en) Device and method for painting all black

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
AMND Amendment
E601 Decision to refuse application
AMND Amendment
X701 Decision to grant (after re-examination)
GRNT Written decision to grant
FPAY Annual fee payment

Payment date: 20170707

Year of fee payment: 4

FPAY Annual fee payment

Payment date: 20180628

Year of fee payment: 5

FPAY Annual fee payment

Payment date: 20190620

Year of fee payment: 6