1. NUC에서 스마트폰 Emulator를 Install하기 우리가 만든 첫 번째 앱이 스마트 폰에서 잘 동작 되는지 확인하는 방법은 두 가지가 있어요. 직 접 스마트 폰으로 AI2와 연동하는 방법과, NUC에서 Emulator를 사용하는 경우죠. 저 처럼 스마트 폰이 없는 친구들을 위해, 먼저 Emulator를 NUC에 install하기로 해요.
홈페이지에서, “Appinventor_Setup_Installer_v_2_2.exe” file을 download받아 설치하세요. 그러면, 소위 Desktop 이라는 바탕화면에 “aiStarter”라는 icon이 생성되어 있는 것을 확인할 수 있어요. Emulator를 이용하기 전에 꼭 “aiStarter”를 먼저 실행해야 한다는 점을 명심하세요.
다시, 우리의 첫 번째 project가 있는 AI2 화면으로 돌아왔어요. 화면 위의 메뉴 중 ‘Connect’를 click해서 ‘Emulator’를 선택하세요. 4개의 Emulator화면이 순차적으로 나와야 하는데,
세 번째에서 ‘out of date’라는 message가 있는 창이 떠요. ‘OK’를 click하세요. 그 다음 창에서는 ‘Got It’을 click하세요.
이제, Emulator 상에서 ‘Duplicate application’ 창이 뜨면, ‘OK’와 ‘Install’를 click 한 후 반드시 ‘Done’을 선택하세요.
“aiStarter”와 AI2를 모두 close 한 후 다시 open하세 요. ‘Connect’메뉴에서 ‘Emulator’를 선택하면, 이제 정상적으로 네 번째 Emulator를 만날 수 있어요.
2. Emulator 동작확인과 문자->음성 기능추가 Emulator가 잘 동작되는지 확인해 볼까요? Emulator위에 있는 버튼들을 눌러 보세요. Viewer에 있는 버튼을 아무리 눌러도 응답이 없었는데, 이제 답답함이 좀 사라졌어요.
한 단계 더 나아가, 우리 앱에 문자를 음성으로 바꿔주는 기능을 추가하면 어떨까요? ‘Button’ component를 가져와서, ‘Text’는 “문자를 음성으로’로 만들고, 버튼 명은 ‘Talk’로 해요. ‘Palette’구 역의 ‘Media’카테고리에서 ‘TextToSpeech’ component를 가져오세요. 이 것은 기능은 있는데, 스 마트폰에는 보이지 않기 때문에, 맨 밑에 ‘Non-visible components’에 놓여져요.
‘Blocks’화면으로 가요. ‘Talk’ component를 click 하여 ‘when Talk.Click do’블록을 가져오세요. 그 블록 안을 채우기 위해, ‘TextToSpeech1’ component를 click하여 ’call TextToSpeech1.Speak’ 블록을 가져 오세요.
블록 오른쪽의 비워진 socket은, ‘Built-in’의 ‘Text’ component중 ‘a text string’ 블록을 가져와서 채 우고 ‘English only, at the moment!’라고 typing해요. 스피커나 헤드셋을 NUC에 연결한 후, Emulator로 동작시켜 보세요.
한글을 추가해 보니, 영어부분만 음성 전환이 되는 것을 확인 할 수 있어요. Emulator를 통하지 않고 직접 스마트 폰과 연동하면, 이 문제를 해결할 수 있어요. 그전에 ‘Connect’메뉴에서 ‘Reset Connection’을 선택하여 Emulator를 close하세요.
3. WiFi를 이용, IA2와 스마트 폰간 연동 저는 무선공유기를 사용하여, 무선공유기와 NUC는 유선 Ethernet cable로 연결하고, 무선공유기 와 스마트폰은 무선 WiFi로 연결 했어요. AI2는 Apple폰과는 연동이 되지 않아요. 스마트폰을 통 해, WiFi가 잘 연결 되었는지를 먼저 확인 하세요. 스마트폰에 있는 ‘Play Store’에 가서, “mit ai2 companion”앱을 download 받으세요. 스마트폰 화면에 ‘companion’ icon이 생겼는지를 확인한 후, AI2로 가세요.
NUC의 AI2화면에서 ‘Connect’ 메뉴를 click한 후, ‘AI Companion’을 선택하세요. AI2화면에 QR코 드가 나타날 거에요. 그런 다음, 스마트폰의 ‘companion’ icon을 touch해 보세요. 새로 생긴 스마 트폰 화면 아래의 ‘scan QR code’바를 touch한 후, 사진 찍기 모드처럼 변한 스 마트폰을 AI2화면의 QR코드에 가까이 접근 시키면 6개의 문자가 생성돼요. ‘connect with code’바 를 touch 하 면 , Emulator처럼 스마트폰에 앱이 나타나 게 되요. 각 버튼을 눌러 Emulator처럼 잘 동작 되는지를 확인해 보세요. ‘문자를 음성으로’ 버튼을 누르면, 한글과 영어가 모두 음성으로 변환 되었다는 것을 확인할 수 있어요.
인터넷을 사용할 수 없는 상황에서는 AI2로 앱을 개발할 수 없을까요? Off-line 환경을 구축하면 가능해요. 그 전에, On-line 환경에서 만든 앱을 꼭 NUC에 저장 하세요.
4. AI2를 Off-line 환경으로 구축하기 자, AI2를 서버와 연결하지 않고 NUC에서만 동작하기 위한 준비작업을 시작해요. 우선 JDK(Java Development Kit)를 install해야 해요. Scratch때는 32bit version이었어요. 그래서, C: drive 밑의 ‘Program Files(x86)’ directory밑에 설치되었어요. Keyboard에서 윈도키와 ‘Pause’키를 동시에 눌러 보세요. 저 는 64bit OS를 사용하고 있군요. 그래서, 홈페이지에서 Windows 64bit용 JDK를 download받아 install했어요. 이 제는 JDK가 64bit 실행 file들만 있는 ‘Program Files’ directory에 설치된 것을 확인할 수 있어요.
제어판의 ‘고급 시스템 설정’을 click하여, ‘시스템 속성’ 아 래에 있는 ‘환경변수를 선택하고, ‘새로 만들기’를 click한 후 ‘새 사 용 자 변 수’를 설 정 하 세 요. 변 수 이 름 은 “JAVA_HOME”으로 하시고, “변수값”은 JDK가 있는 곳 즉, “C:\Program Files\Java\jdk1.8.0_05”로 하세요.
마지막으로, Home page에서 “Ai2LiveComplete” 폴더를 다운로드 받은 후 “WinStartAIServer” file을 두 번 클릭하면, DOS창이 나와 요. “Chrome” browser 의 URL 은 , DOS 창 에 서 봤 던 http:// localhost:8888을 입력하세요. “New Project”명을 입력하거나 저장 된 project을 가져오면, AI2의 두 가지 개발 화면중의 하나인, “Designer”를 만날 수 있어요.