이번 시간에는... 지난 시간에는 국내 이동통신사별 컨텐츠 제작 가이드 중, SKT 컨텐츠 제작 가이드에 대해, 이동통신사별 모바일 컨텐츠 제작 규격 사항, SK텔레콤의 WAP 컨텐츠 제작 가이드 및 컨텐츠 제공 방법에 대해 알아보았습니다. 이번 시간에는 국내 이동통신사별.

이번 시간에는... 지난 시간에는 국내 이동통신사별 컨텐츠 제작 가이드 중, SKT 컨텐츠 제작 가이드에 대해, 이동통신사별 모바일 컨텐츠 제작 규격 사항, SK텔레콤의 WAP 컨텐츠 제작 가이드 및 컨텐츠 제공 방법에 대해 알아보았습니다. 이번 시간에는 국내 이동통신사별 컨텐츠 제작 가이드 그 두번째 시간으로 KTF 컨텐츠 제작 가이드에 대해 학습해 보도록 하겠습니다.

학습 목표 국내 이통사별 컨텐츠 제작 가이드 – II KTF 컨텐츠 제작 가이드
23 회차 강의에서 다루게 되는 내용은 다음과 같습니다. 국내 이통사별 컨텐츠 제작 가이드 – II KTF 컨텐츠 제작 가이드 이번 장의 학습 목표 KTF의 모바일 컨텐츠 구성 레이아웃 및 메인 페이지 구성 방안에 대해 알 수 있다. KTF의 벨소리 및 이미지 컨텐츠 지원 사항에 대해 알 수 있다. KTF 지원 브라우저 및 브라우저 정보를 얻는 방법에 대해 알 수 있다. KTF의 과금 방법 및 CP 등록 절차에 대해 알 수 있다. 23 회차 강의에서는 지난시간에 걸쳐 국내 이동통신사별 컨텐츠 제작 가이드 중, KTF의 모바일 컨텐츠 제작 가이드에 대해 알아보겠습니다. 먼저, 이번 장에서는 KTF의 모바일 컨텐츠 구성 레이아웃 및 메인 페이지 구성 방안에 대해 알아보고, KTF의 벨소리 및 이미지 컨텐츠 지원 사항, 브라우저 정보 지원 및 과금 방법에 대해 알아보겠습니다. 이번 강의를 통해 여러분은 KTF의 ME 기반 모바일 서비스를 제공하기 위한 기본 사항들을 습득하게 될 것입니다.

KTF 모바일 컨텐츠 제작 가이드 KTF 모바일 컨텐츠 제작 KTF 모바일 컨텐츠 User Interface 규격
각 Level별 페이지 레이아웃, 메뉴 구성 및 URL 링크 규정, 컨텐츠별 문서 Size, Image Size 규격 및 처리 규격  KTF는 ME 방식의 mHTML 모바일 Markup 언어 지원 단말기별 지원 규격 및 브라우저 정보 규격, 정보 이용료 과금 방법 및 CP 등록 절차 & 컨텐츠 Launching 시 유의사항 KTF 모바일 컨텐츠 전체 레이아웃 기본 요구 사항 초기 페이지는 모든 컨텐츠의 메인 페이지이며, 2차 메뉴부터 발생하는 모든 ‘초기’버튼은 모두 메인으로 연결 모든 파일의 헤더에 통계를 위한 서비스 코드를 추가 모든 페이지에는 상위버튼 존재  상위버튼은 바로 앞 차수 페이지 즉, 3차는 2차, 2차는 1차 페이지로 이동, 2차 페이지부터는 [이동] 메뉴 존재  [이동]은 버튼태그로 초기버튼과 함께 링크되며 페이지의 차수와는 상관없이 모두 초기페이지로 이동 KTF의 모바일 컨텐츠에 사용하는 마크업 언어는 마이크로소프트 사의 mHTML 이며, KTF의 ME 브라우저에서 동작합니다. 이를 위해, KTF는 ME 브라우저에 최적화할 수 있는 컨텐츠의 사용자 Interface를 규격화하고 있습니다. KTF의 모바일 컨텐츠 전체 레이아웃의 기본 구조는 시작 페이지에 제공하는 컨텐츠의 로고 이미지와 함께 시작 버튼을 추가해야 합니다. 시작 버튼 클릭 후 접속하는 모든 페이지는 초기 버튼 클릭 시, 모두 컨텐츠 메인 페이지로 링크해야 하며, 그 뒤 상위 버튼은 각각 바로 앞의 페이지로 링크할 것을 규정하고 있습니다. 【서비스타이틀】 ①1차메뉴1 ②1차메뉴2 ③1차메뉴3 ④1차메뉴4 문의)☎ ◀확인 상위▶ 『1차메뉴1』 ①2차메뉴1입니다 ②2차메뉴2 ③2차메뉴3 ◀확인 상위▶ 『2차메뉴1입니다』 ①3차메뉴1 ②3차메뉴2 ③3차메뉴3 [이동] 『3차메뉴1』 ①리스트1 ②리스트2 ③리스트3 ◀확인 상위▶ < 1차 > < 2차 > < 3차 > 로고 이미지 시작 인 시작▶ < 시작페이지 > < 초기페이지 >

KTF 모바일 컨텐츠 제작 가이드 KTF 모바일 컨텐츠 레이아웃 Source KTF 모바일 컨텐츠 메인 페이지 기본 요구 사항
메인 페이지의 상위 URL은 항상 문의전화는 메인페이지 최하단에만 삽입 : 메뉴 구분선 밑에 ‘문의)☎ ’로 표기 Accesskey 는 모든 Anchor 태그에 추가(1~9 숫자 사용)  페이지에 메뉴가 하나라도 accesskey='1' 를 추가 ★친구에게 URL 전송 소스 추가 방법 url : KTF 자체적으로 성인 인증이 걸리는 서비스는 전송 URL 이 카테고리별로 다르게 구현 메인 페이지에 이미지를 삽입할 경우에는 메뉴와 분리하여 이미지를 넣은 시작페이지를 만들어 구성 【서비스타이틀】 ①1차메뉴 1 ②1차메뉴 2 ③1차메뉴 3 ④서비스안내 ★친구에게 URL전송 문의)☎ ◀확인 상위▶ <html><head><title> 서비스타이틀 </title></head><body> 【서비스타이틀】 <a href=‘menu1.asp' accesskey='1'>①메뉴 1</a> <a href=‘menu2.asp' accesskey=‘2'>②메뉴 2</a> <a href=‘menu3.asp' accesskey=‘3'>③메뉴 3</a> <a href=‘info.asp' accesskey=‘4'>④서비스안내</a> <a href=‘ …'>★친구에게 URL전송</a> <a href='tel: '>문의)☎ </a> <btn name='상위' href=' </body></html> Source 시작 인 시작▶ < 시작페이지 > 로고 이미지 < 메인페이지 > KTF의 모바일 컨텐츠 메인 페이지는 모두 번호로 된 숫자를 메뉴에 삽입해야 하며, 그 방법은 예제 소스 코드와 같습니다. 이때, 문의 전화 번호를 컨텐츠에 삽입해야 하며, HTML 태그의 링크 태그를 이용하여 예제와 같이 전화번호를 삽입하여 전화걸기 기능을 제공합니다.

KTF 모바일 컨텐츠 제작 가이드 KTF 모바일 컨텐츠 레이아웃
KUM (KTF Unified Navigator) 메인 페이지 구성 방안 KTF KUM 용 단말기에서는 웹 페이지 메뉴 방식 및 구조를 웹페이지의 특성과 폰의 제한적 화면 영역을 고려하여 구성 상단 현재 위치한 메뉴 제목 Display 카테고리별로 배경색상을 다르게 표현 가능  사용자 인지도 상승 본문 본문 상단에 주요 메뉴의 아이콘 배열  유선 웹사이트와 같은 접근성을 높일 수 있음. (아이콘 1개의 권고 가로 15 pixel * 세로 16 pixel, 최대 6개) 본문 내용 및 서브 메뉴가 위치한다. (글자폰트: 구기종 12pt, 신기종 9pt) 하단 홈페이지로부터 현메뉴에 이르기까지 tree 구조의 경로 메뉴가 위치하며, 경로메뉴가 3줄이상 진행될 경우, 주요 경로메뉴만을 보여줄 수 있음 KTF는 KUM 서비스를 지원하는 단말기에 한해서, 그림과 같은 강력한 GUI 아이콘을 가진 메뉴를 구성할 수 있습니다. KTF의 KUM 서비스는 상단 메뉴에 현제 위치한 메뉴 제목과 전체 컨텐츠의 메뉴 목록을 아이콘으로 표현해야 하며, 하단에는 메뉴 경로 와 광고 문구등이 포함됩니다. KUM의 메뉴 구성 예제는 그림과 같습니다. 상단 본문 하단 KUN 메뉴 구성

SIS (MLZ + 65000 COLOR용 가변 Pallet
KTF 모바일 컨텐츠 제작 가이드 KTF 모바일 컨텐츠 이미지 & 벨소리 지원 KTF 모바일 컨텐츠 이미지 지원 사항 이미지 용량을 반드시 준수해야 하며, 컬러 이미지 제작시 256 컬러 사용 가능 이미지 저작 툴  SIS : 네오엠텔사 ( 참조, TOY : Toysoft ( 사 참조, nBMP : KTF/M에서 무상제공, 그 밖의 JPG 및 GIF는 일반 유선상의 이미지 저작 툴로 구현 65000 Color 비고 9.9KB ↓ 20이하(10) 미리보기=4 120*96 (max 96) 128(120)*128(144,160) 256/4096 Color SIS, GIF 4.9KB ↓ 15이하(8) nBMP : ∞ 120*80 (max 80) 128*128 SIS, NBMP, GIF 4Gray 1KB↓ 13 이하nBMP : 1 128*16n (권장48, n=정수) 128*64(128) SIS, NBMP, TOY(016,018) 단색 용량 Frame Image size LCD 크기 (W * H) Image 종류 Color SIS (MLZ COLOR용 가변 Pallet 128(120)*128(160,144) 20KB ↓ 기존 Upgrade KTF가 지원하는 컨텐츠 이미지는 위의 표와 같으며 표에 지정한 용량과 사이즈를 초과하지 않도록 이미지 컨텐츠를 제작해야 합니다. KTF의 이미지 컨텐츠는, 시스(SIS) 포맷의 이미지 경우, 네오엠텔사에서 제공하는 이미지 저작툴을 사용해야 하며, GIF 또는 JPG 이미지는 기존 유선상의 이미지 저작 툴로 제작할 수 있습니다. KTF가 지원하는 벨소리 컨텐츠는 아래 표와 같으며, MA1, MA2, MA3은 일본 야마하 사에서 제공하는 변환툴을 이용하여 제작하고, CMX 경우, 퀄컴사의 저작툴을, 미디의 경우 일반 유선상의 미디 저작툴을 이용합니다. KTF 모바일 컨텐츠 벨소리 지원 사항 종류 권장 Size NSND (1 poly) 80byte 이하 MA1 (4 poly) 4.5K 이하 MA2 (16 poly), CMX (16 poly), General MIDI(16poly) 9.9K 이하 MA3 (40 poly) 30K 이하

주의 – Table 내에서 anchor 태그 적용 안됨!
KTF 모바일 컨텐츠 제작 가이드 KTF 모바일 컨텐츠 지원 브라우저 KTF 모바일 컨텐츠 브라우저별로, 지원 Spec이 다르므로, 브라우저 버전에 맞는 컨텐츠 제작 [ 브라우저별 특징] 브라우저 명 ME1.0 PICO*.* PIM*.* PIM3.0 ME1.1.1 ME1.2 ME1.2c ME13(4) User-agent 값 MSMB10 PIM/3.0 MSMB111 MSMB12 MSMB12c MSMB13(4) Img 무시 4Gray 단색 칼라 칼라-고 버튼 ○ - Meta(Reflash) accesskey frame table ※ ME13 or ME14 Ver 추가헤더값 정보 참고 KTF의 ME 브라우저는 각 버전별로 지원 스펙이 다르며, 아래 표와 같이 버전 별로 지원하는 HTML 태그가 각기 다르고, 이미지 지원 스팩 및 버튼 지원 여부가 각기 다릅니다. 따라서, KTF 용 모바일 컨텐츠 제작 시에는, 접속하는 휴대폰 단말기의 ME 브라우저 정보를 구해서 해당 브라우저에 맞는 컨텐츠를 전송해야 합니다. Frame Table Img BgSoung Tel anchor link adver Frame × ○ ○ ○ ○ ○ ○ ○ Table × ○ ○ × × × × ○ [ Frame/Table 내에서 사용가능 한 태그] 주의 – Table 내에서 anchor 태그 적용 안됨!

KTF 모바일 컨텐츠 제작 가이드 KTF 모바일 컨텐츠 지원 브라우저 KTF 모바일 컨텐츠 브라우저 버전 체크
temp = Request.ServerVariables("HTTP_USER_AGENT") temp = Ucase(temp) If instr(1, temp, "MSMB111") Then meversion = "MSMB111" ElseIf instr(1, temp, "MSMB12c") Then meversion = "MSMB12C" ElseIf instr(1, temp, “MSMB13") Then meversion = “MSMB13“ ElseIf instr(1, temp, “MSMB14") Then meversion = “MSMB14" ElseIf instr(1, temp, "PIM/3.0") Then meversion = "PIM3.0" ElseIf instr(1, temp, "MSMB12") Then meversion = "MSMB12" Else meversion = "MSMB10/PIM*.*/PICO*.*" End If KTF 모바일 컨텐츠 브라우저 버전 체크 다음 소스 코드는 ASP 에서 브라우저별 버전 체크를 수행하는 소스 코드 예제 KTF 모바일 컨텐츠 브라우저 헤더 정보 ALL_HTTP = Request.ServerVariables("ALL_HTTP")  ALL_HTTP값을 가져와서 디바이스,코덱정보를 추출 예) HTTP_HTTP_DEVICE_INFO:LX:120,LY:128,CL:8 각 필드는 ','(쉼표)로 구분 , 각필드사이엔 공백문자 없슴 LX, LY : LCD-Size CL : color체크  2 : 4Gray, 8 : 256 컬러, 12 : 4096 컬러, 16 : 64K 컬러, 24 : True 컬러 코덱(이미지, 사운드) 정보 예) HTTP_HTTP_DRIVER_INFO:IMG:MSIS|NBMP|GIF,SND:MMF|SMAF 여러개의 Image, sound 포맷을 지원할 경우 '|'(or)로 구분 필드는 ','(쉼표)로 구분, 각필드사이엔 공백문자 없슴 앞서 설명한 바와 같이, KTF의 ME 브라우저별로, 지원하는 스팩이 다르기때문에 KTF용 컨텐츠 제작 시에는 각각의 ME 브라우저 버전에 맞는 컨텐츠를 전달해야 합니다. ME 브라우저 정보를 구하는 방법은 예제 소스와 같이 KTF가 HTTP 헤더와 함께 전송하는 브라우저 정보를 이용하여 그 버전 정보와 휴대폰 단말기 LCD 지원 정보, 그리고 단말기 지원 이미지 및 사운드 정보를 구할 수 있습니다.

KTF 모바일 컨텐츠 제작 가이드 KTF 모바일 컨텐츠 정보 이용료 건당 과금, 일정액 및 월정액 과금 지원
유료 서비스는 과금방식에 따라 건당/일정액/월정액 세가지로 나뉘며 초기페이지에는 ‘정보이용료안내’ 메뉴가 있어야 함 건당 과금  그림의 [*]이하는 모두 건당 과금, 이때, 목록 조회에 해당하는 2차 메뉴를 비과금 처리 일정액  그림의 일정액 부분, 사용자가 이 메뉴 선택 시, 일정액 요금 안내가 있어야 함 [ 건당/일정액 ] [건당 과금] 【서비스타이틀】 ①1차메뉴1 ②1차메뉴2 ③1차메뉴3 ④정보이용료안내 문의)☎ ◀확인 상위▶ 『1차메뉴1』 ①2차메뉴1 ②2차메뉴2 ③2차메뉴3* ◀확인 상위▶ 『2차메뉴1』 ①3차메뉴1* ②3차메뉴2* ③3차메뉴3* [이동] ◀확인 상위▶ 『3차메뉴1』 서비스 내용…… [이동] ◀확인 상위▶ KTF의 모바일 컨텐츠는 건당 과금, 일정액 및 월정액 과금을 지원하며, 컨텐츠의 초기 페이지에 정보 이용료 안내 메류를 제공할 것을 규정하고 있습니다. 건당 과금 방법 및 일정액 과금 플로우는 그림과 같습니다. [일정액 과금] [일정액요금안내] 이 서비스는 이용 횟수 에 관계없이 일정액 00원이 부가 됩니다. 이용하시겠습니까? ①예 ②아니요 ◀확인 상위▶ 『2차메뉴3』 ①3차메뉴1 ②3차메뉴2 ③3차메뉴3 [이동] ◀확인 상위▶ 『3차메뉴1』 ①4차메뉴1 ②4차메뉴2 ③4차메뉴3 [이동] ◀확인 상위▶ 『4차메뉴1』 서비스 내용…… [이동] ◀확인 상위▶ [정보이용료안내] ①2차메뉴1은 [*]이후부 터 통화료 외 건당 별도의 정보 이용료 00원이 부가 됩니다. ②2차메뉴3은 일정액….

KTF 모바일 컨텐츠 제작 가이드 KTF 모바일 컨텐츠 정보 이용료 월정액 과금 지원
월정액 서비스는 건당/일정액과 달리 가입과 해지 메뉴가 반드시 있어야 함 월정액 과금 플로우 『유료메뉴』 ①메뉴1 ②메뉴2 ③메뉴3 [이동] ◀확인 상위▶ [ 월정액 ] [서비스타이틀] ①들어가기 ②이용안내 ③가입해지 문의)☎ ◀확인 상위▶ [서비스타이틀] 본 서비스는 가입신청 후 월 00원의 기본료가 부과됩니다. ①가입하기 ②서비스소개 ③정보이용료 안내 ◀확인 상위▶ 가입 해지하시겠습니까? ①예 ②아니요 ◀확인 상위▶ 가입 신청하시겠습니까? 『이용안내』 ①서비스소개 ②이용방법 ③정보이용료안내 ④공지사항 【매직엔메뉴】 ①서비스타이틀 ②○○○ ③○○○ ④○○○ ◀확인 상위▶ [ 가입자 ] [ 처음 방문자/미가입자 ] KTF의 모바일 컨텐츠의 월정액 과금 플로우는 그림과 같으며, 이때 주의할 점은 월정액 가입 및 해지 메류를 삽입하여 가입의 경우에만 월정액 컨텐츠로 링크하도록 컨텐츠를 구행해야 합니다.

KTF 모바일 컨텐츠 제작 가이드 KTF 모바일 컨텐츠 정보 이용료 과금 방법
과금될 파일은 예제 소스 코드와 같이 링크 URL 뒤에 ?ktfid=idr 이라고 파라메터를 넘겨 과금파일 로그로 분류 유료 컨텐츠를 구성하는 모든 파일의 경로 또는 특정 폴더에 과금될 모든 파일을 넣은 후 폴더명을 KTF에 지정하여 해당 컨텐츠 액세스시 과금 처리  이때 폴더 생성 후, 그 안에 과금될 파일을 저장하는 방식 권유 MagicN 폴더 내의 모든 파일을 과금하는 경우: 과금되는 파일을 하나의 폴더에 저장하여 과금, 이 경우 해당 폴더에 있는 모든 파일은 과금방식에 따라서 과금 되며, 단, 파라메터로 ?ktfid=idr 이 있어야 함 각각의 파일로 과금하는 경우 : 과금되는 모든 파일의 경로(URL)를 지정 해야 하며, 위의 방식과 동일하게 파라메터로 ?ktfid=idr 이 있어야 함 [/magicn/index.asp] KTF의 과금 방법은 KTFID 필드를 삽입하여 전송함으로써, KTF의 과금 서버에 의해 컨텐츠 Hit 수, 일정액 등록 여부, 월정액 등록 여부에 따라 과금됩니다. KTF는 월정액 과금 컨텐츠에 대해서는 특정 폴더를 만들어 해당 폴더에 월정액 과금 컨텐츠를 저장하는 방식을 권장하며, 이때에도 KTFID 값을 삽입하여야 컨텐츠 과금이 이루어집니다. [menu1.asp] [/magicn/index.asp 소스 ] 『2차메뉴1』 ①3차메뉴1* ②3차메뉴2* [이동] ◀확인 상위▶ 『3차메뉴1』 과금이 되는 페이지 입니다….. [이동] ◀확인 상위▶ 『2차메뉴1』 <a href=‘magicn/menu1.asp?ktfid=idr’>①3차메뉴1*</a> <a href=‘magicn/menu2.asp?ktfid=idr’>②3차메뉴2*</a> <a href=‘magicn/menu3.asp?ktfid=idr’>③3차메뉴3*</a> …. 이하 생략

KTF 모바일 컨텐츠 제작 가이드 KTF 모바일 플랫폼 및 SKT CP 등록 가이드
MAP (Mobile Application S/W Plug-in Service) 모빌탑 2001년 3월부터 KTF, 한국통신엠닷컴에서 서비스 시작, C 기반 개발 환경 지원  현재 지원 단말기 감소 Visual C++을 이용해 개발 가능 (BREW와 동일) Brew 퀄컴사에서 개발한 모바일 플랫폼  퀄컴 Brew 지원 사이트 ( 관련 Tool 및 문서 다운로드 KTF 공식 Brew 개발 지원 사이트 (  Brew 개발 Tip, Simulator 및 SDK 제공 C 기반으로 Visual C++를 이용하여 개발 가능 WIPI KTF 공식 WIPI 개발 지원 사이트 ( 제공하는 SDK Toolkit 및 관련 문서 다운로드 가능 KTF가 지원하는 모바일 플랫폼은 모빌탑과 브루가 있으며, 최근의 위피를 지원합니다. 브루의 경우, KTF 브루 개발 지원 사이트 및 퀄컴사의 브루 개발자 사이트를 통해 브루 개발용 SDK 와 관련 문서를 다운로드 받을 수 있습니다. KTF를 통한 컨텐츠를 제공하기를 희망하는 사업자는 KTF 의 온라인 사업 제안 사이트를 통해 온라인으로 컨텐츠 제공 사업 제안서를 제출하면 됩니다. KTF에 CP 사업제안 시 유의사항으로, 수익성있는 컨텐츠를 제안해야 하며, 모바일 컨텐츠의 장점을 살릴 수 있고, 기존 컨텐츠와 중복되지 않아야 합니다. KTF CP 등록 절차 KTF 사의 온라인 사업 제안 사이트 ( 접속하여 업체 등록 및 Online으로 CP 및 솔루션 사업 제안 사업 제안 채택 시, CID를 부여 받고, 서비스 개발 및 검증 후, 상용 서비스 시작 컨텐츠는 매직엔 컨텐츠 및 VM 기반 마법사 컨텐츠로 구분

요약 정리 이번 시간에 소개했던 내용을 정리해 봅시다.
KTF의 모바일 컨텐츠 구성 레이아웃 및 메인 페이지 구성 방안에 대해 알아보았습니다. KTF의 벨소리 및 이미지 컨텐츠 지원 사항에 대해 알아보았습니다. KTF 지원 ME 브라우저 및 컨텐츠 제공 시, 휴대폰 단말기의 브라우저 정보를 얻는 방법을 학습하였습니다. KTF의 과금 방법 및 CP 등록 절차에 대해 알아보았습니다. 다음 시간에는 모바일 네트워크 기술 - I에 대하여 학습하시게 될 것입니다.

평가 하기 문제1 KTF의 모바일 컨텐츠 UI 규격에 대해 말해 보시오 정답은 다음과 같습니다.
단말기별 ME 브라우저에 따른 컨텐츠 UI 제공 방식 규정 해설내용: KTF의 UI 규격은 브라우저별 지원 스팩 규정, 각 Level별 페이지 레이아웃, 메뉴 구성 및 URL 링크, 컨텐츠별 문서 Size, Image Size 및 Image 처리 규격 정의, 문제2 KTF의 Image 컨텐츠 지원 Format에 대해 말해보시오 정답은 다음과 같습니다. SIS, NBMP, TOY, GIF 이미지 지원 해설내용: KTF용 이미지 컨텐츠는 KTF 컨텐츠 규격에 규정하는 이미지 용량을 반드시 준수해야 하며, 컬러 이미지 제작시 256 컬러 사용이 가능합니다. 지원 이미지의 포맷은 네오엠텔사의 SIS 포맷, Toysoft사의 TOY 포맷과 nBMP 및 GIF 포맷을 지원합니다.

Similar presentations

Similar presentations

About project

지원

로그인

Auth with social network:

Similar presentations

Similar presentations

About project

지원