:: 퍼니로그

2010/08/13 11:18 추천 애플리케이션/HTML5

뮤로(MURO), HTML5 기반 놀라운 그림 그리기 무료 웹 애플리케이션

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' 카테고리의 다른 글

뮤로(MURO), HTML5 기반 놀라운 그림 그리기 무료 웹 애플리케이션 (0)	2010/08/13
아이폰에 탈옥 필요없는 HTML5 기반 앱스토어 추가 하기 (0)	2010/08/03
HTML5 야후 모바일 웹메일 리뷰 (Yahoo Mobile Mail) for 아이폰 (0)	2010/07/04

Posted by 퍼니로그

트랙백1 댓글0

2010/08/03 01:00 추천 애플리케이션/HTML5

아이폰에 탈옥 필요없는 HTML5 기반 앱스토어 추가 하기

드디어 아이폰에서 탈옥 없이 새로운 앱스토어를 경험 할 수 있게 되었습니다.

이를 가능하게 한것은 새로운 차세대 웹 기술인 HTML5 입니다.

웹기반으로 동작하기에 별다른 조치없이 아이폰에서 바로 사용가능한 앱스토어 입니다.

새로운 앱스토어 이름은 OpenAppMkt 이며 아이폰 사파리에서 해당 웹 주소만 입력해주면 바로 동작하게 됩니다.

아이폰을 가지고 계시다면 지금 바로 아이폰 사파리에서 www.openappmkt.com 을 입력합니다.

또는 QR코드 리더기 앱을 설치한경우에는 아래 QR코드를 아이폰으로 읽어 주어도 됩니다.

접속하였다면 위 화면이 보입니다. 그럼 먼저 북마크 추가 버튼을 누른뒤에 [홈에 추가] 해주면 됩니다.

이후에는 App Store에 접속하듯 홈스크린에서 OpenAppMkt 를 실행시켜 주면 해당 앱스토어 사이트에 접속하게 되고 앱스토에서는 기존 애플 앱스토어에서 구매하듯인 진행을 하면 되고 해당 앱들은 웹 바로가기 형식으로 홈스크린에 추가 해주면 됩니다.

HTML5 앱은 일반 웹 사이트 접속과 동일하지만 홈 스크린에 바로가리기를 만드는 과정을 앱스토어와 유사한 인터페이스가 웹을 통해 이루진다는 점만 다릅니다.

애플리케이션 형태로 개발된 웹사이트를 유통시키는 새로운 방식이라고 생각해도 됩니다. 다만 웹 애플리케이션 사이트가 HTML5로 만들어짐에 따라 기존 웹에서 불가능 기능이 가능해 지게 됩니다. 예를 들면 기존 웹에서는 불가능 했던 오프라인 이용이 가능합니다. 그리고 기존 웹에서 불가능 했지만 사용자의 정보를 아이폰 브라우저DB에 저장할 수 있습니다.(이를 오프라인 상태에서도 사용이 가능합니다.) 대표적인게 이번에 새로 출시한 야후 웹 메일 입니다.
( HTML5 야후 모바일 웹메일 리뷰 (Yahoo Mobile Mail) for 아이폰 참고)

아래는 오픈웹마켓을 이용해 새로운 HTML5 웹 사용과정을 간단히 보여주는 동영상입니다.

'추천 애플리케이션 > HTML5' 카테고리의 다른 글

뮤로(MURO), HTML5 기반 놀라운 그림 그리기 무료 웹 애플리케이션 (0)	2010/08/13
아이폰에 탈옥 필요없는 HTML5 기반 앱스토어 추가 하기 (0)	2010/08/03
HTML5 야후 모바일 웹메일 리뷰 (Yahoo Mobile Mail) for 아이폰 (0)	2010/07/04

Posted by 퍼니로그

TAG Application, iPhone4, openappmkt, OpenAppMkt.com, 동영상, 스마트폰, 아이폰, 아이폰4, 앱, 앱스토어, 오픈 앱 마켓, 탈옥

트랙백0 댓글0

2010/07/04 17:08 추천 애플리케이션/HTML5

HTML5 야후 모바일 웹메일 리뷰 (Yahoo Mobile Mail) for 아이폰

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

요즘 주목받는 기술인 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를 모바일 웹환경에 발빠르게 적용하면서 앞으로 또 다른 성장의 기회가 될지 기대가 됩니다.

'추천 애플리케이션 > HTML5' 카테고리의 다른 글

뮤로(MURO), HTML5 기반 놀라운 그림 그리기 무료 웹 애플리케이션 (0)	2010/08/13
아이폰에 탈옥 필요없는 HTML5 기반 앱스토어 추가 하기 (0)	2010/08/03
HTML5 야후 모바일 웹메일 리뷰 (Yahoo Mobile Mail) for 아이폰 (0)	2010/07/04