ximple world

아이폰/모바일 시작페이지 iWebStart 업데이트

xiles — Sat, 06 Feb 2010 00:46:34 +0900

모바일 전용 사이트를 모아놓아 다양한 모바일 사이트를 쉽게 이용할 수 있도록 해 놓은 아이폰/모바일용 시작페이지 iWebStart가 업데이트되었습니다.

주소: http://m.xiles.net

이번 업데이트는 사용자가 가입 후 간단한 사용자화를 통해서 원하는 것만 골라 볼 수 있도록 개선되었습니다.
자신이 원하는 것만 골라볼 수 있어 그만큼 페이지 용량도 작게 사용할 수 있습니다.

화면 제일 아래로 내려보면, '가입' 버튼과 '로그인' 버튼이 있습니다.

가입버튼을 터치하면 아래처럼 아주 간단히 아이디와 비번만 입력하면 가입할 수 있습니다.

가입하면 바로 로그인된 상태로 됩니다. 로그인을 한 번 하면 다음번에는 자동으로 로그인되어 있습니다.
로그아웃하고 싶으면 '로그아웃' 버튼을 터치하면 됩니다.

로그인한 상태에서는 '편집', '소환', '로그아웃' 버튼이 보입니다.

'편집' 버튼을 터치하면 아래처럼 보기 원치않는 것을 삭제할 수 있습니다.
편집을 다 했으면, '완료' 버튼을 터치하면 완료됩니다.

그럼 안보이도록 삭제한 것을 다시 보고 싶으면?
'소환' 버튼을 터치하면 아래와 같이 삭제된 것들만 보이게 됩니다.
여기서 다시 보이게 할 사이트들을 터치해서 체크를 하고, '확인' 버튼을 터치하면 다시 메인페이지에 나옵니다.

아직 위치/순서 이동은 되지 않으니 드래그는 하지 마세요~^^

아이폰을 가진 여성분이라면 이런 모바일 사이트 어떠세요?

xiles — Wed, 03 Feb 2010 19:18:15 +0900

요즘 보면, 전자기기를 좋아하는 남성분들 뿐만아니라 여성분들도 아이폰 등의 스마트폰을 사용하는 것을 많이 볼 수 있다.
스마트폰을 들고다니면서 인터넷을 자유롭게 할 수 있는데, 여성분들은 어떤 모바일 사이트들을 많이 들어갈까?
아직 모바일 사이트라고 해봐야 그렇게 많이 나온 편은 아니고 정보류의 사이트들이 많은 상황.

여성의류 쇼핑몰 오후의 키스에서 폰을 들고다니면서 인터넷으로 신상 및 사이트에서 볼 수 있는 상품 모두를 모바일기기에 최적화된 크기로 편하게 볼 수 있도록 모바일 버전 사이트를 만들었다.

사이트에 올려지는 신상도 바로바로 볼 수 있고, 찜하기를 해두면 PC에서 오후의키스에 로그인하고 바로 찜해둔 상품들을 확인 할 수 있다. 또는 조르기 기능을 이용하면 바로 이메일로 상품 페이지 URL과 상품 사진을 보낼 수도 있다.

모바일 기기에서 바로 결제가 안된다고 하지만 어차피 모바일 기기에서는 전체적으로 상품들을 둘러보고 찜해두고, PC에서 큰 사이즈로 상품을 제대로 확인하고 결제를 하면 되니깐.

스마트폰을 들고다니며 게임, 동영상, 음악뿐 아니라 심심할 때 아이쇼핑도 할 수 있으면....

http://m.ohookiss.tv

모바일 막차시간 안내 서비스 - 집에가자

xiles — Sun, 31 Jan 2010 17:07:33 +0900

우선 주소는 http://m.xiles.net/gohome

다른 지하철 정보, 버스 정보를 알려주는 어플리케이션, 사이트들도 있지만
이 서비스는 접속하면 바로 자기 근처 반경 약 1km 내에 있는 지하철역과 해당 반경 내에 있는 버스정거장을 지나는 버스 목록과 막차시간을 보여준다. (검색 반경은 옵션에서 선택 가능)

다른것보다도 자기 위치 근처의 이용가능한 대중교통과 '막차시간'에 집중한 서비스이다.
스마트폰이 여러 정보에 접근할 수 있어 편하긴하지만 아무래도 작고 하다보니 딱 실행하면 딱 볼 수 있는 그런것이 편한데, 교통정보 중에서도 사용자들이 많이 확인하는 것 중 하나가 막차시간인 것 같아 이 서비스를 만들어보았다.

물론 추가 선택을 통해 다른 지하철역에 대한 정보, 버스 노선에 대한 정보를 볼 수 있다. (버스 정보는 아직 서울에 한정되어 있음)

접속하면 바로 아래처럼 자기위치 근처에서 이용가능한 지하철과 버스 정보를 보여준다.
버스는 막차시간이 늦게까지 있는것이 가장위에 오는 순으로 정렬되어 보여진다.

아래는 옵션선택: 반경 몇km 안에 있는 것들을 검색할지 정할 수 있다.

지하철역을 선택하면 아래처럼 '막차시간'을 가장 먼저 보여준다.
오늘 날짜에 맞는 시간표가 자동으로 선택되고, (아래 이미지에 표현은 안되었지만) 이미 지난 시간의 것은 흐리게 보여주어 남은 시간을 좀 더 쉽게 볼 수 있도록 되어 있다.

'정보'를 클릭하면 아래처럼 추가 정보를 보여준다.
전화번호를 터치하면 바로 전화를 걸 수 있고, 주소부분을 터치하면 지하철역 위치를 보여준다.

위 화면에서 주소부분을 터치했을 때 나오는 지도. 빨간 핀으로 지하철역 위치가 나오고 파란점 모양이 내 위치이다.
지도를 움직이다. '아차산'이라 써있는 부분을 터치하면 바로 역위치로 지도가 움직이고, '내위치' 버튼을 터치하면 바로 내 위치로 지도가 이동한다.

아래는 원하는 지하철역을 선택해서 지하철 역 정보를 볼 수 있는 기능

아래는 버스 노선 번호로 검색하는 기능

버스를 선택하면 아래처럼 버스의 노선 정보를 볼 수 있고, 역 이름을 터치하면 역 위치를 보여준다.
그리고 지금 내 위치에서 가장 가까운 역을 보여주어 해당 역을 바로 선택해서 위치를 확인할 수 있다.

역을 터치하면 아래처럼 선택한 역은 빨간핀으로 나머지 버스가 지나는 역은 파란핀으로 표시된다.
파란 원은 내 위치.

아이패드 여러 프로그램 사용 영상

xiles — Sat, 30 Jan 2010 18:38:13 +0900

실망이다 어쩧다 말이 많은 애플의 iPad

워낙 다기능의 기기들이 많은 시대라 이것 빠지면 아쉽다 저것 빠지면 아쉽다...라는 지적을 받기 일수다.

개인적으로는 딱히 활용할 만한 꺼리가 없기에 그다지 살만한 제품은 아닌 것 같다.

프리젠테이션이나 이북 등이 그다지 필요치 않기에..

그리고 아이폰, 맥북, PMP, 킨들, 넷북 등 여러 기기들과 중복성을 가지고 있기에 이것과 비교되기에 아쉬움..저것과 비교되기에 아쉬움..이런것들이 참 많을 수 있는 것 같다.

하지만 애플 제품을 볼 때마다 드는 그 한 가지는 여전히 확고하게 가지고 있는 것 같다.

제품의 하드웨어와 소프트웨어가 사람들이 원하는 모든 기능들을 가지지는 못했을지라도 구현된 것들의 전체적인 조화와 완성도는 정말 엄청나게 뛰어나다는 것. 또 그 '완성도'라는 치명적인 매력을 사람들에게 뿜어낸다는 것.

여기저기 해외 블로그 비롯 커뮤니티에서 볼 수 있는 많은 문구가 있다.

이 제품 이거 실망이고, 이거 실망이고, 이거는 왜 없고 저거는 왜없냐.. 이 스펙은 왜 이리 나왔고 이건 왜 안되냐. "하지만 갖고 싶다"

출처: SlashGear

모바일 브라우징. 모바일 사이트

xiles — Wed, 27 Jan 2010 13:56:20 +0900

아이폰, 옴니아, 안드로이드 등 스마트폰 출시 붐과 함께 인터넷 이용에 큰 변화가 오고 있다.
스마트폰들에는 모바일 브라우져가 탑재되어 있고 기존 폰들에서 할 수 없던 인터넷 사용이 가능해졌다.

물론 이전 폰들에서도 여러가지 방법으로 정보를 얻을 수 있고, 일종의 모바일 브라우징이 가능했지만
스마트폰에서는 컴퓨터 앞에서 하던것과 거의 유사한 형태로 쉽고 풍부한 웹을 경험할 수 있다.

아이폰 출시 이후 수많은 기사들을 비롯, 여기저기서 어플리케이션(앱스)에 대한 이야기들이 끊이지를 않고 있다.
그런데 생각보다 아직 모바일 웹에 대한 인식은 그다지 많지 않은것 같다.
(물론 어플리케이션을 개발자/개발사에서 쉽게 유료로 판매할 수 있는 모델이 있기에 이 점을 무시할 수는 없지만)

물론 지금 있는 홈페이지(사이트)들도 대부분 브라우징이 가능하지만 작은 화면 크기에서 정말 '원활한' 브라우징은 좀 힘든게 사실이다. 아마 차츰 모바일 전용 사이트들이 많이 생겨날 것이다. 지금은 네이버, 다음, 파란 등 포털들과 일부 사이트들 외에는 아직 국내에서는 모바일 전용 사이트를 가진 곳은 그렇게 많지 않다.
아직 모바일 브라우징이라는 것이 엄청난 대세인 상태는 아니지만, 무언가 웹사이트를 운영하고 있다면 그리 멀지 않은 시점에서 모바일 사이트를 만들 준비는 하고 있어야 할 것이다.

아무래도 폰에서는 한꺼번에 많은 기능을 하는 그런것 보다는 작은 기능을 하는 다양한 것들이 많이 존재하게 될 것 같다.
그런것들이 어플리케이션으로 사용할 수 있으면 좋겠지만, 어플리케이션은 각 OS별로 따로 제작이 되고 유지되어야 한다.
물론! 다양하게 제공할 수 있으면 더할나위없이 좋지만, 많은 경우 그렇게 여력이 많지 않을 수도 있으니...

반면에 모바일 웹서비스로 구현하는 경우 사용자들은 다운받을 필요도 없고, 만드는 입장에서는 어플리케이션에 비해 조금 더 수월하게 다양한 기기를 지원할 수 있다. 그리고 빠른 업데이트도 가능하다.
많은 브라우져들이 HTML5를 지원하기 시작하면서 좀 더 멋진 웹사이트 제작이 가능해지고 있기에 모바일에서 또한 어플리케이션에 못지 않은 다양한 서비스들이 만들어질 수 있을 것이다.

http://m.xiles.net 에 개인적으로 좀 괜찮게 만들어졌다 싶은 모바일 전용 사이트들을 모으고 있는데, 모바일 어플리케이션이 받는 스포트라이트에 비하면 아직 그 수가 엄청 적은 것 같다. (역시..돈이 연관이 되어야...;;;;)

어쨋든 사용자들은 어플리케이션도 어플리케이션대로 많이 사용하겠지만, 앞으로는 모바일 사이트들도 엄청 많이 사용할 것이라는 것!

플레이스트리트 모바일 사이트 오픈.

xiles — Tue, 26 Jan 2010 18:34:47 +0900

플레이스트리트 모바일 사이트를 열었습니다.

아이폰에서 모바일 플레이스트리트(http://m.playstreet.net)에)에 접속해보세요.

(현재는 아이폰에서만 테스트가 완료된 상태입니다.)

지역별로지역별로 주요 상점들에 대한 정보를 보실 수 있습니다.

지금 가까운 곳에곳에 갈만한 곳이 어떤 곳들이 있는지 플레이스트리트에서 찾아보세요.

NexusFont 트위터 덕에 조금 더 빛을 보게 되나....

xiles — Thu, 21 Jan 2010 00:37:50 +0900

2008년 7월 업데이트를 하고 아직 그 이후 업데이를 못하고 있는 글꼴(폰트) 관리프로그램 NexusFont..(http://xiles.net)

최근 트위터에서 약 100여회 이상 트윗질을 당하면서 하루 다운로드 1000 이상을 기록..

NexusFile에 비해 조금 덜 알려져있던 NexusFont가 트위터 덕에 조금 더 세상으로 뻗어나가는 듯..

2008년에 업데이트 한 버전이라 조금 그렇긴 하지만..

오랜만에 간단하게나마 업데이트 한 번 해줘야겠다. ㅎㅎ

이렇게 최근 일주일내에 NexusFont가 100건 이상 트위터에 등장하고 있다..

무슨말인지 모르겠는 다양한 언어들로.. ㅎㅎ

UX.....디자인....자기만의 색깔을 가져라.

xiles — Tue, 19 Jan 2010 00:18:29 +0900

"UX는 어느 부분까지는 보편 타당함을 지향하지만 경쟁력을 가지려면 자기만의 것이 있어야 한다"

물론 어느것이 꼭 맞는 것이다라고 말하기는 어려울 것이다.

하지만 "자기만의 것이 있어야 한다"라는 말. 정말 무언가를 잘 만들려면 꼭 필요한 부분이 아닌가 싶다.

네이버스럽다. 구글스럽다. 애플스럽다. MS스럽다. 소니스타일(지금은 많이 떨어졌지만, 예전엔 먹어주던....), BMW 스타일, 벤츠, 아우디 스타일..등등

비단 UX뿐만 아니라 디자인이라는것...(UX라는 것과 디자인이라는 것이 별개로 움직일 수 있는 것은 아니니..)

모두 내로라하는 기업들. 그치만 각각을 살펴보면 스타일은 너무너무 많이 다르다.

그럼 과연 어떤 기업이 좋은 UX를 만들어내고 있는걸까.....정답은 없는 것 같다.

물론!!! 서로 다른 스타일일지라도 '잘' 만들어져야하고 그 스타일이라는 것에 완성도가 느껴져야한다.

엉뚱한 자기만의 스타일을 가진다고 성공할리는 없는 것은 당연!

하지만 이 기업들은 대부분 그 점은 가지고 있는 것 같다. "자기만의 명확한 색"

예전 소니 워크맨, CDP를 보면 어떤 모델을 보더라도 "아! 소니스타일이네"라는 말이 나올 정도로 대부분의 디자인에 자기만의 색이 있었다.

BMW, 벤츠 차들을 봐도 여러 다른 모델들이 있지만 전체적으로 BMW 스타일, 벤츠 스타일이 딱 느껴진다. 애플도 마찬가지...애플의 어떤 제품을 보더라도 애플스러움을 느낄 수 있다.

구글도 마찬가지로 수많은 제품군이 있지만 대부분의 것에서 상당히 '구글'스러움을 느낄 수 있다.

꾸밈이 좀 많은 듯하지만 꽤 깔끔한 MS 스타일, 디자인이 거의 없는 초 심플 구글 스타일, MS처럼 꾸밈이 많지는 않지만 구글의 심플함과는 또 다른 심플하지만 초미려한 디자인.

너무 다르지만 각기 너무 정돈되고 일관성있게 만들어진 각자들의 스타일.

여러 발표현장에서나 여기저기서, 그들의 프리젠테이션 문서를 봐도 구글은 상당히 구글스러운 프리젠테이션 문서이고 애플은 애플스럽고 MS의 그것은 MS스럽다. 제품뿐 아니라 그들이 하는 모든 것에서 그들스러운 스타일을 뿜어내고 있다.

대략 UX라기보다는 스타일에 대해서 말한 것 같은데, UX라는 것도 위 얘기와 비스므리한 것인듯 하다.

디자인쪽 보다는 조금 더 사용성에 있어서 '직관성'이라는 부분 그리고 첫문장에 나온 보편타당이라는 부분을 추구해나가야 함은 분명하겠지만. 대부분의 사람들은 애기가 아닌 이상 이미 수많은 것들에 '익숙하게 되어버린' 사람들이다. 그 모두에게 '직관적'이다라는 부분은 결코 쉬운 부분이 아닐 것이다.

그것보다는 네이버에 들어가면 대부분의 컨텐츠 구성에 그리고 색, 디자인에...일관성이라는 것이 있고 그들만의 색이 있기에 거기에 익숙해지기 시작하면, 그곳에서 생겨난 또 다른 무엇인가는 그 일관성을 지키는 것만으로 이미 그것을 사용하던 사람들에게는 직관성이라는게 부여되는 그런 것이 강한 것 같다.

MS윈도우에서는 어떤 프로그램이 나와도 대부분 메뉴의 위치 도구모음의 위치, 윈도우를 닫는 버튼의 위치, 윈도우의 모양 등에 있어서는 일관적이기에 일단 그런 기본적인 부분들에 있어서는 이미 거의 직관성이라는 것이 부여되어버리는 것 같다. 실제 그것이 정말 객관적으로 직관적인 것이든 아니든간에...

MS에서는 윈도우 오른쪽 위에 닫기 버튼이 있고, 맥OS에서는 왼쪽 위에 닫기 버튼이 있고,

MS에서는 대화상자 버튼이 왼쪽에 "예", 오른쪽에 "아니오"가...맥OS에서는 왼쪽에 "아니오", 오른쪽에 "예"가 일반적으로 위치하게 되어 있다. 완전히 상반된 구성..... 어떤것이 나은 것인가....정답이 있을까?

정말 더 직관적이거나 좋다고 구분할 수 있을까... 하지만 둘 다 그 어떤 하나를 계속 유지하고 있다.

아이폰의 UX에 대해 많은 글들이 있고, 기사들도 있다.

과연 아이폰의 UX 그 자체가 그렇게 직관적이고 대단한 것일까? 처음에 낯설어서 이걸 어찌해야하나 헤맨 사람들이 엄청 많을 것이다. 정말 좋다고해야 할 부분은 전체적으로 오랫동안 정제되어 각 부분들이 매우 일관적이고 완성도 있게 만들어져 있는 부분이 아닐까 싶다. 처음에 좀 헤맬지라도 어떤 한 부분을 습득했을 때, 그 다음 것들에 적응하거나 예상하는데 너무나도 좋게 잘 만들어져있기 때문이다.

아이폰이 나오고 삼성에서도 터치폰을 만들어내면서 아주 짧은 기간에 멋진 UI를 가진 것을 만들었다고 기사가 나왔었던 것 같은데...정말 좋은 UI/UX는 아무리 천재가 만든다 할지라도 짧은기간에 만들어진다는 것은 쉬운 것은 아닌 것 같다. 크게봤을때는 좋아보일지 몰라도 정말 '잘'이라는 것은 아주 디테일한 한부분한부분이 모두 잘 정제되었을때일테니깐..

옛날에 소니스타일을 조금 좋아하던 때, 수십종의 삼성, 엘지 제품들을 보면서...소니제품은 'SONY'라고 안 쓰여있어도 그냥 딱 보면 소니것인줄 알겠는데, 우리나라 제품들은 아직 브랜드명이 안보이면 다 섞어놓으면 같은 회사 제품인줄 모르겠다 싶은 생각이 들었던 적이 있었다. 현대 자동차도 마찬가지...BMW니 벤츠니 차를 보면 무슨 모델인줄은 몰라도 그냥 딱 보면 BMW구나..벤츠구나를 알겠는데 현대차는 내가 모르는 브랜드라면 다 섞어놓으면 같은 회사 차인지 잘 모르겠다라는 생각이 들었었다.

요즘엔 현대차도 제네시스, 제네시스쿠페, 소나타, 그렌져, 아반떼...등 예전에 비해 전체적으로 다른 급, 다른 모델인데 뭔가 비스므리한 색깔을 가지기 시작한 것 같다. 기아차도 디자인 기아를 외치며 뭔가 패밀리룩이라는 것이 생겨나기 시작하는 거 같다. 엘지도 그렇고, 삼성도 그렇고 예전에 비해 더 각자의 색깔들을 드러내고 있는 것 같다. 그리고 그 예전에 비해 이들 회사 모두 더 인지도 있고 잘나가는 회사가 되어가는 것 같다.

이 글의 첫 문장은 아래 글에서 발췌한 것이고, 이 글은 아래 글을 읽고 든 생각을 주저리주저리....

http://www.zdnet.co.kr/ArticleView.asp?artice_id=20100118175650

섬뜩(?)한 디자인의 목걸이, 팔찌

xiles — Sat, 16 Jan 2010 15:02:54 +0900

섬뜩한듯하지만, 또 한편으론 참 특이한 아이디어의 디자인인 것 같다.

사람들의 시선은 많이 끌법한 신기함.

목걸이, 팔찌라기보다는 그림을 그려놓은 것 같은 느낌.

출처: http://www.yankodesign.com/2010/01/06/cut-throat-or-wrist/

매일경제 Citylife에 내 이름의 흔적

xiles — Sat, 16 Jan 2010 14:38:21 +0900

MS 오피스 2010 베타 첫느낌 이라는 글에 기반(?)해서 매일경제 Citylife에 올려진 글.

아이폰용 웹사이트에서 전화걸기 구현 방법

xiles — Sat, 09 Jan 2010 17:13:48 +0900

아이폰에서 웹사이트에 접속하고 특정 링크를 클릭하면 바로 전화를 걸 수 있는 것들을 볼 수 있다. 이것들은 어떻게 만들 수 있는 것일까?

생각보다 별 것 없이 아주 간단하다. 이메일 주소 링크를 사용할 때 mailto: 를 사용하듯 tel:을 이용하기만 하면 된다.

예) 일반적으로 다른 페이지/사이트로 링크를 걸 수 있는 <a> 태그에 "tel:"을 이용하면 된다.

아이폰 사파리를 이용해서 웹페이지를 열면, 전화번호 형태로 생긴 텍스트에 자동으로 전화를 걸어주는 링크를 만들어 보여주는 기능이 있다. 내가 위처럼 구지 <a> 태그를 사용하지 않아도 웹 페이지 내에 02-123-4567 과 같은 텍스트가 있으면 자동으로 링크를 만들어 보여준다.

이렇게되면 편하기는 한데, 가끔 원치않게 링크가 걸리는 것이 싫을 때도 있을 것이다. 이럴 때는 아래 메타 태그를 입력해주면, 사파리가 임의로 자동으로 링크를 만들지 않는다.

아래 서비스는 위 기능을 이용해서 간단히 만든 페이지이다. (일반 컴퓨터에서는 안되고, 아이폰에서만 기능이 동작한다.)

http://m.xiles.net/call

아이폰용 모바일 사이트 모음 http://m.xiles.net 업데이트

xiles — Fri, 08 Jan 2010 13:22:46 +0900

아이폰용 모바일 사이트 모음 http://m.xiles.net 에 "새창으로 열기" 옵션이 생겼습니다.
한 번 설정해놓으면, 계속 기억이 되니 원하시는 상태로 설정해두시고 사용하시면 됩니다.

그리고 드디어 KT에서 공식으로 제공하는 통화/문자/데이터 사용량 조회 페이지도 추가되었습니다.

2010년을 강타할 10가지 기술

xiles — Mon, 04 Jan 2010 10:03:20 +0900

테크크런치(http://www.techcrunch.com)에서 2010년을 강타할 10가지 기술로 아래의 것들을 뽑았다.

전체적으로 모바일 쪽으로 큰 흐름이 가고 있음을 느끼게 해주는 것들이다.

1. 타블렛

2. 지역정보

3. 실시간 검색

4. 크롬 OS

5. HTML5

6. 모바일 비디오

7. 증강현실

8. 모바일 전자상거래

9. 안드로이드

10. 소셜 CRM

10가지 항목을 보면 모바일 기기에서 가장 핵심 중 하나가 될 컨텐츠가 지역정보가 될 수 있음을 예상하고 있다.

안드로이드까지 가세하면서 이제 일반폰에서 대세가 완전 스마트폰으로 넘어가는 큰 변화가 한 번 생기고, 인터넷이라는것도 컴퓨터에서 하는 인터넷이 아닌 모바일 기기에서 하는 인터넷으로 큰 변화가 일어

나면서 사람들의 생활 패턴에 큰 변화가 일어나는 시기인 것 같다.

원문: http://www.techcrunch.com/2010/01/01/ten-technologies-2010/

아이폰/아이팟용 웹사이트 만들 때 알아둬야 할 기본

xiles — Sat, 02 Jan 2010 20:40:52 +0900

최근 아이폰 등 스마트폰이 인기몰이를 하면서 스마트폰에서 웹서핑을 하는 사람들이 늘어나고 있다.

대부분의 스마트폰에서 풀브라우징을 지원하고 있기 때문에 컴퓨터에서 인터넷을 하듯 대부분의 사이트를 이용할 수 있다. 하지만 작은 화면 크기 때문에 기존 사이트들을 이용하기에는 다소 불편함이 있다. 그래서 네이버, 다음 등 포탈을 비록하여 모바일 전용 홈페이지를 만들어 서비스하는 곳이 늘어나고 있다.

아마 스마트폰을 이용한 웹검색/서핑은 급속도로 늘어날 것이고 인터넷 사용 패턴 자체도 많이 변할 것이다. 이런 변화에 대응하기 위해서는 더 늦기 전에 모바일 전용 사이트를 운영하는 것이 좋을 것이다.

아이폰용 사이트를 만들 때에는 기존 사이트를 만들때와 달리 처리해줘야 할 것이 몇가지 있는데 이것들에 대해 간단히 알아보자.

우선은 헤더 부분에 아래와 같이 기존 사이트만들 때는 사용하지 않는 두 가지가 있다.

<html>
<head>
<title>iPhone Site</title>
<meta name="viewport" content="width=device-width;initial-scale=1.0; maximum-scale=1.0;" />
<link rel="apple-touch-icon" href="images/siteicon.png" />
</head>

meta 태그 부분은 모바일기기에 사이즈가 딱 맞게 보일 수 있도록 해준다.

그리고 link 태그 있는 부분은 아이폰에서 해당 사이트를 홈스크린에 추가하기 등을 할 때 사용될 아이콘 이미지이고 57x57 사이즈이 png 이미지로 만들면 된다.

(모서리를 둥글게 만들 필요 없이 그냥 사각형으로 만들면 된다. Glossy 효과도 따로 안줘도 아이폰에 등록하면 알아서 처리된다.)

아래 이미지는 여러 모바일 사이트들을 홈스크린에 추가한 모습이고, 위에 link 태그로 png 아이콘이미지를 만들어둔 것들이 사용된 것이다.

사이트가 로딩되었을 때, 주소입력바 부분 위로 올라가게 하기

아이폰용으로 만들어진 사이트들을 아이폰에서 들어가보면 사이트가 로딩되었을 때 자동으로 주소입력바 부분이 위로 싹 사라지는 것을 볼 수 있을것이다.

이것은 아래와 같은 스크립트를 추가해주면 된다.

}, false);

function loaded(){

window.scrollTo(0, 1); // 요 부분이 핵심!

}
</script>

아이폰 가로모드/세로모드 바뀔 때 감지하기

아이폰의 어플리케이션들을 보면 세로로 사용할 때랑 가로로 사용할 때 거기에 맞춰서 레이아웃을 달리 보여주는 것을 볼 수 있다. 아이폰용 사이트에서도 동일하게 할 수 있는데, 아래 이벤트를 이용하면 된다.

구글의 I'm Feeling Lucky 버튼에 작은 이스터에그(?)

xiles — Fri, 01 Jan 2010 13:27:31 +0900

오늘 구글 검색 사이트에서 검색어가 빈 채로 I'm Feeling Lucky 버튼을 클릭하면,

아래처럼 Happy New Year라는 문구와 함께 페이지에서 작은 불꽃놀이가 보이네요..ㅎㅎ

현재 구글 코리아에서는 되지 않고 있고 구글 코리아에서도 이것이 들어갔었는데 시간이 지나 없어진건지는 모르겠네요.

구글은 뭔가 참 자그마하지만 재밌을 수 있는 요소들을 넣어 직간접적으로 홍보도 하고(이런 작은 재미들을 발견하면 저처럼 여기저기 블로그에서 이를 다루어주기 때문에..), 실질적으로 사용자들에게 본 서비스에 영향을 주지 않는 선에서 작은 재미를 줄 수 있는 그런것들을 참 잘하는 것 같네요. 특정일에 로고 디자인을 바꾸는거라든지 만우절날 재밌는 장난을 친다든지 하는 등...여태껏 예전에 프로그램들에서는 이스터에그를 종종 접할 수 있었는데(요즘에는 보안상 큰 프로그램들에서는 없어지는 추세이지만) 큰 웹서비스에서는 이스터에그라는 것을 볼 수 없었던 것 같은데, 구글은 여기저기 심어놓고 있는지도 모르겠네요^^

2009년 마무리 잘 하시고 2010년 모두 건강하고 행복하세요~

xiles — Thu, 31 Dec 2009 16:42:33 +0900

2009년이 시작되고 눈 깜짝하니 마지막 날이 된 것만 같네요.

제 블로그에 다녀가신 모든 분들 그리고 RSS로 보시는 분들 등등

모두모두 2009년 마무리 잘하시고, 2010년 건강하고 행복하시길 빕니다^^

아이폰에서 인터넷 시작은 이곳에서부터..

xiles — Thu, 31 Dec 2009 02:07:33 +0900

엊그제 만들어놓았던 아이폰용 모바일 사이트 모음(http://blog.xiles.net/283)이 업데이트되었습니다.

주소는 http://m.xiles.net

기왕 시작페이지 같은 역할을 하는 것 검색도 바로 할 수 있으면 좋을 것 같아서 제일 위에 네이버와 구글 중 선택해서 검색할 수 있도록 검색을 추가했습니다. (네이버/구글 선택한 것은 쿠키로 기억되기 때문에 다음 접속할 때도 마지막 사용한 검색엔진이 활성화되어 시작됩니다.)

네이버 또는 구글 로고를 터치하면 해당 검색엔진으로 검색을 할 수 있습니다.

이 사이트를 홈스크린에 빼놓으면 편하게 바로 인터넷 시작할 때 이 페이지를 띄울 수 있습니다.

아이폰에서 사파리로 http://m.xiles.net 으로 접속한 후에

화면 아래쪽에 + 버튼을 터치하면 아래처럼 메뉴가 나오는데 두 번 째 "Add to Home Screen"을 선택하시면,

그 아래 이미지처럼(제일 오른쪽 아래 START란 글씨가 있는 아이콘) 홈스크린에 등록이 됩니다.

(아이콘을 좀 대략 급히 만들어놓았는데, 조만간 다시 만들 생각입니다^^;; 혹은 잘 만드시는 분이 만들어주신다면 ㅎㅎ)

네이버 체크아웃 아이폰 100개 쏘는 이벤트: 이런기회를 잡아야죠!

xiles — Wed, 30 Dec 2009 15:35:05 +0900

걸으며 아이폰으로 이메일 쓰기: 너무 위험해요~

xiles — Mon, 28 Dec 2009 16:16:55 +0900

아이폰을 비롯한 터치폰들은 화면을 터치하는 거다보니 이메일 또는 문자를 쓸 때 일반폰에서처럼 안보면서 작성할 수 없고, 거의 완전 폰을 쳐다보면서 작성해야한다. (버튼감이 없기때문에...)

그런데, 여태까지 버릇이 있다보니 걸어다니면서 문자하는 경우도 종종 발생하는데 예전에 비해 엄청 불편하고 위험하다.
실제로도 초반에 걸으며 문자를 보내다 위험할 수 있었던 상황이 벌어질법한 경험도 몇 번 했다.

그런데 역시...그런것에 대비(?)한 어플리케이션도 있다.
어플리케이션을 실행하면, 카메라 화면이 배경이 되고 그 위에서 이메일을 작성할 수 있도록 해주는 것이다.
거의 안보며 문자를 작성할 수 있는 일반폰에 비하면 그래도 많이 부족하지만, 그나마 터치폰의 단점을 나름 보완해주는 유용한 어플리케이션인 것 같다.

Email'n Walk (Email and Walk 으로 검색하니 비슷한 어플리케이션들이 몇 개 나왔다.)

아이폰용 모바일 사이트 모음

xiles — Sun, 27 Dec 2009 23:46:02 +0900

최근 아이폰 출시와 함께 스마트폰 열풍(?)이 불고 있고, 이에 맞추어 포탈을 비롯한 많은 곳에서 모바일 기기용 페이지를 제공하는 곳들이 늘고 있다.

스마트폰에서 풀브라우징을 지원한다고 하지만, 기존 웹페이지를 그대로 보는건 불편하기도 할뿐 아니라 모바일기기에 맞지 않는 구성으로 다운로드 받아야 할 데이터 양도 많기 때문에 데이터 요금에 민감할 수 밖에 없는 모바일 기기에서 이들 사이트들 그대로 사용하는 것은 조금은 불편함이 있게 마련이다.

이런 불편함을 해결하기 위해 네이버와 다음을 비롯한 포탈을 중심으로 모바일 전용 페이지를 제공하는 곳들이 늘어나고 있는데, 그 중에 유용한 것들을 모아놓고 사용하면 좋을 것 같아 아래처럼 아이폰용으로 간단한 페이지를 하나 만들었다.

http://m.xiles.net

좀 더 다양한 모바일 서비스들이 만들어지고, 사용자들이 이런 모바일 서비스에 익숙해지기 시작하면 정말 손안의 인터넷 시대가 몰려올 것 같다. 이제 컴퓨터 앞에 앉아서 인터넷하는 시간 못지않게 돌아다니면서 어디서나 인터넷을 하는 것이 너무나 당연시되는 시대가 될 것 같다. 그에 맞추어 사용 패턴도 좀 바뀔 것이고 지금의 복잡한 서비스들에서 모바일 기기에 맞춘 간단한 여러 서비스들이 등장할 것 같다.

아이폰에서 찍은 사진 컴퓨터로 가져오기 (맥용)

xiles — Sat, 26 Dec 2009 21:26:40 +0900

맥에 아이폰을 연결하면, iPhoto가 있으면 자동으로 iPhoto가 뜬다.

그리고 iPhoto를 통해서 아이폰에서 찍은 사진들을 컴퓨터로 가져올 수 있다.

그런데 그냥 간단하게 사진을 가져오기에는 뭔가 iPhoto가 좀 무겁기도 하고, 번거로운 느낌이 있다.

이럴때는 특별히 다른 프로그램 필요없이 맥에 기본으로 설치되어 있는 Preview 를 통해서 아이폰의 사진을 가져올 수 있다.

아이폰을 연결한 상태에서 Preview를 실행하고, File 메뉴를 보면 아래처럼 아이폰에서 사진을 가져올 수 있는 메뉴가 있다.

위 메뉴를 실행하면 아래처럼 아이폰에 있는 사진들 목록과 정보가 나오고, 선택해서 원하는 폴더에 가져올 수 있다.

아이폰 소리바다 어플리케이션

xiles — Sat, 26 Dec 2009 21:19:06 +0900

한국에 아이팟이 들어온지 꽤 되었고, 이제 아이폰까지 들어왔지만 아이튠즈에서 한국 음악을 검색해서 구매하거나 할 수 있는 아이튠즈 서비스는 제공되고 있지 않다.

사실 아이팟을 평가할 때 아이팟 기기 자체만으로 평가받기 보다는 아이팟 그리고 아이튠즈 소프트웨어와 아이튠즈에서 바로 이용할 수 있는 음악 구매 서비스가 합쳐져있기 때문에 그렇게 인기가 있을 수 있었고 또 그런 구성을 한 것 자체에 대한 좋은 평가가 많았다. 그런데 아이폰까지 들어온 이 시점에서도 국내에서는 아이튠즈를 통해 국내 음악들을 구매해서 들을 수 있는 서비스가 없다. 물론 소리바다에서 아이튠즈에 음원을 제공하기로 했지만, 한국 서비스는 아닌 상태로 해외 아이튠즈 서비스에 음원이 들어갈 뿐이다.

요즘 다른 폰(통신사)에도 멜론 등 음원 서비스가 있어 바로 음악을 구매해서 듣거나 하는 것이 가능하다.

이런 와중에 소리바다에서 아이폰용 어플리케이션을 내놓으면서 이런 아쉬운 부분을 매꾸어줄 가능성을 보여주고 있다.

애플에서 한국 서비스를 제공한다해도 음원의 가격을 어떻게 책정하느냐에 따라 그 서비스 자체는 아무리 자체 서비스로 잘 묶여있다 할지라도 큰 호응을 얻기는 힘들지도 모른다.

처음 버전이니 인터페이스나 디자인, 기타 기능들은 딱히 언급할 필요가 없을듯하고(차차 발전을 해 나갈테니),

아래 세번째 이미지에서 보이듯 아직 어플리케이션 자체에서 구매해서 들을 수 있는 기능은 없다. 스트리밍 서비스를 이용해서 듣거나 기존에 구매한 곡을 받아 듣는 정도인 것 같다.

현재로써는 국내에서 첫번째 음원서비스 어플리케이션으로 나름의 큰 호응을 얻고 있고 빈자리를 채워줄만한 것임은 틀림없는 것 같다.

하지만, 또 어딘가에서 아이폰용 어플리케이션이 나올런지 모르겠지만 아래 문제(?)들은 사용자들의 큰 호응을 얻기위해서는 꼭 필요한 부분이 되지 않을까 싶다.

- 기본으로 제공되는 아이팟 기능처럼 음악을 백그라운드로 재생할 수 있는 기능

- 어플리케이션 자체에서 편하게 구매하고 다운로드 받거나 여러 서비스 결제 및 변경/해제가 가능하도록

- 무제한 데이터요금제 같은 것을 사용하지 않는한 스트리밍으로 노래를 듣는건 지하철 같은 와이파이 없는 곳에서도 듣고 싶을 수도 있을텐데...현재의 통신사 요금제로 봐서는 어려움이 있을 것 같다는 느낌. 뭔가 통신사와 결합된 요금제 같은 것이 있으면 어떨까라는 막연한 생각..

아이폰에서 검색, 말로 해보세요. (음성인식)

xiles — Sat, 26 Dec 2009 20:45:31 +0900

우리말은 아직이다. 하지만 영어로 나오는 것들을 보면 우리나라말 사용도 멀지 않은 시기에 나오지 않을까...

아이폰에서 구글(Google) 어플리케이션이나 마이크로소프트의 빙(Bing) 어플리케이션을 설치하고 실행하면 웹 검색을 할 수 있는데, 두 어플리케이션은 음성을 인식해서 검색하는 기능이 제공되고 있다.

특별히 무언가 해야할 필요도 없이 어플리케이션을 실행한 후 바로 아이폰을 전화하듯 귀에 가져다대고 검색하고 싶은 것을 말하면 된다. 그럼 말한 것을 인식해서 검색을 해준다.

영어로 검색하는 것은 생각보다 인식이 잘되는 편인 것 같다. 물론 영어 발음이 별로인지라 좀 인식이 안되는 경우도 있지만 그래도 꽤 잘되는 것 같다.

많이 익숙해진다 하더라도 일반폰보다는 터치폰은 무언가 타이핑하는 것이 조금 어려운 것은 사실이고, 특히나 요즘같이 추운 때에 밖에서 뭔가 검색하려고 하나하나 타이핑하려 생각하면....

어플리케이션을 키고 바로 귀에 가져다 대고 말만하면 되는 이런 인터페이스. 정말 슬슬 미래로 나아가는 느낌.

늘 영화에서도 자주 등장하고, 모두들 생각해오던 음성인식.

모바일 기기가 엄청나게 퍼지고 또 그 작은 기기 안에서 너무 많은 것을 할 수 있는 시대가 오면서 그 기기를 좀 더 쉽게 사용할 수 있게 하기 위한 인터페이스로 음성인식은 큰 발전을 할 것 같다.

구글은 웹상에서 다양한 언어를 번역할 수 있는 서비스를 제공하고 있는데, 아직 번역 수준이 높은 것은 아니지만 정말 아주 먼 미래가 아닌 시점에 내가 한국말로 기계에 말하면 바로 영어로 번역해서 보여주는 또 그보다 더 나아가서 한국말로 말하면 바로 영어로 변환해서 들려주는 그런것이 등장할 것 같다.

예전에 MP3 플레이어가 한창 나오기 시작할 때 그런 아이디어를 어딘가에 적어뒀던 기억이 난다.

MP3플레이어는 어느정도 작아야 하고, 점점 용량이 커지면서 그 안에 들어가는 노래들은 엄청나게 많아지고 거기서 원하는곡들을 찾아서 듣거나 하려면 참 힘들겠다라는 생각이 들었다.

그렇다고 그 작은 기기들에 뭔가 키보드 같은것을 연결하기도 뭐하고...그래서 음성인식이라는게 이런데 쓰이면 참 좋겠구나라는 생각을 했다.

아직 한국어 음성인식이 어느정도 수준에 와있는지 모르겠지만, 이런 점점 발전하는 모바일 기기들이 음성인식이라는 것의 활용도를 매우 높이지 않을까 싶다.

아이폰에 Qook&Show 로고가 새겨졌다면...

xiles — Sat, 19 Dec 2009 22:17:56 +0900

쇼옴니아2를 보면 QOOK&SHOW 로고가 새겨져있다.

만일 아이폰에도 QOOK&SHOW 로고가 새겨져서 출시되었다면 어땠을까...........

지금 엄청난 화제를 불러모으며 판매대수를 늘리고 있는데, 만일 아래처럼 되었더라면

어느정도 차이가 있었을까...

물론 애플쪽에서 절대 허용하지 않을 조건이었겠지만, 그냥 한 번 상상해봄직한...

세탁소 옷걸이로 만드는 아이폰 거치대

xiles — Sat, 19 Dec 2009 21:56:46 +0900

아이폰 카페에 보니 몇몇 분들이 다양한(?) 방법으로 세탁소 옷걸이를 이용해서 아이폰 거치대를 만든 것을 보고 한 번 만들어봤다. 돈이 좀 생기면 정품 Dock 을 지르겠지만, 일단은 책상에 그냥 놓기도 좀 그렇고 해서...

아이폰 카페에서 봤던 그것들과는 또 다른 방법으로 만들어봤다. 가로로 올려놓을 수도 있고, 세로로 올려놓을 수도 있다.

카메라가 잠시 외출중인지라 아이팟터치를 올려놓고 아이폰으로 찍은 사진.

시험삼아 한번 만들어본 것인데, 좀 더 심혈을 기울여 만들고 뭔가 마무리를 잘해주면 나름 쓸만은 한 것 같다.

옷걸이로 만드신 분들이 모두들 하신 말인듯하지만 역시 관건은 얼마나 깔끔하게 균형을 잘 맞추어서 구부려주느냐가...