5.Hello World 만들기

다음은 MiPlatform을 이용해 Hello, MiPlatform Project 예제입니다.

Hello, MiPlatform은 버튼 클릭으로 화면에 메시지를 표시하는 예제 프로그램입니다.

5.1Project 생성

1

Project Manager를 실행하고, New Project 버튼을 클릭합니다.

그림 5-1Project Manager

2

Project Wizard의 Step 별로 설정값을 입력합니다.

그림 5-2Project Wizard – Step1

표 5-1Project Wizard 1단계

속성

Name

Hello

Character Set

Utf-8

Working Folder

C:\Documents and Settings\ LoginUserID \My Documents\TOBESOFT\MiPlatform330\Hello

3

Project Wizard의 Step2 ~ Step4는 기본 옵션을 그대로 사용합니다.

Project Wizard의 Step이 모두 끝나면 Project Manager에서 추가된 Project를 확인할 수 있습니다.

탐색기에서 Start XML과 Working Folder를 확인하면 Project가 정상적으로 생성이 되었는지 확인할 수 있습니다.

그림 5-3Hello 정보

4

Hello Project를 Open합니다.

그림 5-4Open Hello Project

5.2Form 생성

1

Ctrl+N을 누르거나 MenuBar에서 [File > New]를 선택해 Form을 생성합니다.

그림 5-5New Form

그림 5-6Make New

2

Form을 선택하고, Select Template에서 Empty Form을 선택해 빈 Form을 생성합니다.

그림 5-7Select Template

3

Form의 설정값을 입력하고 Finish 버튼을 클릭해서 Form의 생성을 완료합니다.

그림 5-8Form Properties

표 5-2Form Properties 설명

속성

Name

formHello

Form ID

formHello

Title

Hello, MiPlatform

Path

'Name'값에 따라 XML파일명이 자동으로 지정

4

프로그램 실행 시 첫 페이지로 사용하기 위해서 생성된 Form을 InitUrl에 등록합니다.

Project Manager 창에서 Hello Project를 선택하고, InitUrl에 DefApp::formHello.xml이라고 등록합니다. (.xml은 생략 가능)

즉 'DefApp' Application Group의 'formHello' Form을 시작페이지로 설정하겠다는 의미입니다.

그림 5-9InitUrl 설정

5

Ctrl+F5를 누르거나 ToolBar의 Launch Project 아이콘을 클릭해서 Hello Project를 실행해 볼 수 있습니다.

그림 5-10Launch Project

6

formHello Form에 어떠한 Design도 하지 않았기 때문에 빈 화면이 Open 되고, Title에 Hello, MiPlatform이 표시됩니다.

그림 5-11Hello Project 실행 화면

7

Ctrl+F6를 누르거나 ToolBar의 Quick View 아이콘을 클릭해서 formHello Form을 실행해 볼 수 있습니다. 결과는 위의 그림과 같습니다.

5.3Design & Script 작성

1

ComponentBar에서 Button Component를 마우스로 클릭해서 선택합니다.

그림 5-12Component Bar - Button

2

선택된 Button Component를 Form 위의 원하는 위치에 마우스 Drag & Drop으로 크기를 정하여 배치합니다.

그림 5-13Button Component의 배치

3

배치된 Button Component의 속성을 Properties 창에서 변경합니다.

그림 5-14Button Component의 Properties

그림 5-15속성이 반영된 Button Component

4

Button Component를 클릭했을 때 메시지를 표시하기 위해 Properties의 Event 창으로 이동해 “OnClick” Event를 선택하고, 항목란(btnHello_OnClick)을 마우스 더블클릭하면 해당 함수가 자동으로 생성되고, Script 창으로 이동하여 Script 작성을 할 수 있도록 합니다.

물론, 임의의 함수명을 입력하거나 이미 작성된 함수를 선택할 수도 있습니다.

그림 5-16Button Component의 OnClick Event 생성

5

OnClick Event 함수에 메시지 박스를 띄워서 지정한 문자열을 사용자에게 보여주는 alert Method를 작성해 줍니다.

그림 5-17OnClick Event 작성

5.4실행

저장(Ctrl+S)으로 변경된 내용을 저장하고, Launch Project(Cttl+F5) 또는 Quick View(Ctrl+F6)로 실행합니다.

실행된 화면에서 Button을 클릭하면 메시지창이 나타납니다.

그림 5-18Hello, MiPlatform 실행