HTML5 를 이용해서 모바일 웹개발

1,188 views
Skip to first unread message

designerjune

unread,
Jan 13, 2011, 10:08:43 AM1/13/11
to 한국 루비 사용자 모임
안녕하세요, 이번에 모바일 웹 페이지 개발해서 궁금한 점이 있습니다.
아직 프로젝트가 시작하기 전이어서 이걸 앱으로 해야 하는지 그냥 모바일용 웹페이지로 개발을 해야하는지 결정이 되지 않은 상황 입
니다.

우선 프로젝트에서 가장 큰 기능중의 하나는 현재 위치에서 가장 가까운 지점을 찾는 기능 입니다.
앱에서는 GPS 의 정보에 접근이 가능하고 웹에서는 절대 접근이 불가능 하다고 알고 있었는데 오늘 여기저기 찾아보니 반드시 그
런 것만은 아닌 모양 입니다.
(참조 : http://www.ibm.com/developerworks/opensource/library/x-html5mobile1/?ca=drs-)

HTML5 에서 제공하는 메서드인 getCurrentPosition 을 이용하면 현재 위치 정보를 받을 수 있다는 내용인데, 참
조 글에서도 나와 있듯이 이게 모든 브라우져에서 완벽하게 들어 맞지는 않는 모양입니다.
듣기로는 사파리는 되지 않고 구글 크롬과 오페라 정도에서만 이용이 가능하다고 하는데 아이폰 사용자들은 기본 브라우저가 사파리로
알고 있는데, 일반인들은 그냥 설치되어 있는 웹브라우저를 그냥 사용하는 일이 많을 텐데 아무리 HTML5 에서 GPS 정보를 받
아올수 있는 메서드를 제공한다 하더라도 사파리 브라우저 자체에서 이 기능을 제공하지 않는다면 별 의미 없는 기능이지 않을까 해서
요..

혹시 geolocation, getCurrentPosition 메서드 등 HTML5 를 이용해서 모바일용 웹페이지를 개발해 보
신 경험이 있으신 분이 계시다면 브라우져 문제는 어떻게 대처하는 것이 좋을 도움 부탁 드립니다.

아울러 GPS 에서 좌표 받아오는 기능 하나만으로 본다면 아이폰용 앱과 안드로이드용 앱을 따로 개발하지 않고 그냥 모바일용 웹페
이지를 만드는 것이 더 효과적인 방법인 듯 한데, 그렇다면 앱을 만드는 것이 아니라 웹페이지를 만드는게 더 좋지 않을까요??

그럼 앞으로 안드로이드나 아이폰용 엡을 개발하는 것보다는 HTML5 를 기반으로 해서 모바일 웹페이지를 만드는 프로젝트가 더 많
아지고 효과적이지 않을까요???

현재 HTML5 에서 사용이 가능한 스마트폰 정보에는 어떤어떤 것이 있나요??

궁금한 점은 많은데 제대로 정리가 되지 않아서 질문 방향이 여기저기로 흩어진듯 합니다..
도움 부탁 드립니다.

KC Yang

unread,
Jan 13, 2011, 10:31:14 AM1/13/11
to rub...@googlegroups.com
자세한 것은 모르지만, 원래 웹페이지에서 폰의 하드웨어 정보에 대한 접근은 근본적으로 막혀있을 것으로 봅니다.

위 사이트를 방문해 보세요.

기본 어플리케이션을 웹으로 하고, 폰의 GPS/카메라 같은 것을 API로 접근하게 해주는 듯 합니다.
저런 식의 솔루션의 몇개 더 있던걸로 기억합니다.


HTML5관련해서, 위 사이트를 참조하셔도 좋을 듯 하네요.



2011년 1월 13일 오후 4:08, designerjune <eomjo...@gmail.com>님의 말:

Sangmin Ryu

unread,
Jan 13, 2011, 10:31:42 AM1/13/11
to rub...@googlegroups.com
>혹시 geolocation, getCurrentPosition 메서드 등 HTML5 를 이용해서 모바일용 웹페이지를 개발해 보
>신 경험이 있으신 분이 계시다면 브라우져 문제는 어떻게 대처하는 것이 좋을 도움 부탁 드립니다.

다른 브라우저는 포기합니다. 화면에 해당 기능을 표현하지 않는 걸로 넘어갔습니다. ex) Twitter 웹의 location
information을 참고

>아울러 GPS 에서 좌표 받아오는 기능 하나만으로 본다면 아이폰용 앱과 안드로이드용 앱을 따로 개발하지 않고 그냥 모바일용 웹페
>이지를 만드는 것이 더 효과적인 방법인 듯 한데, 그렇다면 앱을 만드는 것이 아니라 웹페이지를 만드는게 더 좋지 않을까요??

앱의 사용성과 브라우즈의 사용성의 차이는 여전합니다. 그래서 Hybrid 기법들이 권장되고는 합니다. ex) PhoneGap
하지만 아이폰에 한정해서 이야기 해본다면, 브라우저에서 멀티터치 컨트롤이나, Gesture 컨트롤 방법이 제약상 불가능한 부분이 있습니다.
그리고 UI 반응성이 약간씩 느립니다. 이식성을 생각해서 포기해야할 부분이 존재합니다.

>현재 HTML5 에서 사용이 가능한 스마트폰 정보에는 어떤어떤 것이 있나요??

현재를 시점을 지금으로 잡을때 대부부의 표준이 진행중이라서, Geo location 정보외에는 딱히 쓸만한건 없습니다.
올해 연말이면 출시되는 모든 폰에서 쓸수 있지 않을까 생각합니다.

http://www.w3.org/2009/dap/
http://xguru.net/626?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed:+xguru+(Guru's+Blog)
20 페이지를 보시거나, 표준을 찾아보세요.


2011/1/13 designerjune <eomjo...@gmail.com>:

--
http://neocoin.net

Vincent Lee

unread,
Jan 13, 2011, 10:46:13 AM1/13/11
to rub...@googlegroups.com
2011/1/14 designerjune <eomjo...@gmail.com>

듣기로는 사파리는 되지 않고 구글 크롬과 오페라 정도에서만 이용이 가능하다고 하는데 아이폰 사용자들은 기본 브라우저가 사파리로
알고 있는데, 일반인들은 그냥 설치되어 있는 웹브라우저를 그냥 사용하는 일이 많을 텐데 아무리 HTML5 에서 GPS 정보를 받
아올수 있는 메서드를 제공한다 하더라도 사파리 브라우저 자체에서 이 기능을 제공하지 않는다면 별 의미 없는 기능이지 않을까 해서
요..

언제부터 지원되기 시작한 건지는 모르겠지만, 현재 최신버전(iOS 4.2.1)에 포함된 Safari에서 작동합니다.

Wanbok Choi

unread,
Jan 18, 2011, 3:41:20 AM1/18/11
to rub...@googlegroups.com
http://mobile.twitter.com/

아이폰으로 모바일 트위터를 접속하면 현재위치를 사용하겠다고 묻던데요.

Wireshock로 보니까

중간에 구글맵에 보내는 쿼리가 있어 보니까 이거 같네요



이걸 이용하는 거 같습니다.


모든 브라우저가 지원하지는 않는다고 하지만 제가 테스트한 브라우저들(아이폰사파리, 구글크롬)은 됐습니다

그럼
2011년 1월 14일 오전 12:08, designerjune <eomjo...@gmail.com>님의 말:
Reply all
Reply to author
Forward
0 new messages