WML(Wireless Markup Language)

WML(Wireless Markup Language) 정보통신연구실 석사2학기 박정은 992COG13@mm.ewha.ac.kr

WML의 등장배경(1) • 지구촌 이동통신 사용인구는 급격히 증가 • 현재 300 million정도의 이동통신인구 추정 • 이는 인터넷 인구의 2배 • 2005년에는 1 billion이 될 것으로 예상 • 무선 단말기(휴대폰,PDA,Pager,etc)를 통해 언제·어디에서나 인터넷에 접근하고자 하는 욕구 증가

WML의 등장배경(2) • 기존의 HTML이 왜 부적합한가 • 기존의 단말기 • 작은 디스플레이 • 제한된 사용자 입력 설비 • 좁은 대역폭을 가진 네트워크 연결 • 제한된 메모리자원과 CPU • 따라서 작은 디스플레이와 자원을 필요로하는 WML이 효과적

기존의 WWW 모델

왜 HTTP/HTML이 적합하지 않은가?

WAP(Wireless Application Protocol) • 이동 사용자들이 무선 장치를 사용해 쉽게 정보나 서비스를 제공받을 수 있게 하는 프로토콜의 총칭

WAP 계층구조

WAP 기술의 구성요소(1) • WAE(Wireless Application Environment) • application layer로서 서비스 제공자와 이동 사용자가 서로 상호 통신을 할 수 있는 환경 제공 • WAP 브라우저,WML, WMLScript 포함 • WSP(Wireless Session Protocol) • WAE에게 Session 서비스를 제공 • WTP(Wireless Transaction Protocol) • 데이터그램 서비스 위에서 transaction -oriented서비스 제공 & reliable한 데이터 전송 제공

WAP기술의 구성요소(2) • WTLS(Wireless Transport Layer Security) • TLS(Transport Layer Security)에 기반을 둔 security 프로토콜 • Data integrity, Privacy, Authentication제공 • WDP(Wireless Datagram Protocol) • connectionless,unreliable한 데이터그램 서비스를 제공 • 전송매체(bearers) • SMS,USSD,CDMA 등을 모두 지원

WAP이 제공하는 기능들 • 교통 상황 정보 확인 • 일기예보 확인 • 지리정보 서비스 • e-mail전송과 수신 • 뉴스와 스포츠 • banking 서비스 • 증권거래와 항공권 예약 서비스

WML의 동향 • Unwired Planet사에 의해 처음으로 HDML이 개발 • 97년 6월 Ericsson,Motorola,Nokia,UP.com등이 WAPForum을 결성하여 WML의 국제 표준 제정을 추진 • 현재 107개 업체 참여 (LG IC,삼성전자,SK telecom) • 통례로 볼 때 WML표준의 제정은 상당 시일이 걸릴것으로 예상

WML의 특징(1) • 태그에 기초한 문서 • XML에 기반을 둔 마크업 언어 • 텍스트와 이미지 지원 • 몇 가지 입력 컨트롤로 사용자 입력을 지원 • URL을 이용하여 네비게이션 매커니즘 제공 • history 스택을 가지므로 backward navigation가능

WML의 특징(2) • Card와 Deck이란 단위로 구성 • HDML에서 사용된 개념 • Card: 무선 단말기의 화면에 보여지는 단위 • Display card, Entry card, Choice card, NoDisplay card • Deck • 여러 Card가 모여서 하나의 Deck 구성 • 하나의 URL을 갖음 • 특정 Card나 Deck으로 이동이 가능하다.

적용 예(1) • HDML적용

적용 예(2)

WML Syntax(1) • 대부분 XML의 syntax 계승 • Entities • Element • <tag> content </tag> • Attributes • <tag attr = “abcd”/> • Comments •

WML Syntax(2) • Variables • $identifier,$(identifier),$(identifier:conversion) • Case Sensitivity • XML의 속성 물려받음 • CDATA • <![CDATA[ this is a test ] ]>  this is test • White space • Newline:10, Space:32, Tab:9

WML Syntax(3) • Special Character

WML Syntax(4) • <b> : bold font • <big> : large font • <small>: small font • <i> : italic font • <u> : underline font • <br/>: 줄바꿈 • (주의)html과 달리 /를 꼭 써줘야 함 • <p> : 문단의 속성 정의

WML Syntax(5) • <wml>: WML Deck을 정의 • example • <wml xml:lang=“en-us”> • <card> • … • … • </card> • </wml> • xml:lang(optional): WML을 코딩할 언어 결정

WML Syntax(6) • <card> : card의 속성 등을 정의 • example • <wml> • <card> • <do type=“accept”> • <go href=“#card2”/> • </do> • <p> • Press OK to display the next screen. • </p> • </card> • <card id = “card2”> • <p> • This screen displays the content of Card2. • </p> • </card> • </wml>

WML Syntax(7) • <do>,<go> : IF..THEN..과 같은 역할 • example • 앞 페이지 예제 참조

WML Syntax(8) • <select> : 여러 항목 중 하나 또는 여러 개 선택 • example • <wml> • <card> • <p> • Please choose your favorite animals: • <select multiple=“true” name=“x” iname=“i” ivalue=“1;2”> • <option value=“D”>Dog</option> • <option value=“C”>Cat</option> • <option value=“H”>Horse</option> • </select> • </p> • <do type=“accept”><noop/></do> • </card> • </wml>

WML Syntax(9) • <input> : 사용자의 입력을 받는 tag • example • <wml> • <card> • <p> • First Name: • <input name=“fname” maxlength=“15”/><br/> • Last Name: • <input name=“lname” maxlength=“15” tabindex =“2” /> • <br/> • State: • <input name=“state” maxlength=“2” emptyok=“true” value=“CA” tabindex=“3” /> <br/> • </p> </card> </wml>

WML Syntax(10) • <img> :그림을 넣는 tag • example • <wml> • <card> • <p> • Here’s a smiley: • </p> • <br/> • <img alt=“:-)” localsrc=“smileyface” src=“”/> • </card> • <wml>

WML Syntax(11) • <onevent> : event발생시 수행할 task정의 • 아래 두 card는 같은 결과를 나타냄 <card> <onevent type=“onenterforward”> <go href=“/url”> <p> Hello </p> </card> <card onenterforward=“/url”> <p> <Hello> </p> </card>

WML Syntax(12) • <table> : 표 생성 • example • <wml> <card> • <p align=“center”>Prague</p> • <img localsrc=“sun”/> • <table> <tr> • <td>High</td> • <td>Low</td></tr> • <tr><td>54</td> • <td>37</td></tr> • </table> • <p>Today:Mostly sunny and cool. Tonight : Cold with chance of light rain. </p> • </card> </wml>

WML Syntax(13) • <timer> : 일정 시간이 지난 후 자동으로 수행하도록 정의 • example • <wml> • <card ontimer=“#card2”> • <timer name=“time” value=“50”/> • <p>Hello, Unwired Word!</p> • </card> • <card id=“card2”> • … • </card> • </wml>

WML Syntax(14) • <prev> : 현재 URL을 history stack에서 제거하고 이전의 URL로 이동 • example • <wml> • <head> • <meta forgua=“true” content=“true”/> • </head> •  • <card id=“card1”> • <onevent type=“onenterforward”> • <go href=“#card2”> • <setvar name=“Var1” value=“Telephone”/> • </go> • </onevent>

WML Syntax(14') • <do type=“accept” label=“MENU”> • <go href=“prevIndex.wml”/> • </do> • <p> • Card1 <br/> • Var1=$(Var1). <br/> • Click Menu to return to the test index. • </p> • </card>

WML Syntax(14'') •  • <card id=“card2”> • <p> • <do type=“accept” label=“PREV”> • <prev> • <setvar name=“Var1” value=“32”/> • </prev> • </do> • Card2 <br/> • Var1 = $(Var1). <br/> • Click PREV to go to Card1. • </p> • </card> • </wml>

결론 및 WML의 향후 발전방향 • 21세기를 앞둔 현재 인터넷은 • 유선에서 무선으로 • 데스크 탑 환경에서 팜(palm) 탑 단말기 형태로 옮겨가는 추세 • XML을 기반으로 하여 유동성을 갖는 WML의 등장은 새로운 HTML의 등장과 맞먹는 일대 인터넷에서의 혁명을 예고 • 추후 다양한 멀티미디어 데이터까지 처리할 수 있는 방안 연구

Reference(1) • Wireless Markup Language Specification Version 1.2 • Http://www.xmlis.com • http://www.wapforum.org • http://www1.wapforum.org/member/developers/slides/what-is-wap/ • http://www1.wapforum.org/member/developers/slides/WAP-Architecture/ • http://dmlab.sejong.edu

Reference(2) • “HDML 전용저작도구의 설계 및 구현”, ‘99 춘계 정보과학회 • “Wireless Application Protocol - The Corporate Perspective”, 1999 March, Nokia white paper • “무선 웹 컨텐츠 서비스를 위한 WML 전용 저작도구의 설계 및 구현”, ‘99 추계 정보처리학회 제 6권 제 2호

Reference(3) • “휴대용 무선장비에서의 웹 접근을 지원하는 무선 응용 프로토콜 기술동향”, 99년8월 통신학회 제출 논문 • http://upgrade.chonbuk.ac.kr/~maya/study/wml/

WML(Wireless Markup Language)