'모피'에 해당되는 글 2건

  1. 2008.06.22 모바일 에뮬레이터 (1)
  2. 2008.06.20 모바일 웹사이트 만들기 Mobile website Builder (5)

이제 모바일 웹사이트는 과거 모뎀으로 인터넷을 시작할때와 흡사한 수준에 접어들었고
요금도 비슷한 양상이라고 할수있다.

각종광고는 모바일에 집중되며 이웃 일본은 모바일시장이 급격히 늘어나서 유명 광고주들이 몰린다는 이야기이다.

이제 웹사이트를 운영하는 분 이라면 모바일이 휴대폰에 국한하던 시절은 지나갔고 각종 좋은 모바일 장치들이 노트북을 위협할 정도임으로 급속도로 발전하기 때문에 모바일 웹사이트를 만드는것은 당연 하다고 생각 할 것이며,가급적 빨리 도전하는 것이 유리할것 이라고 생각할것이다.

모바일 웹사이트 초보자로서 가장 애로를 느끼는 것이 에뮬레이터 였는데(좋은모바일소프트웨어가진분은제외) 아래 그림에서처럼 실시간으로 디스플레이 하면서 만드는 것이 가장 이상적이며 이뮬레이터 를 제공하는 사이트는 외국에는 많지만 본인이 맘에들어 추천 드립니다.

몇일이 걸릴지도 모를 모바일 웹사이트를 휴대폰켜놓고 시험할수는 없지요.ㅎㅎ


 

Posted by 블로그에세이-BlogEssay Dramatique

댓글을 달아 주세요

  1. Favicon of https://dramatique.tistory.com BlogIcon 블로그에세이-BlogEssay Dramatique 2012.02.29 07:07 신고  댓글주소  수정/삭제  댓글쓰기

    이제 모바일 웹사이트는 과거 모뎀으로 인터넷을 시작할때와 흡사한 수준에 접어들었고
    요금도 비슷한 양상이라고 할수있다.

    각종광고는 모바일에 집중되며 이웃 일본은 모바일시장이 급격히 늘어나서 유명 광고주들이 몰린다는 이야기이다.



기본적인 웹호스팅 을 제외한 모바일 사이트 만들기.


자기의 계정에 Wml(html과 같은역활로서 핸드폰상에서 보여주는 페이지)를 제작하여 Phone과 연동시키면 됩니다. DB 연동하시려면 MS-SQL이나 mysql, Oracle등을 깔고 odbc 세팅하면 되고 폰마다 011- wml, 016,018- mhtml, 019, 017 -wml, hdml 를 지원합니다.
MarkUpLanguage에 관해서는필수이고요. 초보자 분들도도 웹에서 검색하시면
간단한 Wml 페이지정도는 만들수있습니다. 조금만공부하시면 폰번호를 인증받아 ID만 입력하면
로그인되는 페이지도 만들수있고요.


다음은 http://www.mobilelab.co.kr에서 가져온 내용입니다. 참조하시길 바라고요.


일반적으로 WML을 써서 개발하는 곳은. 특별한 개발 환경이 요구되지는 않는다.
다만, HTML을 개발할 수 있는 환경만 있다면, 얼마든지 개발할 수 있다.

HTML을 써서 하는 개발과 다른 점이 있다면, Web Server의 Mime Type이 다르다는 정도일뿐, 개발하는데 특별한 어려움은 없다.

단, 개발 중에는 Simulator로 확인을 하여도, 최종적으로는 반드시 Phone으로 확인을 해보아야 한다. 이유는 Simulator에서 동작하는 것과 Phone에서 동작하는 내용이 완전히 같지 않기 때문이다.
이것은 Phone마다 가지고 있는 Wap Browser의 버전이 다를 수 있기 때문이다.

필요한 S/W
일반적으로 Phone.com에서 제공하는 UP. SDK를 많이 사용한다. 하지만, WML을 지원하는 통신업자가 우리나라의 경우 SKT밖에 없고 SKT에서는 Phone.com의 Browser보다는 Ericsson의 Browser가 보다 Phone과 유사하게 작동하기 때문에 Ericsson에서 제공하는 WAP IDE라는 SDK를 사용하면 좀더 수월한 개발을 할 수 있다.

이외에 특별한 SDK는 없지만 오직 보다 정확한 Simulation을 보고 싶은 경우에는 WinWap이라는 Browser을 사용하는 것이 효과적이다.

[S/W를 다운 받을 수 있는 곳]
Phone.com의 UP.SDK : http://updev.phone.com/
Ericsson의 Wap IDE : http://mobileinternet.ericsson.se/emi/Default.asp
WinWap Browser : http://www.slobtrot.com/index.html


Web Server 설정: Web Server를 Win NT(2000)환경에서 IIS를 사용하던, APACHE를 사용하던지..크게 상관은 없다. 다만, 다음과 같은 환경설정이 필요하다.

Mime Type 설정

wml text/vnd.wap.wml(필수)
wmlc application/vnd.wap.wmlc
wmlsc application/vnd.wap.wmlscriptc
wbmp image/vnd.wap.wbmp(필수)
wmls text/vnd.wap.wmls
ws text/vnd.wap.wmlscript
wsc application/vnd.wap.wmlscriptc


Character Set Character Set Character Set 설정
한글 설정 부분을 지원하기 위해 WML 문서 첫 줄을 아래와 같이 설정하여야 한다.
<?xml versi?> =>
<?xml versiencoding="ks_c_5601-1987"?>

WML 문서 Header File Setting
<?xml versiencoding="ks_c_5601-1987"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">

WML 문서 Size
한 WML 문서 및 Image의 크기는 무선망 환경 및 단말기의 cache 효율성을 위하여 최대 1.5k byte 이하로 제한되어 있다.
Image 변환 툴
WML에서 사용하는 Image는 주로 wbmp형태인데 이것은 bmp를 WAP에서 Service할 수 있도록 특별한 Format으로 변환된 것이다.

따라서 bmp를 wbmp형태로 변환시켜주는 Tool이 필요하다. 이를 위해서는 Gingco사(http://www.gingco.de/wap/)에서 제작한 변환 프로그램을 이용하거나, 온라인 변환프로그램(http://www.teraflops.com/wbmp/)을 사용하면 된다.

<출처>http://wireless.webmania.co.kr





Posted by 블로그에세이-BlogEssay Dramatique

댓글을 달아 주세요

  1. Favicon of http://cifer.tistory.com BlogIcon 시퍼 2008.06.20 15:54 신고  댓글주소  수정/삭제  댓글쓰기

    ㅡㅡ;.. 모가 쉽다는거죠 어려워요 ^^..

  2. Favicon of https://dramatique.tistory.com BlogIcon 블로그에세이-BlogEssay Dramatique 2008.06.20 16:42 신고  댓글주소  수정/삭제  댓글쓰기

    샘플 모바일 소스
    <?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Cache-Control" content="public" /> <meta content="mobiSiteGalore" name="Generator" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>무비스타 빅모델</title> <link href="css/style.css" type="text/css" rel="stylesheet" /> </head><body><div class="header">
    <p class="header">World MovieStar</div> <div class="pgheader">
    <p class="pgheader">Home</div> <div class="BodyText">
    <p class="BodyText"><!--mobibegincontent--> <div class="homeng"><div id="akcontEd" class="akcontEd" contenteditable="true">
    <!-- google_afm --></div><div class="homeng">
    <p class="homeng"><img src="images/image_1_5.gif" alt="list" width="12" height="12" class="himgicon" />&nbsp;<span class="accesskey">1</span>&nbsp;<a href="movie_star_2.php" accesskey="1">Movie Star</a><br />
    <p class="homeng"><img src="images/image_1_5.gif" alt="list" width="12" height="12" class="himgicon" />&nbsp;<span class="accesskey">2</span>&nbsp;<a href="photo_gallery_3.php" accesskey="2">Photo Gallery</a><br />
    <p class="homeng"><img src="images/image_1_5.gif" alt="list" width="12" height="12" class="himgicon" />&nbsp;<span class="accesskey">3</span>&nbsp;<a href="nature_photo_4.php" accesskey="3">Nature Photo</a><br />
    <p class="homeng"><!--mobiendcontent--></div><div class="footerng">
    <p class="footerng">Home</div><div class="footer">
    <p class="footer">&copy; 2008. All rights reserved.</div><div class="BodyText"></div> </body></html>

  3. 어려워.. 2008.07.08 11:02 신고  댓글주소  수정/삭제  댓글쓰기

    저렇게 설정했는데도 한글이 안되면 그건 왜 그런건가요

  4. 나그네 2008.07.12 18:58 신고  댓글주소  수정/삭제  댓글쓰기

    혹시 이믈레이터가 한글안되는건 아닌지요..

  5. Favicon of http://younges.tistory.com BlogIcon 깝태 2010.07.30 13:26 신고  댓글주소  수정/삭제  댓글쓰기

    좋은내용 잘 읽고갑니다, 안 그래도 모바일 페이지 하나 만들까
    생각했었는데 감사합니다!



티스토리 툴바