이번 시간에는

한국산업기술대학교 온라인 기술교육 교재 개발

차세대 모바일 디지털 컨텐츠22. 국내 이통사별 컨텐츠 제작 가이드 - I

SKT 컨텐츠 제작 가이드이번 시간에는 ...

지난 시간에는 무선 Markup 언어와 XHTML Mobile Profile 특징 , WAP 2.0 XHTML MP 의 구성과

XHTML MP 에 사용되는 다양한 태그 등 , WAP 2.0 XHTML 개발을 위한 기본 사항을

설명하였습니다 .

이번 시간에는 2 회차에 걸쳐 국내 이동통신사별 컨텐츠 제작 가이드에 대해 학습해 보도록

하겠습니다 .



SKT 컨텐츠 제작 가이드학습 목표

22 회차 강의에서 다루게 되는 내용은 다음과 같습니다 .

1) 이동통신사의 모바일 컨텐츠 제작 규격 사항에 대해 알 수 있다 .

2) SKT 의 벨소리 및 캐릭터 다운로드 컨텐츠 제작에 대해 알 수 있다 .

3) SKT WAP 컨텐츠에서 제공하는 사용자 정보 및 과금 방법에 대해 알 수 있다 .

4) SKT CP 등록 온라인 사이트 및 절차에 대해 알 수 있다 .

이번 장의 학습 목표

국내 이통사별 컨텐츠 제작 가이드 – I

SKT 컨텐츠 제작 가이드



SKT 컨텐츠 제작 가이드국내 이통사 모바일 컨텐츠 제작

국내 이동통신사별 모바일 컨텐츠 규격

• 국내 이동통신사는 자사를 통해 유통되는 휴대폰 단말기별 컨텐츠 제작 규격 정의 CP 에 컨텐츠 개발 규격서 배포

• 이동통신사 컨텐츠 제작 규격 포함 사항

• 자사 지원 기능 규격 및 컨텐츠 접속 규격

• Image 및 Sound 제작 및 전송 방식

• 사용자 정보 제공 및 이용 방법

• 정보 이용료 과금 방법

• 컨텐츠 제공사 (CP) 등록 절차

• 이동통신사별 모바일 플랫폼 지원 사항

• 모바일 VM 용 게임 등 마법사 프로그램 개발을 위해 각 이동통신사가 지원하는 모바일 플랫폼

• 2004 년 이후 , 무선 표준 플랫폼 (WIPI) 지원 단말기용 플랫폼 개발

Platform SK-VM Ez-Java GVM MAP BREW

언어 구분 Java Java C/C++ C/C++ C/C++

채택 이통사 SKT LGT SKT KTF KTF

개발 업체 XCELGT,

아로마소프트신지

소프트모빌탑 퀄컴



SKT 컨텐츠 제작 가이드SKT 모바일 컨텐츠 제작 가이드

SKT 모바일 컨텐츠 제작

• SKT WAP 컨텐츠 개발 규격

• SKT Nate 컨텐츠 개발 규격서 준수 요구 , 컨텐츠 개발 규격서 포함 사항 :

• 컨텐츠 UI 작성 규격 , 컨텐츠별 문서 Size, Image Size 규격 및 처리 규격

• 컨텐츠 메뉴 및 서비스 URL 링크 규격

• CP 등록 절차 및 정보 이용료 과금 방법

• SKT 지원 Image

• 모바일 컨텐츠용 Image 의 제작은 일반 유선 인터넷용 이미지 제작 Tool 사용

• SIS 의 경우 네오엠텔사 (http://www.neomtel.co.kr) 가 제공하는 SIS 이미지 저작 Tool 이용

Format 지원 컬러 권장 최대 Size 권장 Pixel Size

WBMP 흑백 1K 이하 96*48 또는 96*64

SIS 흑백 , 그레이 , 컬러

흑백 : 1K 그레이 : 4K

256 컬러 :7K 65536 컬러 : 13K

96*48120*64120*96120*96

BMP 흑백 , 그레이 , 컬러흑백 : 1K

그레이 : 3K 컬러 : 7K

96*48120*64120*96

JPG 컬러 7K 120*96




기능 지정된 포맷의 이미지 데이터를 다운로드 후 지정된 위치에 저장

WMLScript 명 setImage(url, title, kindofimage, imagetype);

Parameters

url = string : 이미지 파일의 절대 경로 (URL)title = string : 단말기 목록에 저장될 이미지 파일의 제목 (Maximum Length: 20Bytes) kindofimage = int : 0 : 단말기 Power On 시 표시 이미지 1 : 단말기 Power Off 시 표시 이미지 2 : 단말기 대기화면 이미지 3 : 단말기 RING 시 표시 이미지 4 : WAP 모드 접속시 표시되는 이미지 imagetype = int : 이미지 파일의 데이터 포맷을 의미한다 . 0 : WBMP Type 0 1 : SIS Type 2 : bmp 3 : JPEG

예제 Multimedia.setImage(“http://www.skt.com/pretty.wbmp”, “ 귀여운 이미지” , 2, 0)

SKT 모바일 컨텐츠 제작 가이드

SKT 용 캐릭터 다운로드 컨텐츠 제작

• SKT 는 이미지 다운로드 , 벨소리 다운로드 , 보안 기능 등 , 각종 기능을 위한 SKT-Specific WMLScript Library 제공

• SKT 캐릭터 다운로드 서비스용 WMLScript 규격




SKT 용 캐릭터 다운로드 컨텐츠 제작 예제

• 다음 예제는 “ santa.jpg” 이미지 파일을 휴대폰 대기화면으로 다운로드 하는 WML 및 WMLScript 예제로 , SKT 에서 제공하는 이미지 다운로드 Library 인 Multimedia.setImage() 함수 사용

• SKT 캐릭터 다운로드 예제 소스 코드

<?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> <wml> <card title="WML Examples">

 Image Download <img alt="jpg" src="santa.jpg"/> 

<do type="accept" label="save">

<go href="image.wmls#jpg_save()"/> </do>

 </card> </wml>

<?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> <wml> <card title="WML Examples">

 Image Download <img alt="jpg" src="santa.jpg"/> 

<do type="accept" label="save">

<go href="image.wmls#jpg_save()"/> </do>

 </card> </wml>

extern function jpg_save(){ var a = Multimedia.setImage( "http://localhost/santa.jpg",

"santa", 2, 3); var b = Dialogs.alert(">"+a);

}

extern function jpg_save(){ var a = Multimedia.setImage( "http://localhost/santa.jpg",

"santa", 2, 3); var b = Dialogs.alert(">"+a);

}

santa.jpg 이미지를휴대폰 단말기 대기화면 이미지로 다운로드

character.wml

image.wmls




SKT 용 벨소리 다운로드 컨텐츠 제작

• 일반적으로 벨소리는 Yamaha 에서 제공하는 변환툴 (http://smaf.yamaha.co.jp) 을 이용하여 , 일반 MIDI (*.mid) 파일을 MA2 (16 화음 ) 또는 MA3 (40 화음 ) 파일 (*.mmf) 로 변환하여 제작

• 벨소리 다운로드 및 재생은 , SKT-Specific 벨소리 재생 WMLScript (Audio.Play), 벨소리 다운로드 WMLScript (Audio.DownLoad) 및 벨소리 정지 WMLScript (Audio.Stop) 이용

• SKT 벨소리 다운로드 및 재생 서비스용 WMLScript 규격

기능 벨소리 재생 및 다운로드용 WMLScript

WMLScript 명 Audio.Play(URL, TITLE, TYPE, PLAYTYPE);

Parameters

URL = 재생할 음원 URL TITLE = 음원 타이틀 TYPE = 1~... (21: MA2, 22:MA3) PLAYTYPE = 1,2 (1: memory down&play)

예제 Audio.Play (“http://test.com/test.mmf”, “재즈 2”, 22, 1)

기능 벨소리 재생 및 다운로드용 WMLScript

WMLScript 명 Audio.DownLoad(URL, TITLE, TYPE, SAVETYPE);

Parameters

URL = 재생할 음원 URL TITLE = 음원 타이틀 TYPE = 1~... (21: MA2, 22:MA3) SAVETYPE = 1,2 (1: 기본멜로디로 설정 , 2: 일반 다운로드 )

예제 Audio.Play (“http://test.com/test.mmf”, “재즈 2”, 22, 1)




<?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> <wml> <card title="WML Melody Examples"> <card id ="melody" title=" 벨소리 플레이 ">

<onevent type="ontimer"> <go href="preplay.wmls#playgo()">

<setvar name="preva" value="melody.mmf"/> <setvar name="prevb" value="MySong"/> <setvar name="prevc" value="21"/> 

<setvar name="prevd" value="1"/> </go>

</onevent>

<timer name="time" value="10"/> 

 멜로디 연주 TEST <do type="vnd.skmn1" label="연주멈춤 ">

<go href="preplay.wmls#playstop()"/> </do> <do type="vnd.skmn2" label=" 다운로드 ">

<go href="preplay.wmls#download()"/> </do>

</card> </wml>

<?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> <wml> <card title="WML Melody Examples"> <card id ="melody" title=" 벨소리 플레이 ">

<onevent type="ontimer"> <go href="preplay.wmls#playgo()">

<setvar name="preva" value="melody.mmf"/> <setvar name="prevb" value="MySong"/> <setvar name="prevc" value="21"/> 

<setvar name="prevd" value="1"/> </go>

</onevent>

<timer name="time" value="10"/> 

 멜로디 연주 TEST <do type="vnd.skmn1" label="연주멈춤 ">

<go href="preplay.wmls#playstop()"/> </do> <do type="vnd.skmn2" label=" 다운로드 ">

<go href="preplay.wmls#download()"/> </do>

</card> </wml>


SKT 용 벨소리 다운로드 컨텐츠 제작 예제

• SKT 벨소리 다운로드 및 재생 예제 소스 코드 – bellsori.wml

bellsori.wml

MA2 인 16 화음벨소리 지정

vnd.skmn1 은 ,SKT 단말기 지원아이콘 이미지




SKT 용 벨소리 다운로드 컨텐츠 제작 예제

• SKT 벨소리 다운로드 및 재생 예제 소스 코드 – preplay.wmls

• SKT 가 제공하는 멜로디용 WMLScript Library 인 Audio Library 의 Play(), Stop(), DownLoad() 함수 이용 예제

extern function playgo() { var pa = WMLBrowser.getVar("preva"); var pb = WMLBrowser.getVar("prevb"); var pc = WMLBrowser.getVar("prevc"); var pd = "1"; Audio.Play(pa,pb,pc,pd);

}

extern function playstop() { Audio.Stop(); WMLBrowser.refresh();

}

extern function download() { var pa = WMLBrowser.getVar("preva"); var pb = WMLBrowser.getVar("prevb"); var pc = WMLBrowser.getVar("prevc"); var pd = "1"; Audio.DownLoad(pa,pb,pc,pd);

}

extern function playgo() { var pa = WMLBrowser.getVar("preva"); var pb = WMLBrowser.getVar("prevb"); var pc = WMLBrowser.getVar("prevc"); var pd = "1"; Audio.Play(pa,pb,pc,pd);

}

extern function playstop() { Audio.Stop(); WMLBrowser.refresh();

}

extern function download() { var pa = WMLBrowser.getVar("preva"); var pb = WMLBrowser.getVar("prevb"); var pc = WMLBrowser.getVar("prevc"); var pd = "1"; Audio.DownLoad(pa,pb,pc,pd);

} preplay.wmls

pd = 1멜로디 재생 &

다운로드

pd = 1기본 멜로디 설정




SKT 모바일 컨텐츠 보안 지원 및 과금 규격

• SKT 제공 컨텐츠 보안 기능

• SKT 는 WTLS 기능을 대신하여 애플리케이션 레이어에서의 인증 및 암호화 기능 지원

• SKT 는 보안을 위한 서버 Module 과 클라이언트 Library 제공 이를 설치하여 사용

• SKT 지원 보안 알고리즘 목록 :

• Message Digest Algorithm(or Message Authentication Code) - MD5(Secure Hash Algorithm)

• Symmetric Cryptography Algorithm - SEED : 국산 알고리즘 , 128 Bits Stream Cipher

• Asymmetric Cryptography Algorithm – RSA (Rivest Shamir Adeleman)

• SKT 컨텐츠 과금

• SKT 는 컨텐츠 등록 검증 시스템 (CRS) 을 구축하여 각 CP 별 컨텐츠 과금 각 컨텐츠의 URL 끝에 서비스 ID를 포함하여 사용자가 컨텐츠 요구 시 해당 URL 에 포함된 서비스 ID와 CRS 에 등록된 서비스 URL 을 비교하여 과금

• 서비스 ID 예 :

• http://wap.music011.com/cgi/top10.cgi?SU=100021000210000&SM=11&SERVICE_ID=100011000100001

• http://wap.music011.com/pop/_S100011000100002.wml

• SKT 는 사용자 컨텐츠 요구 시 , 각 서비스 ID를 분석하여 컨텐츠 별로 Hit 수에 따라 과금 계산

과금을 요구하는 컨텐츠는 각 URL 에 과금용 Service ID 값을 삽입해야 함




• SKT 제공 사용자 정보

• SKT WAP browser 는 사용자의 컨텐츠 요구 시 , CP 의 컨텐츠 서버로 HTTP 헤더에 사용자 정보를 포함하여 전송

• 전송 정보 : 사용자 정보 , 사용자의 단말기 정보 및 위치 정보 폰번호 / 무선 사업자 / 서비스 방식 / 단말기 Type/ 단말기 제조업체 / 업체별 단말기 Type/Browser Type/Version/Screen Pixel/Screen 지원 Character 수 / Color No. 지원

• SKT 제공 사용자 정보 예

• HTTP 헤더에 포함하는 사용자 정보 예 :

User-Agent:SKTXXXXXXXXXX08006020050102931117;14;2;12;124

값 데이터 항목 항목별 값

SKT 서비스 제공 사업자 SK Telecom

XXXXXXXXXX

Device 및 Browser 정보서비스 방식 , 단말기 타입 , 단말기 제조사 , 단말기 ( 가로세로픽셀 , 컬러정보 ) 정보 WAP 버전 등

080060 Screen Pixel Size 80 x 60

2005 Screen Character Size 20 자 5줄

01 Screen Depth 1 Bit

02931117 MIN ( 단말기 전화번호 ) 011-0293-1117

14,2,12,124 단말기 위치 정보


SKT 모바일 컨텐츠 사용자 정보 지원




SKT 모바일 플랫폼 및 SKT CP 등록 가이드

• GVM

• 신지 소프트 사 (http://www.sinjisoft.com) 가 제공하는 GVM 모바일 플랫폼

• C 언어 기반 , GVM 개발 SDK 다운로드 후 , 이를 이용하여 개발 (현재까지 가장 많은 휴대폰 단말기에 탑재되어 지원 단말기가 많은 장점 )

• 신지 소프트사가 제공하는 GVM Club (http://www.gvmclub.com 또는 http://www.gnexclub.com ) 사이트에서 SDK, GVM 폰 Simulator 및 관련 문서 다운로드

• XVM

• XCE 사 (http://www.xce.co.kr) 제공하는 XVM (SK-VM) 모바일 플랫폼

• Java 기반 VM 으로 , 기존 Java 개발자들에게 개발 보편성 제공 J2ME/MIDP + SKT Profile

• XCE 사가 제공하는 개발 지원 사이트 (http://developer.xce.co.kr) 에서 SDK, SK-VM 폰 Simulator 및 관련 문서 다운로

• SKT CP 등록 절차

• SKT 사의 OK-Nate 사이트 (http://www.ok-nate.com) 에 접속하여 Online 으로 CP 및 솔루션 사업 제안

• 사업 제안 채택 시 , SKT 의 CRS ( 컨텐츠 관리 및 검증 시스템 ) 을 통해 서비스 ID (SID) 및 컨텐츠 ID (CID) 를 부여 받고 , 서비스 개발 및 검증 후 , 상용 서비스 시작

• 컨텐츠는 WAP 컨텐츠와 VM 기반 네이트 마법사 컨텐츠로 구분

• OK-Nate 사이트에서 SKT CP 용 컨텐츠 제작 규격 및 관련 문서 다운로드 가능



SKT 컨텐츠 제작 가이드요약 정리

1) 이동통신사의 모바일 컨텐츠 제작 규격 사항에 대해 알아보았습니다 .

2) SKT 의 벨소리 및 캐릭터 다운로드 컨텐츠 제작에 대해 학습하였습니다 .

3) SKT WAP 컨텐츠에서 제공하는 사용자 정보 및 과금 방법에 대해

알아보았스니다 .

4) SKT 지원 모바일 플랫폼 및 CP 등록 온라인 사이트 및 절차에 대해 알아

보았습니다 .

이번 시간에 소개했던 내용을 정리해 봅시다 .

다음 시간에는 국내 이통사별 컨텐츠 제작 가이드 – II 에 대하여 학습하시게 될 것입니다 .



SKT 컨텐츠 제작 가이드평가 하기

문제 1 이동통신사에서 제공하는 컨텐츠 제작 가이드에 포함되는 내용을 말해 보시오

정답은 다음과 같습니다 .

자사 컨텐츠 제작 가이드 , 지원 사항 및 과금 방법

해설내용 : 자사 지원 기능 규격 및 컨텐츠 접속 규격 , Image 및 Sound 제작 및 전송 방식 , 사용자 정보 제공 및 이용 방법 , 정보 이용료 과금 방법 등이 포함됩니다 .


자사 컨텐츠 제작 가이드 , 지원 사항 및 과금 방법

해설내용 : 자사 지원 기능 규격 및 컨텐츠 접속 규격 , Image 및 Sound 제작 및 전송 방식 , 사용자 정보 제공 및 이용 방법 , 정보 이용료 과금 방법 등이 포함됩니다 .

문제 2 SKT WAP 브라우저가 전달하는 사용자 정보를 말해보시오


사용자 정보 , 사용자의 단말기 정보 및 위치 정보 등 포함

해설내용 : 전송 정보는 폰번호 / 무선 사업자 / 서비스 방식 / 단말기 Type/ 단말기 제조업체 / 업체별 단말기 Type/Browser Type/Version/Screen Pixel/Screen 지원 Character 수 / Color No. 지원사항 등이 HTTP 헤더의 User_Agent 필드에 명시됩니다 .


사용자 정보 , 사용자의 단말기 정보 및 위치 정보 등 포함

해설내용 : 전송 정보는 폰번호 / 무선 사업자 / 서비스 방식 / 단말기 Type/ 단말기 제조업체 / 업체별 단말기 Type/Browser Type/Version/Screen Pixel/Screen 지원 Character 수 / Color No. 지원사항 등이 HTTP 헤더의 User_Agent 필드에 명시됩니다 .

Documents

이번 시간에는