'IT기술,개발/모바일'에 해당되는 글 7건

  1. 2010/03/05 아이폰 웹 어플 개발 / web app meta 속성
  2. 2007/01/03 각 핸드폰별 지원하는 이미지, 벨로리 포맷
  3. 2007/01/03 [LGT] Lion Browser Header (1)
  4. 2007/01/03 [LGT] STI/LGT-UP Browser Header
  5. 2007/01/03 [LGT] AUR Browser
  6. 2007/01/03 이통사별 브라우저 정보
  7. 2007/01/03 [KTF] ME/KUN Browser Header
2010/03/05 18:49

아이폰 웹 어플 개발 / web app meta 속성

2010/03/05 18:49 in IT기술,개발/모바일
크리에이티브 커먼즈 라이선스
Creative Commons License

<meta name="viewport" content="width=device-width,height=device-height,user-scalable=yes,initial-scale=1.0">

 

 

아이팟/아이폰 에서의 웹 인식 메타태그인 viewport 수정으로 일부 웹 어플리케이션과 비슷한 효과를 낼 수 있습니다. 실질적인 ipa 개발과는 조금 우회적인 방법으로 웹환경을 이용하는 wifi망에서 작업을 할 때 용이한 프로그래밍을 할 수 있습니다.

 

device-height / device-width  - 모바일 장비의 수평과 수직 스케일

user-scalable=yes - 사용자가 줌 인/아웃을 가능케 할 것인지 여부 네이버모바일은 설정 no

initial-scale=1.0 - 실제 보이는 화면을 조금 더 큰 비율로 먼저 확대해서 보여주는 옵션 숫자가 클수록 확대

 

애플에서 발췌한 옵션값 내용

Table 1  Viewport properties

Property

Description

width

The width of the viewport in pixels. The default is 980. The range is from 200 to 10,000.

You can also set this property to the constants described in “Special viewport property values.”

Available on iPhone OS 1.0 and later.

height

The height of the viewport in pixels. The default is calculated based on the value of the width property and the aspect ratio of the device. The range is from 223 to 10,000 pixels.

You can also set this property to the constants described in “Special viewport property values.”

Available on iPhone OS 1.0 and later.

initial-scale

The initial scale of the viewport as a multiplier. The default is calculated to fit the webpage in the visible area. The range is determined by the minimum-scale and maximum-scale properties.

You can set only the initial scale of the viewport—the scale of the viewport the first time the webpage is displayed. Thereafter, the user can zoom in and out unless you set user-scalable to no. Zooming by the user is also limited by the minimum-scale and maximum-scale properties.

Available on iPhone OS 1.0 and later.

minimum-scale

Specifies the minimum scale value of the viewport. The default is 0.25. The range is from >0 to 10.0.

Available on iPhone OS 1.0 and later.

maximum-scale

Specifies the maximum scale value of the viewport. The default is 1.6. The range is from >0 to 10.0.

Available on iPhone OS 1.0 and later.

user-scalable

Determines whether or not the user can zoom in and out—whether or not the user can change the scale of the viewport. Set to yes to allow scaling and no to disallow scaling. The default is yes.

Setting user-scalable to no also prevents a webpage from scrolling when entering text in an input field.

Available on iPhone OS 1.0 and later.

Table 2  Special viewport property values

Value

Description

device-width

The width of the device in pixels.

Available on iPhone OS 1.1.1 and later.

device-height

The height of the device pixels.

Available on iPhone OS 1.1.1 and later.

링크 : http://developer.apple.com/safari/library/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html

'IT기술,개발 > 모바일' 카테고리의 다른 글

아이폰 웹 어플 개발 / web app meta 속성  (0) 2010/03/05
각 핸드폰별 지원하는 이미지, 벨로리 포맷  (0) 2007/01/03
[LGT] Lion Browser Header  (1) 2007/01/03
[LGT] STI/LGT-UP Browser Header  (0) 2007/01/03
[LGT] AUR Browser  (0) 2007/01/03
이통사별 브라우저 정보  (0) 2007/01/03
[KTF] ME/KUN Browser Header  (0) 2007/01/03

Posted by 길이
Tag meta태그, 아이폰, 웹어플
Trackback 0 Comment 0
2007/01/03 13:42

각 핸드폰별 지원하는 이미지, 벨로리 포맷

2007/01/03 13:42 in IT기술,개발/모바일
크리에이티브 커먼즈 라이선스
Creative Commons License

// 이미지 포맷

구분 SK-WML UP-WML MHTML
흑백(2C) wbmp, sis wbmp nbmp, sis
4그레이(4C) sis sis nbmp, sis
256컬러 sis sis sis, gif
6만 5천 컬러이상 sis, jpg, bmp sis, jpg sis, gif, jpg




// 벨소리 포맷

구분 SK-WML UP-WML MHTML
1POLY .dat(dat) [1KB이하] .mid(dat) [94B이하] .nsnd(dat) [94B이하]
4POLY .ma1(ma1) [2KB이하] 없음 .ma1(ma1) [1.8KB이하]
16POLY .mmf(ma2) [4KB이하] .mmf(ma2) [64KB이하] .ma2(ma2) [24KB이하]
40POLY .mmf(ma3) [20KB이하] .mmf(ma3) [64KB이하] .ma3(ma3) [45KB이하]
60POLY .mmf(ma5) [40KB이하] .mmf(ma5) [64KB이하] .ma5(ma5) [80KB이하]

'IT기술,개발 > 모바일' 카테고리의 다른 글

아이폰 웹 어플 개발 / web app meta 속성  (0) 2010/03/05
각 핸드폰별 지원하는 이미지, 벨로리 포맷  (0) 2007/01/03
[LGT] Lion Browser Header  (1) 2007/01/03
[LGT] STI/LGT-UP Browser Header  (0) 2007/01/03
[LGT] AUR Browser  (0) 2007/01/03
이통사별 브라우저 정보  (0) 2007/01/03
[KTF] ME/KUN Browser Header  (0) 2007/01/03

Posted by 길이
Tag 모바일, 브라우저, 포맷
Trackback 0 Comment 0
2007/01/03 13:40

[LGT] Lion Browser Header

2007/01/03 13:40 in IT기술,개발/모바일
크리에이티브 커먼즈 라이선스
Creative Commons License


Variable Value
 HTTP_USER_AGENT
 필드		  ABC DDDDDDDD EE FFF GGGHHHIIJJKKLLMMNNNNNNNNNNNOOOPPPQQQ
 USER_AGENT 예제  1 5 2 LGLP8800 08 410 176202 1610 1206 18 01193842614V1FJ02E02


TYPE 의미 설정값 비고
A 이동통신사업자 1 LGTelecom
2 SK텔레콤
3 KTF
B 서비스 방식 1 WAP 1.1
2 WAP 1.2
3 UP 3.1
4 UP 4.1
5 WAP2.0
C 단말기 Type 1 PCS
2 PCS
3 Smart Phone
4 PDA
5 무선모뎀
DDDDDDDD 단말 모델명 예) LGLP8800
EE 브라우저 종류 08 WAP2.0 Lion Browser
09 WAP2.0 EXE Browser
FFF 브라우저 버전 000~999 정수 *410 : 4.1.0 버전
GGGHHH LCD 가로/세로 Pixel 0~999 * 0~999 정수
IIJJ LCD 가로 문자수/세로
라인수		 0~99 * 0~99 정수 문자수(영문 기준)
KKLL Font Pixel Size 00~99 * 00~99 정수 *0612 : 가로*세로
MM LCD Color 01 흑백
02 4 그레이
08 256 칼라
16 65536 칼라
18 260,000 칼라
NNNNNNNNNNN 휴대폰 번호 01901234567 / 01912345678 국번 포함
OOO 단말기에서 지원되는
부가서비스 구분		 E2E:V01(=V00000001) 구분이 필요한
부가서비스 최대 8개
2G Character :
V02(=V00000010)
LBS:V04(=V00000100)
VOD:V08(=V00001000)
MMS:V10(=V00010000)
Ex) E2E + 2G + LBS
=V07(=V00000111)
PPP 단말기에서 지원되는 JAVA J00:자바 지원안함 부가 서비스와는
다르게 중복 불가능
J01:Kittyhawk 1.0 지원
J02:midp 지원
J03:Kittyhawk 1.1 지원
QQQ Extension Service E01:wallet 　
E02:Java App용 E2E
          ::: LGT의 새로운 Browser는 위와 같은 형태로 단말기 정보가 적용 될 것이다. :::

'IT기술,개발 > 모바일' 카테고리의 다른 글

아이폰 웹 어플 개발 / web app meta 속성  (0) 2010/03/05
각 핸드폰별 지원하는 이미지, 벨로리 포맷  (0) 2007/01/03
[LGT] Lion Browser Header  (1) 2007/01/03
[LGT] STI/LGT-UP Browser Header  (0) 2007/01/03
[LGT] AUR Browser  (0) 2007/01/03
이통사별 브라우저 정보  (0) 2007/01/03
[KTF] ME/KUN Browser Header  (0) 2007/01/03

Posted by 길이
Tag LGT, 모바일, 브라우저
Trackback 0 Comment 1
  1. Favicon of http://lael.be BlogIcon 라엘 2009/10/06 13:01 address edit & del reply

    모바일 WAP 이통3사 로그페이지를 만들고 있습니다.

    많은 도움 되었습니다.

    덧글을 남길 수 밖에 없군요 ㅎㅎ

2007/01/03 13:40

[LGT] STI/LGT-UP Browser Header

2007/01/03 13:40 in IT기술,개발/모바일
크리에이티브 커먼즈 라이선스
Creative Commons License


현재 UP Browser3.1과 4.1의 HTTP Request Header 정보는 AUR Browser와는 다른 형태이다. * LGT CX-300L 기준 (UP Browser 4.1)

Variable Value 의미
HTTP_USER_AGENT LGE-P520V01J01/1.0 UP.Browser/4.1.21c UP.Link/4.2.1.2
▶ V??J??의 의미는 다음과 같다.

-제조사 및 기종명
-캐릭터,멜로디,
VM 정보
-브라우저 정보
-Gateway 정보
HTTP_X_UP_SUBNO *********-*******_airnet019.ezweb019.com SID
(가입자 정보)
HTTP_X_UP_DEVCAP
_SCREENCHARS		 19,11 스크린 가로*세로
문자수
HTTP_X_UP_DEVCAP
_MAX_PDU		 2984 최대 허용 데이터
사이즈
HTTP_X_UP_DEVCAP
_MSIZE		 6,12 한 폰트의 픽셀
사이즈
HTTP_X_UP_DEVCAP
_SCREENDEPTH		 8 LCD Color
(256color)
HTTP_X_UP_DEVCAP
_SCREENPIXELS		 114,132 스크린 가로*세로
픽셀
SUBNO(SID) 정보
Header 포맷		 ▶SUBNO는 UP Browser와 AUR Browser의 HTTP HEADER에
모두 포함되어 있다.

▶ 숫자 Sequence와 일련번호의 자릿수는 일정하지 않다.
   

* SK-신세기통신 LG-i1000 기준(UP Browser 3.1)

Variable Value 의미
HTTP_USER_AGENT UP.Browser/3.1.04-LG13 UP.Link/4.1.1.3 제조사/브라우저
/Gateway
HTTP_X_UP_SUBNO _wap.itouch017.com SID(가입자 정보)
HTTP_X_UP_DEVCAP_SCREENCHARS 25,9 스크린 가로*세로
문자수
HTTP_X_UP_DEVCAP_MAX_PDU 1492 최대 허용 데이터
사이즈
HTTP_X_UP_DEVCAP_MSIZE 5,12 한 폰트의 픽셀
사이즈
HTTP_X_UP_DEVCAP_SCREENDEPTH 1 LCD Color (흑백)
HTTP_X_UP_DEVCAP_SCREENPIXELS 128,112 스크린 가로*세로
픽셀
SUBNO(SID) 정보 Header 포맷 ▶SK신세기통신의 SUBNO는 위의 LGT와 비교하면 숫자 Sequence가 없다.

'IT기술,개발 > 모바일' 카테고리의 다른 글

아이폰 웹 어플 개발 / web app meta 속성  (0) 2010/03/05
각 핸드폰별 지원하는 이미지, 벨로리 포맷  (0) 2007/01/03
[LGT] Lion Browser Header  (1) 2007/01/03
[LGT] STI/LGT-UP Browser Header  (0) 2007/01/03
[LGT] AUR Browser  (0) 2007/01/03
이통사별 브라우저 정보  (0) 2007/01/03
[KTF] ME/KUN Browser Header  (0) 2007/01/03

Posted by 길이
Tag 모바일, 브라우저
Trackback 0 Comment 0
2007/01/03 13:39

[LGT] AUR Browser

2007/01/03 13:39 in IT기술,개발/모바일
크리에이티브 커먼즈 라이선스
Creative Commons License


Variable Value
HTTP_USER_AGENT
필드		 ABCDDEEFFGGGHHHIIIJJKKLLMMNNOOOOOOOOOOOPPPQQQRRR
2004.01월 번호 이동 후 000 앞자리 3자리 추가
(010,011,016,017,018,019)
USER_AGENT 예제 1 2 2 HD 01 07100128130180912121601002193625V17J02E02


TYPE 의미 설정값 비고
A 이동통신사업자 1 LGTelecom
2 SK텔레콤
3 KTF
B 서비스 방식 1 WAP 1.1
2 WAP 1.2
3 UP 3.1
4 UP 4.1
C 단말기 Type 1 PCS
2 PCS
3 Smart Phone
4 PDA
5 무선모뎀
DD 단말기 제조업체 SS 삼성
HD 현대
LG LG
HH 한화
MT 모토롤라
NO 노키아
ST 스탠더드 텔레콤
TT 텔슨정보통신
PC PCS 텔레콤
IN 인터큐브
SW 세원텔레콤
EE 업체별 단말기 모델 업체별로 01~99 부여 LG01은 LG의 I-COM
FF 브라우저 제조사 00 AU System
01 Phone.com
02 Ericsson
03 Nokia
04 LG 정보통신
05 Telson전자(TWAP)
07 JAVA (Kbrowser)
GGG 브라우저 버전 000~999 정수 *200 : 2.0.0 버전
HHHIII LCD 가로/세로 Pixel 0~999 * 0~999 정수
JJKK LCD 가로 문자수/세로
라인수		 0~99 * 0~99 정수 문자수(영문 기준)
LLMM Font Pixel Size 00~99 * 00~99 정수 *0612 : 가로*세로
NN LCD Color 01 흑백
02 4 그레이
08 256 칼라
16 65536 칼라(maximum)
OOOOOOOOOOO 휴대폰 번호 01012345678 010,011,016,017,018,019 3자리 추가됨
PPP 단말기에서 지원되는
부가서비스 구분		 E2E:V01(=V00000001) 구분이 필요한
부가서비스 최대 8개
2G Character :
V02(=V00000010)
LBS:V04(=V00000100)
VOD:V08(=V00001000)
MMS:V10(=V00010000)
Ex) E2E + 2G + LBS
=V07(=V00000111)
QQQ 단말기에서 지원되는 JAVA J00:자바 지원안함 부가 서비스와는
다르게 중복 불가능
J01:Kittyhawk 1.0 지원
J02:midp 지원
J03:Kittyhawk 1.1 지원
RRR Extension Service E01:wallet 　
E02:Java App용 E2E
          ::: LGT의 새로운 K Browser는 위와 같은 형태로 단말기 정보가 제공된다. :::


'IT기술,개발 > 모바일' 카테고리의 다른 글

아이폰 웹 어플 개발 / web app meta 속성  (0) 2010/03/05
각 핸드폰별 지원하는 이미지, 벨로리 포맷  (0) 2007/01/03
[LGT] Lion Browser Header  (1) 2007/01/03
[LGT] STI/LGT-UP Browser Header  (0) 2007/01/03
[LGT] AUR Browser  (0) 2007/01/03
이통사별 브라우저 정보  (0) 2007/01/03
[KTF] ME/KUN Browser Header  (0) 2007/01/03

Posted by 길이
Tag 모바일, 브라우저
Trackback 0 Comment 0
2007/01/03 13:36

이통사별 브라우저 정보

2007/01/03 13:36 in IT기술,개발/모바일
크리에이티브 커먼즈 라이선스
Creative Commons License
* 현재와 향후 출시 예정인 무선인터넷 지원 휴대폰의 특징에 대해서 브라우저 종류   및 버전별로 살펴보도록 합니다.
구 분 브라우저 지원 언어 지원 이미지 지원 멜로디
SKT(011,017) NG
Browser		 WML20
(xHTML Basic1.0)
[개발 Guide 다운]		 흑백, 4gray, 칼라 1,4,16,40poly
AUR
Browser		 SK-WML1.1 흑백, 4gray, 칼라 1,4,16,40poly
신세기(017) [iTouch지원] UP4.1 UP-WML1.2 흑백 bmp/wbmp Browser
지원 안함
UP3.1 HDML 흑백 bmp Browser
지원 안함
KTF(016,018) KUN/1.0 KUN용 HTML3.2
[개발 Guide 다운]		 칼라 jpg, sis 1,4,16, 40poly
ME 13 MHTML 칼라 gif, sis 1,4,16, 40poly
ME 12C MHTML 칼라 gif, sis 1,4,16, 40poly
ME 12 MHTML 4gray nbmp, gif, sis 1,4,16poly
ME111 MHTML 흑백 nbmp,sis 1poly
ME10/101 MHTML 지원 안함 지원 안함
PICO 10/11 MHTML(sHTML) 지원 안함 지원 안함
PIM 20/30 MHTML(sHTML) 지원 안함 지원 안함
LGT AUR
Browser		 SK-WML1.1 흑백 wbmp 1,4,16poly
UP4.1 Browser UP-WML1.2 흑백 bmp/wbmp Browser
지원 안함
UP3.1 Browser HDML 흑백 bmp Browser
지원 안함


* 브라우저별 이미지/멜로디 지원 현황
현재까지 약 300여 기종 이상의 무선인터넷 지원 휴대폰이 출시되어 있다. 향후 무수히 많은 휴대폰들이 출시될 것이며, 이들의 대부분은 칼라 LCD, 카메라 내장형의 멀티미디어를 지원하게 될 것이다.

컴퓨터의 브라우저가 Upgrade 되었을 경우에는 서버를 구축하는 입장에서 최적으로 사이트를 접속할 수 있는 브라우저 종류와 버전을 표시함으로써, 그리고 최신 버전을 다운로드 받을 수 있는 사이트를 링크함으로써 사용자에게 브라우저 Software의 Upgrade나 교체를 유도할 수 있다.

무선인터넷의 경우 휴대폰 사용자는 직접 브라우저를 Upgrade하는 것이 불가능하며, 대부분의 이미 출시된 휴대폰은 브라우저 업그레이드를 휴대폰 제조사들이 지원해 주지 않는다. 이는 엄청난 비용이 발생하기 때문일 것이다.

무선인터넷이 비즈니스적으로 수익 모델 수립이 용이하다고는 하나, 서버를 구축하는 입장에서 접속자의 휴대폰에 대해서 제대로 된 정보를 제공해 주기위해서는 적지 않은 개발 및 유지보수 비용이 발생하게 된다.

'IT기술,개발 > 모바일' 카테고리의 다른 글

아이폰 웹 어플 개발 / web app meta 속성  (0) 2010/03/05
각 핸드폰별 지원하는 이미지, 벨로리 포맷  (0) 2007/01/03
[LGT] Lion Browser Header  (1) 2007/01/03
[LGT] STI/LGT-UP Browser Header  (0) 2007/01/03
[LGT] AUR Browser  (0) 2007/01/03
이통사별 브라우저 정보  (0) 2007/01/03
[KTF] ME/KUN Browser Header  (0) 2007/01/03

Posted by 길이
Tag 모바일, 브라우저
Trackback 0 Comment 0
2007/01/03 13:33

[KTF] ME/KUN Browser Header

2007/01/03 13:33 in IT기술,개발/모바일
크리에이티브 커먼즈 라이선스
Creative Commons License


KTF의 삼성전자 SPH-X7000 모델의 브라우저 정보를 분석해 보면 다음과 같다.

Variable Value 의미
HTTP_USER_AGENT Mozilla/1.01
(compatible;MSMB13;
SPHX7000;CellPhone)		 제조사/브라우저
/Gateway
HTTP_PHONE_NUMBER 또는 HTTP_HTTP_PHONE_NUMBER 8201612345678 휴대폰 번호
HTTP_HTTP_DEVICE_INFO
(ME13 이상버전)		 LX:120,LY:160,CL:16 가로/세로 필셀, LCD
칼라
HTTP_HTTP_DRIVER_INFO
(ME13 이상버전)		 IMG:MSIS|NBMP|GIF,
SND:SMAF|MA3		 이미지, 멜로디 지원정보


* KTF의 경우 HTTP Request Header의 정보가 가장 빈약하다. 이는, 브라우저 버전과 휴대폰 기종 정보만으로 서버 구축을 해야 한다는 의미이다. 즉, SPH-X2500 휴대폰의 LCD칼라(256), LCD Pixel(128*96) 등에 대한 정보를 서버에서 미리 등록을 해 두어야 한다. 실제로 KTF의 경우는 가입자의 휴대폰 기종을 미리 등록해 놓았기 때문에 쉽게 서비스가 가능하나, 제 3의 개발 회사들이 mHTML 사이트를 개발하는데 있어서 많은 어려움을 겪을 수 밖에 없다
KTF에서 채택한 브라우저의 종류와 특징에 대해서 간단히 살펴 보도록 하자.

브라우저 종류 UserAgent String 비고
KUN KUN/1.0 HTML3.2 준함
KUN KUN/1.0.5 HTML3.2 준함
KUN KUN/1.2 HTML3.2 준함
KUN KUN/1.2.1 HTML3.2 준함
ME142 MSMB142 Microsfot사의 mHTML 1.4.2
ME14 MSMB14 Microsfot사의 mHTML 1.4
ME13 MSMB13 Microsfot사의 mHTML 1.3
ME1.2C MSMB12C Microsoft사의 mHTML 1.2C
ME1.2 MSMB12 Microsoft사의 mHTML 1.2
ME1.1.1 MSMB111 Microsoft사의 mHTML 1.1
ME1.0/1.0.1 MSMB10/101 Microsoft사의 mHTML 1.0
PICO1.0 PICO1.0 삼성 AnyWeb mini HTML
PICO1.1 PICO1.1 삼성 AnyWeb mimi HTML
PIM2.0 PIM2.0 삼성 SHTML
PIM3.0 PIM3.0 삼성 SHTML
                                    [표] 브라우저 종류에 따른 UserAgent

브라우저 종류 UserAgent img btn meta accesskey frame table
ME1.0/1.0.1 MSMB10/101 무시 O 무시 무시 무시 무시
ME1.1.1 MSMB111 흑백 O O O 무시 무시
ME1.2 MSMB12 4 그레이 O O O O O
ME1.2C MSMB12C 256 칼라 O O O O O
ME1.3 MSMB13 그레이/
칼라		 O O O O O
KUN KUN/1.0 그레이/
칼라		 O O O O O
PICO*.* PICO*.* 무시 - 무시 O 무시 무시
PIM*.* PIM*.* 무시 무시 O 무시 무시 무시
PIM3.0 PIM3.0 4Gray 무시 O 무시 무시 무시
                                    [표] 브라우저 종류에 따른 특징


'IT기술,개발 > 모바일' 카테고리의 다른 글

아이폰 웹 어플 개발 / web app meta 속성  (0) 2010/03/05
각 핸드폰별 지원하는 이미지, 벨로리 포맷  (0) 2007/01/03
[LGT] Lion Browser Header  (1) 2007/01/03
[LGT] STI/LGT-UP Browser Header  (0) 2007/01/03
[LGT] AUR Browser  (0) 2007/01/03
이통사별 브라우저 정보  (0) 2007/01/03
[KTF] ME/KUN Browser Header  (0) 2007/01/03

Posted by 길이
Tag KTF, kun, me, 모바일, 브라우저
Trackback 0 Comment 0
prev Prev 1 Next next