PC에서 보던 걸 폰에서 보고 싶어요

  여러분은 어떤 웹 브라우저를 쓰고 계신가요? 

  저는 금융업무 볼 때나 회사 업무 관련 홈페이지에 접근할 때 외에는 모조리 크롬(Chrome) 웹 브라우저를 사용하고 있습니다. 가볍기도 가볍고, 페이지 로딩 속도가 제일 빠른 것 같더라구요. 물론 다른 웹 브라우저들도 좋은 것들이 많습니다만, 어쨌든 인터넷 익스플로러보다는 훨~~~~~~~~씬 빠른 것이 확실합니다.

  아니면 저를 때리세요. (   ㅡ_ㅡ) =3

  아무튼, 요즘에는 웹 서핑을 하다가 뭔가 볼 거리가 하나라도 있으면, 카톡 그룹 대화방에 들어와있는 친구들에게 링크를 공유해주고 싶을 때가 많아요.  아니면, 한창 웹 페이지를 보고 있는데, 친구들이 불러서 급히 나가야 할때가 있죠.

  근데, 즐겨찾기에 저장하고 나중에 찾아볼려니 귀찮고, 또 막상 나중에 아쉬워서 마저 볼려면 또 검색해서 찾아봐야 하고... 불편하더군요.

  이럴 때 여러분들은 어떻게 하시나요?

웹 페이지의 '테이크 아웃' : 'Chrome to Phone'

  PC와  안드로이드 폰을 쓰시는 분들이라면, '크롬 투 폰(Chrome to Phone)'이라는 어플만 설치하시면 이 모든 것이 간편해집니다. 흐흐. 아, 아이폰 유저들도도 이와 유사한 '사이트 투 폰(Site to Phone)'이라는 어플리케이션을 크롬 웹 브라우저에 설치하시면 이와 유사한 기능을 사용하실 수 있습니다.

  그럼, 이제 크롬 투 폰을 설치해봅시다.

STEP 1. 크롬 웹 브라우저에 '크롬 투 폰' 웹 어플리케이션 설치

  크롬 웹 브라우저의 'Chrome Web Store'나 우측 상단의 [설정 및 관리 - 도구 - 웹 어플리케이션 바로가기]로 접근하여, 'chrome to phone'을 검색해서 설치합니다. 설치가 완료되면, 브라우저 우측 상단에 처음보는 핸드폰 그림이 하나 더 생깁니다. 그러면 웹 브라우저에서의 설치는 완료된 것입니다.

STEP 2. 안드로이드 폰에 '크롬 투 폰' 어플리케이션 설치

  그럼, 이제 스마트 폰에 Chrome to Phone을 설치(혹은 세팅)합니다. Chrome to Phone은 안드로이드 2.2 (프로즌 요거트) 버전 이상에서 기본 탑재되어 있습니다. 이 어플리케이션이 안드로이드 2.2 부터 지원하는 C2DM(Cloud to Direct Messaging)이라는 기능을 이용한 서비스이기 때문이죠.

  설치되어 있는 프로그램 목록을 확인해보시고, 혹시 없으면, 당황하지 마시고 그냥 구글 플레이(Google Play)들어가셔서 새로 다운받으시면 됩니다. ^__^

  어려운 것 하나 없습니다. 설치된 'Chrome to Phone' 어플 실행해서 'Menu버튼-Setting'으로 들어 갑니다.

 계정(Account) 확인하시고, 계정은 폰에 등록된 기본 계정이 자동으로 뜨기 때문에 그냥 바로 넘어가주시면 되고, 'Automatically launch links' 선택하시고 Next!

'Finish'를 눌러주면 설정완료!

STEP 3. PC에서 보던 웹 페이지 폰으로 보내기!

  이제 크롬 투 폰 기능을 사용할 준비가 다 되었습니다. 사용 한번 해볼까요?

  모델 로켓(Model Rocket)을 설계(디자인)할 수 있는 '스페이스 캐드(SpaceCAD)'라는 프로그램의 주문 페이지를 폰으로 보내봅니다. 이 페이지를 띄우고 상태에서 우측 상단의 '크롬 투 폰' 버튼을 한번 클릭!! 콕!

"휴대전화로 전송했습니다."

STEP4. 폰에서 해당 페이지 확인! 테이크 아웃 완료!!

  이제 폰을 그윽~하게 한번 바라봐 줍니다. '자동으로 링크를 띄우기(Automatically launch links)' 설정을 했기 때문에 방금 전송한 웹이 자동으로 스마트폰에 뜹니다~ 짠~

  이렇게 제 폰으로 전송했던 링크는 스마트 폰에서 크롬 투 폰 어플리케이션을 클릭했을 때, 나오는 첫 페이지의 History에서 다시 확인하실 수 있습니다.

  설치도 간단하고 꽤나 유용합니다.

  한번 써 보세요! ^_^

Creative Commons License

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

본 포스팅은 구글 레퍼런스 폰 넥서스S(Nexus S)의 운영제체를

안드로이드 2.3에서 안드로이드 4.0으로 업데이트한 내용을 다루고 있습니다.

올 것이 왔구나!! 안드로이드 4.0!!

기다리고 기다리던 안드로이드 4.0 업데이트가 날라왔습니다.

레퍼런스 폰의 특징인 OTA(Over the Air)방식의 업데이트였습니다.

지난 주 금요일, 회사에서 업무를 보고 있었는데,

넥서스S에 평소에는 볼 기회가 거의 없는, 익숙하지 않은 알림(Notification)이 떠 있었습니다.

System update available!!

왔구나 왔어!!

고작 113.6 MB 짜리 업데이트에 사람이 이렇게 설레일 수 있다니!!

Model Number : Nexus S

Android Version : 2.3.4

이제 다시는 보지 못할 내 핸드폰의 OS버전을 다시 한번 확인해주시고~

혹시 모르니까, 이번 기회에 연락처와 중요한 사진들도 백업(back-up)을 한번 해준 뒤, 인스톨 시작!!

예전에도 넥서스S 시스템 업데이트(System Update)를 한번 한적이 있었는데,

그때도 저의 걱정과는 달리, 허무할 정도로 빨리, 그리고 깔끔하게 업데이트가 되었었습니다.

이번에도 그때와 마찬가지로 빨리, 그리고 깔끔하게 업데이트 되었습니다.

역시 '퓨어 구글(Pure Google)'!!

인스톨이 끝나고 처음으로 Nexus S가 4.0 운영체제로 부팅되기를 기다립니다.

SONY | NEX-5N | Normal program | Pattern | 1/60sec | F/4.0 | 0.00 EV | 18.0mm | ISO-2000 | Off Compulsory | 2012:05:05 03:36:09

SONY | NEX-5N | Normal program | Pattern | 1/80sec | F/4.0 | 0.00 EV | 21.0mm | ISO-800 | Off Compulsory | 2012:05:05 03:36:22

SONY | NEX-5N | Normal program | Pattern | 1/60sec | F/4.0 | 0.00 EV | 21.0mm | ISO-640 | Off Compulsory | 2012:05:05 03:36:24

부팅화면 자체가 안드로이드 2.3과는 달라졌습니다.

넥서스S의 부팅화면은 구글의 대표 4색이 4방향으로 뿜어져 나왔다가 다시 원점으로 들어가는 

불꽃놀이 같은 것이었는데요~

안드로이드 4.0의 부팅화면은 뭔가 더 화려하고 활동적인 느낌이네요.

SONY | NEX-5N | Normal program | Pattern | 1/80sec | F/4.5 | 0.00 EV | 44.0mm | ISO-2000 | Off Compulsory | 2012:05:05 03:38:11

신기한 것은 업데이트 후 제일 처음 실행되는 부팅시, 

제가 이전에 깔아놓은 121개 앱에 대해서 최적화 작업을 진행한다는 것이었습니다.

아마도, 기존의 앱을 그대로 사용해도 되는지, 문제는 없는지 체크하는 과정인 것 같습니다.

121개에 대한 확인이었지만, 이 역시 그리 시간이 많이 걸리지는 않았습니다.

업데이트 후 제일 처음 만나는 저 진한 하늘색 글씨체... 깔끔하고 귀여워졌다는 생각이 들었습니다.

SONY | NEX-5N | Normal program | Pattern | 1/60sec | F/4.0 | 0.00 EV | 22.0mm | ISO-1000 | Off Compulsory | 2012:05:05 03:41:13

'Finishing boot.' 이라는 메세지와 함께, 최초 부팅 준비를 끝내고...

SONY | NEX-5N | Normal program | Pattern | 1/60sec | F/4.0 | 0.00 EV | 31.0mm | ISO-800 | Off Compulsory | 2012:05:05 03:41:18

BAM!!!! 드디어 만나게 되었습니다. 안드로이드 4.0 : 아이스크림 샌드위치!!!

Introduing :  Ice Cream Sandwich (Android 4.0.4)

SONY | NEX-5N | Normal program | Pattern | 1/60sec | F/4.0 | 0.00 EV | 18.0mm | ISO-250 | Off Compulsory | 2012:05:05 04:08:26 

  한가지 재밌는 사실은...

  업데이트를 하기 전, 몇 가지 스크린샷을 남겨두기 위해서 이클립스의 안드로이드 개발화면(DDMS)을 켜고, 넥서스S와 PC를 5핀 USB잭으로 연결해 뒀었는데, 기존에 깔아뒀던 USB driver의 작동이 생각보다 훨씬 빨리 이루어지는지 부팅을 시작하자마자 디바이스가 이클립스에서 인식이 된다는 것이었습니다. 그렇지만 다른 명령을 수행할 수 있는 여력이 없는 상태라서 그런지, 스크린샷 명령어는 먹지 않습니다. 스크린 샷 버튼을 눌러도 아무런 화면이 캡춰되지 않았습니다.

안드로이드 2.3.4   vs. 안드로이드 4.0.4

제가 업데이트 전에 찍어줬던 안드로이드 2.3.4 화면입니다.

안드로이드 4.0 업데이트 이후로 어떻게 바뀌었는지 감상해보시죠~ 

안드로이드 OS가 바뀌면서, 메인 테마 컬러가 변했음을 알 수 있습니다.

안드로보이의 색깔인 진한 라임 그린색에서 테마컬러가 진한 하늘색으로 변했는데,

HONEYCOMB의 테마 컬러랑 동일한 것 같습니다.

그 외에도 아이콘 타이틀을 둘러싸고 있던 검정색 투명 풍선이 사라졌고,

아이콘 글자체도 좀더 작고 글자 간격이 좁게 바뀌었습니다.

스크린 샷으로 보면 글자가 작아져 잘 안보일 것 같은데, 실물을 보면 가독성은 오히려 좋아진 느낌입니다.  

업데이트를 진행하면서 임의로 삭제되거나 사라진 앱은 안보이네요.

업데이트 이전 세팅과 동일합니다.

안드로이드 주 검색창이 좀더 얇고 깔끔해졌고, 모든 메인 화면 상단에 자리하고 있습니다.

기존의 검색 위젯은 두껍고 안 예뻐서 삭제해버린 다음, 넥서스S에 달려있는 검색 버튼을 주로 사용하고 있었는데, 이번 것은 아예 배경화면과 동일한 레벨/레이어에 있는 것처럼 보여서 맘에 듭니다.

약간의 변화일 뿐인데도, 배경화면 위에 모든 아이콘들이 떠있는 느낌을 주네요.

제일 하단은 전화걸기, 주소록, 어플리케이션 리스트, 메세지, 인터넷 아이콘들이 자리하고 있고,

바탕화면에 세팅해 놓은 각 아이콘 줄의 높이는 조금씩 낮아진 것 같네요.

설치된 모든 앱을 볼 수 있는 메인 앱 화면입니다.

원래 화면은 스타워즈 영화의 제일 첫 장면, 'A Galaxy far, far away....'처럼, 위 아래로 화면을 스크롤링하며 리스트를 확인하는 형식이었는데, 이제는 한 화면에 딱 앱 20개씩을 보여줍니다.

이전 방식이 보는 재미는 있었지만 앱을 찾기가 어려웠는데, 이 부분은 확실히 개선된 것 같습니다.

다음 페이지를 볼 때의 애니메이션 효과도 포함해서 말이죠.

마지막으로 종료화면입니다. 기존 폰 종료화면보다 확실히 멋져졌군요.

종료 기능 이외에도 핸드폰의 벨소리 모드를 바꿀 수 있는 기능도 추가 되었습니다.

So Far, So Good

  안드로이드 4.0을 넥서스S에 업데이트하고 든 느낌은...

  애니메이션 효과가 상당히 많이 추가가 되어서, 만지는 재미가 늘었다는 것과 그 효과들이 상당히 부드러운 편이라는 것입니다. UI면에서 많은 노력을 한것으로 보이네요.

  특히, 알림(Notification)창에서 각각의 알림을 슬라이드 방식으로 하나씩 하나씩 삭제할 수 있는 제스쳐가 추가 되었고, 홈 버튼을 길게 누르면 뜨는 '최근 사용한 앱(Recent Applications)'화면에서도 동일한 슬라이딩 제스쳐로 아직 일시 정지되어 있는 앱들을 종료시킬 수 있었는데, 이것이 굉장히 인상적이었습니다.

  이번에는 업데이트 이후에 받은 느낌과 가시적인 차이점들에 대해서 다뤄 보았습니다.

  좀더 기능적으로 사용을 해봐야, 이전 OS와의 성능을 비교할 수 있을 것 같습니다만, 아직까지는 만족스럽습니다. 애플이 아이폰 3GS 단말기에 새로운 iOS를 적용해줬을 때, 아이폰 유저들이 그랬던 것 처럼, 갑자기 새폰을 사용하게 된 느낌이 드네요.

  즐거운 한 주가 될 것 같습니다. ^____^

Creative Commons License

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

이번에는 XBOX360용 'Kinect Sensor'를 PC에 사용하기 위해 필요한 어댑터에 대해서 알아보겠습니다.

'키넥트 센서'를 PC에서 사용하고 싶어요!

  작년 가을, 키넥트 센서(Kinect Sensor)에 대해서 소개한 적이 있습니다.

  콘솔 게임기 XBOX360 용으로 발배된 키넥트 센서는 당시 다른 시판된 게임용 센서보다도 우수한 성능을 보여주었고, 컴퓨터 OS의 명실상부한 최강자, 마이크로소프트의 작품답게, PC에 활용하기 위한 어플리케이션인 'Kinect for Windows SDK beta' 또한 출시가 된 상태였습니다.

[Kinect] 최고의 모션인식 센서, Kinect Sensor (How I Met the XBOX360 & Kinect Sensor)

  올해 2월 1일에는 Windows용 'Kinect Sensor'인, 'Kinect for Windows'와 정식 개발툴인 'Kinect for Windows SDK v.1.1 '이 출시되어, Kinect 센서를 PC에서 이용하기가 한결 편해졌습니다.

Kinect for Windows 홈페이지

  그러나, 아무래도 개발을 위해서 별도로 'Kinect for Windows'를 구입한 사람보다는, 기존에 XBOX360용으로 '키넥트 센서'를 사서 이용하다가, Windows에 이용해보려고 하는 사람이 훨씬 많을 것으로 예상합니다. 

  실제로, 제 블로그를 찾아오는 주요 유입 검색어 중, 기존 센서를 PC에서 이용하기 위한 방법이나 USB연결을 하기 위한 젠더를 찾는 경우가 많습니다.

  그래서 이번에는 간단하게 기존의 XBOX360용 'Kinect Sensor'를 PC에 사용하기 위해서 필요한 USB 젠더(혹은 어댑터)에 대해서 알아보겠습니다.

그래서 뭐가 필요한데?

  아래가 PC에 'Kinect Sensor'를 사용하기 위해 필요한, USB포트가 있는 AC 어댑터(AC Adapter)입니다.

google | Nexus S | Aperture priority | Center-weighted average | 1/14sec | F/2.6 | 0/0EV | 3.4mm | ISO-100 | Flash did not fire | 2011:09:15 20:02:43

google | Nexus S | Aperture priority | Center-weighted average | 1/12sec | F/2.6 | 0/0EV | 3.4mm | ISO-200 | Flash did not fire | 2011:09:15 20:04:02

  XBOX360용 키넥트 센서를 XBOX360 본체와 연결하는 주황색 부분을 보면, USB처럼 생겼지만 일반적인 USB 타입이 아닌 것을 알 수 있습니다. 그래서 이 부분을 연결해서 일반적인 USB 포트에 맞는 형태로 전환해주는 젠더가 필요합니다. 위 사진에서 오른쪽 두개의 주황색 부분을 연결하고, 제일 왼쪽의 USB 포트를 PC에 연결해 주는 거죠.

  단, 여러분들이 사용하시는 대부분의 USB 제품들은 USB포트가 제공해주는 전력만으로도 구동이 가능한 경우가 많았지만, 키넥트 센서는 일반적인 USB 포트가 제공해줄 수 있는 전력보다 더 많은 전력을 안정적으로 공급받아야 합니다. 따라서, AC 어댑터가 필요합니다.

  최종적으로 연결해야 하는 부분과 순서는 다음과 같습니다.

SONY | NEX-5N | Normal program | Pattern | 1/60sec | F/4.0 | 0.00 EV | 32.0mm | ISO-1600 | Off Compulsory | 2012:05:02 06:09:20

참~ 쉽죠잉?

서로 서로 맞는 모양을 찾아서 꽂아주면 끝~

그래서 어댑터는 어디서 구하는데?

'PC 연결용 키넥트 센서 AC 어댑터'는 '마이크로소프트 스토어(Microsoft Store)'나 '아마존(Amazon)'에서 정품을 구입할 수 있습니다. 언제나, 늘~ 그랬듯이 아마존이 더 싸네요. 마이크로소프트 키넥트 홈페이지에서 제품을 구입할 수 있는 곳이라며 링크를 걸어놓은 두 곳인데, 왜 가격이 다른건지. 흐흐흐 

AC 포트가?? 다르다...!!?

그리고 오른쪽 상단의 United States에 주목합시다

'대한민국'으로 바꾸면, XBOX Accessories 카테고리는 싹~ 사라집니다

'Kinect Accessories'로 검색하는 것이 좋습니다.

다양한 제조사에서 만들고 있고, 가격도 천차만별이니 꼭 확인해보고 삽시다!

  미국 발매 제품을 바로 살 경우에는 AC 어댑터의 날이 다른데, 미국 발매 키넥트 센서의 정격전압이 다음과 같으므로, 흔히 말하는 '돼지코(젠더)'만 사서 이용하셔도 이용하시는데, 문제는 없을 것 같습니다.

[ Kinect Standalone Version(US) Power Supply ]

- Input 100-240V ~0.3A, 47-63Hz

- Output 12V 1.08A

  물론, 우리나라의 G마켓이나, 옥션, 11번가에서도 판매를 하고 있습니다만, 물건이 자꾸 생겼다가 없어졌다가를 반복하네요~ 그리고 가격도 셀러마다 천차만별인 경우가 있는 것 같습니다. 잘 살펴보고 사시길 빕니다.

  한가지 팁을 드리자면, 키넥트 USB 젠더, 키넥트 PC보다는, '키넥트 악세사리(Kinect Accessories)'나 '키넥트 AC 어댑터', '키넥트 Power Supply' 등으로 검색하시는 것이 좋습니다. 대부분의 관련 제품들이 USB 연결보다는, 별도로 사용하기 위한 전력 공급 기능에 초점을 맞춰서 제품명이나 판매명을 택하고 있네요.

참고로 2012년 5월 6일 현재, 우리나라 쇼핑몰에서 직접 판매하는 셀러는 없고, 해외배송 관련 상품만 검색이 되네요. 가끔씩 제품이 들어오기도 하니, 자주 살펴보시면 좋은 결과 있으실 겁니다 ^__^;;

[옥션] XBOX360 키넥트 어댑터 정품 / 키넥트 전원 어댑터 (45,000~60,000원)

         >> 저는 예전에 17,000원 정도에 샀던걸로 기억하는데요 =_=

              마이크로소프트 정품 가격을 보면 저 정도 하는게 뭐 더 비슷하긴 합니다만은..

그럼 행운을 빌어요~ ^___^)/

Creative Commons License

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

이전 XNA 관련 글 보기

더보기

Sprite-based Animation

  단일 이미지의 단순 화면 출력을 해봤으니, 이번에는 여러 장의 이미지를 연속으로 보여줌으로써 연속된 동작처럼 보이게 하는 스프라이트 애니메이션(Sprite-based Animation)을 시도해보겠습니다.

  스프라이트(sprite)는 연속된 이미지의 변화로 캐릭터 등에 애니메이션 효과를 나타낼 때 사용합니다. 

  2D 아케이드 게임 속에 등장하는 캐릭터 동작의 대부분은 스프라이트 애니메이션입니다.

  XNA에는 감히! 스프라이트 처리를 위해 준비된 별도의 클래스가 없기 때문에 스프라이트 처리르 위한 클래스를 직접 만들어야 된다고 합니다.(What!!? -_- )

  당연히, 한번만 쓰고 끝낼 기능이 아니기 때문에 별도의 클래스를 제작해둬야겠네요.

  아무튼 시키는대로 해봅니다.

  이번 프로젝트는 크게 아래와 같이 3개의 클래스와 불러들일 이미지들로 구성됩니다.

Program.cs  

프로그램 구동시 제일 먼저 불려와서 게임을 Run을 시킵니다.

Game1.cs

게임 화면의 크기, 배경색을 비롯한 게임 전반적인 환경 설정 및 초기 이니셜라이즈(Initialize() 함수)를 시킵니다. 실제적인 게임 진행에 필요한 것들을 정의하고, 이번 포스팅에서 사용하고자 하는 이미지를 로드(LoadContent())하고, 그리기 명령(Draw())을 포함하고 있습니다.

Sprite.cs

앞서 말했듯이, XNA 자체에서는 스프라이트 효과를 주는 함수가 지원되지 않기 때문에, sprite()함수를 별도로 만들고, Game1.cs에서 Upload된 컨텐츠(이미지)를 연속해서 불러서 그리는 Draw() 함수를 정의 해 둡니다.

Sprite.cs 코딩

  Sprite.cs 함수에 들어가 있는 핵심 내용은, 이미지 정보(이미지 텍스처의 개수, 테스처의 가로, 세로 크기)를 불러와서, i 번째 이미지를 출력하는 것입니다.

[ Sprite.cs 코드 보기 ]

더보기

더보기

### csharp
Sprite sp = new Sprite();

###csharp
sp.Load(Content, "비행", 15); // 16장의 이미지를 로드한다. (비행0000~비행0015)

###csharp
sp.Draw(spriteBatch, (int)(gameTime.TotalGameTime.TotalMilliseconds / 50) % sp.Count(), new Vector2(330, 200), Color.White);

왼쪽 부터, Color.White / Color.Aqua / Color.Pink

더보기

이미지 16장을 모두 사용한 경우의 결과

  아래는 제일 마지막 이미지(비행0015)를 삭제하고, 코딩도 15장만 불러들이도록 수정한 결과 화면입니다.

  완전히 만족할 수는 없지만, 그래도 조금 더 낫네요~ ^____^ 

  자연스럽게 연결되는 애니메이션 소스가 중요하다는 것과, 반복문을 돌릴 때, 첫 이미지와 마지막 이미지가 동일하면, 동일한 화면을 두번 그리게 되니까 조심해야 된다는 교훈을 얻었네요~

마지막 이미지를 제외한 15장의 이미지를 사용한 경우의 결과

  시간이 많이 없어 실습이 더디지만, 재밌네요 ^__^

  다음은 스프라이트 애니메이션을 구현하는 코드를 다른 이미지 소스에도 계속 사용할 수 있도록,

  스프라이트 매니저 클래스를 만들어 보겠습니다!! 

SPACECHILD_XNA_Proto1.zip

Reference // 톡톡튀는 XNA를 이용한 단계별 슈팅게임 만들기

톡톡튀는 XNA를 이용한 단계별 슈팅게임 만들기 국내도서>컴퓨터/인터넷 저자 : 최창수,서정만 출판 : 도서출판정일 2011.08.25 상세보기

Creative Commons License

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.