Transcript PPT - 앱 인벤터 2

PART 1
앱 인벤터 프로젝트
13 서점에서 온라인 검색하기
웹 서비스(API)
 유명한 사이트는 대부분 API를 제공
 예) 트위터, 페이스북, 기상청, 대학교 도서관 등등
 앱은 API를 통해 사이트의 데이터를 받아올 수 있음
(24장 참조)
 <책방에서 아마존> 앱
 아마존 API를 통해 책 정보 검색
• 제목, ISBN, 바코드 스캔의 세 종류 검색 가능
 TinyWebDB 컴포넌트를 사용
무엇을 배우는가?
 <책방에서 아마존> 앱을 만들면서 배우는
것들
 바코드 스캐너를 사용하는 방법
 TinyWebDB 컴포넌트로 웹 서비스(여기서는 아마존
API)에 접근하는 방법
 웹 서비스에서 받은 복잡한 데이터를 처리하는 방법
API란 무엇인가?
 API (24장 참조)
API란 무엇인가?
 API 이용
 프로토콜을 이해해야 하고, 프로그래밍 기술이 필요함
 앱 인벤터에서는 TinyWebDB 컴포넌트를 이용하여 쉽게 사용할 수 있음
 웹 페이지에서 아마존 API 연습
 http://aiamazonapi.appspot.com에 접속
API란 무엇인가?
 웹 페이지에서 아마존 API 연습
 Get value로 “baseball” 검색 예
 아아존 API의 프로토콜: 리스트의 리스트 형식
리스트의
리스트
부속 리스트
(제목, 아마존 최저가, ISBN의 리스트)
API란 무엇인가?
 웹 페이지에서 아마존 API 연습
 ISBN으로 검색 예
컴포넌트 설계
컴포넌트 동작 프로그래밍
 프로그래밍 할 것들
주제어로 검색
 프로그램은 어떻게 작동하는가?
 사용자가 검색 버튼을 누르면 getValue로 데이터 요청
 데이터 도착하면 GotValue 이벤트 발생
주제어로 검색
ISBN으로 검색
 사용자 인터페이스를 어떻게 할 것인가?
 API의 프로토콜은 “isbn:xxxxxxxxxxxxx”
 프로토콜대로 입력하게 할 것인지, 숫자 부분만 입력하게 할 것인지?
 사용자 편의를 위해 숫자 부분만 입력 선택. 대신 프로그램이 join으로 프로토콜에
맞게 문자열 조립
사용자 우려 덜어주기
 데이터 도착할 때까지 지연 시간 도중 사용자에게 메시지 표시
바코드로 스캔하여 ISBN 입력하기
 키보드 대신 BarcodeScanner 컴포넌트로 ISBN 입력함
검색 결과 깔끔하게 표시하기
 프로그램은 어떻게 작동
하는가?
 for each로 책을 구분
 select list item 블록으로
제목, 최저가, ISBN을 구분하고,
join으로 재조립
검색 결과 깔끔하게 표시하기
전체 앱 프로그램
전체 앱 프로그램
확장해 보기
감사합니다.