멀티플랫폼 모바일 앱(Mobile App) 만들기

 안녕하세요!!! 개발자 코드입니다.

DataSnap 기술을 이용해서 서버를 구축하고 윈도용 클라이언트 프로그램을 만들어 왔습니다.

오늘부터는 이를 활용해 모바일 앱(Mobile App)을 만들어 보세요.

참고로 제 블로그에서는 자바를 이용해서 개발하는 방법에 대해서도 설명했지만,

여기에서는 델파이의 파이어몽키 프레임워크를 사용합니다.

테스트 시작 방법(1) File > New > Multi-Device Application을 선택합니다. * Android, iOS 등의 플랫폼에 관계없이 멀티플랫폼 프로그램을 개발하는 방법입니다.

(2) 다양한 템플릿을 제공하기 위해 빠르게 개발을 시작할 수 있지만, 오늘은 가장 기본적인 빈 화면을 선택하고 시작합니다.* 다른 템플릿 사용법에 대해서도 포스팅을 계속합니다.

(3) Master View는 가장 기본이 되며 앞으로 상속을 받아 기종별로 Device View를 만들겠습니다.* 기종마다 화면 사이즈가 다르니 이는 Device View로 수정하시기 바랍니다.

(4) VCL Form을 만드는 것과 동일한 방법으로 파이어몽키 플랫폼으로 포뮬러를 디자인합니다. * Grid와 같은 일부 컴포넌트는 지원하지 않습니다.

(5) Form 상에 Memo 컴포넌트도 올리고 Button1의 OnClick 이벤트를 만듭니다.

(6) Target Platforms 를 W indows32에서 선택하고 프로그램을 실행(바로가기 F9)합니다.* 현재 선택된 플랫폼이 볼드체로 표시되어 있으므로 구분할 수 있습니다.

(7) 멀티 플랫폼에서 만든 프로그램을 윈도우용 앱으로 실행시킨 결과입니다.VCL 응용프로그램과 크게 다르지 않습니다.

(8) Android 32-bit으로 변경하여 실행하게 되면 Android 디바이스를 연결하거나 emulator를 사용해야 하는데 오류가 발생합니다.* 계속해서 스마트폰을 개발용 PC에 연결하여 진행해 보겠습니다.

스마트폰을 컴퓨터에 연결해서 테스트하는 방법입니다(9) 스마트폰이 PC와 USB 케이블에 의해 정상적으로 연결되어 있는 경우는 아래와 같이 내 PC 화면에 표시됩니다.* 참고로 윈도우7 OS 이며, 갤럭시노트4, 노트10 2개로 테스트중입니다.

(10) 위와 같은 상태로 있지 말지어다 레바 메이커가 제공하는 USB 드라이버를 다운로드해 인스톨 해 줍니다.*핸드폰에 있는 사진을 PC로 옮기기 위해 운전자를 설치하는 것과 같은 과정입니다.

(11) 스마트폰에서 USB 디버깅을 활성화해야 합니다.* 이에 대한 자세한 내용은 어제 포스팅을 참조해 주세요.

(12) Target에서 마우스 오른쪽 버튼을 눌러 팝업 메뉴에서 Refresh를 선택하면 연결된 단말기가 나타납니다.

(13) 아래와 같이 연결된 디바이스가 정상적으로 표시됩니다.* SM-N916S는 갤럭시노트4, SM-N971N은 갤럭시노트10을 연결한 상태입니다.

다중 플랫폼 모바일 앱(Mobile App)의 마지막 테스트 단계(14) Target을 갤노트4의 SM-N916S로 하여 RUN 또는 Run Without Debugging으로 실행한 결과입니다.

(15) Target을 갤노트80 SM-N971N으로 하여 실행한 결과입니다.

지금까지 멀티 플랫폼 모바일 앱(Mobile App)에서 파이어몽키 프레임워크를 사용하여 동일한 소스코드로 윈도용 및 모바일용 앱을 만들어 보았습니다.

이어서 다른 예를 통해 실제 업무에 필요한 앱까지 만들어 봅시다.
오늘도 즐거운 프로그래밍하세요.^^/