PART 1 앱 인벤터 프로젝트 13 서점에서 온라인 검색하기. PART 1 앱 인벤터 프로젝트 13 서점에서 온라인 검색하기.

Presentation on theme: "PART 1 앱 인벤터 프로젝트 13 서점에서 온라인 검색하기. PART 1 앱 인벤터 프로젝트 13 서점에서 온라인 검색하기."— Presentation transcript:

1

2 PART 1 앱 인벤터 프로젝트 13 서점에서 온라인 검색하기

3 웹 서비스(API) 유명한 사이트는 대부분 API를 제공 <책방에서 아마존> 앱
예) 트위터, 페이스북, 기상청, 대학교 도서관 등등 앱은 API를 통해 사이트의 데이터를 받아올 수 있음 (24장 참조) <책방에서 아마존> 앱 아마존 API를 통해 책 정보 검색 제목, ISBN, 바코드 스캔의 세 종류 검색 가능 TinyWebDB 컴포넌트를 사용

4 무엇을 배우는가? <책방에서 아마존> 앱을 만들면서 배우는 것들 바코드 스캐너를 사용하는 방법
TinyWebDB 컴포넌트로 웹 서비스(여기 서는 아마존 API)에 접근하는 방법 웹 서비스에서 받은 복잡한 데이터를 처 리하는 방법

5 API란 무엇인가? API (24장 참조)

6 API란 무엇인가? API 이용 웹 페이지에서 아마존 API 연습 프로토콜을 이해해야 하고, 프로그래밍 기술이 필요함
앱 인벤터에서는 TinyWebDB 컴포넌트를 이용하여 쉽게 사용할 수 있음 웹 페이지에서 아마존 API 연습 접속

7 API란 무엇인가? 웹 페이지에서 아마존 API 연습 Get value로 “baseball” 검색 예
부속 리스트 (제목, 아마존 최저가, ISBN의 리스트) 리스트의 리스트

8 API란 무엇인가? 웹 페이지에서 아마존 API 연습 ISBN으로 검색 예

9 컴포넌트 설계

10 컴포넌트 동작 프로그래밍 프로그래밍 할 것들

11 주제어로 검색 프로그램은 어떻게 작동하는가? 사용자가 검색 버튼을 누르면 getValue로 데이터 요청
데이터 도착하면 GotValue 이벤트 발생

12 주제어로 검색

13 ISBN으로 검색 사용자 인터페이스를 어떻게 할 것인가? API의 프로토콜은 “isbn:xxxxxxxxxxxxx”
프로토콜대로 입력하게 할 것인지, 숫자 부분만 입력하게 할 것인지?  사용자 편의 를 위해 후자 선택. 대신 프로그램이 join으로 프로토콜에 맞게 문자열 조립

14 사용자 우려 덜어주기 데이터 도착할 때까지 지연 시간 도중 사용자에게 메시지 표시

15 바코드로 스캔하여 ISBN 입력하기 키보드 대신 BarcodeScanner 컴포넌트로 ISBN 입력함

16 검색 결과 깔끔하게 표시하기 프로그램은 어떻게 작동하는가? for each로 책을 구분
select list item 블록으 로 제목, 최저가, ISBN 을 구분하고, join으로 재조립

17 검색 결과 깔끔하게 표시하기

18 전체 앱 프로그램

19 전체 앱 프로그램

20 확장해 보기

21