본문 바로가기
기업 무료 소프트웨어/웹브라우저

[모바일 웹브라우저] Mobilizer(모바일라이저) - 모바일 웹사이트 미리보기, 모바일 웹페이지 보기

by ^. 2011. 11. 8.

     

반응형
1. 분    류   : 모바일 웹개발 도구
2. 프로그램 : Mobilizer(모바일라이저) - 모바일 웹사이트 미리보기, 모바일 웹브라우저
3. 운영체제 : Windows XP/Vista/7, (Adobe Air 설치 필요)
4. 라이선스 : 프리웨어 (개인/기업 등)
5. 제작자   : Springbox
6. 사이트   : http://www.springbox.com/mobilizer
7. 다운로드 : [ 바로다운 ], [ 다운페이지 ], [ Adobe AIR 다운페이지 ]

똘82닷컴(www.ttol82.com)이 소개할 프로그램은 Mobilizer(모바일라이저) 이다. Mobilizer(모바일라이저)는 모바일 웹개발 툴로 간단히 모바일 웹사이트 뷰어 또는 모바일 웹브라우저라고 하면 될 것 같다.


Mobilizer(모바일라이저) - 모바일 웹사이트 미리보기, 모바일 웹브라우저-똘82닷컴



설치파일이 어도비 에어(Adobe Air)가 설치되어 있어야 실행이 되기 때문에 필수적으로 설치를 해야 사용 가능하다. 라이선스는 별다른 말이 없어 기업프리웨어라 해도 되겠다. 모바일 웹쪽을 개발하는 분들에게 유용한 정보가 될 듯 하다.

4가지 종류의 휴대폰 화면을 볼 수 있다. 아이폰, 팜, 블랙베리, HTC 의 모바일 웹화면을 한번 컴퓨터에서 껴보자.



1. 설치과정

(1) 어도비 에어(Adobe AIR) 설치

- 똘82닷컴의 경우 어도비 에어를 아직 설치를 안 했기 때문에 설치를 하고 가자.
  [ Adobe Air 다운페이지 ]를 클릭하면 다음과 같은 화면이 나온다. [ 지금 다운로드 ]를 선택한다.

어도비 에어 다운로드




- 그런 다음 다운 받은 파일을 실행하면 본격적인 Adobe AIR 설치화면이 나온다. [ 동의함 ]을 선택한다.

어도비 에어 설치 사용권 동의-똘82닷컴




- 그러면 금방 설치가 되었다고 알려준다. [ 완료 ]를 선택한다.

어도비 에어 설치완료





(2) Mobilizer(모바일라이저) 설치

- Mobilizer(모바일라이저)를 다운 받아서 폴더에 저장을 했다.
  어도비 에어가 정상적으로 설치가 되었으면 저런식으로 아이콘 모양이 나올 것이고, 설치가 안 되었으면 아이콘 모양이 없을 것이다. 해당 파일 더블클릭하자.

Mobilizer 설치시작단계-똘82닷컴




- [ 설치 ]를 선택하자.

Mobilizer 설치




- 폴더 위치는 그대로 두고, [ 계속 ]을 선택한다.

Mobilizer 설치완료




- 설치가 끝나면 Mobilizer가 모습을 드러낼 것이다.




2. 사용방법

- 처음에 설치한 후, 메인화면에 주소창이 있을 것이다. 거기에 구글 주소가 기본적으로 들어있는데 엔터를 쳐도 아무런 반응이 없다. ㅋㅋ

Mobilizer




- 그럼 다시, 주소창이 똘82닷컴(www.ttol82.com)의 주소를 입력한 후에, 왼쪽 옆에 [ Phones ]를 클릭해 보자. 그러면 메뉴가 나오는데 [ Open ]을 따라가면 4가지의 폰 종류가 나온다.
  일단 'iPhone 4'를 선택해 보자.

Mobilizer(모바일라이저) 화면




- 비로소 화면에 먼가 뜬다. 아이폰 모양의 안에 내용은 똘82닷컴의 내용이 맞다. 모바일 화면으로 나온다. 신기하다.ㅋㅋ

아이폰 모바일 화면




- 휴대폰의 액정이 아닌 바디 쪽의 검은 부분에 오른쪽 마우스를 클릭하면 또 메뉴가 나온다. [ New ] 를 따라가면 좀 전과 같이 휴대폰 종류를 선택하게 되어 있다.
  그리고 밑에 'Synchronized'가 체크되어 있는데, 이것은 추가되는 휴대폰을 모두 동기화해서 같은 화면을 볼 수 있는 것이다. 중간에 있는 'Export PNG'는 현재 보이는 모바일 웹사이트와 휴대폰 전체를 함께 스크린샷으로 찍어주는 기능이다.

4가지 종류 휴대폰




- 똘82닷컴은 추가적으로 [ New ]-[ Palm Pre ]를 선택해 보았다. 추가적으로 팜 휴대폰 창이 생긴다.

팜 모바일 화면




- 또 [ New ]-[ Balckberry Storm ]을 선택하니 블랙베리 휴대폰의 화면도 나온다.

블랙베리 모바일 화면




- 마지막으로 [ New ]-[ HTC Evo ]를 선택하면 HTC의 휴대폰 화면 속의 모바일 웹화면이 보일 것이다.

HTC 모바일 화면




혹시나 싶어서 모바일 옥션(m.auction.co.kr)을 들어가 보았는데, 에이전트가 다른 것인지 이유는 모르겠지만, 모바일 이벤트 등은 먹히지가 않는다. 그냥 순수하게 모바일 웹사이트 화면이 보여주는 모양이다.
그리고 각 휴대폰의 다양한 버튼들은 그냥 이미지일뿐 웹사이트와 연동되는 것은 아니니 참고하자.

모바일 웹사이트를 포트폴리오로 제출하거나 개발, 검토, 점검 할 때, 유용하게 쓰일 수 있을 것 같다.
기존의 파이어폭스 등을 이용해서 모바일 웹페이지로 볼 수는 있지만 일일이 설정을 하고 봐야 하는데, Mobilizer(모바일라이저)는 모바일 전용이라고 그런지 쉽게 화면을 볼 수 있다. 단, 완벽한 모바일 웹브라우저의 에이전트로 인식은 못하는 듯 하니, 모바일 웹사이트 이벤트 참여용으로는 부적합한 듯 싶다.


반응형

댓글