'모바일웹'에 해당되는 글 4건

  1. 2008.08.25 모바일 시뮬레이터
  2. 2008.08.24 모바일속의 태풍 풀브라우징
  3. 2008.06.22 모바일 에뮬레이터 (1)
  4. 2008.06.20 모바일 웹사이트 만들기 Mobile website Builder (5)


휴대폰으로 보는 홈페이지.


모바일시뮬레이터 휴대폰으로보는홈페이지
이제 무선인터넷은 기본이지만 자기 홈페이지가 휴대폰에서 실제로  어떻게나오는지
보는것은 중요하다.
모바일기기는 앞으로 국제표준화가 선결 문제이긴 하나 어느정도 가닥이 잡힌것이라고 생각한다.

이제 모바일 광고도 본격적으로 그 개념이 정립되고있어서 웹사이트나 블로그를 하는 개인들도 자기사이트를 봐야할필료가 있다.
PC에서 휴대폰처럼 시뮬레이팅 할수 있는 소프트웨어를 소개한다.
Down 받고 깔고 스면됩니다.
옆의 별도창은 닫지마시고요.


Download Now



Posted by 블로그에세이-BlogEssay Dramatique

댓글을 달아 주세요


풀브라우징은 모바일속의  태풍이 될 것이가 ?

사용자 삽입 이미지

Full Browsing 은 말그대로 모바일에서 WWW를 PC 에서 처럼 똑같이 볼 수 있게하는 것을 말한다.
이 풀브라우징 서비스를 위해서는 OS나 프랫폼에 관련된  IT 업계의 관심이 크기 때문에 알아보기로 한다.

이동통신업체들은 저마다 풀브라우징 서비스를 하기시작하면서 풀브라우징의
시장이 폭풍이 될 것인지는 IT전반적인 관심사이다.

언젠가는 휴대폰에서 인터넷을 그대로 쓸 수 있어야 하겟다는 생각과 맞물려서 큰 기대를 모았던 '풀브라우징'을 실현하기 위해서는 자동적으로 대형 액정화면(LCD) 이 필요하고 이로 인해서 휴대폰의 대형화나,사용자환경(UI)의 불편한점 등 으로
인해서 큰 인기는 끌지 못하고 있다고 본다.
아니, 어떤 층의 소비자들은 외면하고 있다.
그래서 IT 전문분야 분들은 '풀브라우징' 서비스에 시기적으로 회의적인 반응이다. 즉 경제적으로 상품적인 가치를 발휘하지는 몯할 것이라는 생각이다.

하지만 LG텔레콤을 선두로,SK텔레콤과 KTF가 동시에 '풀브라우징'을 실시하기로 함으로서 하드웨어적인 고성능 칩을 갖추고 막강한 UI 로 무장한 '풀브라우징'휴대폰 은 크게 발전하게 될 것이라고 본다.

더 중요한 것은 음성통화 시장에서 더 이상 수입을 올리기 힘든 상태에 도달한 이통사들로서는 엄청난 데이터량을 유통시킬 수 있다는 점에서 풀브라우징은 주목받는 큰 이유 중 하나라고 본다.

깊이있는 연구는 초전문 집단에서 해결하리라 보지만,적어도 한국은 휴대폰에서의 풀브라우징에 대한 관심이 큰 국가로서 모바일및 무선 기기에서의 유선 웹 콘텐츠의 호환성을 위한 모바일 웹표준이 빨리 설정되어야하고,동시에 모바일 풀브라우징과 웹 표준화가 이루어 질 때 이분야의 수익도 창출되고 소비자도 폭발할 것으로 생각한다.
Posted by 블로그에세이-BlogEssay Dramatique

댓글을 달아 주세요


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

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

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

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

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


 

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 신고  댓글주소  수정/삭제  댓글쓰기

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



티스토리 툴바