본문 바로가기

어린이 코딩/앱인벤터 응용5

앱인벤터 음성인식으로 네이버 검색하는 앱만들기 - 실습 음성인식 기능을 이용한 검색 앱 만들기 앱인벤터에는 다양한 기능들이 제공되고 있습니다. 그 중 음성인식 기능을 이용하여 검색엔진에서 검색을 하는 실습을 해 보도록 하겠습니다.앱인벤터 사이트(ai2.appinventor.mit.edu)로 이동하여, 먼저 새 프로젝트를 하나 생성 해 줍니다. 그럼 시작해 보겠습니다.먼저 디자인 부분을 작업하도록 하겠습니다. ■ 디자인 영역 화면에 웹뷰어, 그리고 음성인식버튼을 추가 해 주도록 하겠습니다. 그리고 화면 디자인 구조를 위해 레이아웃에서 수평배치 컴포넌트를 사용하도록 하겠습니다. 1. [사용자 인터페이스] → [웹뷰어] 포함 2. [레이아웃] → [수평배치] 포함 3. [사용자 인터페이스] → [버튼] 수평배치 안으로 포함 그럼 각 컴포넌트들의 속성 및 이름을 설.. 2017. 10. 15.
[인벤터] 게임 어플 만들기 - 고양이잡기 게임 기능 추가 [인벤터 코딩 배우기 ] 고양이 잡기 게임 어플 기능 추가 생각보다 많은 분들이 고양이 게임 만들기 포스팅을 조회 해 주시는 것 같아, 감사의 마음으로 몇가지 기능을 추가하는 포스팅을 하게 되었습니다. 고양이 잡기 게임 만들기 포스팅 마지막에 이야기 했던 기능들을 추가 해 보았습니다. 시작/종료 기능을 추가 하여 게임을 마음대로 시작 또는 종료할 수 있도록 하였습니다. 그리고 게임 제한 시간을 추가 하도록 하겠습니다. 1분은 긴 것 같아 30분으로 설정하여 코딩 해 보았습니다. 제한 시간을 옵션으로 하여 사용자가 설정 하도록 할 수도 있겠죠. 이 글을 읽으시는 분들은 그렇게 한번 코딩을 해 보시는 것도 좋을 것 같습니다. 제한시간이 끝나, 게임이 종료 되면 상단에 자신의 점수를 표시 하는 기능을 추가 하.. 2017. 9. 19.
[인벤터] 고양이잡기 게임 어플 만드는 법 [인벤터 코딩 배우기 ] "고양이 잡기" 게임 어플(앱) 만들기 - 블록 부분 지난 포스팅에서 디자인 부분을 작업 하였습니다 이번 포스팅에서는 블록 부분을 대하여 설명을 하고자 합니다 고양이 잡기 어플 만들기를 시작해 봅시다 ■ 게임설명 : 고양이 잡기 게임은 말 그대로 고양이가 나타나면 터치를 하여 잡으면 됩니다 그러면 스코어가 1씩 증가하는 게임입니다 크게 6가지 부분으로 나누어 코딩을 하게 됩니다 1. 전역변수 초기화 - 전역변수란 코딩 전체에서 사용되는 변할수 있는 값을 담는 그릇입니다 전역변수 이름을 score 라고 하여 만들고, 초기 값을 0으로 설정하였습니다 1) 공통변수 → 변수 → 번역변수 초기화 값 블록 드래그 2) 공통변수 → 수학 → 아래 파란 모양 블록 드래그 하여 조립합니다 이렇.. 2017. 9. 13.
[인벤터]코딩을 배우자 - 고양이잡기 게임어플 만들기 1 [인벤터 코딩 배우기 ] "고양이 잡기" 게임 어플 만들기 "고양이잡기" 게임 어플을 만들어 보며 인벤터 코딩을 배워 봅시다 단순히 인벤터 코딩에 대하여 설명하는 것 보다 게임 어플을 만들어 가며 인벤터 코딩에 대하여 알아가는 것이 좋겠죠 그래서 이번 시간에는 고양이 잡기 게임어플을 만들어 보며, 인벤터 코딩에 대하여 조금씩 알아 가도록 하겠습니다 [1단계] 코딩을 위해 개발 웹페이지로 이동 하기 → http://ai2.appinventor.mit.edu/ [2단계] 디자인화면 만들기 디자인 화면에는 팔레트, 뷰어, 컴포넌트, 미디어, 속성 영역으로 구분됩니다 아래 이미지는 뷰어 영역입니다 아래와 같은 화면을 만들어 보도록 하겠습니다 1) 팔레트 → 레이아웃 → 수평배치 를 드래그 합니다 2) 팔레트 →.. 2017. 9. 12.