2010년 2학기 숙명여자대학교 임순범 (당신은 웹2.0개발자입니까? 박지강 저, 8장)

Presentation on theme: "2010년 2학기 숙명여자대학교 임순범 (당신은 웹2.0개발자입니까? 박지강 저, 8장)"— Presentation transcript:

1 2010년 2학기 숙명여자대학교 임순범 (당신은 웹2.0개발자입니까? 박지강 저, 8장)
OPEN API & MASH UP 2010년 2학기 숙명여자대학교 임순범 (당신은 웹2.0개발자입니까? 박지강 저, 8장)

2 웹 개발 방법론의 변화 웹1.0 시대 유비쿼터스 시대 웹2.0 개발 환경 시스템 유지보수나 새로운 서비스 추가 어려움
서비스를 누가 먼저 제공하는 지가 성패를 좌우 웹2.0 개발 환경 표준을 지키고, 가볍고, 쉽게 다른 서비스와 통합 가능해야 함 웹 개발 컨버전스 환경 : 융합의 시대 – 정보, 네트워크, 기기 웹 콘텐츠의 컨버전스 : Open API & Mash Up 사회와 실생활아 광속으로 네트워크화 되는 유비쿼터스 시대에서 사용자가 원하는 서비스를 누가 조금이라도 먼저 선보이느냐가 성패를 좌우하게 되었다. 빠르게 다가오는 새로운 시대에 유연하게 대처하기 위해 좀 더 표준을 지켜야 하고, 좀 더 가벼워 져야 하며, 쉽게 다른 서비스와 통합 가능해 져야 한다. 그렇게 하려면 양질의 콘텐츠를 빠르게 사용자에게 전달할 수 있는 웹 개발 컨버전스 환경이 필요하다. 컨버전스(convergence)는 여러 기술이나 성능이 하나로 융합된다는 의미를 가지고 있습니다. 예를들어, 복합기, 핸드폰 이러한 상황이 웹에도 적용된다. 웹에 존재하는 리소스의 컨버전스를 통해 저비용으로 서비스를 만들어 낼 수 있다 여기서 나온 개념이 Open API와 Mash Up이다. Open API를 이용해 웹 컨버전스인 Mash up을 만들수 있다.

3 SOA(Service-Oriented Architecture)
비즈니스와 사용자의 요구를 보다 쉽게 반영하기 위한 결합도 낮은 소프트웨어 서비스 아키텍처 기업 중심 서비스 비즈니스 단위 서비스를 캡슐화하여 재사용 SOA 환경의 웹 서비스에서 필요 기술 XML HTTP SOAP(Service Oriented Architecture Protocols) WSDL(Web Services Description Language) UDDI(Universal Description, Discovery, and Integration) SOA는 서비스 지향 아키텍처의 줄임말로 비즈니스와 사용자의 요구를 보다 쉽게 반영하기 위한 결합도 낮은 소프트웨어 서비스 아키텍처로 정의 할 수 있다. 객체 지향 모델을 이용해서 다양한 개발 요구에 빠르게 대응하듯이, 기업도 비즈니스 단위 서비스를 캡슐화 하여 여러 용도로 재사용하여 다양한 비즈니스 요구에 빠르게 대응할 수 있습니다. 빠르게 변화하는 비즈니스에 적응할 수 있도록 순응성과 유연성이 높은 아키텍처 입니다. 아키텍처와 인터페이스의 다른 점을 신경 쓰지 않고 모든 어플리케이션을 네트워크를 경유하여 서비스로서 자유롭게 조합하여 이용할 수 있도록 하기 위한 시스템 설계상의 방법 잘 분리되어 정의된 비즈니스 단위의 서비스를 내부에서 조합하고 외부와는 연동하여 빠르고 쉽게 새로운 시도를 할 수 있다. SOA는 사용자의 요구를 만족시키기 위해 네트워크 상에 존재하는 서비스를 연결하고 조합하는 방법을 정의 잘 정의된 인터페이스를 통해 공개된 독립적 단위의 서비스들이 운영되기 위한 아키텍처를 정의함

4 Open API 웹사이트가 자신의 기능을 이용할 수 있도록 공개한 프로그래밍 인터페이스 SOA의 소비자 중심 버전
Most Popular Open APIs (2009.4) 사용자는 웹사이트 내부를 몰라도 Open API를 이용해서 해당 사이트의 기능을 쉽게 사용할 수 있다. 전체순위 최근 2주간 순위

5 Open API 사례 Google Map 자바스크립트만을 이용해서 웹에 지도를 표시하고 위치 정보를 제어 할 수 있는 기능을 Open API로 제공 Google Map Open API를 이용한 예제

6 기본적인 지도 정보 표시 변수로 넘어온 위치를 표시하는 마크 생성 10개의 마크를 지도 위에 랜덤하게 표시

7 해외 Open APIs

8 해외 Open APIs [참고 사이트] http://www.programmableweb.com/

9 국내 OPEN APIs NAVER Open API
컨텐츠 API : 실시간 급상승 검색어, 지식iN, 동영상, 이미지, 전문자료 데이터 API : 책, 지역, 쇼핑, 백과사전, 국어사전, 영어사전, 일어사전 지도 API  검색 API : 블로그 검색, 카페/카페글 검색, 웹문서 검색, 뉴스 검색, 내 PC 검색  기능 API : 추천 검색어, 성인 검색어 판별, 오타변환, 바로가기, 데스크톱 위젯 API

10 국내 Open APIs Daum 지도 API 위젯 API Ajax API: 카페검색, RSS넷 피드 파서, 실시간 검색어
UCC API: 티스토리, 블로그 쇼핑 API: 쇼핑 검색, 쇼핑 상품  여행 API: 할인 항공권 검색, 해외호텔 검색, 국내호텔 및 숙박 검색, 여행 상품 검색 블로그 뉴스 API 키워드 API

11 국내 Open APIs 11번가 : 상품 검색, 카테고리, 상품정보조회, 상품 이미지 검색
Auction: 상품 검색, 카테고리, 상품정보조회, 상품 이미지 검색 오픈 마루 : 상품 검색, 카테고리, 상품정보조회, 상품 이미지 검색  스토리 큐 스토리 큐는 슬라이드 및 이미지를 프레젠테이션 형태로 올려 Web 상에서 프레젠팅이 가능하게 하는 곳입니다.

12 Mash Up Open API를 조합하여 만든 서비스 Top Mash Up Tag 전체순위 최근 2주간 순위

13 Mash Up 사례 실시간 검색어 퍼즐 게임 (Naver, Daum)

14 Mash Up 사례 FlickrSearcher

15 Mash Up 사례 발행일, 가격별 책 검색

16 Mash Up 사례 Retrievr

17 Mash Up 사례 Text Grinder (Naver , Amazon , Daum , Google, ebay , Yahoo ,Flickr)

18 Mash Up 사례 NYC의 영화 촬영지 소개