SW교육 19

2-4강. 글자 읽어주는 앱 - 앱 실행하기

앱 실행하기 앱 실행하는 방법은 앞서 두 차례 설명했기 때문에 생략하도록 하겠습니다. 잘 안되신다면 앞에 있는 "첫 번째 앱 만들기 - 블록에디터"의 마지막 부분이나, "앱인벤터 실행 방법"을 참고하시기 바랍니다. 실행해 보시면, 화면처럼 글상자와 읽어주기 버튼이 나타납니다. 글상자에 원하는 글자를 입력하고, "읽어주기"버튼을 눌러보세요. 스마트폰이 읽어주는 멋진 소리를 듣게 되실 겁니다. ^^ 연재 바로가기 => http://www.educoding.kr/appinventor_info

2-3강. 글자 읽어주는 앱 - 블록에디터 코딩하기

블록에디터 화면전환Blocks 버튼을 눌러 블록에디터 화면으로 전환합니다.블록에디터 코딩하기버튼이 클릭되었을 때(1) 블록(Blocks)에서 Button1을 클릭하면 Button1의 사용가능한 블록 목록이 나타납니다.(2) 우리는 읽어주기 버튼을 클릭했을 때 글자를 읽어줄 예정입니다. 따라서, when (Button1).Click do ... 블록을 뷰어(Viewer)로 끌어다 놓습니다.해석해 보면 Button1이 클릭(Click) 되었을 때(when) ... 을 실행(do)하라는 의미가 됩니다.글자 읽어주기(1) 블록(Blocks)에서 TextToSpeech1을 선택합니다.(2) 오른쪽에 나타난 블록 목록에서 call (TextToSppech1).Speak message ... 을 끌어다 방금 전 블록..

2-2강. 글자 읽어주는 앱 - 디자이너 작업하기

디자이너 작업 앱 소개에서 설명한 내용을 바탕으로 간단히 앱에 필요한 기능을 정리해보면, 글자 입력상자, 읽어주기 버튼, 글자를 읽어주는 기능이 필요하다는 것을 알 수 있습니다.글상자(TextBox) - 글자 입력상자 만들기 왼쪽 팔레트에서 TextBox(글상자)를 뷰어(Viewer)로 끌어다 놓습니다. 이제 글상자를 만들었으니 버튼을 만들어야겠군요.버튼(Button) - 읽어주기 버튼 만들기 (1) 버튼(Button)을 뷰어(Viewer)로 끌어다 놓습니다. (2) 프로퍼티(Properties)에서 Text속성을 "읽어주기"로 바꿔줍니다. Text속성을 바꾸면, 버튼에 있는 글자가 "읽어주기"로 바뀐 것을 볼 수 있습니다. 다음은 글자를 읽어주는 기능이 필요합니다.글자읽기(TextToSpeech) - ..

2-1강. 글자 읽어주는 앱 - 새 프로젝트 만들기

글자 읽어주는 앱 소개앱을 실행하게 되면, 글자를 입력할 수 있는 글상자가 하나 있습니다. 이 글상자에 원하는 글자를 입력하고, 읽어주기 버튼을 누르면 스마트폰에서 입력한 글자를 음성으로 읽어주게 됩니다. 뭔가 대단한 것 같지만 앱인벤터를 사용하면 쉽게 만들 수 있습니다. 앱 인벤터에 접속하는 방법을 모르시면 바로 전 단계인 "앱인벤터 시작하기"를 참고해 주시기 바랍니다. 새 프로젝트 만들기 앱인벤터 상단 메뉴 [Projects] > [Start new project]를 선택합니다. 프로젝트 이름을 적습니다. 저는 "HelloInventor"라고 했는데, 다른 이름을 사용하셔도 무방합니다. 다만, 앱인벤터에서는 아직 프로젝트 이름을 한글로 쓰는 것이 안됩니다. 다음은 디자이너 작업을 통해서 화면을 만들어..

1-5강. 앱인벤터 실행 방법

앱인벤터로 만든 프로젝트를 실행하는 방법은 세가지가 있습니다. 그 중에서 저는 첫 번째 MIT AI2 Companion을 사용하는 것을 추천합니다만, 안드로이드 폰과 무선Wifi공유기가 있어야 하기 때문에 없는 분들을 위해 세가지 방법을 정리해 드리겠습니다.AI Companion안드로이드 폰이 있고, 컴퓨터와 스마트폰이 동일한 무선(Wifi)공유기에 연결되어 있다면 무조건 이 방법을 사용하시는 것이 좋습니다. 실행속도도 빠르며, 앱인벤터에서 앱을 수정할 경우 실행결과를 빠르게 확인할 수 있어 편리합니다. 안드로이드폰이 꼭 통신사를 통해 개통되어야 할 필요도 없습니다. 중고 안드로이드 폰이 있다면 Wifi에 연결만 하면 바로 사용할 수 있습니다.스마트폰에 MIT AI2 Companion 설치Play스토어에..

1-4강. 첫 번째 앱 만들기 - 블록에디터

블록 코딩하기화면 오른쪽에 있는 [Blocks] 버튼을 클릭하면 블록에디터로 화면이 전환됩니다. 블록(Blocks)에서 "Button1"을 선택하면 아래 그림처럼 Button1에 연결된 여러 기능의 블록들이 나타납니다. 우리는 고양이 사진이 있는 버튼을 터치(클릭) 했을 때 고양이 소리를 들려줄 예정입니다. 그래서 화면처럼 "when (Button1).Click do ..." 블록을 사용하게 됩니다. 글자 그대로 해석해 보면 "Button1을 클릭했을 때 ... 을 실행해라"라고 할 수 있습니다. 이 블럭을 뷰어(Viewer)로 끌어다 놓습니다. 다음은 버튼일 눌렸을 때 실행할 대상을 블록으로 조립하면 됩니다. 이 앱에서는 고양이 소리를 들려줄 예정이였습니다. 블록(Blocks)에서 Sound1을 선택하..

1-3강. 첫 번째 앱 만들기 - 디자이너

이제 첫 번째 앱을 만들어 보겠습니다. 어떤 앱을 만들까?앱인벤터에서 가장 유명한 고양이 키티를 터치하면 "야옹~"하고 소리를 내는 앱을 만들어 보겠습니다. 앱을 실행하면 스마트폰에는 아래 고양이 키티 사진이 나타납니다. 그리고 이 사진을 터치하면 아래 고양이 소리가 나오는 것이죠. 보기에는 아주 간단하지만 몇 가지 고민을 해야 합니다. 하지만 지금은 앱인벤터 사용법을 우선 익히기 위한 것이니 우선 따라해 보도록 하겠습니다. 사전준비이 앱에는 고양이 사진과 고양이 소리가 필요합니다. 먼저 아래 링크를 클릭해서 사진과 MP3파일을 다운로드 받습니다. 사진파일 다운로드 / MP3파일 다운로드 - 마우스 오른쪽 버튼을 눌러 "다른 이름으로 저장"을 선택해서 저장합니다. 이제 앱인벤터에서 [Projects] >..

1-2강. 앱인벤터 기본 구조

크롬 브라우저 설치, 구글 회원가입이 끝났다면 앱인벤터에 접속하여 화면이 어떻게 구성되어 있는지 살펴보겠습니다.앱인벤터 접속하기크롬 브라우저에서 다음 아래 주소로 접속하세요. http://appinventor.mit.edu 영어가 많네요. 그렇다고 어려워 할 필요는 없습니다. 영어를 번역해야 할 일은 없으니까요. 화면 오른쪽 상단에 있는 주황색 버튼 [Create]를 눌러주세요. 그럼 아래 그림처럼 안드로이드 폰이나 에뮬레이터를 준비하라는 메시지가 뜨게됩니다. 이와 관련해서는 앞서 설명했으니 넘어가도 됩니다. [Continue] 버튼을 눌러주세요. 앱인벤터 화면구성앱인벤터는 크게 디자이너(Designer)와 블록에디터(Blocks) 화면으로 구성되어 있습니다. 디자이너(Designer)는 스마트폰에 보여..

1-1강. 앱인벤터 사용 준비하기

크롬 브라우저 설치앱인벤터는 구글에서 만든 크롬 브라우저에서 가장 잘 동작합니다. 다른 브라우저에서는 제대로 동작하지 않을 수 있으니 크롬 브라우저를 설치해야 합니다. http://www.google.com/chrome 에 접속하고 [Chrome 다운로드]를 클릭하여 설치하면 됩니다. 구글 계정 만들기앱인벤터는 회원가입이 따로 필요하지는 않지만, 대신 구글 아이디로 로그인해야 합니다. 구글에 회원가입이 되어있다면 넘어가고, 없다면 구글에 접속하여 아이디를 만들어야 합니다. http://www.gmail.com 에 접속하여 [가입하기]를 클릭하여 회원가입을 해주세요. 안드로이드 스마트폰 준비앱인벤터로 만든 앱을 실행하려면 안드로이드 스마트폰이 필요합니다. 에뮬레이터를 활용하여 스마트폰 없이도 실행해 볼 수..

들어가기. 앱인벤터 소개

앱인벤터는 스마트폰 앱을 복잡한 프로그래밍 과정을 거치지 않고 블록 쌓기 방식의 비주얼 코딩을 통해 누구나 쉽게 앱을 개발할 수 있도록 해주는 도구입니다. 스마트폰 앱을 개발하기 위해서는 Java나 C언어 같은 언어를 배우는데 많은 노력을 해야 합니다. 앱인벤터는 언어를 배우는 시간은 줄이고, 앱을 개발하는 과정 중에 생기는 문제들을 논리적으로 해결하는 과정을 겪으면서 창의력과 문제해결력을 키울 수 있습니다. 앱인벤터는 엔트리나 스크래치 등을 배운 학생이나 중등학생이 배우기에 좋습니다. 블록을 쌓는 비주얼 코딩 방식은 유사하지만, 스마트폰의 센서와 기능을 활용하고 스마트폰에서 실행할 수 있는 장점은 더욱 확장된 창의력을 요구하게 됩니다. 예를 들어, GPS를 활용하여 현재 위치를 알려주는 앱을 만들거나,..