SlideShare a Scribd company logo
1 of 23
Make 앱스
앱스 제작 방식 및 API 소개




2009. 7. 7
목차




     • 앱스 개발 시 준비 사항

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


        • 개발자 센터 소개

           • 시연 및 FAQ
앱스 개발 시 준비 사항



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

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

3. 가젯 이해
- http://code.google.com/intl/ko/apis/gadgets/

4. 오픈 소셜 이해
- http://www.opensocial.org/
앱스 구성

앱스의 구성요소와 API 종류




     XML(Gadget)              API


           CSS             Open Social
          HTML             AppStore
        Java Script        3rd Party
            API


                      앱스
앱스 컴포넌트

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



                     앱스토어
        preview      체험하기


                     미니홈피
          profile    앱스토리
                            * 플래쉬 허용 불가




                     앱스토어
          canvas      캔버스
                            * 필수 제작
앱스 PREVIEW 화면

앱스토어 체험하기 화면

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

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

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

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

                     1. 모든 기능 구현
제공 API




         규약       지원객체             API

                                    프로필
                  Person
                                관심일촌(300명)
                  Activity
   openSocial                 Feeds(마이싸이월드)
                 AppData
                                  사용자설정
                Album(0.9)
                                    사진첩


                minihpScrap    게시물 저장하기
    openNate       point         별점 주기
                   billing      Payment
구현 예 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>
구현 예 2 : 게시물저장하기




// scrap
 function scrapPost(id){
  var params = {};
  params[openNate.ScrapParameters.CONTENT] = document.getElementById(i
d).innerHTML;
  openNate.minihpScrap(params);
 };



                                              openNate API 호출부분
개발자센터 flow _ 1. 개발자센터 홈



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



                                  1. 외국인 개발자를 위한
                                     모든 페이지 영문 지원
개발자센터 flow _ 2. 개발자 등록



                         1. 네이트 기본 정보 자동 세팅
                         2. 추가정보 입력
                         3. 약관동의
                         4. 승인 없이 바로 등록 완료
개발자센터 flow _ 3. 앱스토어 가이드



                           1. 플랫폼 설명
                           2. 튜토리얼
                           3. 가이드
                           4. 꼭 읽어야 할 정책
개발자센터 flow _ 4. 싸이월드 연동



                          1. 테스트시 프로필, 일촌정보를
                             가져오기 위해 꼭 필요
                          2. 네이트 계정과 똑같은
                             주민번호의 싸이월드 계정만
                             연동 가능
개발자센터 flow _ 5. 샌드박스



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



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



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



                              1. 캔버스뷰
                              2. 모든 기능 실행
                              3. 프로필
                              4. 일촌
                              5. 게시판쓰기
시연 – 게시물 저장하기



                1. 실제 시연 모습
FAQ




            •호스팅 지원은?

           •향후 API 계획은?

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

      •openSocial 0.9 버전 지원 계획은?
감사합니다

More Related Content

What's hot (18)

웹기획, 사용자를 배려하는
웹기획, 사용자를 배려하는웹기획, 사용자를 배려하는
웹기획, 사용자를 배려하는
 
Uml Usecase 080701
Uml Usecase 080701Uml Usecase 080701
Uml Usecase 080701
 
Maps War, Google Maps & Competitors
Maps War, Google Maps & CompetitorsMaps War, Google Maps & Competitors
Maps War, Google Maps & Competitors
 
프레젠테이션1
프레젠테이션1프레젠테이션1
프레젠테이션1
 
Create Android App using web view (in tamil)
Create Android App using web view (in tamil)Create Android App using web view (in tamil)
Create Android App using web view (in tamil)
 
Sentinel Hardware Keys
Sentinel Hardware KeysSentinel Hardware Keys
Sentinel Hardware Keys
 
구글
구글구글
구글
 
Creating Sample Android App (in tamil)
Creating Sample Android App (in tamil)Creating Sample Android App (in tamil)
Creating Sample Android App (in tamil)
 
디지털 콘텐츠 특강
디지털 콘텐츠 특강디지털 콘텐츠 특강
디지털 콘텐츠 특강
 
Creating List in Android App (in tamil)
Creating List in Android App (in tamil)Creating List in Android App (in tamil)
Creating List in Android App (in tamil)
 
Part 7
Part 7Part 7
Part 7
 
Aforismos libro-leonardo da vinci
Aforismos libro-leonardo da vinciAforismos libro-leonardo da vinci
Aforismos libro-leonardo da vinci
 
Sample Add Application uisng Android (in tamil)
Sample Add Application uisng Android (in tamil)Sample Add Application uisng Android (in tamil)
Sample Add Application uisng Android (in tamil)
 
Create and Sell Android App (in tamil)
Create and Sell Android App (in tamil)Create and Sell Android App (in tamil)
Create and Sell Android App (in tamil)
 
구글
구글구글
구글
 
최종Google3
최종Google3최종Google3
최종Google3
 
Installing Eclipse (in tamil)
Installing Eclipse (in tamil)Installing Eclipse (in tamil)
Installing Eclipse (in tamil)
 
Using many languages in single Android App (in tamil)
Using many languages in single Android App (in tamil)Using many languages in single Android App (in tamil)
Using many languages in single Android App (in tamil)
 

Viewers also liked

3 1 a17 2011년 한국 소셜 게임10가지 이슈-한경컨퍼런스
3 1 a17 2011년 한국 소셜 게임10가지 이슈-한경컨퍼런스3 1 a17 2011년 한국 소셜 게임10가지 이슈-한경컨퍼런스
3 1 a17 2011년 한국 소셜 게임10가지 이슈-한경컨퍼런스Cyworld AppStore (SK Communications)
 
Jorge rodriguez actividad1_2mapac
Jorge rodriguez actividad1_2mapacJorge rodriguez actividad1_2mapac
Jorge rodriguez actividad1_2mapacLian Andre
 
Jorge rodriguez actividad1_2mapac
Jorge rodriguez actividad1_2mapacJorge rodriguez actividad1_2mapac
Jorge rodriguez actividad1_2mapacLian Andre
 
네이트 앱스토어 2011년 모바일 SNG 개발 계획에 대한 설문 결과
네이트 앱스토어 2011년 모바일 SNG 개발 계획에 대한 설문 결과네이트 앱스토어 2011년 모바일 SNG 개발 계획에 대한 설문 결과
네이트 앱스토어 2011년 모바일 SNG 개발 계획에 대한 설문 결과Cyworld AppStore (SK Communications)
 

Viewers also liked (20)

2010 Korea Social Game Conference .2
2010 Korea Social Game Conference .22010 Korea Social Game Conference .2
2010 Korea Social Game Conference .2
 
2010 Korea Social Game Conference .5
2010 Korea Social Game Conference .52010 Korea Social Game Conference .5
2010 Korea Social Game Conference .5
 
Nate / Cyworld App Store AppStore 概述 (Chinese)
Nate / Cyworld App Store AppStore 概述  (Chinese)Nate / Cyworld App Store AppStore 概述  (Chinese)
Nate / Cyworld App Store AppStore 概述 (Chinese)
 
Cyworld AppStore Overview
Cyworld AppStore OverviewCyworld AppStore Overview
Cyworld AppStore Overview
 
Apps AtoZ_제2회 Hello, Dev.Square 개발자 세미나
Apps AtoZ_제2회 Hello, Dev.Square 개발자 세미나Apps AtoZ_제2회 Hello, Dev.Square 개발자 세미나
Apps AtoZ_제2회 Hello, Dev.Square 개발자 세미나
 
3 1 a17 2011년 한국 소셜 게임10가지 이슈-한경컨퍼런스
3 1 a17 2011년 한국 소셜 게임10가지 이슈-한경컨퍼런스3 1 a17 2011년 한국 소셜 게임10가지 이슈-한경컨퍼런스
3 1 a17 2011년 한국 소셜 게임10가지 이슈-한경컨퍼런스
 
2010 Korea Social Game Conference .4
2010 Korea Social Game Conference .42010 Korea Social Game Conference .4
2010 Korea Social Game Conference .4
 
Apps Code Bible II_제 2회 Hello, Dev.Square 개발자 세미나
Apps Code Bible II_제 2회 Hello, Dev.Square 개발자 세미나Apps Code Bible II_제 2회 Hello, Dev.Square 개발자 세미나
Apps Code Bible II_제 2회 Hello, Dev.Square 개발자 세미나
 
Cyworld AppStore Weekly Report 2012-03-13
Cyworld AppStore Weekly Report 2012-03-13Cyworld AppStore Weekly Report 2012-03-13
Cyworld AppStore Weekly Report 2012-03-13
 
Cyworld AppStore Weekly Report 2011-10-18
Cyworld AppStore Weekly Report 2011-10-18Cyworld AppStore Weekly Report 2011-10-18
Cyworld AppStore Weekly Report 2011-10-18
 
Cyworld AppStore Weekly Report 2011-11-01
Cyworld AppStore Weekly Report 2011-11-01Cyworld AppStore Weekly Report 2011-11-01
Cyworld AppStore Weekly Report 2011-11-01
 
2010 Korea Social Game Conference .6
2010 Korea Social Game Conference .62010 Korea Social Game Conference .6
2010 Korea Social Game Conference .6
 
Hello 앱스토어
Hello 앱스토어Hello 앱스토어
Hello 앱스토어
 
001. 싸이월드 앱스토어 현황 sk컴즈 김영을 부장
001. 싸이월드 앱스토어 현황 sk컴즈 김영을 부장001. 싸이월드 앱스토어 현황 sk컴즈 김영을 부장
001. 싸이월드 앱스토어 현황 sk컴즈 김영을 부장
 
Cyworld AppStore Weekly Report 2011-05-31
Cyworld AppStore Weekly Report 2011-05-31Cyworld AppStore Weekly Report 2011-05-31
Cyworld AppStore Weekly Report 2011-05-31
 
Net Beans Ide
Net Beans IdeNet Beans Ide
Net Beans Ide
 
Jorge rodriguez actividad1_2mapac
Jorge rodriguez actividad1_2mapacJorge rodriguez actividad1_2mapac
Jorge rodriguez actividad1_2mapac
 
Jorge rodriguez actividad1_2mapac
Jorge rodriguez actividad1_2mapacJorge rodriguez actividad1_2mapac
Jorge rodriguez actividad1_2mapac
 
004. 소셜앱 개발 노하우 선데이토즈 임현수 cto
004. 소셜앱 개발 노하우 선데이토즈 임현수 cto004. 소셜앱 개발 노하우 선데이토즈 임현수 cto
004. 소셜앱 개발 노하우 선데이토즈 임현수 cto
 
네이트 앱스토어 2011년 모바일 SNG 개발 계획에 대한 설문 결과
네이트 앱스토어 2011년 모바일 SNG 개발 계획에 대한 설문 결과네이트 앱스토어 2011년 모바일 SNG 개발 계획에 대한 설문 결과
네이트 앱스토어 2011년 모바일 SNG 개발 계획에 대한 설문 결과
 

More from Cyworld AppStore (SK Communications)

More from Cyworld AppStore (SK Communications) (20)

Cyworld appstore weeklyreport0402
Cyworld appstore weeklyreport0402Cyworld appstore weeklyreport0402
Cyworld appstore weeklyreport0402
 
Cyworld appstore weeklyreport_0327_1
Cyworld appstore weeklyreport_0327_1Cyworld appstore weeklyreport_0327_1
Cyworld appstore weeklyreport_0327_1
 
Cyworld AppStore Weekly Report 2012-03-20
Cyworld AppStore Weekly Report 2012-03-20Cyworld AppStore Weekly Report 2012-03-20
Cyworld AppStore Weekly Report 2012-03-20
 
Cyworld AppStore Weekly Report 2012-03-06
Cyworld AppStore Weekly Report 2012-03-06Cyworld AppStore Weekly Report 2012-03-06
Cyworld AppStore Weekly Report 2012-03-06
 
Cyworld AppStore Weekly Report 2012-02-14
Cyworld AppStore Weekly Report 2012-02-14Cyworld AppStore Weekly Report 2012-02-14
Cyworld AppStore Weekly Report 2012-02-14
 
Cyworld AppStore Weekly Report 2012-02-07
Cyworld AppStore Weekly Report 2012-02-07Cyworld AppStore Weekly Report 2012-02-07
Cyworld AppStore Weekly Report 2012-02-07
 
Cyworld AppStore Weekly Report 2012-01-31
Cyworld AppStore Weekly Report 2012-01-31Cyworld AppStore Weekly Report 2012-01-31
Cyworld AppStore Weekly Report 2012-01-31
 
Cyworld AppStore Weekly Report 2012-01-24
Cyworld AppStore Weekly Report 2012-01-24Cyworld AppStore Weekly Report 2012-01-24
Cyworld AppStore Weekly Report 2012-01-24
 
Cyworld AppStore Weekly Report 2012-01-17
Cyworld AppStore Weekly Report 2012-01-17Cyworld AppStore Weekly Report 2012-01-17
Cyworld AppStore Weekly Report 2012-01-17
 
Cyworld AppStore Weekly Report 2012-01-10
Cyworld AppStore Weekly Report 2012-01-10Cyworld AppStore Weekly Report 2012-01-10
Cyworld AppStore Weekly Report 2012-01-10
 
Cyworld AppStore Weekly Report 2012-01-03
Cyworld AppStore Weekly Report 2012-01-03Cyworld AppStore Weekly Report 2012-01-03
Cyworld AppStore Weekly Report 2012-01-03
 
Cyworld AppStore Weekly Report 2011-12-27
Cyworld AppStore Weekly Report 2011-12-27Cyworld AppStore Weekly Report 2011-12-27
Cyworld AppStore Weekly Report 2011-12-27
 
Cyworld AppStore Weekly Report 2011-12-20
Cyworld AppStore Weekly Report 2011-12-20Cyworld AppStore Weekly Report 2011-12-20
Cyworld AppStore Weekly Report 2011-12-20
 
Cyworld AppStore Weekly Report 2011-12-13
Cyworld AppStore Weekly Report 2011-12-13Cyworld AppStore Weekly Report 2011-12-13
Cyworld AppStore Weekly Report 2011-12-13
 
Cyworld AppStore Weekly Report 2011-11-22
Cyworld AppStore Weekly Report 2011-11-22Cyworld AppStore Weekly Report 2011-11-22
Cyworld AppStore Weekly Report 2011-11-22
 
Cyworld AppStore Weekly Report 2011-11-15
Cyworld AppStore Weekly Report 2011-11-15Cyworld AppStore Weekly Report 2011-11-15
Cyworld AppStore Weekly Report 2011-11-15
 
Korean social game market trend report (2011Q2) Eng
Korean social game market trend report (2011Q2) EngKorean social game market trend report (2011Q2) Eng
Korean social game market trend report (2011Q2) Eng
 
Cyworld AppStore Weekly Report 2011-10-11
Cyworld AppStore Weekly Report 2011-10-11Cyworld AppStore Weekly Report 2011-10-11
Cyworld AppStore Weekly Report 2011-10-11
 
Cyworld AppStore Weekly Report 2011-09-27
Cyworld AppStore Weekly Report 2011-09-27Cyworld AppStore Weekly Report 2011-09-27
Cyworld AppStore Weekly Report 2011-09-27
 
Cyworld AppStore Weekly Report 2011-08-09
Cyworld AppStore Weekly Report 2011-08-09Cyworld AppStore Weekly Report 2011-08-09
Cyworld AppStore Weekly Report 2011-08-09
 

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

  • 1. Make 앱스 앱스 제작 방식 및 API 소개 2009. 7. 7
  • 2. 목차 • 앱스 개발 시 준비 사항 • 앱스토어 앱스 설명 - 앱스 구성 - 제공 API - 구현 예 • 개발자 센터 소개 • 시연 및 FAQ
  • 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. 앱스 구성 앱스의 구성요소와 API 종류 XML(Gadget) API CSS Open Social HTML AppStore Java Script 3rd Party API 앱스
  • 5. 앱스 컴포넌트 1개의 앱스마다 3가지 형태 제작 앱스토어 preview 체험하기 미니홈피 profile 앱스토리 * 플래쉬 허용 불가 앱스토어 canvas 캔버스 * 필수 제작
  • 6. 앱스 PREVIEW 화면 앱스토어 체험하기 화면 1. 앱스의 소개 및 샘플 2. 비로그인 사용 가능하 도록
  • 7. 앱스 PROFILE 화면 미니홈피 앱스토리에서 실행되는 화면 1. 간단한 API 기능 구현 2. 다양한 기능은 캔버스에 서 구현
  • 8. 앱스 CANVAS 화면 앱스토어 캔버스에서 실행되는 화면 1. 모든 기능 구현
  • 9. 제공 API 규약 지원객체 API 프로필 Person 관심일촌(300명) Activity openSocial Feeds(마이싸이월드) AppData 사용자설정 Album(0.9) 사진첩 minihpScrap 게시물 저장하기 openNate point 별점 주기 billing Payment
  • 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. 구현 예 2 : 게시물저장하기 // scrap function scrapPost(id){ var params = {}; params[openNate.ScrapParameters.CONTENT] = document.getElementById(i d).innerHTML; openNate.minihpScrap(params); }; openNate API 호출부분
  • 12. 개발자센터 flow _ 1. 개발자센터 홈 1. 네이트계정 로그인
  • 13. 개발자센터 flow _ 1. 개발자센터 홈 (영문 버전) 1. 외국인 개발자를 위한 모든 페이지 영문 지원
  • 14. 개발자센터 flow _ 2. 개발자 등록 1. 네이트 기본 정보 자동 세팅 2. 추가정보 입력 3. 약관동의 4. 승인 없이 바로 등록 완료
  • 15. 개발자센터 flow _ 3. 앱스토어 가이드 1. 플랫폼 설명 2. 튜토리얼 3. 가이드 4. 꼭 읽어야 할 정책
  • 16. 개발자센터 flow _ 4. 싸이월드 연동 1. 테스트시 프로필, 일촌정보를 가져오기 위해 꼭 필요 2. 네이트 계정과 똑같은 주민번호의 싸이월드 계정만 연동 가능
  • 17. 개발자센터 flow _ 5. 샌드박스 1. 개발된 xml 테스트 실행 2. URL 방식 지원예정
  • 18. 개발자센터 flow _ 6. 앱스등록 1. 게임물일 경우 사전 심의 후 등록필증 입력 2. View 형태 선택 후 개발된 XML 입력
  • 19. 개발자센터 flow _ 7. 앱스 검수 및 승인 1. 소스 검수 2. 승인
  • 20. 개발자센터 flow _ 8. 앱스토어 캔버스 실행 1. 캔버스뷰 2. 모든 기능 실행 3. 프로필 4. 일촌 5. 게시판쓰기
  • 21. 시연 – 게시물 저장하기 1. 실제 시연 모습
  • 22. FAQ •호스팅 지원은? •향후 API 계획은? •검수시 유의할 개발 사항은? •openSocial 0.9 버전 지원 계획은?