#슬기로운 코딩생활

#앱인벤터 를 하면 #코딩 이 재미있어집니다.

#앱인벤터 를 하면 #코딩 이 즐거워집니다.

#앱인벤터 를 하면 #코딩 을 하고싶어집니다.

내가 만든 앱을 내 스마트폰에 설치하고 사용할 수 있습니다.

#블록코딩 방식으로 누구나 쉽게 앱을 만들 수 있습니다.

내가 만든 결과물을 스마트폰에서 직접 확인할 수 있으니 이보다 더 좋은 코딩 프로그램은 없습니다.

#스크래치 나 #엔트리 는 PC의 해당 프로그램 내에서만 실행을 해볼 수 있습니다.

#앱인벤터 는 코딩한 결과를 #스마트폰 에 앱으로 설치해 직접 사용해 볼 수 있기에 #코딩을 통한 #앱만들기 나 #코딩교육 에 가장 #최적화된프로그램 입니다.

최근 은행이나 대기업의 서비스 분야에서 인공지능 챗봇 도입이 많아지고 있습니다. 인공지능 챗봇은 해당 서비스 이용자들의 질문이나 원하는 서비스를 미리 등록해놓고 원하는 서비스를 챗 봇 서비스에 입력하면 해당 서비스를 자세히 설명해주는 형태의 서비스입니다. 챗봇 서비스는 대 부분 인공지능 서비스 중 1단계로 기계학습(Machine Learning)을 이용합니다. 현재 많이 사용 하는 인공지능 기술로 사람의 음성을 인식하고, 사용자가 제공하는 데이터 학습을 통해 서비스 및 지능을 높여가는 인공지능 방식입니다.

이번 시간 목표 : 인공지능을 이해할 수 있는 챗봇 앱 만들기 - 1

인공지능 기술을 이해하고 체험해 볼 수 있는 챗봇을 구현해 보겠습니다. 챗봇을 구현하기 위 해서는 질문의 키워드와 답변 내용을 저장할 데이터베이스가 필요합니다. 앱 인벤터에서는 앱을 설치하고 사용하는 스마트폰에 데이터를 저장하는 타이니DB가 있고, MIT 클라우드 데이터베이 스나 또는 직접 구축한 서버의 데이터베이스에 저장할 수 있는 클라우드DB가 있습니다. 이번 프로젝트인 챗봇 서비스는 클라우드DB를 이용해 여러 스마트폰에서 해당 서비스를 이 용할 수 있도록 구성해 보겠습니다.

먼저 앱인벤터 사이트(https://appinventor.mit.edu/)에 접속하고 로그인하세요.

새로운 앱 제작을 위해 상단 [프로젝트] - [새 프로젝트 시작하기]를 클릭합니다. 프로젝트 이름은 [Ai_ChatBot]으로 입력하고 [확인]을 눌러 진행하겠습니다.

팔레트 창 사용자 인터페이스 그룹의 [레이블]을 뷰어 창의 스마트폰 화면 안으로 드래그&드롭합니다.

[레이아웃] 그룹을 클릭 후 [수평배치]를 뷰어 창의 스마트폰 화면 레이블 아래에 드래그&드롭합니다. 속성 창의 너비를 [부모 요소에 맞추기]로 설정합니다.

[표형식배치] 컴포넌트를 '수평배치' 안으로 드래그&드롭합니다. 속성 창에서 너비 [부모 요소에 맞추기...], 행 [4]로 설정합니다.

팔레트 창에서 [사용자 인터페이스] 그룹을 클릭 후 [레이블]을 표형식 배치의 1~3 줄 첫 번째 칸에 각각 배치합니다.

[텍스트박스] 컴포넌트를 표 형식 배치의 2~3번줄 두 번째 칸에 드래그&드롭합니다.

[버튼] 컴포넌트를 표 형식 배치의 네 번째 줄 두 번째 칸에 드래그&드롭합니다.

팔레트 창 사용자 인터페이스 그룹의 [레이블]을 뷰어 창의 스마트폰 화면 안으로 드래그&드롭합니다.

[표형식배치] 컴포넌트를 '수평배치' 안으로 드래그&드롭합니다. 속성 창에서 너비 [부모 요소에 맞추기...], 행 [4]로 설정합니다.

팔레트 창에서 [사용자 인터페이스] 그룹을 클릭 후 [레이블]을 표형식 배치의 1~3 줄 첫 번째 칸에 각각 배치합니다.

[텍스트박스] 컴포넌트를 표 형식 배치의 두 번째 줄 두 번째 칸에 드래그&드롭합니다.

[레이블] 컴포넌트를 표 형식 배치의 세 번째 줄 두 번째 칸에 드래그&드롭합니다.

[버튼] 컴포넌트를 표 형식 배치의 네 번째 줄 두 번째 칸에 드래그&드롭합니다.

[알림] 컴포넌트를 뷰어 창의 스마트폰 화면 안으로 드래그&드롭합니다. 알림 컴포넌트는 스마트폰 화면 하단 '보이지 않는 컴포넌트'에 표시됩니다.

[저장소] 그룹을 클릭 후 [클라우드 DB] 컴포넌트를 뷰어 창의 스마트폰 화면 안으로 드래그&드롭합니다. 클라우드 DB 컴포넌트는 스마트폰 화면 하단 '보이지 않는 컴포넌트'에 표시됩니다.

컴포넌트 배치가 완료되었습니다. 이제 컴포넌트 속성을 이용해 아래와 같이 설정합니다.

설정이 완료되면 아래 그림처럼 배경 및 화면 디자인 설정이 완료됩니다. 표를 참고해 컴포넌트 이름도 일부 수정합니다.

이번 시간은 여기까지입니다.

다음 시간에는 코딩을 해 앱을 완성하도록 하겠습니다.

감사합니다^^

다음시간에 또 뵈요~^^*

앱인벤터를 활용한 코딩에 대해 더 알고싶다면 아래 책을 추천해드립니다.

[▶ 이 책의 대상 독자]

- 코딩을 배우고 싶은 Software 비전공 입문 독자

- 소프트웨어 교육 의무화로 소프트웨어 코딩을 배우고 싶은 학생

- 초등학교, 중학교, 고등학교에서 방과후 교육을 진행하는 선생님

- 대학 및 학원, 직업전문학교 등의 교육 기관에서 코딩을 가르치는 교수님, 선생님

- 스마트폰 앱을 직접 만들어 사용하고 싶은 독자

- 사물인터넷과 스마트 센서를 활용한 앱을 만들고 싶은 독자

- 인공지능을 이해하고 관련 앱을 만들어보고 싶은 독자

[▶이 책에서 다루는 내용]

- 블럭코딩을 이용해 스마트폰에서 사용 가능한 앱 만들기

- 음성인식 기능을 활용한 음성을 텍스트로 받아적기

- 가족/지인 전화걸기 앱 만들기

- 언어 번역 앱 만들기

- 녹음기 앱 만들기

- 두더지 잡기 게임 만들기

- 나만의 인터넷 웹브라우저 만들기

- 여러 사이트 검색을 한방에 검색왕 앱 만들기

- 만보기 센서를 이용한 만보기 앱 만들기

- 방위 센서를 활용한 나침반 앱 만들기

- 가속도 센서를 이용한 응급상황 알리미 앱 만들기

- 근접 센서를 이용한 운동 앱 만들기

- 위치 센서를 이용한 내 위치찾기 앱 만들기

- 앱인벤터 확장기능으로 플래시 SOS 앱 만들기

- 인공지능을 이해할 수 있는 챗봇 앱 만들기

- 인공지능 이미지 분석 앱 만들기

- 인공지능 안면인식 앱 만들기

- Facemesh를 이용한 사진 꾸미기 앱 만들기

─────────────────────────────────────────────────────

[▶도서는 교보문고, 영풍문고, Yes24, 알라딘, 인터파크 사이트나 앱에서 구매할 수 있습니다.]

─────────────────────────────────────────────────────

코딩 초보자분들이 재미있고 쉽게 배울수 있는 책입니다. 추천합니다^^!!

끝까지 읽어주셔서 고맙습니다^^