Make 앱스
앱스 제작 방식 및 API 소개




2009. 7. 7
목차




     • 앱스 개발 시 준비 사항

       • 앱스토어 앱스 설명
               - 앱스 구성
               - 제공 API
                - 구현 예


 ...
앱스 개발 시 준비 사항



1. 네이트 & 싸이월드 회원 가입

2. 개발자 커뮤니티 가입
- Dev.Square Forum club.cyworld.com/devsquare

3. 가젯 이해
- http://code...
앱스 구성

앱스의 구성요소와 API 종류




     XML(Gadget)              API


           CSS             Open Social
          HTML     ...
앱스 컴포넌트

1개의 앱스마다 3가지 형태 제작



                     앱스토어
        preview      체험하기


                     미니홈피
          p...
앱스 PREVIEW 화면

앱스토어 체험하기 화면

                1. 앱스의 소개 및 샘플
                2. 비로그인 사용 가능하
                   도록
앱스 PROFILE 화면

미니홈피 앱스토리에서 실행되는 화면

                      1. 간단한 API 기능 구현
                      2. 다양한 기능은 캔버스에
         ...
앱스 CANVAS 화면

앱스토어 캔버스에서 실행되는 화면

                     1. 모든 기능 구현
제공 API




         규약       지원객체             API

                                    프로필
                  Person
      ...
구현 예 1 : 이름 가져오기


<?xml version="1.0" encoding="UTF-8" ?>
 <Module>
   <ModulePrefs title="이름 가져오기">
    <Require feature...
구현 예 2 : 게시물저장하기




// scrap
 function scrapPost(id){
  var params = {};
  params[openNate.ScrapParameters.CONTENT] = doc...
개발자센터 flow _ 1. 개발자센터 홈



                          1. 네이트계정 로그인
개발자센터 flow _ 1. 개발자센터 홈 (영문 버전)



                                  1. 외국인 개발자를 위한
                                     모...
개발자센터 flow _ 2. 개발자 등록



                         1. 네이트 기본 정보 자동 세팅
                         2. 추가정보 입력
                ...
개발자센터 flow _ 3. 앱스토어 가이드



                           1. 플랫폼 설명
                           2. 튜토리얼
                      ...
개발자센터 flow _ 4. 싸이월드 연동



                          1. 테스트시 프로필, 일촌정보를
                             가져오기 위해 꼭 필요
        ...
개발자센터 flow _ 5. 샌드박스



                       1. 개발된 xml 테스트 실행
                       2. URL 방식 지원예정
개발자센터 flow _ 6. 앱스등록



                       1. 게임물일 경우 사전
                          심의 후 등록필증 입력
                      ...
개발자센터 flow _ 7. 앱스 검수 및 승인



                             1. 소스 검수
                             2. 승인
개발자센터 flow _ 8. 앱스토어 캔버스 실행



                              1. 캔버스뷰
                              2. 모든 기능 실행
           ...
시연 – 게시물 저장하기



                1. 실제 시연 모습
FAQ




            •호스팅 지원은?

           •향후 API 계획은?

        •검수시 유의할 개발 사항은?

      •openSocial 0.9 버전 지원 계획은?
감사합니다
Upcoming SlideShare
Loading in...5
×

Make 앱스: 앱스 제작 방식 및 API 안내

1,566

Published on

2009년 7월 7일 SK커뮤니케이션즈 오픈정책발표회 - 오픈싸이월드 어플리케이션을 만드는데 도움이 되는 여러가지 정보를 제공합니다. 개발하기 앞서 준비해야 할 여러가지 사항에 대한 팁, 제공되는 API, 구현 예시, 개발자센터 사용방법, 간략한 데모, 그리고 개발자들이 지켜야 할 사항들에 대한 설명을 합니다.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,566
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Make 앱스: 앱스 제작 방식 및 API 안내

  1. 1. Make 앱스 앱스 제작 방식 및 API 소개 2009. 7. 7
  2. 2. 목차 • 앱스 개발 시 준비 사항 • 앱스토어 앱스 설명 - 앱스 구성 - 제공 API - 구현 예 • 개발자 센터 소개 • 시연 및 FAQ
  3. 3. 앱스 개발 시 준비 사항 1. 네이트 & 싸이월드 회원 가입 2. 개발자 커뮤니티 가입 - Dev.Square Forum club.cyworld.com/devsquare 3. 가젯 이해 - http://code.google.com/intl/ko/apis/gadgets/ 4. 오픈 소셜 이해 - http://www.opensocial.org/
  4. 4. 앱스 구성 앱스의 구성요소와 API 종류 XML(Gadget) API CSS Open Social HTML AppStore Java Script 3rd Party API 앱스
  5. 5. 앱스 컴포넌트 1개의 앱스마다 3가지 형태 제작 앱스토어 preview 체험하기 미니홈피 profile 앱스토리 * 플래쉬 허용 불가 앱스토어 canvas 캔버스 * 필수 제작
  6. 6. 앱스 PREVIEW 화면 앱스토어 체험하기 화면 1. 앱스의 소개 및 샘플 2. 비로그인 사용 가능하 도록
  7. 7. 앱스 PROFILE 화면 미니홈피 앱스토리에서 실행되는 화면 1. 간단한 API 기능 구현 2. 다양한 기능은 캔버스에 서 구현
  8. 8. 앱스 CANVAS 화면 앱스토어 캔버스에서 실행되는 화면 1. 모든 기능 구현
  9. 9. 제공 API 규약 지원객체 API 프로필 Person 관심일촌(300명) Activity openSocial Feeds(마이싸이월드) AppData 사용자설정 Album(0.9) 사진첩 minihpScrap 게시물 저장하기 openNate point 별점 주기 billing Payment
  10. 10. 구현 예 1 : 이름 가져오기 <?xml version="1.0" encoding="UTF-8" ?> <Module> <ModulePrefs title="이름 가져오기"> <Require feature="opensocial-0.8" /> openSocial API 호출 부분 </ModulePrefs> <Content type="html"> <![CDATA[ <script type="text/javascript"> function request() { req.add(req.newFetchPersonRequest(opensocial.IdSpec.PersonId.VIEWER), "get_viewer_ name"); }; function response(dataResponse) { var viewer = dataResponse.get('get_viewer_name').getData(); var user_name = viewer.getDisplayName();}; gadgets.util.registerOnLoadHandler(request); </script> <p>안녕하세요, <span id='user_name'></span> 님~!</p> ]]> </Content> </Module>
  11. 11. 구현 예 2 : 게시물저장하기 // scrap function scrapPost(id){ var params = {}; params[openNate.ScrapParameters.CONTENT] = document.getElementById(i d).innerHTML; openNate.minihpScrap(params); }; openNate API 호출부분
  12. 12. 개발자센터 flow _ 1. 개발자센터 홈 1. 네이트계정 로그인
  13. 13. 개발자센터 flow _ 1. 개발자센터 홈 (영문 버전) 1. 외국인 개발자를 위한 모든 페이지 영문 지원
  14. 14. 개발자센터 flow _ 2. 개발자 등록 1. 네이트 기본 정보 자동 세팅 2. 추가정보 입력 3. 약관동의 4. 승인 없이 바로 등록 완료
  15. 15. 개발자센터 flow _ 3. 앱스토어 가이드 1. 플랫폼 설명 2. 튜토리얼 3. 가이드 4. 꼭 읽어야 할 정책
  16. 16. 개발자센터 flow _ 4. 싸이월드 연동 1. 테스트시 프로필, 일촌정보를 가져오기 위해 꼭 필요 2. 네이트 계정과 똑같은 주민번호의 싸이월드 계정만 연동 가능
  17. 17. 개발자센터 flow _ 5. 샌드박스 1. 개발된 xml 테스트 실행 2. URL 방식 지원예정
  18. 18. 개발자센터 flow _ 6. 앱스등록 1. 게임물일 경우 사전 심의 후 등록필증 입력 2. View 형태 선택 후 개발된 XML 입력
  19. 19. 개발자센터 flow _ 7. 앱스 검수 및 승인 1. 소스 검수 2. 승인
  20. 20. 개발자센터 flow _ 8. 앱스토어 캔버스 실행 1. 캔버스뷰 2. 모든 기능 실행 3. 프로필 4. 일촌 5. 게시판쓰기
  21. 21. 시연 – 게시물 저장하기 1. 실제 시연 모습
  22. 22. FAQ •호스팅 지원은? •향후 API 계획은? •검수시 유의할 개발 사항은? •openSocial 0.9 버전 지원 계획은?
  23. 23. 감사합니다

×