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


구글 크롬OS 웹 앱 스토어




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

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

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

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

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

012

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

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분정도 부터 보시면 크롬 웹 스토어 데모를 보실 수 있습니다.



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) 활용 방법] 글을 참고 하시면 됩니다.

 야후 모바일용 웹메일이 획기적으로 변신했습니다.

요즘 주목받는 기술인  HTML5 를 이용해서 새롭게 만들어 오프라인 모드까지 지원하는 진정한 차세대 Web Application으로 재탄생 했습니다.


Yahoo Korea는 2010년 7월 04 일 부터  서비스 되고 있습니다.( 방금 리뷰 작성 중 영문이던 화면이 한글로 바뀌었네요)

이용하는 방법은 아이폰에서 사파리브라우저 실행 후 http://mail.yahoo.com url을 접근하면 새로운 HTML5 버전 모바일  메일로 이동하게 됩니다.
(현재 iPhone 밖에 지원되지 않습니다.)

처음 접속하면 다음과 같은 메일박스가 나열된 화면을  볼 수 있으며 이전보다 훨씬 세련된 디자인과 HTML5 을 이용하여 다이나믹한 인터페이스를 보여줍니다.

그럼 이제 부터 달라진 새로운 기능들을 살펴 보겠습니다.


스마트 필터링을 위한 스마트 폴더기능

처음 접속시 바로 보이게되는 기능 중 '스마트 폴더' 라는게 추가 되었습니다. PC 웹으로 접속했을때는 나타나지 않는 메일 박스로 HTML5 모바일 버전에서만 제공 되는 기능입니다.

처음 접속시 보이는 메일 박스

  

새롭게 적용된 스마트 폴터



이 메일함 들은 스마트 필터링 기능을 하게되며  기본적으로 3가지 스마트 편지함이 있습니다.

Email from Contacts : 이 메일함은 주소록에 등록된 메일만 보여주게 됩니다. 보통 중요한 메일을 주고받는 상대인경우 주소록에 등록되어있게 마련이므로 이기능 만으로도 중요한 메일만 쉽게 필터링 해볼 수 있습니다.

Attachment :  이 메일 함은 첨부 파일이 있는 메일들만 보여주게 되어 아래에서 설명해드릴 첨부파일 미리 보기 기능과 결합하면 파일저장소로서는 훌륭한 역할을 해주게 됩니다.

Photos : 메일에 첨부된 사진들을 중심으로 보여 주게 됩니다. 하나의 사진 보관함 역할을 하게 됩니다. 첨부된 이미지 썸네일은 오프라인 상태에서도 확인이 가능 합니다.

강력한 미리보기 기능 탑재

  HTML5 로 완전히 새롭게 만들어진 새 UI 에서는 다양한 첨부된 파일을 미리 열어볼 수 있도록 지원하고 있습니다.

 MS 오피스, PDF, 많은 사진, 동영상 을 별도의 프로그램을 이용하지 않고 바로 볼 수 있도록 하고 있으며, MS오피스의 경우 최신 버전인 2010도 지원 합니다.


엘셀파일 미리 보기, 엑셀 시트도 지원

  

PDF 파일 미리보기, 웹페이지로 변환 된 상태라 PDF 파일 보는 속도가 빠름



미리 보기 기능중에서도 사진 미리보기 기능은 여러개의 사진을 메일로 받게 되면 Yahoo 모바일 메일은 바로 겔러리 프로그램으로 변신합니다.

   

메일을 열면 사진들이 겔러리처럼 펼쳐짐



  메일 목록 상에서 사진을 펼쳐보지 않아도 바로 터치 드레그로 사진들을 살펴 볼 수 있으며 터치해서 본문을 열어 보게 되면 겔러리 프로그램처럼 편리하게 훓어 볼 수 있도록 하고 있습니다.

오프라인 모드 지원

  야후 모바일 웹메일은 놀랍게도 오프라인 모드를 지원합니다. 기존의 Web 접속기반 프로그램에서는 불가능했던 일이 HTML5를 이용함으로써 가능해진 기술입니다. 기존에 Google Gear 라는 구글에서 선보였던 오프라인 지원과 동일한 개념입니다. (실제 Google Gear를 개발했던 엔지니어가 HTML5 규격 만들기에도 참여한 것으로 알고 있습니다.)

에어플레인모드에서 메일 검색이 지원된다.

  

'엑셀'로 검색한 결과



새로이 바뀐 HTML5 기반 모바일 메일을 통해 접속해서 조회했던 메일은 이후 네트워크가 끊긴 상태에서도 미리 북마크 해둔 링크로 접속해서 메일의 내용 조회는 물론 통합검색 기능을 통해 검색을 할 수 도 있습니다.

다만 첨부된 파일의 미리보기 기능은 별도의 서버를 이용한 기술인 관계로 오프라인에서는 지원되지 않습니다.


편리하고 빠른 UI

 웹페이지를 통한 서비스 어플리케이션임에도 불구하고 일반 아이폰 어플리케이션 못지 않은 빠른 반응 속도와 다이나믹한 화면은 웹 접속임을 잊게 할정도로 놀라웠습니다.

하단의 아이콘바로 인해 사용의 편리함이 일반 전용 App 수준.

  

보라색 원 모양 클릭시 바로 읽음 상태 변경.



화면하단에 표시된 세련된 아이콘바는 일반 어플리케이션 못지 않은 편리함으로 주요하게 많이 사용하는 스팸처리, 휴지통버리기, 읽음 표시, 답장 작성을 바로 이용 할 수 있게 합니다.


야후 모바일 메일로 제대로 맛본 기대되는 HTML5 기술

 새롭게 만들어진 야후 모바일 웹메일은 그 기능의 편리함도 놀라웠지만 이로 인해 앞으로 나올 또 다른 HTML5 기반의 웹 어플리케이션을 기대해 보게 하는 경험을 제공 해준다는데도 큰 의미가 있었던것 같습니다.  기존에는 맛보기 수준의 HTML5 기술을 적용하여 가능성을 보여준 서비스들은 있었으나 (구글 모바일 메일 등) 이렇게 전면적인 수준에서 완전히 적용된 사례는 처음인것 같습니다.


끝으로..

 이 리뷰를 작성하기 전에 새로운 야후 모바일 웹메일을 사용해보고서, 야후 모바일 웹메일의 다이나믹한 HTML5 기술을 보여주기 위해서는 그동안 안해보던 동영상으로 만드는게 좋겠다는 생각이 들었지만 제 환경이 열악하여 스크린샷으로 대신 할수 밖에 없어 이정도로 아쉬움을 대신했지만 그 만큼 새로운 야후 웹메일에 구현된 기술은 훌륭했습니다.

  세상에서  가장 많은 사용자를 갖고 있다는 야후메일, 하지만 구글 메일 등장 이후 뚜렷한 성장없이 침체 되었던 야후메일이  HTML5를 모바일 웹환경에 발빠르게 적용하면서 앞으로 또 다른 성장의 기회가 될지 기대가 됩니다.



+ Recent posts