꿈을 꾸는 블루비

함수 호출 방법

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

<wml>
<card id="no1" title="Go to URL">
<do type="options" label="Go">
<go href="check.wmls#go_url('W3Schools')"/>
</do>
</card>
</wml>

extern function go_url(the_url)
{
if (the_url=="W3Schools")
{
WMLBrowser.go("http://www.w3schools.com/wap.wml")
}
}

DTD Error
<form method="post">
<input type="text" name="name" value=""/>
</form>

DTD Ok
<form method="post">
<div><input type="text" name="name" value=""/></div>
</form>

<wml과 hdml의 문법비교>

* 이곳의code는 html의 경우 대문자로 wml의 경우는 소문자로 tag를 처리해 주어 up4.0에서 실제 test하였음

*폰은 LG 011 Wever-net을 이용하여 test하였습

1. desk의 비교

- wap에서 desk는 file과 같은 의미이다.

- desk에서 선언된 내용(event등 )은 전체 desk내의 모든 card에 영향을 주지만

card내에서 동일한 내용을 다시 선언 할 경우 card의 내용이 우선권을 갖는다.

- ex) hdml

<hdml version=3.0>

<action type=accept label="home" task=go dest="index.hdml">

<card>

:

</card>

</hdml>

- ex) wml

<wml>

<template onenterforward="url" onenterbackward="url" ontimer="url">

Centent

</template>

</wml>

- onenterforward는 <go>tag를 쓴 경우 특정 url로 이동

onenterbackward는 <prev>tag를 쓴 경우 특정 url로 이동

ontimer는 일정 시간 후 특정 url로 이동

2. 카드의 사용

- card란 단말기(wap 폰등)에 한번에 보여주는 단위로

하나의 desk는 1～여러개의 card로 구성되어 있다.

- hdml의 경우 4종류의 카드가 있다.

display : 화면에 내용을 뿌려주는 card

nondisplay : html의 hidden과 같은 기능을 갖는 card

choice : html의 select의 기능을 갖은 card

entry : 값을 받기 위한 card

-wml은 카드의 분류가 있는 것이 아니라 그 card에 쓰여지는 element에 의해

속성이 결정된다.

1) 카드간 이동
- hdml
<hdml version=3.0>
< display name=card1>
<action type=accept task=go dest=#card2>
Press OK to display the next screen.
</display>
< display name=card2 >
this screen display the content of Card2.
</display>
</hdml>





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


<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 display the content of Card2.
</p>
</card>
</wml>






2) Choice 카드 vs Select element


- hdml의 choice card
<hdml version=3.0>
<action type=soft1 label="home" task=go dest="index.hdml">
<choice name=lang key=lang1>
<action type=accept label="선택" task=go dest= mode_select.asp?lang= $lang1 >
<center> 언어를 선택하세요?
<ce value= "eng">영어
<ce value= "jap">일어
</choice>
</hdml>


- 위에서 각각의 list가 서로 다른 url (or page, card)로 이동 할 경우
<choice>
<ce task = go dest = mode_select1.asp?lang1=Eng>영어
<ce task = go dest = mode_select2.asp?lang1=Jap>일어
</choice>
- soft1(option) = soft key를 누른 경우(단말기의 왼쪽 하단에 나타나는 지시글)
- accept = accept key를 누른 경우 (단말기의 오른쪽 하단에 나타나는 지시글)
- key 는 해당 choice card의 요소(ce)를 선택했을 때 선택된 값을 나타낸다.






- wml의 select element


<?xml version="1.0" encoding="ks_c_5601-1987"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<template>
<do type="option" label="Home">
<go href = "index.wml"/>
</do>
</template>

<card>
<do type="accept" label="Back">
<go href = "mode_select.asp" method="post">
<postfield name="Lang1" value="$sel_Lang"/>
</go>
</do>
<p>
언어를 선택하세요?
<select name="sel_Lang" >
<option value="Eng">영어</option>
<option value="Jap">일어</option>
</select>
</p>
</card>
</wml>


- 참고 : hdml은 get방식이고 wml은 post방식을 이용한 것임, nt에서 asp를 이용한 경우임
- hdml은 asp에서 많이 사용한던 방식대로 상용하면 됨.
- 값을 받은 변수를 이용하는 경우 hdml,wml모두 “$이름”을 이용한다.




3) 선택에 따라 서로 다른 Page로 이동하기


- hdml [choice문 get방식]


<hdml version=3.0>
<action type=soft1 label="back" task=go dest=index.hdml>
<choice>
<action type=accept label="선택">
[검색방법 선택]
<ce task=go dest="a.asp?val=k">a.asp로 이동
<ce task=go dest="b.asp?val=k">b.asp로 이동
</choice>
</hdml>



- wml [select문 get방식]


<?xml version="1.0" encoding="ks_c_5601-1987"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<template>
<do type="option" label="back">
<go href = "index.wml"/>
</do>
</template>

<card>
<p>
언어를 선택하세요?
<select name="sel_lang" >
<option onpick="a.asp?val=k">a.asp로 이동</option>
<option onpick="b.asp?val=k">b.asp로 이동</option>
</select>
</p>
</card>
</wml>




4) 뒤로 이동하기(back)


-hdml
<hdml version=3.0>
<display>
<action type="accept" task="prev">
hello
</display>
</hdml>


-wml
<?xml version="1.0" encoding="ks_c_5601-1987"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card>
<do type="accept">
<prev/>
</do>
<p>
hello
</p>
</card>
</wml>

3. 값 전달하기 (ASP에서)


1) post방식


- hdml
<hdml version=3.0>
<entry key=UsrName>
<action type="accept" task=go method=post
postdata="name=$UsrName" dest="get_value.asp">
당신의 이름은:
</entry>
</hdml>
-key에는 “/,-,_”등의 기호가 들어가면 않됨


-get_value.asp
<% Response.ContentType="text/x-hdml;charset=ks_c_5601-1987" %>
<% szName = Request("name") %>
<hdml version=3.0>
<display>
당신의 이름은 <%=szName%>입니다.
</display>
</hdml>


- wml


<?xml version="1.0" encoding="ks_c_5601-1987"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card>
<do type="accept">
<go href = "get_value.asp" method="post">
<postfield name="UsrName" value="$Usr_name"/>
</go>
</do>
<p>
당신의 이름은?
<input name="Usr_name"/>
</p>
</card>
</wml>






get_value.asp
<% Response.ContentType="text/vnd.wap.wml"
Response.Write (" <?xml version='1.0' encoding='ks_c_5601-1987'?> "&_
"<!DOCTYPE wml PUBLIC '-//WAPFORUM//DTD WML 1.1//EN'
'http://www.wapforum.org/DTD/wml_1.1.xml'> ")
%>
<%
szName = Request("UsrName")
%>
<wml>
<card>
<p>
당신의 이름은 <%=szName%>입니다.
</p>
</card>
</wml>


- 받는 값이 여러개인 경우는 input tag의 수만큼 postfild의 수를 늘려 주면 됨.




-2개 이상의 값을 넘기기
<hdml version=3.0>
<action type="accept" task=go method=post postdata="name=$usrname&id=$usrid "
dest="get_value.asp">
<entry key=usrname>
<action type ="soft1" label="go" task=go dest="#id">
당신의 이름은:
</entry>


<entry name=id key=usrid>
당신의 id:
</entry>
</hdml>

get_value.asp
<% response.contenttype="text/x-hdml;charset=ks_c_5601-1987" %>
<%
szname = request("name")
szid = request("id")
%>
<hdml version=3.0>
<display>
당신의 이름은 <%=szname%>입니다.
당신의 id는 <%=szid%>입니다.
</display>
</hdml>




2) get 방식


- hdml
<hdml version=3.0>
<entry key=UsrName>
<action type="accept" task=go dest="get_value.asp?name=$UsrName">
당신의 이름은:
</entry>
</hdml>
-key에는 “/,-,_”등의 기호가 들어가면 않됨


-get_value.asp
<% Response.ContentType="text/x-hdml;charset=ks_c_5601-1987" %>
<% szName = Request.QueryString("name") %>
<hdml version=3.0>
<display>
당신의 이름은 <%=szName%>입니다.
</display>
</hdml>




- wml


<?xml version="1.0" encoding="ks_c_5601-1987"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card>
<do type="accept">
<go href = "get_value.asp?Usrname=$Usr_name">
</go>
</do>
<p>
당신의 이름은?
<input name="Usr_name"/>
</p>
</card>
</wml>






get_value.asp
<% Response.ContentType="text/vnd.wap.wml"
Response.Write (" <?xml version='1.0' encoding='ks_c_5601-1987'?> "&_
"<!DOCTYPE wml PUBLIC '-//WAPFORUM//DTD WML 1.1//EN'
'http://www.wapforum.org/DTD/wml_1.1.xml'> ")
%>
<%
szName = Request.QueryString("UsrName")
%>
<wml>
<card>
<p>
당신의 이름은 <%=szName%>입니다.
</p>
</card>
</wml>


- get에서 두 개의 값을 전달할 경우
wml에서는 "&"이 아니라 "&amp;"로 연결해야 한다.(반드시 그런 것은 아님..)
ex) <go href="sel_loc.asp?loc=$sel_Lang&amp;Lang1=<%=szLang%>"/>
hdml : <task=go dest=sel_loc.asp?loc=$sel_Lang&Lang1=<%=szLang%> >


- html
<hdml version=3.0>
<action type="accept" task=go dest="get_value.asp?name=$usrname&id=$usrid">


<entry key=usrname>
<action type ="soft1" label="go" task=go dest="#id">
당신의 이름은:
</entry>

<entry name=id key=usrid>
당신의 id:
</entry>
</hdml>


get_value.asp


<% response.contenttype="text/x-hdml;charset=ks_c_5601-1987" %>
<%
szname = request.querystring("name")
szid = request.querystring("id")
%>
<hdml version=3.0>
<display>
당신의 이름은 <%=szname%>입니다.
당신의 id는 <%=szid%>입니다.
</display>
</hdml>

4.<img>처리
- hdml
<hdml version=3.0>
<action type=soft1 label="home" task=go dest="index.hdml">
<display>
웃는얼굴
<img alt=":-)" icon="smileyface">
</display>
</hdml>

- hdml에서 src="URL" icon="icon명“

- wml
<?xml version="1.0" encoding="ks_c_5601-1987"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card>
<p>
웃는얼굴
<img alt=":-)" localsrc="smileyface" src=""/>
</p>
</card>
</wml>

- src=“url"을 쓴 경우는 localsrs="icon명”생략가능 반대의 경은 반드시 src=""를 쓸것














II. WML에 관해


1. < a >와 < go >의 차이
- <a href= " " title="" >는 문장에서 일정 문장을 선택 시 link적용


<card>
<p>
<a href="a.asp" title="kk">kkk</a>
<a href="b.asp" title="qq">qqq</a>
</p>
</card>

* up.sdk-4b에서는 title은 해당 list를 선택 시 브라우저의 좌측 하단에 나타나는 문구임
* 실제 단말기 마다 차이가 있음.

- <go href=" " >는 일정 형식안에서(ex do문) event를 가했을 때 이동 link적용

<card>
<do type='accept' label='이동하기‘>
<go href="a.asp" />
</do>
</card>
* label은 a tag에서 tilte에 해당함




2. <>의 사용
- 모든 tag에서 "<"와 “>”는 받드시 tag명과 붙어 써야 한다.
<go href=""> : 사용가능
< go href=""> : Erroe
- wml에서 기본적으로 Tag는 모두 소문자로 쓴다. (대분자 일 경우 error발생)



3. 반드시 속성의 값을 나타낼 때는 “”를 이용한다.
<go href=#Eng/> : ERROR → <go href="#Eng"/>




4.<p>
<card> tag안에서 text를 사용할 때 반드시 <p>...</p>를 사용해야 한다.




5.<do type=" ">
do 문에서 type을 이용해 핸드폰의 번호를 이용해서 해당 내용을 선택할 수 있다.


<card>
<do type='van.skmn1' label='이동하기‘>
<go href="a.asp" />
</do>
</card>

* van,skmn1은 1번, van,skmn2는 2번을 누를수있다.
* 이것은 011폰에서 나타나며 up.sdk-4b에서는 조금 이상하게 나타 납니다.

실용예 - 시뮬레이터에서는 단순히 select문을 이용하면 각각의 option들 앞에 번호가
생성되고 번호를 클릭하면 해당 내용에 따른 action(link, back등)을 실행할 수
있지만 실제 011폰에서는 다음과 같이 무식하게 짜야 번호를 이용할 수 있습니다.

- 시뮬레이터
<card>
<p>
<select name="sel_Lang" >
<option onpick="Choice.asp?Lang1=<%=szLang%>">비즈니스</option>
<option onpick="Choice.asp?Lang1=<%=szLang%>"> 생활회화</option>
<option onpick="Tip.asp?Lang1=<%=szLang%>">Today's Tip</option>
</select>
</p>
<do type="option" label="home">
<go href = "index.wml"/>
</do>
</card>


- 011휴대폰
<card>
<do type="vnd.skmn1" label="비즈니스">
<go href="sel_large.asp?Lang1=<%=szLang%>&amp;Gubun=b"/>
</do>
<do type="vnd.skmn2" label="생활회화">
<go href="sel_large.asp?Lang1=<%=szLang%>&amp;Gubun=g"/>
</do>
<do type="vnd.skmn3" label="Today's Tip">
<go href="Tip.asp?Lang1=<%=szLang%>"/>
</do>
<do type="options" label="home">
<go href = "index.wml"/>
</do>


</card>






III.기타 TIP


1.Img처리


그럼 포토샾을 이용하여 UP browser(UP SDK 4.0 Beta 1 기준)에서 이미지를 출력시켜 보겠습니다.


1) 서버(MS-IIS 4.0)의 마임타입을 셋팅합니다.
.wml text/vnd.wap.wml;charset=KS_C_5601-1987 (한글 셋팅)
.wmls text/vnd.wap.wmlscript (WMLscript 셋팅)
.wbmp image/vnd.wap.wbmp (wbmp이미지 셋팅)


2) UnWired.8bi 이라는 포토샾,페인트샾용 플러그인을 다운받습니다.
3) 위의 플러그인을 포토샾의 플러그인 디렉토리중 File Formats 이라는 플러그인 디렉토리에 넣습니다.
4) 포토샾을 실행합니다.
5) 파일열기 하면 Open File Formats 에 UnWired (*.WBM;*.WBM) 이라는 항목이 새로 생성되어 있
습니다. 만약 기존에 작업한 wbmp 파일이 있으면 이걸루 열면 되지요..
그러나, 우리는 지금 처음으로 하는거니깐... wbmp 파일이 당연히 없겠죠?
그래서 다른 파일을 여는걸루 하겠습니다.
적당한 크기의(127x127 pix가 기본입니다. 원본 이미지가 크면 사이즈를 이 이하로 줄여아 합니다.)
이미지를 엽니다. (bmp,gif 상관없습니다.)
6) 열린 이미지의 모드를 그레이스케일로 전환합니다.(중요)
7) Image>Adjust>Levels 메뉴나 또는 각자가 잘하는 방법을 사용하여 흑백을 반대로 전환합니다.
(UP browser에서는 명암이 포토샾 작업물과는 반대로 나오므로)
8) 그레이스케일모드로 바꾼 후에야 비트맵모드가 활성화 됩니다. 따라서 이제 비트맵모드로 다시 바꿉
니다. 비트맵모드로 전환해야만 wbmp로 만들수 있습니다.(중요)
9) Save As 하면 저장파일목록에 역시 UnWired (*.WBM;*.WBM) 항목이 추가되어 있습니다. 원하는
디랙토리로 저장 합니다.
10) 저장이 끝난후 탐색기로 가서 wbm 확장자를 wbmp 로 바꿔줘야 합니다. 포토샾에서는 wbm 으로
만 생성되는데 서버마임타입은 wbmp 이기 때문입니다.(중요)
11) 다 끝났습니다. 이제 원하는 WML 문서에 이미지파일의 경로를 삽입하고 UP browser로 문서를 부
르면 작업하신 wbmp이미지가 나오는걸 보실수 있습니다.




"이 플러그인이 깔려서 그렇게 된 것인지는 모르지만, 비트맵(그냥 흑백만 가능한 비트맵있죠?)으로 만들어지고 난 다음에 저장을 bmp확장자를 써서 저장을 해도 UP에뮬레이터에서 보입니다."


3.2 대의 버젼에서 이미지를 사용하실려면 흑백bmp 형식의 이미지를 사용하시면 됩니다. 윈도우의 그림판을 사용하시면 저장하는 부분에 흑백bmp 형식이 정의 되어잇습니다.
저는 그렇게 해서 성공했습니다. 특별한 설정은 필요없습니다.

2.timer


Timer 사용하기
<timer> 요소는 사용자가 설정한 특정 시간이 지난후 하나의 작업을 자동으로 수행한다.
Timer는 만은 응용이 가능하다. :


5초가 지난후 다음 카드로 가기.
매 15분마다 증권 정보 갱신.
중용한 데이터의 화면 출력 시간 제한.
<timer> 요소의 개요
<a href="url" <!-- required --> title="label">
...any valid combination of <text>, <br/> and <img> elements
</a>


1/10 초 단위의 시간을 default 값에 꼭 적어야 한다.
예를 들아 100은 10초를 나타낸다. 그리고, 0 은 사용할 수 없다.
아래 예제는 "Card 1, Wait 5 Second"를 출력하고 5초후에 "This is Card 2"를 줄력한다.


예제)


<wml>
<card id="card1" ontimer="#card2">
<timer value="50"/>
<p>
Card 1 <br/>
Wait 5 Second </p>
</card>
<card id="card2">
<p>
This is Card 2 </p>
</card>
</wml>

3. 일정시간후 특정 사이트 이동

<?xml version="1.0" encoding="ks_c_5601-1987" ?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/
DTD/wml_1.1.xml">
<wml>
<head>
<meta http-equiv="Cache-Control" content="max-age=0" forua="true"/>
</head>
<card ontimer="http://jupiter.3rsoft.com:80/cgi-auth/login.cgi?cmd=auth">
<timer value="10"/>
<p>
다음 페이지로 곧 바로 이동합니다.
</p>
</card>
</wml>