분류없음2010.08.19 20:21


구글은 크롬 웹브라우저용 웹 앱 스토어를 올 10월에 공개하겠다는 발표를 했었는데요. 저 같이 궁금병(?)이 있는 분들을 위해 미리 경험해볼 수 있는 방법이 있어 소개해 드립니다.
(아직은 큰 기대를 하면 안됩니다. 단지 기존 구글 서비스 일부를 한데 모아놓은 정도 수준이기 때문에)


구글 크롬OS 웹 앱 스토어




크롬 웹 스토어를 사용하기 위한 방법은 간단히 말씀드리면 개발자용 크롬을 설치하는 겁니다.

크롬은 세가지 배포본이 존재 합니다. 하나는 일반적인 배포본인 안정판(Stable) , 또 하나는 정식 릴리즈전에 공개되는 베타판(Beta) 그리고 개발자들이 개발용으로 미리 테스트 해볼 수 있는 개발자판(Dev) 이 있습니다.  각각은 별도의 채널을 통해 다운로드가 가능합니다.

따라서 크롬 웹 앱스토어를 정식 출시 하기 전에 경험해 보려면 개발자 채널을 이용하면 됩니다.

바로 방법으로 넘어 갑니다.

1. 개발자 채널에 접속합니다 (http://www.google.com/chrome/eula.html?extra=devchannel)


접속하면 사용조건 화면이 나오고 "동의 및 설치" 버튼을 눌러 진행하면 다운로드 및 설치까지 완료 됩니다.
(이때는 크롬브라우저가 아닌 다른 브라우저에서 하기 권해듭니다.)

2. 실행 옵션에  --enable-apps  를 추가 합니다.
설치된 크롬실행 아이콘에서 단축아이콘을 만들어 속성설정 창에서 바로가기 실행명령줄에 --enable-apps를 추가합니다.

3. 크롬을 실행하고  URL 입력란에  chrome://extensions  이라고 입력합니다.


여기에서 "압축해제된 확장 프로그램 로드"를 선택합니다.

4. 그럼 확장 프로그램 디렉토리를 선택하라는 대화창이 나옵니다.


그러면 여기에 경로를 입력해야 하는데 먼저 별도의 탐색기를 띄워
 %USERPROFILE%\AppData\Local\Google\Chrome\Application\  경로로 이동합니다.
이동 하면 6.0.xxx.0 과 같은 숫자 폴더가 보입니다.  해당 폴더 밑에 Resources 라는 디렉토리로 이동합니다.
이렇게 하면 저 같은 경우에는 최종경로가

 %USERPROFILE%\AppData\Local\Google\Chrome\Application\\6.0.495.0\Resources  됩니다.
같은 버전을 설치했다면 동일합니다.

이 Resources 밑에 보면 아래 그림처럼


애플리케이션 폴더가 있습니다.  이들의 경로를 하나씩 앞서 "확장디렉토리를 선택합니다" 대화창에 넣어주면 됩니다. 3번해주면 됩니다.

 %USERPROFILE%\AppData\Local\Google\Chrome\Application\\6.0.495.0\Resources\gmail_app

 %USERPROFILE%\AppData\Local\Google\Chrome\Application\\6.0.495.0\Resources\docs_app

 %USERPROFILE%\AppData\Local\Google\Chrome\Application\\6.0.495.0\Resourcescalendar_app

이렇게하고 나면 설치가 됩니다.


5. 설치된 엡 앱 확인
설치가 되었으면 Ctrl + T 키를 누르거나 새 탭을 열어보면

상단에 설치된 웹 앱 3개가 보이고 맨뒤에는 Chrome Web Store 아이콘이 보입니다.

크롬 웹 스토어를 누르고 들어가면 아직은 크롬 확장 프로그램들만 보입니다.
지금이 글의 맨위에 있는 그림처럼 TweetDeck 같은 것은 아직 설치할 수 없습니다.

아쉽지만 기본으로 설치된 메일,캘린더,구글문서만 이용해보시고 대략 이런 형태라는 감만 잡으시면 될것같습니다.^^


혹시 구글 I/O 에서 크롬 웹 스토어 파트를 못보신 분은 다음 동영상에서 5분정도 부터 보시면 크롬 웹 스토어 데모를 보실 수 있습니다.



Posted by 퍼니로거 즐건록
HTML5 가 애플리케이션 시장을 바꾸고 있습니다.

아이폰용 웹기반 앱스토어를 가능하게하고 (아이폰에 탈옥 필요없는 HTML5 기반 앱스토어 추가 하기 참고),
야후는 모바일 웹메일을 HTML5를 이용해 혁신적으로 바꿔놓기도 했습니다.(HTML5 야후 모바일 웹메일 리뷰 (Yahoo Mobile Mail) for 아이폰 참고)

이번에는 웹기반 HTML5 드로잉 프로그램입니다.

HTML5 기반 뮤로 화면



이름은 MURO(뮤로 라고 읽으면 되겠죠?) 합니다.

HTML5 기반이기때문에 플랫폼을 가리지않고 HTML5 를 지원하는 브라우저만 있으면 됩니다. 

PC ,Mac, 아이패드, 아이폰, 안드로이드폰 모두 가능합니다.

PC에서는 파이어폭스, 크롬,사파리,오페라 가 제대로 지원합니다. IE8 에서 접속을 하면 뜨고 되기는 하지만 간단한 수준만 지원 됩니다.

아래 파이어폭스에서 접속한 화면입니다.

파이어폭스에서 뮤로


다음은 아이폰입니다. 화면이 작아 작업하기에는 불편합니다.

아이폰에서 접속한 그림


아이패드에서는 보다 큰화면에서 쾌적하게 할 수 있을것 같습니다.

그래서 아이패드 대신 안드로이드패드인 오드로이드-T에서 사이트에 들어가 봤습니다.

역시 HTM5를 지원해기 때문에 잘 뜹니다.


하지만, IE8에서 접속하면 자바스크립트에러가 나고 아래 화면처럼 HTML5 지원하는 브라우저를 사용하라는 메시지가 뜹니다.

IE8 에서 접속화면


MS는 이전 부터 HTML5 적용을 권유받았으나  점유율 믿고 고집을 부리더니 결국 최근에 와서에 IE9 적용하겠다고 합니다. 현재 MS는 웹 애플리케이션 시장에서는 외톨이 신세가 되버렸습니다. 이를 반영하듯 IE 점유율도 하락세라고 합니다.

다음은 뮤로를 이용한 드로잉 데모 영상입니다.




현재 해당 웹사이트는 누구나 HTML5 브라우저를 통해 접속 할 수 있으며 무료입니다. 

다만 고급 브러시를 사용하기 위해서는 로그인을 하고 구매를 해야 합니다. 고급기능을 유료 사용자들에게만 제공하는 형태가 수익 모델인것으로 보입니다.

구경삼아 갖고 계신 아이폰이나 안드로이드 폰에서 접속해보실 분은 아래 QR 코드를 사용하시면 편리하게 이동이 가능합니다.


QR코드를 잘 모르시는 분은 [스마트폰, QR코드를 이용하자, QR코드 리더기 앱(App) 활용 방법] 글을 참고 하시면 됩니다.
Posted by 퍼니로거 즐건록