9 주차 실습강의 2010. 1 학기, 소프트웨어 설계 및 실험 ( Ⅰ ). Artificial Intelligence Laboratory Open API  API(Application Programming Interface)  응용 프로그램에서 사용할 수 있도록.

Presentation on theme: "9 주차 실습강의 2010. 1 학기, 소프트웨어 설계 및 실험 ( Ⅰ ). Artificial Intelligence Laboratory Open API  API(Application Programming Interface)  응용 프로그램에서 사용할 수 있도록."— Presentation transcript:

1 9 주차 실습강의 2010. 1 학기, 소프트웨어 설계 및 실험 ( Ⅰ )

2 Artificial Intelligence Laboratory Open API  API(Application Programming Interface)  응용 프로그램에서 사용할 수 있도록 제공되는 인터페이스  Open API  웹 서비스의 개발을 위해 서비스 업체에서 제공하는 API  Web 2.0 기반의 대표적인 서비스  Daum, Naver, Google, Yahoo 등

3 Artificial Intelligence Laboratory How can use Open API?  Query 요청 방법  GET 방식  URL 에 직접 데이터를 적어서 전송  ex) http://search.naver.com/search.naver?where=nexearch&query=abc..  보안에 취약하나 form 을 생성할 필요가 없음  URL 에 포함되어 전달되기 때문에 길이의 제한이 있음  POST 방식  Form 을 생성하여 전송  데이터가 숨겨져서 전송이 되기 때문에 보안성이 높음  데이터의 길이 제한이 없음  XML 형식으로 결과 데이터 수신

4 Artificial Intelligence Laboratory 한글 Encoding  현재 인터넷에는 다양한 한글 코드가 사용 중  EUC-KR  KS 완성형 한글 코드  2,350 개의 제한된 글자 표현  UTF-8  UTF : Unicode Transformation Format  Unicode 를 표기하고 전송하기 위한 방법  8-bit 형식으로 처리  7-bit 표준 ASCII 와 완벽한 호환성으로 가장 많이 사용 중  8-bit 이상으로 확장 가능

5 Artificial Intelligence Laboratory 한글 Encoding  UTF-16  Unicode 의 기본이 되는 16-bit 로 unicode 를 그대로 표현  32-bit 까지 확장 가능  ANSI  7-bit ASCII 의 0~127 영역 외의 128~255 영역의 표준화  한글 표준 : ANSI-949

6 Artificial Intelligence Laboratory Naver Open API Key 등록  Naver Developer Center  http://dev.naver.com  좌측 메뉴 – 키 이용등록 / 수정 메뉴  E-mail / 연락처 / 사용용도 등록 Key List- 91e882eb2e55c968beef20fe6ea126d3 b8de24e13095b21049d660471bbc72c7 f5e0e9e35bba47b9ddc09f9f5fb23219 87b0c706f01ebc494df5ea894a6c0aaa 9863d2dd8e80a25d07eb2f9c002dff90 c9864c38585e5d5ed8f3e426b3d2c4dc 6f4ad5dbec8f118d6869767b9fbcefe4 f32441ebcd3cc9de474f8081df1e54e3 네이버 아이디가 없다면 이중에서 되는것 사용해도 됨

7 Artificial Intelligence Laboratory Naver 검색 API  해당 변수 값을 넣고 request 요청 참조 : http://dev.naver.com/openapi/apis/search/webkr

8 Artificial Intelligence Laboratory Naver 검색 API  출력 결과 필드

9 Artificial Intelligence Laboratory Naver 검색 API  결과 sample data

10 Artificial Intelligence Laboratory 구글 검색 API 참조 : http://code.google.com/intl/ko/apis/ajaxsearch/documentation/

11 Artificial Intelligence Laboratory 구글 검색 API  Google AJAX 검색 API 는 자바스크립트 라이브러리  html 코드에 ‘ ’ 형식으로 삽입가능  ASP.NET 의 코드비하인드에서 사용하려면 RegisterStartupScript 혹은 RegisterClientScriptBlock 함수를 사용해야 함  사용법은 MSDN 참조 (http://msdn.microsoft.com/ko- kr/library/system.web.ui.page.registerclientscriptblock.as px) 참조 : http://code.google.com/intl/ko/apis/ajaxsearch/documentation/

12 Artificial Intelligence Laboratory 구글 Weather API  구글에서 제공하는 날씨정보는 XML 형태로 제공  http://www.google.co.kr/ig/api?weather=busan http://www.google.co.kr/ig/api?weather=busan

13 Artificial Intelligence Laboratory 9 주차 과제  Google/ 네이버 검색 API 를 이용한 검색페이지 + Google Weather API 기본 UI 라디오 버튼으로 선택할수 있으며 Google 을 선택하면 구글 API 로 검색이 되며, 네이버를 선택하면 네이버 API 로 검색이 가능하게 한다. 구글 Weather API

14 Artificial Intelligence Laboratory RadioButton  구글 검색 / 네이버 검색 선택을 위한 용도  RadioButtonList 로 구현  Selected ‘true’ 를 이용하여 초기 선택 버튼 설정

15 Artificial Intelligence Laboratory String.Format  string 변수에 특정 format 적용 방법  {0}, {1}, … 등은 parameter 변수 순서  {0:D} – Decimal  {0:F} – Fixed Point

16 Artificial Intelligence Laboratory 구글 Weather API  Weather API 는 페이지가 로드될때마다 실행되므로 Page_Load 함수에서 구현  한글 Encoding 문제가 발생하므로 아래와 같은 코드를 구 현 추가

17 Artificial Intelligence Laboratory 구글 검색 API  구글 검색 API 는 자바스크립트로 동작  아래그림과 같이 구글 API 에서 제공하는 검색입력창이 생성되므로, 이 폼을 분리할 필요가 있음  자바스크립트의 getElementById 로 동작하므로 html 코드에 과 같은 항목이 있어야함  searchControl 함수 실행 시 검색어를 받는 폼과 결과 폼을 분리하여 야 하므로 검색어를 받는 폼은 과 같은식으로 사용  자세한 내용은 http://code.google.com/intl/ko/apis/ajaxsearch/documentation 참고 http://code.google.com/intl/ko/apis/ajaxsearch/documentation  Javascript 함수 중 getElementById 참고

18 Artificial Intelligence Laboratory 구글 검색 API  대략적인 코드는 다음과 같음

19 Artificial Intelligence Laboratory 참고사이트  http://ultteky.egloos.com/10203768 - RegisterClientScriptBlock 함수사용관련 http://ultteky.egloos.com/10203768  http://dev.naver.com/openapi/apis/search/webkr - 네이버 웹문서 API 사용 http://dev.naver.com/openapi/apis/search/webkr  http://code.google.com/intl/ko/apis/ajaxsearch/document ation/ - 구글 AJAX 검색 API 사용 http://code.google.com/intl/ko/apis/ajaxsearch/document ation/  http://blog.daum.net/akizora/7613497 - 구글 Weather API 이용하기 http://blog.daum.net/akizora/7613497