상범이의 이야기, 큐브의 연구소

[사진] 노키아 익스프레스 뮤직 5800 구매하였습니다.

(정상범(cube)) — Sun, 08 Nov 2009 13:26:25 +0900

네이버 노키아카페 (http://cafe.naver.com/nokiaa) 공동구매로 요 녀석 바로 구매하였습니다.

Wi-Fi, GPS 모두 탑재됨은 물론 심비안OS S60 5th 가 탑재된 녀석으로 사용성이 매우 뛰어나네요.
아직 받은지 1일 되었지만 느낌은 참 좋습니다.

폰트나 테마 모두 자기 개성 껏 꾸밀 수 있다는 점이 엄청 좋구요.
애플처럼 App들이 폐쇠적이지 않아 오페라 브라우저 등의 많은 좋은 어플들도 받아 쓸 수 있습니다.
음악들을 때에도 일반 MP3P를 쓰는 것처럼 거부감이 없네요.

아직 웹서핑에서 타이핑을 할 때 3x4 키패드를 쓰면,
띄어쓰기가 어려운 문제만이 단점으로 느껴질 정도일 뿐입니다.

이미 해외에서는 1년이나 지난 모델이지만, 이 정도 완성도면 정말 박수 쳐줄만 하네요.
정말 불편했던 Windows Mobile을 예전에 써오던 입장으로는 정말 너무 좋습니다.
앞으로 더 알아가야 할 것 같아요.

+ 무슨 찬양하는 느낌이군요. -_-...

노키아 익스프레스 뮤직 5800 버스정류장 옥외광고

(정상범(cube)) — Mon, 02 Nov 2009 02:02:09 +0900

오늘 본 노키아 익스프레스 뮤직 5800 옥외광고입니다.
어젠가 노키아 네이버 카페에서 광고 보고, 우와~ 보고싶다 했었는데,
다음 날 우연히 보게 되었네요.

음악재생도 잘 되고, 심비안 OS에 마음 껏 바꿀 수 있는 테마
아이폰과 달리 배터리도 찰탁식이고 WiFi 탑재는 물론이고
여러모로 맘에드는 녀석입니다.

오랜만에 또 나오자마자 지르는 일이 발생할 것 같아요 ㅎㅎ

[리뷰] 보석처럼 빛나는 beautiful tech, 아이리버 N20

(정상범(cube)) — Sun, 25 Oct 2009 17:01:58 +0900

FIN
by cube
아이리버 N20 리뷰
마지막 수정일 : 2009-10-25

+ 패키지 프리뷰는 http://blog.bycube.net/lab/226 에 있습니다.

참고 기사

레인콤, 신제품 `N10` 여심 잡기 `성공`

http://search.naver.com/search.naver?where=nexearch&sm=ies_hty&query=%B7%B9%C0%CE%C4%DE%2C+%BD%C5%C1%A6%C7%B0+%60N10%60+%BF%A9%BD%C9+%C0%E2%B1%E2+%60%BC%BA%B0%F8%60

김군호 아이리버 대표 "다음달 아이팟터치 대항마 내놓겠다"

http://search.naver.com/search.naver?where=nexearch&sm=ies_hty&query=%B1%E8%B1%BA%C8%A3+%BE%C6%C0%CC%B8%AE%B9%F6+%B4%EB%C7%A5+%22%B4%D9%C0%BD%B4%DE+%BE%C6%C0%CC%C6%CC%C5%CD%C4%A1+%B4%EB%C7%D7%B8%B6+%B3%BB%B3%F5%B0%DA%B4%D9%22

[리뷰] 아이리버 N20 포토 프리뷰 - 패키지 중심

(정상범(cube)) — Thu, 15 Oct 2009 20:51:51 +0900

오늘 좋은 기회로 아이리버의 N20을 미리 만나 볼 수 있었습니다. N20은 아이리버 N10 시리즈의 후속작으로 necklace의 약자인 N이라는 모델명을 가지고 있습니다. 목걸이형 MP3P의 열풍을 몰고 왔던 N10의 후속작인 만큼 더 기대가 되는데요. 후에 작성할 리뷰에 앞서서 간단하게 (그리고 보정도 이상한 ㅠㅠ) 사진으로 N20을 살펴보도록 합시다.

- 패키지 정면

패키지는 최근 아이리버 제품들의 재활용 가능하면서 속이 비치는 플라스틱 케이스의 컨셉을 그대로 가지고 있습니다.

특히 머라이어캐리 에디션이 스페셜 에디션으로 발매되어 다양하게 N20이 발매될 예정이라는 것을 알 수 있었습니다.

다른 상자는 상자의 표면을 음각처리 하여 간단한 N20의 정보를 나타내줍니다.

- 패키지 측면

측면에는 아이리버 로고가 위치합니다. 이전 로고인게 조금 아쉽네요.

다른 쪽 면에도 마찬가지로 로고가 존재합니다만, 이쪽 면 에서는

재 사용이 가능한 케이스의 용도를 간단하게 확인할 수 있습니다. 디자인 적으로나 기능적으로나 좋은 부분입니다.

위쪽을 보면 앞서 보던 두 패키지의 모습이 보입니다. 구멍이 뚫린 N20이 담긴 플라스틱 케이스의 뚜껑이 특이합니다.

- 패키지 후면

뒷면에는 보통 패키지와 마찬가지로 정보들이 상세하게 적혀있습니다.

머라이어캐리 에디션에는 머라이어캐리의 정보도 나와있습니다.

후면에서는 각종 로고 속에 IESE로고를 볼 수 있습니다. 기대되네요.

- 전체 패키지

패키지를 모두 꺼내보았습니다. 적은 구성임을 알 수 있습니다.

투명한 N20케이스를 살펴보도록 하겠습니다.

올라온 부분에는 N20과 목걸이가 담겨있습니다.

위에서 보면 N20의 이어폰이 어디에 담겨있는지 잘 보이죠?
종이는 뜯지 마시고 잘 열어서 개봉하시면 됩니다 ㅠㅠ

고정이 잘 되어있는 케이스를 개봉 후에 N20을 꺼낸 모습입니다.
참 예쁘네요 ㄷㄷ...

전체 패키지의 모습입니다. 어딘지 모르게 부족하다고 생각되는게 있으니,

B캡이 별매로 빠져있더군요. 하긴 스포츠형 타입의 C캡까지 발매한다는 것으로 보아 단가를 낮추기 위해
B캡을 별매로 돌린 듯 합니다. 그래도 총 6개 (5개의 여유 캡 + 1개의 기본 캡) 고무 캡이 존재하는 걸
위안으로 삼아야겠습니다.

간단하게 패키지에 대해 살펴보았구요. 아래는 부리나케 찍은 N20의 사진들입니다.

여태까지 N20과 N20 패키지에 대해 간단히 알아보았습니다.
최근 아이리버가 패키지에서 많은 상을 받아서 패키지에 대해서도 짤막하게 나마 소개하는 게 좋을 것 같아
적어보았습니다. N20 패키지도 재활용이 가능하도록 만든 컨셉이 참 좋은 듯합니다.
지금 앞에도 P7을 동전함으로 잘 활용하고 있으니 말이죠. ㅎㅎ;;

마지막으로 사진 한 장만 쏘고 마치겠습니다.
후에 올라올 N20 리뷰에도 많은~ 관심 부탁드려요.

FIN.
by cube
마지막 수정일 2009-10-15

코원 S9 UCI - cube_browser_total

(정상범(cube)) — Thu, 15 Oct 2009 10:51:59 +0900

브라우저 전체 모습 - 유저폰트 적용

브라우저 전체 모습 - 기본폰트 적용

상단 좌측 - 배터리게이지(상단 바), 뒤로가기, 브라우저 정보가 표시

상단 좌측 - 음악브라우저 모드에서는 북마크버튼 등으로 뒤로가기가 변경 됨

상단 우측 - 닫기 버튼, 블루투스, 홀드, 볼륨, 시간 정보 표시 홀드나 블루투스는 활성화 되면 하얗게 변함

cube_browser_total 입니다.

이전 cube_modern처럼 블랙에 레드로 포인트를 주었구요.
브라우저는 맘에 드는게 없어서 제작하였습니다.
속도나 기타 다른 부분은 펌 1.41 버전 리버싱 파일을 사용해서 최신 버전과 거의 동일 할 겁니다.
ZOOM기능은 거의 이용하지 않아서 빼버렸구요.
따라서 브라우저 화면의 크기가 고정되어 있습니다.

간단한 설명은 사진 밑에 글을 참조해주시구요.
나머지 부분은 기본 브라우저의 기능과 동일합니다.

일반 UCI는 cube_browser_total.zip을 받으셔서, system/Flash UI 폴더에 압축을 푸시면 되구요.
소스는 cube_browser_total_source.zip파일을 받으시면 됩니다.

cube_browser_total_source.zip

cube_browser_total.zip

+ 소스를 이용하여서 어떤 부분을 수정하고 배포하셔도 상관 없습니다.
출처만 밝혀주세요~

P3 UCI 제작 중입니다.

(정상범(cube)) — Mon, 31 Aug 2009 10:37:21 +0900

근 2달만의 글이군요.
P3 위젯 펌 추가가 되서 한번 사용해보고 있었는데, 기본 UI가 보다보니 좀 질리더라구요.
그래서 SDK를 받아 소스를 보던 도중! 이런 UCI도 가능하겠구나 해서 제작해보고 있습니다.
아직 일을 하는 도중이라... 제작까지는 시간이 좀 걸릴 것 같습니다.

+ 오랜만의 포스팅인데 글에 뼈가 없네요 ㅠ_ㅠ 흑흑...
+ 글 쓰는 실력도 점점 줄고 있네요. 흑흑...

코원 S9 UCI - cube_s9_modern

(정상범(cube)) — Wed, 27 May 2009 01:20:06 +0900

cube_s9_modern 입니다.

제가 만든 네 번째 s9 UCI입니다.
이번테마는 붉은 색상을 포인트 컬러로 한 검정 색상톤과의 조화를 이루도록 만들었습니다.
최신 소스를 적용해서 매트릭스모드, 스윙모션까지 지원 합니다.

다음 곡을 알 수 있어서 더 편리한 이용이 가능합니다.
사실 디자인에 중점을 두고 만든 테마라서 이용에 약간 불편한 점이 있습니다.
나름의 오리지널리티를 추구하기 위해서 노력했답니다 ^^;;

급하게 만들어서 조금 디테일한 면이 떨어지는 건 좀 아쉽네요. ㅠㅠ
회사 일에 바빠서 덜 만들던 UCI 만들어보니 재미있군요! 앞으로 간간히 제작해야겠습니다.

일반 UCI는 cube_s9_modern.zip을 받으셔서, system/Flash UI 폴더에 압축을 푸시면 되구요.
소스는 cube_s9_modern_source.zip 파일을 받으시면 됩니다.
cs3파일 소스는 cube_s9_modern_source_cs3.zip 파일을 받아주세요.

cube_s9_modern.zip

cube_s9_modern_source.zip

cube_s9_modern_source_cs3.zip

MSP(Microsoft Student Partners) 3기를 모집하는군요!

(정상범(cube)) — Wed, 29 Apr 2009 19:41:26 +0900

정말 오랜만에 포스팅입니다. ㅠㅠ

올해 3월 쯔음 MSP 2기 공식활동이 끝나면서 아쉬운 마음에 블로그에 포스팅을 한 것이 엊그제 같은데, 벌써 MSP 3기를 뽑습니다!

MSP에 대해 간단하게 설명드리자면 MSP는 Microsoft Student Partners의 준말로 말 그대로 마이크로 소프트의 학생 파트너 랍니다. (참? 쉽죠 -_-;;) 다른 여타 체험활동들과 다른 점은요! 정말로 자기가 하고 싶은 것을 꾸려나갈 수 있다는 점, 전국 곳곳의 많은 사람들을 만날 수 있다는 점! 부담도 그리 많지 않다는 점. 마지막으로는 정말로 재미있는 사람이 많이 모인다는 점을 들 수 있겠네요. :)

MSP에 대한 이야기는 이 포스팅을 보시면 더 자세히 아실 수 있을 것 같아요.

2기 때는 UX, XNA, Mash-up, Robotics, 사회공헌, 이매진컵 팀으로 나뉘어서 각자 하고싶은 것을! 알아서 진행하였습니다. 자발적인 느낌이 강하기 때문에 공부는 물론 포스코 센터(한국 마이크로소프트 본사!)가 집이되는 경험과 -_-;; 원하는 것을 찾아가고 사람과 만날 수 있는 즐거운! MSP! 여러분도 지원해보세요~ 특히 이번부터는 디자인 부분이 신설되어 더 즐거운 MSP가 될 것 같습니다. 부러워요 ㅠㅠ

지원 방식이나 지원하는 곳은 아래 URL을 참조해주세요!
http://www.microsoft.com/Korea/msdn/events/2009/academic/msp.aspx

혹시 궁금한 사항은 cube@bycube.net 으로 메일 보내주시면 알려드리겠습니다!

+ 참, MSP3기 지원 커뮤니티를 열었네요! http://cafe.naver.com/msp3.cafe 로 가보세요 :)

[아이디어] iFlux SE

(정상범(cube)) — Wed, 04 Mar 2009 03:13:29 +0900

웹브라우징
iFlux 2의 곡 검색
화려한 UI
Open API와의 연동

기능을 가진 플레이어를 만들고 싶다.

MSP 2기 이제 일주일도 안 남았네요.

(정상범(cube)) — Mon, 23 Feb 2009 07:30:00 +0900

제가 MSP 2기라는 이야기 사실 블로그에서는 많이 하지 않았던 것 같은데요. 네. 저는 MSP 2기 정상범입니다. MSP가 무어냐고 물으신다면 "Microsoft Student Partners"의 준말로 말 그대로 Microsoft의 학생 파트너입니다. 다양한 팀으로 나뉘어서 자율적인 활동을 하는 그룹으로 열정분야 20명 기술분야 30명의 MSP들이 활동을 하고 있답니다.

열정적인 모습의 첫! 워크샵 단체사진

이렇게 첫 워크샵을 시작으로 많은 활동을 하였습니다. 프로젝트 M, S, P 3개로 나누어진 프로젝트를 진행하는데요. M에서는 주제를 골라서 그 주제에 맞는 "무엇"인가를 수행하라! 는 활동이고 S는 선택적인 활동 그리고 P같은 경우는 개인적으로 제가 지금 포스팅을 하는 것 같은 활동을 말하는 것이에요.

줌인코리아 가족들과 함께 간 1박2일 엠티에서

사실 모든 활동들에서 이건 뭐를 해야해! 라는 것이 없었지만, 오히려 자율적인 분위기에서 나오는 효과가 더 컸다고 생각합니다. 게다가, 각 달마다 모였을 때 듣는 트렌드 강의들도 매우 유익했습니다. 그런 많은 기억들 중에서도 특히 저희 UX2 팀과 함께 줌인코리아를 기획하고 회의하고 만들고 하던 기억은 아직도 생생합니다.

MSP를 통해서, 저는요.

줌인코리아를 만들었고,
UXFactory라는 곳에 게스트 필자가 되었고,
난생 처음 들었던 매시업경진대회에 나갔고,
처음으로 디자인팀이라는 곳에 들어가 보기도 했고,
실버라이트라는 것을 배웠고,
벤처기업(hugeflow)에 처음 방문해 보았고,
한국MS 본사가 선릉역에 있다는 것을 알았고?,

좋은 사람들을 만났습니다.

너무나 좋았었습니다.
하지만, 좋은 점이 있으면 나쁜점이 있는 것은 당연한 법. 좋은 것만 있었다면 그건 거짓말이겠죠.
그럼 3기에서는요.

일단, 팀과의 대화의 시간이 더 많이 필요합니다.
MSP의 경우 지방학생과 수도권의 학생의 비율을 맞추어서 뽑는데요. 서로 모일 시간이 부족한 팀들이 너무나 많았습니다. 저희 팀과 같은 경우는 수도권에 모두 거주하여서 모이기가 수월했지만, 다른 팀의 경우 한숨을 쉬는 경우가 많더라구요. 차비를 지원하든! 공식적인 만남을 갖을 때 프로젝트M를 수행하는 등의 대책이 필요합니다.

다음으로, 열정MSP들을 위한 무엇인가가 필요합니다.
열정MSP들은 정말 열정으로 똘똘 뭉친 MSP이지만 각자의 능력도 매우 뛰어나답니다. 하지만, 한국MS가 어떤 기업입니까? IT기업입니다. 그렇기 때문에 열정MSP는 기술트렌드엔 맞추기도 힘들고 자신들이 무엇을 해야할지도 잘 모르는 경우가 많았습니다. 사람의 능력에 맞춰서 할 수 있는 일을 찾아주는 것이 필요할 것 같아요.

또, MSP멘토링이 필요합니다.
멘토링 같은 경우 저희 팀은 많은 부분을 1기 MSP나 인턴님이 아닌 황리건 과장님께 묻는 경우가 많았는데요. 그런 것 보다는 저희 또래와 비슷한 저번 기수의 MSP 한 명정도를 멘토링을 할 수 있도록 하는 것이 더 좋을 것 같습니다. MSP가 프로젝트에 관해서는 더 많이 아는 경우가 많거든요.

그리고, 트렌드리포트의 다양화가 필요합니다.
현재 트렌드리포트는 마케팅, 기술으로 나뉘어 있는데요. 이러는 것 보다는 프로젝트M에 관련된 내용도 적을 수 있고 MSP의 이야기나 다양한 이야기들을 엮어나가는 장으로 만들어도 좋을 것 같습니다. 그리고 워크샵마다 꼭 후기를 작성하도록 하는 것도 좋을 것 같아요.

마지막으로, 프로젝트M의 보상이 필요합니다.
사실 프로젝트M과 같은 경우는 자발적으로 "무엇"을 하도록 되어있습니다. 이 문제가 생각보다 커서 나중에는 하는 팀과 안 하던 팀의 차이가 커지게 되어있습니다. 자발적으로 수행하는 부분에 한계가 있다고 보여지는 부분인데요. 이 부분을 "이전 달보다 가장 발전한 팀에게 외식상품권 등을 수여하는 방식"으로 바꾸게 되면 의지를 갖고 열심히 하는데 도움이 될 것 같습니다.

이 이외에도 MSP공식사이트나 웹호스팅등의 빠른 지원, 지속적인 관심 등이 필요로 합니다.

주저리 주저리 많이 적어보았으나, 많은 애정이 있었기에 불만도 생기게 되는 것 같습니다. 그런 불만이 나올 정도로 MSP 6개월은 저에게 있어서는 잊을 수 없는 인생에 한 부분이었습니다. 현재에 관심에 그치지 않고 지속적인 관심을 갖는 멋진 MSP가 되겠습니다.

여태까지 저는 MSP 2기 정상범이었고, 앞으로도 저는 MSP 2기 정상범입니다.

코원 S9 UCI - cube_s9_musictab 업데이트 v110

(정상범(cube)) — Sun, 22 Feb 2009 14:54:21 +0900

cube_s9_musictab v110 입니다.

업데이트 사항은
영문버전 추가 (thx. 로운님)
컨트롤 부분에 영문 제거 밑 화살표 위치 변경 (thx. SS님)
가사 위치 변경 및 버그 수정 (thx. 너무 많은 분들 ^-^)
앨범아트 나올 시 검은 줄 문제 수정 (thx. 네이버 카페 사시미님)
배경 파일 5개 이미지가 랜덤하게 나오도록 변경
볼륨 제스쳐 추가 (앨범아트 부분에서만 동작함) (thx. 마찬가지로 너무 많은 분들~~)
블루투스 아이콘 추가 (thx. bbasayu)

음... 뭔가 더 있는 것 같은데 까먹었네요 -_-...
G센서를 이용 가로로 돌렸을 때 뭔가 되는게 없어서 좀 허전해서 뭐~ 넣지 하고 있는 중이구요.
로딩시 다른 색상이 나타나는 부분은 아마 수정이 힘들 것 같습니다.

다른 자세한 설명은 이전 게시물에 있는 것과 같구요.

일반(한글버전) UCI는 cube_s9_musictab_v110.zip을 받으시구요.
일반(영문버전) UCI는 cube_s9_musictab_v110_eng.zip을 받으셔서,
system/Flash UI 폴더에 압축을 푸시면 됩니다.

소스는 뒤에 _source가 붙어있는 압축파일을 받아주세요. (Flash CS4 최적화)

배경화면 변경은 system/Flash UI/music 폴더에 back.jpg, back2.jpg ,back3.jpg ,back4.jpg ,back5.jpg 파일을 넣으시면 랜덤으로 파일이 보여집니다. (파일이 없으면 S9이 정상작동 하지 않을 수도 있습니다.)

cube_s9_musictab_v110.zip

cube_s9_musictab_v110_eng.zip

cube_s9_musictab_v110_source.zip

cube_s9_musictab_v110_source_eng.zip

+ 영문 버전에서 앨범아트 없습니다. 뭐라고 하는게 좋을까요?

코원 S9 UCI - cube_s9_musictab

(정상범(cube)) — Sat, 21 Feb 2009 23:43:09 +0900

cube_s9_musictab 입니다.

제가 만든 세 번째 음악재생 UCI입니다.
이번 UCI의 특징은 탭이나 몇 부분을 제외한 대 부분의 부분이 반투명 처리가 되어있어서
위와 같이 back.jpg 파일만 다른 파일로 바꾸게 되면,
배경 파일만 변경된 것 뿐인데, S9전체의 느낌이 달라집니다.

이번에는 외국 S9포럼에서 디컴파일한 소스를 가지고 만든 테마여서
seek등의 기능, EQ선택, 모드변경 등이 정상적으로 동작합니다.
제스쳐 기능의 경우 앨범아트 위에서만 동작하게 되어있습니다.

일반 UCI는 cube_s9_musictab_v100.zip을 받으셔서, system/Flash UI 폴더에 압축을 푸시면 되구요.
소스는 cube_s9_musictab_v100_source.zip 파일을 받으시면 됩니다.

배경화면 변경은 system/Flash UI/music 폴더에 back.jpg파일을 넣으시면 됩니다.
(파일이 없으면 S9이 정상작동 하지 않을 수도 있습니다.)

cube_s9_musictab_v100.zip

cube_s9_musictab_v100_source.zip

데이트 코스 추천 서비스, "데이트온"을 소개합니다.

(정상범(cube)) — Wed, 18 Feb 2009 23:45:18 +0900

데이트온은 저희팀 Hello World!가 2009 대한민국 매시업경진대회 에 출품한 서비스로, 팀을 꾸리고 12월 쯔음부터 스키캠프를 시작으로 계속 준비한 작품입니다. 이 대회는 팀이나 개인이 출전하는 매시업 작품을 출품하는 대회로 해를 지날수록 열기가 뜨거워지고 있습니다.

그렇다면, 그 중심이 되는 매시업은 무엇일까요? 간단하게 설명하자면 여러가지의 IT관련 사이트 등에서 제공하는 API를 혼합하여 전혀 새로운 서비스를 만들어내는 것을 말합니다. 사실 저도 처음에는 생소했던 부분이어서 처음 시작할 때 매시업이 뭘까? 라는 고민도 하고 시간이 지나 매시업이라는 것에 대해 조금 안지도 얼마 되지 않았는데, 제출일이 다가왔고 부랴부랴 많은 노력 끝에 무사히 저희 서비스 "데이트온"을 제출하였습니다.

그럼 데이트온은 어떤 서비스일까요?

1#
마음에 드는 이성과 데이트를 하기로 결정한 당신, 그 혹은 그녀에게 리드하는 모습을 보여주고 싶은데...
데이트 날짜는 다가오고, 무엇을 해야 할지 막연한 당신은 이렇게 말한다.

"내일 뭐해야지?"

2#
오랜만에 이성친구와의 데이트! 즐겁게 영화를 보고 나와 다음 장소로 이동을 하려고 하는데, 매번 같은곳만 가기에는 너무 지루하다. 이제는 조금 색다를 것을 하고 싶은데, 발품 팔아 찾기에는 귀찮기만 당신들, 서로를 바라보며 이렇게 말한다.

"우리 이제 뭐하지?"

3#
한가로운 주말을 보내고 있는 당신, 오늘은 바람이나 쐬러 나가볼까? 문앞을 나서려고 하는 당신의 머리속을 스치는 한마디.

"근데 어디가지?"

라는 문제들. 많이 겪어보셨을 것이라고 생각됩니다. 모르는 곳에 처음 왔는데 갈 곳이 막막할 때가 매우 많죠. 이런 어려움의 해결을 위해! 어디서든 명쾌하게 가고 싶은 곳을 쉽게 찾을 수 있도록 도와주는 서비스가 저희의 "데이트온"입니다. 특색있는 무엇인가를 위해 데이트라는 요소에 집중하여 날씨를 포인트화 시켜서 데이트 지수를 보여준다던가, 그냥 한 마디씩 던질 수 있는 말감 등의 요소도 넣어보기도 했지만, 중심이 되는 부분은 가고싶은 큰 지명에 따라서 알맞는 장소가 나타나는 것이고 대략적인 시간 계산이나 알맞은 밥 시간 등으로 쓸만한 코스가 완성됩니다. 그럼 데이트온을 실제로 이용해볼까요?

데이트온 이용하기

1. 데이트온에 접속!

현재 데이트온이 서비스되고 있는 http://bycube4.cafe24.com/ 에 접속합니다.
참 쉽죠~ 에헴.

1-1. 실버라이트 설치

접속이 된 이후에 다음과 같은 메시지가 나오게 되면 Microsoft Silverlight를 설치합니다. 데이트온은 Silverlight 기술을 이용하여 제작되었기 때문에 설치가 꼭 필요합니다.

1-2. 데이트온 접속 완료!

데이트온에 접속이 완료되면 다음 같은 페이지가 보입니다.

상단좌측에는 날씨에 따라 변하는 로고와 100점 만점으로 보여지는 데이트 포인트가 있구요.
상단우측에는 지명을 넣어줄 검색창 부분이 있습니다.
하단좌측에는 "이런말 어때?" 부분으로 네이버 실시간 검색어에 맞춘 오늘의 말거리를 보여줍니다.
하단우측에는 데이트온ME와 저장기능을 위한 로그인 및 가입 부분이 존재합니다.
중앙부에는 친절하게 가이드를 보여주고 있답니다.

메인페이지는 이 정도로 설명드릴 수 있구요. 이제, 데이트온에서 데이트 코스를 찾아보도록 해요.

2. 데이트 코스 찾기

저는 일단 예제에 나와 있는 강남역을 검색해 보았습니다. 검색결과는 패널 형식으로 하나하나 추가가 되구요. 원하는 코스가 나올 때까지 검색버튼을 계속 누르면,

여러 탭이 나타나게 됩니다. 스크롤 바를 이용해서 정확한 스케쥴 정보를 알 수 있고, 데이트 하는 날짜를 설정하면 후에 퍼가기 전용 페이지 데이트온ME를 더 유용하게 쓸 수 있습니다.

패널에서 각 아이템들을 클릭하게 되면 자세한 정보와 카테고리 그리고, 네이버와 다음 블로그 검색결과가 보여지게 되구요.

이동 부분을 클릭하였을 때는 어디서부터 대략 어디까지 몇 분이 걸리는 지와 어떤 대중교통 수단이 가장 가까이에 있는지를 보여주게 됩니다. (거기 API로고 위치를 잘못 달아서 창 닫기 버튼 주변에 이상한 문자가 있는 오류가 있네요 ㅠㅠ)

3. 코스 저장하기

이 정보들을 이용할 수도 있겠지만, 더 많은 정보와 잘 정리된 페이지들이 있으면 참 좋겠죠? 게다가 코스를 지금 상황에서만 쓸 것도 아닌데 저장하는 것쯤은 있어야 하지 않겠어요? 그래서 저희 데이트온에서는 저장기능과 자세한 페이지, 퍼가기 페이지 등의 세부적인 기능이 더 존재합니다.

코스의 저장을 위해서는 일단 가입이 필요합니다. 가입하기 버튼을 누르고 아이디로 사용할 것, 비밀번호 미투데이 아이디를 입력하면 바로 가입이 가능합니다. 미투데이 아이디 같은 경우는 후에 연동 기능을 위해서 필요로 합니다.

가입에 성공되었으면, 로그인을 합니다. 로그인 같은 경우는 통상적인 절차와 비슷하게 하시면 됩니다. 로그인이후에는 저장기능이 이용가능하며 원하는 코스를 저장하시면 나중에 저장데이터 확인을 이용하여 불러올 수 있습니다.

저장데이터 확인을 이용해 이전 데이터들을 불러온 모습입니다. 일반 검색을 했을 때의 모습과 비슷하지만, 데이트 날짜 정보가 다른 것을 확인하실 수 있으실 겁니다. 처음 기획에서는 저장데이터 확인을 누르지 않아도 자세히보기 등의 기능이 이용이 가능하도록 하였으나 현재 버그 문제로 저장 이후에 꼭 저장 데이터 확인을 누르셔야 완벽하게 데이트온이 동작합니다. (제출 후에는 수정이 불가해서 ㅠㅠ)

4. 자세히 보기 & 데이트온 ME

이제 저장도 완료하였고 퍼가기 등의 모든 기능을 이용할 수 있습니다. 조금 어려우시다구요? 사실 이 전 부분까지로도 데이트 코스를 만드는데에는 큰 무리가 없으실 것 같지만, 상대방의 코스 알아보기 / 프린팅 최적화 페이지 등의 기능을 위해서 저장기능이 필요한 것이랍니다. 그럼, 자세히보기 기능을 살펴 볼까요?

자세히 보기를 누르게 되면 다음과 같은 페이지가 보이게 됩니다. 지도에 포인팅 되어있는 갈 곳과 우측에는 시간, 상호, 전화번호, 주소의 자세한 정보가 있어요. 마지막으로는 그 날 이 스케쥴을 작성한 사람의 미투데이 정보가 나오게 됩니다. 미투데이의 정보가 보여지는 이유는 데이트를 하면서건 후에 기록을 남기건 미투데이에 남겨진 기록은 나중에 추억거리로도 그리고 정보로도 좋기 때문입니다. 어디로 갈지 어느 곳으로 가야할지 대강 알 수 있는 큰 정보가 될 수 있죠. (아..아닌가요?)

그리고 중요한 또 하나의 기능인 데이트온 ME가 남았습니다. 자세히보기에서 바로가기 버튼을 누르게 되면,

위와 같은 페이지가 보여집니다. 블로그나 기타 사이트들에 퍼가기가 쉽도록 URL화 된 하나의 주소가 나타나게 되요. 이 URL로 이동하였을 때 나오는 페이지가 데이트온ME라는 또 하나의 데이트온이구요. 이름에서도 느껴지듯 me2day와의 연동이 쉽도록 바로 붙여넣을 수 있게 제작하였답니다.

저 URL을 브라우저로 이동하게 되면요.

다음과 같은 긴 페이지가 보이게 됩니다. 이 페이지에서는 다수의 유저가 추천하기 기능을 이용할 수가 있어서 외부로 나간 데이트온ME 페이지를 통한 추천이 가능합니다. 또한, 프린팅에 최적화되어진 사이즈로서 실제로 프린트를 해서 들고 다니면서 데이트를 할 수도 있답니다. 미투데이 정보를 통해 정말로 좋았던 가게인지 확인하는 효과도 얻을 수 있답니다. 아쉬운 점은 추천 수별로 정렬을 하여 좋은 데이트 코스 찾기 기능 구현도 목표에 있었지만, 시간상 완성하지 못해 아쉽네요.

데이트온ME를 끝으로 저희 데이트온 서비스에 대해 살펴보았습니다. 사용해보시고 어떠셨나요?

"아 신기해, 써먹어야지"
"결과가 이상하잖아? 이걸 어떻게 써?"
"아직은 조금 부족하잖아?"

부족한 점도 많지만 처음 의도했던 대로 만들기 위해서 매우 노력하여,
데이트코스를 찾아주는 것에 그치는 것이 아닌 실제로 이용할 수 있는 프린팅 서비스는 물론,
퍼가기 기능도 존재하며, 맘에 드는 코스는 추천까지 가능한 저희 데이트온!

현재 매시업경진대회2009 홈페이지에서 절찬리 투표중에 있습니다.

맘에 드셨다면, 이 페이지를 통해 추천을 해주시면 좋습니다! >_<
http://mashupkorea.com/2009/vote_detail?id=709

맘에 들지 않으셨다면, 현재 다양한 매시업 서비스/프로그램 들이 한자리에 모여있는
매시업경진대회2009 홈페이지도 방문해보세요! 재미있는 서비스가 참 많습니다.
http://mashupkorea.com/2009/voteit/

저희 데이트온(http://bycube4.cafe24.com/) 을 위해 도와주신 많은 분들게 이 글을 빌어 정말 감사드립니다.

+ special thanks
길버트님 사랑해요! hugeflow에 놀러가도 되죠? 송진이, 보람형 수고 많으셨습니다.
MSP 2기 마지막까지 힘내요!

DateOn D-2

(정상범(cube)) — Thu, 12 Feb 2009 00:15:59 +0900

민트패드 가지고 놀고 있습니다.

(정상범(cube)) — Mon, 02 Feb 2009 22:04:53 +0900

민트패드 Windows CE 프로그램이 실행될 수 있게 공개가 되었다는 소식을 듣고 부리나케 설치를 해보았습니다.
다양한 어플들을 이용할 수 있게 된 것이 참 좋네요. 게다가 민트패드 자체가 C#코드 기반인지 .Net Framework 2.0(3.5지원 안됨)이 기본으로 설치되어 C#으로 프로그램이 잘 실행됩니다!
일단은 Hello World 정도만 띄워보았습니다.
새로운 가능성이 보이는 민트패드~ 즐겨줘야겠어요.

새로운 줌인코리아로 변경 완료!

(정상범(cube)) — Sun, 01 Feb 2009 12:48:48 +0900

MSP Project M으로 진행하는 줌인코리아에 대해 새롭게 변화를 주었습니다. 여태까지는 음식에 대한 정보도 없고 딥줌이라는 하나의 부분을 제외하면 UX팀이면서도 큰 UX적 부분이 부분이 적은 것 같았기 때문이에요. 이번에는 그래서 All-Silverlight 페이지로 새로운 UX를 줄 수 있었으면 좋겠다는 생각에 제작을 하였습니다.

한국어사이트, 영문사이트 두 버전으로 제작을 하였구요. 원에 사진이 있는 부분으로 이미지를 선택할 수 있습니다. 그리고 다른 메뉴들에는 귀여운 이미지들을 많이 넣었구요. 이미지마다 맞는 URL과 맞게 이동이 됩니다. (송진이 수고했음!) 앞으로 Project M이 계속 진행되지는 않아서 사이트가 어떻게 될지는 잘은 모르겠네요. 주소는 http://zoominkorea.net 이구요. 한번 놀러와보세요!

아이리버 스핀 테마 - cube_bacchus_spinn_2_0

(정상범(cube)) — Tue, 27 Jan 2009 02:09:12 +0900

[설명]

스핀 뉴 펌웨어에 맞춘 테마입니다.
나머지는 수정한 부분이 없이. 크게 앨범아트를 볼 수 있는 화면(스핀 2.0에서 새롭게 변경된)만 수정하였습니다.
bacchus라는 이름에서 보듯 이전 박카스 스타리그에서 쓰여진 색상배합을 이용하였습니다. (회색, 하늘, 진분홍)
272x272의 큰 앨범아트를 이용할 수 있구요. 가로, 세로 부분 모두 변경가능합니다.
잘 이용하세요!

+ 편법으로 앨범아트 위치를 변경한 터라 후에 펌웨어가 나오면 수정버전을 꼭 받으셔야 할 겁니다.

[다운로드]

cube_bacchus_spinn_2_0.zip

일반 테마 파일입니다. 받아서 Themes 폴더에 압축을 푸시면 됩니다.

cube_bacchus_spinn_2_0_source.zip

플래시 CS4로 작업된 소스파일이 포함된 압축파일입니다. UCI제작자 분들이 사용하시면 됩니다.

[실버라이트] 비디오브러시 - 정형돈찍기, gee확대경

(정상범(cube)) — Sat, 24 Jan 2009 02:13:04 +0900

[결과물]

캔버스에 정형돈을 찍어보세요~♡
MUTE는 쉬프트를 누르면서 마우스 왼쪽을 누르시면 됩니다. (자꾸 들으면 -ㅅ-...)
복구도 마찬가지!

소녀시대를 확대해 보세요!
확대는 마우스 왼쪽 축소는 쉬프트를 누르면서 마우스 왼쪽을 누르시면 됩니다.
MUTE는 버튼을 클릭해주세요.

[소스보기]

- 정형돈찍기

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
namespace SilverBrush
{
public partial class Page : UserControl
{
public Boolean mute_value;
public Page()
{
InitializeComponent();
this.Loaded += new RoutedEventHandler(Page_Loaded);
}

void Page_Loaded(object sender, RoutedEventArgs e)
{
this.KeyDown += new KeyEventHandler(Page_KeyDown);
this.KeyUp += new KeyEventHandler(Page_KeyUp);
this.MouseLeftButtonDown += new MouseButtonEventHandler(Page_MouseLeftButtonDown);
}

void Page_KeyUp(object sender, KeyEventArgs e)
{
mute_value = false;
}

void Page_KeyDown(object sender, KeyEventArgs e)
{
if ((int)e.Key == 4)
{
mute_value = true;
}
}

void Page_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
if (mute_value == true)
{
testvod.IsMuted = true;
}
else
{
Jinsang jinsang = new Jinsang();

jinsang.SetValue(Canvas.LeftProperty, e.GetPosition(this).X);
jinsang.SetValue(Canvas.TopProperty, e.GetPosition(this).Y);

VideoBrush temp = new VideoBrush();
temp.SetSource(testvod);
temp.Stretch = Stretch.Fill;

jinsang.jinsanglove.Fill = temp;

LayoutRoot.Children.Add(jinsang);

testvod.IsMuted = false;
}
}

private void MediaElement_MediaEnded(object sender, RoutedEventArgs e)
{
testvod.Stop();
testvod.Play();
}
}
}

- gee확대경

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;

namespace SilverVideoBrushMask
{
public partial class Page : UserControl
{
public double scale_value = 1.1;
public Page()
{
InitializeComponent();
this.Loaded += new RoutedEventHandler(Page_Loaded);
}

void Page_Loaded(object sender, RoutedEventArgs e)
{
geegee_wmv.IsMuted = true;
mute_text.Text = "UNMUTE";

this.KeyDown += new KeyEventHandler(Page_KeyDown);
this.KeyUp += new KeyEventHandler(Page_KeyUp);
this.MouseMove += new MouseEventHandler(Page_MouseMove);
this.MouseLeftButtonDown += new MouseButtonEventHandler(Page_MouseLeftButtonDown);
mute_text.MouseLeftButtonDown += new MouseButtonEventHandler(mute_text_MouseLeftButtonDown);
}

void Page_KeyUp(object sender, KeyEventArgs e)
{
scale_value = 1.1;
}

void Page_KeyDown(object sender, KeyEventArgs e)
{
if ((int)e.Key == 4)
{
scale_value = 0.9;
}
}

void mute_text_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
if (geegee_wmv.IsMuted == true)
{
geegee_wmv.IsMuted = false;
mute_text.Text = "MUTE";
}
else if (geegee_wmv.IsMuted == false)
{
mute_text.Text = "UNMUTE";
geegee_wmv.IsMuted = true;
}
}

void Page_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
scale.ScaleX *= scale_value;
scale.ScaleY *= scale_value;
}

void Page_MouseMove(object sender, MouseEventArgs e)
{
myRound.SetValue(Canvas.LeftProperty, e.GetPosition(this).X);
myRound.SetValue(Canvas.TopProperty, e.GetPosition(this).Y);
geegee_wmv.SetValue(Canvas.LeftProperty, -e.GetPosition(this).X);
geegee_wmv.SetValue(Canvas.TopProperty, -e.GetPosition(this).Y);
}

private void geegee_wmv_MediaEnded(object sender, RoutedEventArgs e)
{
geegee_wmv.Stop();
geegee_wmv.Play();
}
}
}

은광초등학교(실버라잇스터디모임)에서 비디오브러시 배운 것을 응용한 정형돈찍기와 gee확대경입니다.

다분히 변태-_-.. 스러운 저의 취향이 들어있는 결과물인데요. 하하하... 좀 올리기 부끄럽네요 *-_-* 실버라이트의 비디오 브러시가 여러군데에 적용이 아~주 쉽게 된다는 것을 알 수 있어서 좋았습니다. (~~사실 소녀시대를 크게 볼 수 있어서 좋았습니다.~~) 비디오브러시로 일반 브러시처럼 손 쉽게 이용할 수 있는 부분이 참 좋네요. wmv인코딩 하는과정이 더 힘들었던 것 같습니다. 더 재미있는 것들로 다가가는 은광초등학교 2학기! 조금 더 나아가서 중학교까지 가보자구요! 교장선생님~ 열심히 할게요!

2009년, 모바일 OS를 주목하라!

(정상범(cube)) — Sat, 24 Jan 2009 00:49:57 +0900

어김없이 다가온 매달 MSP프로젝트! 이번 Project P의 주제는 2009년에 어떤 트렌드가 있을까?! 를 예상해보는 것으로 정했답니다. 올해의 트렌드 뭐가 주가 될까요? 음... 일단 2009년 트렌드를 알기 위해서는 일단 2008년 한해에 모두를 흥분하게 만든 IT관련 트렌드를 알아보아야 할 것 같아요.

2008년 한해를 뜨겁게 달구었던 IT기기가 있다고 하면 일단 많은 기기들이 있겠지만, 가장 뛰어난 것은 바로 iPhone, iPod Touch가 아닐까요? 물론 2007년부터 회자되던 제품이지요. 모두 iPhone OS라는 새로운 모바일OS가 기반이 되는 제품으로 멀티터치를 기반으로 매우 혁신적이었고, 2008년에는 3G iPhone, iPod Touch 2G로 많은 유저들에게 더 가까이 다가온 것 같습니다. 특히 시간이 지남에 따라 Appstore의 활성화는 iPhone OS가 가진 가장 큰 무기가 되고 있죠.

구글에서도 iPhone OS에 대항하듯 리눅스 기반의 Google Android라는 플랫폼을 선보였고, 구글이 모바일 시장에 진출한다는 것 만으로도 큰 이슈가 되었어요. 게다가 쿼티자판을 통한 스마트 폰의 약진 등 모바일 OS가 2008년 IT시장에 큰 축을 담당했지요. 게다가, CES2009에서 공개 된 Palm Pre는 이미 해외 웹상에서 놀라운 인기를 누리고 있구요. 마이크로소프트도 문제가 많은 Windows Mobile 6.1 에서 벗어난 많이 변한 커널을 가진 Windows Mobile 7의 정보가 하나둘 씩 나오고 2009년 출시 예정이라고도 하네요. 그럼 2009년을 이끌어갈 모바일 OS들에 대해 살펴보도록 할까요?

- iPhone OS

iPhone OS는 말 그대로 iPhone에 탑재되는 OS입니다. 멀티터치를 기본으로 지원하여서 혁신적인 인터페이스를 보여주었죠. iPhone OS는 애플의 OSX를 기반으로 만들어졌다고 알려져 있습니다. OS의 특징이라기 보단 소프트웨어적으로 Appstore라는 무기를 가지고 있는데요. 개발자들이 자발적으로 프로그램을 개발하도록 유도를 한 놀라운 시스템입니다. 이를 통해 현재는 메이저급 게임 개발사들도 iPhone용 게임을 앞다투어 내놓고 있을 정도니까요. 현재도 iPhone nano가 발매된다는 소문이 무성하니 2009년을 기대해도 좋을 것 같습니다.

- Google Android

Google의 OS! 라는 것만으로 시끌시끌했던 Google Android입니다. 애플과 달리 구글같은 경우 OS만 지원을 해주고 하드웨어 업체는 타 업체에게 맞기는 형태를 취하고 있어요. 이에따라 아직까지는 HTC의 G1 하나의 모델만 출시가 된 상태이구 HTC라는 기업이 애플만큼의 파워는 없어서 잠잠 한 것 같습니다. 하지만, Android OS 전체가 오픈소스라는 강수와 강력한 개발자 지원 Appstore와 유사한 구글 마켓이라는 것을 가지고 있다는 것은 큰 매력입니다. 게다가, 이미 많은 업체들이 구글과 제휴를 맺기도 했구요. 또한, 2009년엔 이미 HTC의 로드맵이 유출되면서 많은 구글 안드로이드 폰이 나온다는 예상이 있어요. 빨리 국내에도 출시되기만을 바랍니다.

- WebOS

올해 1월 라스베가스에서 열리는 세계 최대 가전쇼 CES2009에서 혜성처럼 등장한 Palm Pre입니다. 큰 소식이 없던 Palm에서 야심차게 내놓은 OS WebOS를 탑재하였습니다. 이전까지 제가 알던 WebOS개념이 아닌 이름만 WebOS인 듯합니다. 음... 동영상을 보시면 아시겠지만, 입이 쩍 벌어집니다. 부드러운 동작과 트랙볼?을 이용한 놀라운 사용성까지 갖춘 모습입니다. 아이폰 대항마로 외국에서는 동영상과 실기가 공개된 것 만으로 큰 인기를 누리고 있다고 하네요. 일단 출시가 되어야 알겠지만, 더 놀라운 것들이 숨겨져 있지 않을까 생각됩니다.

- Windows Moblie 7

아직 영상이나 실기기 등 자세한 정보가 공개되지 않은 Windows Mobile 7은 현재 T옴니아 등의 많은 스마트폰이 탑재하는 Windows Mobile 6.1의 후속OS입니다. 이번 Windows Mobile 7은 6.1에서 커널 수정 등의 많은 변화가 있다는 것만으로도 저를 설레이 합니다. 여태까지와는 다르게 멀티미디어적인 측면을 강조하고 화려한 애니매이션 그리고 하드웨어 가속등의 많은 기능을 탑재할 예정이라고 하네요. 게다가 제스쳐나 멀티터치, 스크롤링 등 많은 새로운 기능을 넣을 예정이라고 하니 벌써부터 기대가 큽니다. 물론, 2009년 출시 예정이라고는 하나 어딘가에서는 2010년이라는 소리도 들려오는게 제일 아쉽네요.

여태까지 짤막하게 2009년에 나올 법한 모바일 OS에 대해 살펴보았습니다. 물론 심비안OS, 블랙베리 등 많은 OS들이 더 존재하지만 큰 관심을 받는 굵직한 모바일 OS들만 모아서 간추려보았어요. (위는 노키아의 N97, 블랙베리 스콤) 소형화되는 PC 그리고 나날히 발전하는 모바일 시장에서의 OS! 그 미래가 밝다고 생각됩니다. 그리고, 이 많은 OS들 중에서 누가 살아남을지가 매우 궁금하네요.

같은 UI, 다른 느낌!

(정상범(cube)) — Fri, 23 Jan 2009 19:07:24 +0900

플래시 UCI를 제작할 수 있다는 장점에 같은 디자인으로 S9, SPINN 테마를 만들고 있습니다.
테마 자체의 느낌은 P7의 그리드 형태와 이전 박카스 스타리그의 색상 느낌을 채용하였어요.
현재 중간정도 제작해보았는데 거의 동일한 UI에 기기에 따라서 다른 느낌이 납니다.
이놈의 스핀 UCI앨범아트 위치가 이상하게 나오는 문제가 있지만,
기기마다 다른 느낌이 나는게 재밌어요!

+ 흠... 개인적으론 스핀 디자인이 더 어울리는 것 같습니다.

[실버라이트] Mantoman 개그 업데이트

(정상범(cube)) — Thu, 22 Jan 2009 10:02:31 +0900

[중간완성품]

[소스]

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using System.Windows.Browser;
using System.Diagnostics;
using System.Xml;
using System.Xml.Linq;

namespace Mantomangag
{
public partial class Page : UserControl
{
public readonly string[] weather_code = new string[] { "tornado", "tropical storm", "hurricane", "severe thunderstorms",
"thunderstorms", "mixed rain and snow", "mixed rain and sleet", "mixed snow and sleet", "freezing drizzle", "drizzle",
"freezing rain", "showers", "showers", "snow flurries", "light snow showers", "blowing snow", "snow", "hail", "sleet",
"dust", "foggy", "haze", "smoky", "blustery", "windy", "cold", "cloudy", "mostly cloudy (night)", "mostly cloudy (day)",
"partly cloudy (night)", "partly cloudy (day)", "clear (night)", "sunny", "fair (night)", "fair (day)",
"mixed rain and hail", "hot", "isolated thunderstorms", "scattered thunderstorms", "scattered thunderstorms",
"scattered showers", "heavy snow", "scattered snow showers", "heavy snow", "partly cloudy", "thundershowers",
"snow showers", "isolated thundershowers" };

public readonly string APP_ID = "2704f87b1fdfa783b429adf96d026015";
public readonly string[] people = new string[] {"people", "singer", "foreignsinger","talent", "actor", "foreignactor", "entertainer"
, "broadcaster", "comedian","sportsstar", "soccer", "foreignsoccer"};
public readonly string[] value = new string[] {"movie", "schedulemovie","drama", "broadcast", "game","perform", "book" };
public readonly string RANK = "ranktheme";

public int i = 0;
public int j = 0;

static Random rand = new Random();

public Page()
{
InitializeComponent();
}

private void UserControl_Loaded(object sender, RoutedEventArgs e)
{
text.Text = "";
text.Foreground = new SolidColorBrush(Color.FromArgb(255, 255, (byte)rand.Next(50, 255), (byte)rand.Next(50, 255)));
Load_weather();

for (i = 0; i < 3; i++)
{
Load_rank(i);
}
}

private void Load_rank(int i)
{
if (i == 0 || i == 1)
{
string rankUrlTemplate = "http://openapi.naver.com/search?key={0}&query={1}&target={2}";
string rankUrl = string.Format(rankUrlTemplate, APP_ID, people[rand.Next(12)], RANK);

WebClient wc = new WebClient();
wc.DownloadStringCompleted += new DownloadStringCompletedEventHandler(wc_DownloadStringCompleted);
wc.DownloadStringAsync(new Uri(rankUrl, UriKind.Absolute));
}
if (i == 2)
{
string rankUrlTemplate = "http://openapi.naver.com/search?key={0}&query={1}&target={2}";
string rankUrl = string.Format(rankUrlTemplate, APP_ID, value[rand.Next(7)], RANK);

WebClient wc = new WebClient();
wc.DownloadStringCompleted += new DownloadStringCompletedEventHandler(wc_DownloadStringCompleted);
wc.DownloadStringAsync(new Uri(rankUrl, UriKind.Absolute));
}
}

private void XmlToRank(string xml)
{
int randomNumber = rand.Next(1, 11);

string entityName = "R" + randomNumber.ToString();

XDocument xDoc = XDocument.Parse(xml);
var query = from result in xDoc.Descendants("result")
select new
{
data = result.Element("item").Element(entityName).Element("K").Value
};

foreach (var item in query)
{
DisplayGag(item.data);
}
}

private void XmlToWeather(string xml)
{
XNamespace yweather = "http://xml.weather.yahoo.com/ns/rss/1.0";
XDocument xDoc = XDocument.Parse(xml);
var query = from result in xDoc.Descendants("channel")
select new
{
data = result.Element("item").Element(yweather + "condition").Attribute("code").Value
};

var query2 = from result in xDoc.Descendants("channel")
select new
{
data2 = result.Element("item").Element(yweather + "condition").Attribute("temp").Value
};

foreach (var item in query)
{
DisplayWeather(item.data);
}

foreach (var item2 in query2)
{
DisplayTemp(item2.data2);
}
}

void wc_DownloadStringCompleted(object sender, DownloadStringCompletedEventArgs e)
{
if (e.Cancelled == true)
return;

if (e.Error != null)
{
Debug.WriteLine(e.Error.Message);
return;
}

XmlToRank(e.Result);
}

void wc_DownloadStringCompleted2(object sender, DownloadStringCompletedEventArgs e)
{
if (e.Cancelled == true)
return;

if (e.Error != null)
{
Debug.WriteLine(e.Error.Message);
return;
}

XmlToWeather(e.Result);
}

public void DisplayGag(string gag)
{

text.Text = text.Text + gag;

if (j == 0) {
text.Text += "는 ";
}
if (j == 1)
{
if (rand.Next(1, 3) == 1)
{
text.Text += "를 ";
}
else
{
text.Text += "과 ";
}
}
if (j == 2)
{

text.Text += "했다.";

}

j++;

if (j == 3)
{
Ganji.Begin();
}
}

private void DisplayWeather(string weather)
{
text_Weather.Text = weather_code[Convert.ToInt32(weather)];
}

private void DisplayTemp(string temp)
{
//double temp_cal = Convert.ToDouble(temp);
double temp_cal = Convert.ToDouble(Convert.ToInt32((Convert.ToDouble(temp) - 32) / 1.8 * 1000)) / 1000;
//double temp_cal = 10;
string temp_cal2 = temp_cal.ToString();
text_Temp.Text = temp_cal2 + "℃ ";

if (temp_cal < -10)
{
Color_Set(0, 255);
}
else if (temp_cal < 0)
{
Color_Set(127, 255);
}
else if (temp_cal < 10)
{
Color_Set(255, 255);
}
else if (temp_cal < 20)
{
Color_Set(255, 127);
}
else if (temp_cal > 20)
{
Color_Set(255, 0);
}
}

private void Color_Set(byte col1, byte col2)
{
Gra_1.Color = Color.FromArgb(100, col1, 0, col2);
Gra_2.Color = Color.FromArgb(0, col1, 0, col2);
}
private void Ganji_Completed(object sender, EventArgs e)
{
j = 0;
text.Text = "";
Load_weather();

text.Foreground = new SolidColorBrush(Color.FromArgb(255, (byte)rand.Next(50,255), (byte)rand.Next(50,255), 255));

for (i = 0; i < 3; i++)
{
Load_rank(i);
}
}

private void text_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
text.Foreground = new SolidColorBrush(Color.FromArgb(255, 255, (byte)rand.Next(50, 255), (byte)rand.Next(50, 255)));
}

private void Load_weather()
{
string weatherUrlTemplate = "http://weather.yahooapis.com/forecastrss?p={0}&u=f";
string weatherUrl = string.Format(weatherUrlTemplate, "KSXX0037");

WebClient wc = new WebClient();
wc.DownloadStringCompleted += new DownloadStringCompletedEventHandler(wc_DownloadStringCompleted2);
wc.DownloadStringAsync(new Uri(weatherUrl, UriKind.Absolute));
}

private void MediaElement_MediaEnded(object sender, RoutedEventArgs e)
{
BGM.Stop();
BGM.Play();
}
}
}

이름도 거창한! 맨투맨 개그 업데이트 시켜보았습니다. 일단 야후의 날씨 API를 이용해서 배경화면 색상을 변하게 하였구요. 위에 현재 날씨 정보가 나타납니다. 이전 한번만 나오던 배경음을 계속 나오도록 변경하였습니다. 음... google의 날씨 API를 사용하려고 했는데 잘 안되서 야후의 API를 사용하였는데, 쓸만하네요!
야후 API를 사용할 때 약간 문제가 있었던 부분이 Namespace를 설정하는 부분이었는데, 이 포스팅을 보면서 해결 완료했습니다! 역시 -_-b 멘토님이 최고!

앞으로 현재 "했다" 라고만 나오는 것 등을 "보다, 사랑하다" 등으로 재미있게 만들어서 더 가다듬는 건 매시업경진대회 이후에 해야 될 것 같습니다.

+ 보영이 주목!
+ 한번 수정! 온도가 바뀌지 않는 버그!

아이리버 스핀 2.0! 새로운 펌웨어가 나왔군요!

(정상범(cube)) — Wed, 21 Jan 2009 12:56:42 +0900

어제 스핀의 새로운 펌웨어가 나왔습니다. 아직도 너무나 아름다운 디자인이라고 생각해서 가끔 사용하는 스핀인데, 펌웨어로 반응속도. 새로운 UI. UCI소스. 반응이 빠른 메모 기능 등 많은 것이 변경이 되었네요. (변경사항은 여기 서 확인)

후훗... 이에 제가 가만히 있을 수 없죠. 새로운 펌웨어에 맞춰서 테마가 호환이 되지 않는 상황이라 새로운 테마를 제작하고 있습니다. 근데 뭐 이건 앨범아트 위치가 변경도 안되고 조금 문제가 있네요. 물론, 2.0펌웨어 매우 만족하지만, 디테일하게 신경 쓰는 모습을 보여줬으면 좋겠습니다. 2009년 새로운 아이리버 첫 단추가 꽤 좋은 것 같습니다. 기대됩니다.

[리뷰] 옙 P3 기능 리뷰

(정상범(cube)) — Fri, 16 Jan 2009 15:25:08 +0900

[리뷰] 옙 P3 기능 리뷰
YP-P3의 기능 리뷰입니다.
작성 : 큐브
수정 : 2번

hinh님 의견 감사합니다 ^^

[실버라이트] 실시간 검색어를 이용한 간단한 Mantoman 개그

(정상범(cube)) — Thu, 15 Jan 2009 01:30:38 +0900

[중간완성품]

[소스]

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using System.Windows.Browser;
using System.Diagnostics;
using System.Xml;
using System.Xml.Linq;

namespace Mantomangag
{
public partial class Page : UserControl
{
public readonly string APP_ID = "2704f87b1fdfa783b429adf96d026015";
public readonly string[] people = new string[] {"people", "singer", "foreignsinger","talent", "actor", "foreignactor", "entertainer"
, "broadcaster", "comedian","sportsstar", "soccer", "foreignsoccer"};
public readonly string[] value = new string[] {"movie", "schedulemovie","drama", "broadcast", "game","perform", "book" };
public readonly string RANK = "ranktheme";

public int i = 0;
public int j = 0;

static Random rand = new Random();

public Page()
{
InitializeComponent();
}

private void UserControl_Loaded(object sender, RoutedEventArgs e)
{
text.Text = "";

for (i = 0; i < 3; i++)
{
Load_rank(i);
}
}

private void Load_rank(int i)
{
if (i == 0 || i == 1)
{
string rankUrlTemplate = "http://openapi.naver.com/search?key={0}&query={1}&target={2}";
string rankUrl = string.Format(rankUrlTemplate, APP_ID, people[rand.Next(12)], RANK);

WebClient wc = new WebClient();
wc.DownloadStringCompleted += new DownloadStringCompletedEventHandler(wc_DownloadStringCompleted);
wc.DownloadStringAsync(new Uri(rankUrl, UriKind.Absolute));
}
if (i == 2)
{
string rankUrlTemplate = "http://openapi.naver.com/search?key={0}&query={1}&target={2}";
string rankUrl = string.Format(rankUrlTemplate, APP_ID, value[rand.Next(7)], RANK);

WebClient wc = new WebClient();
wc.DownloadStringCompleted += new DownloadStringCompletedEventHandler(wc_DownloadStringCompleted);
wc.DownloadStringAsync(new Uri(rankUrl, UriKind.Absolute));
}
}

private void XmlToRank(string xml)
{
int randomNumber = rand.Next(1, 11);

string entityName = "R" + randomNumber.ToString();

XDocument xDoc = XDocument.Parse(xml);
var query = from result in xDoc.Descendants("result")
select new
{
data = result.Element("item").Element(entityName).Element("K").Value
};

foreach (var item in query)
{
DisplayGag(item.data);
}
}

void wc_DownloadStringCompleted(object sender, DownloadStringCompletedEventArgs e)
{
if (e.Cancelled == true)
return;

if (e.Error != null)
{
Debug.WriteLine(e.Error.Message);
return;
}

XmlToRank(e.Result);
}

public void DisplayGag(string gag)
{

text.Text = text.Text + gag;

if (j == 0) {
text.Text += "는 ";
}
if (j == 1)
{
if (rand.Next(1, 3) == 1)
{
text.Text += "를 ";
}
else
{
text.Text += "과 ";
}
}
if (j == 2)
{

text.Text += "했다.";

}

j++;

if (j == 3)
{
Ganji.Begin();
}
}

private void Ganji_Completed(object sender, EventArgs e)
{

j = 0;
text.Text = "";
text.Foreground = new SolidColorBrush(Color.FromArgb(255, (byte)rand.Next(50,255), (byte)rand.Next(50,255), 255));

for (i = 0; i < 3; i++)
{
Load_rank(i);
}
}

private void text_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
text.Foreground = new SolidColorBrush(Color.FromArgb(255, 255, (byte)rand.Next(50, 255), (byte)rand.Next(50, 255)));
}
}
}

이번 Windows Live 매시업 캠프에서 만든 소스입니다.

간단하게 네이버의 실시간 검색어를 가수명 등의 인물과 영화, 공연 등의 두 가지 분류로 나누어 문장화 시켜
보여주는 파일입니다. 문장화를 완벽하게 하지 못한 것은 아쉽지만, 조그만 아이디어로 재미있는 것을 만들어 볼
수 있어서 좋았습니다. 물론, Windows Live OpenAPI를 사용한 것이 아니라서 상품을 티셔츠만 받아서 아쉽기도 했지만요.

나중에 현재 "했다" 라고만 나오는 것 등을 "보다, 사랑하다" 등으로 재미있게 만들어서 더 가다듬고 싶네요. 게다가 검색어를 누르면 바로 검색이 되고 좀더 트렌드에 다가갈 수 있도록 만들면 더 재미있을 것 같습니다.

+ 길버트님 감사합니다 :), 저번에 만든거에서 바뀐 부분을 찾아보세요~ ㅎㅎ...

[실버라이트] [은광초 2학기] 1. 슬라이더를 이용한 HSB값 변경하기

(정상범(cube)) — Thu, 15 Jan 2009 01:02:43 +0900

이전에 제 블로그 성향을 제 이야기를 풀어가는 쪽으로 변경한다고 했었는데, 지속적으로 미니기기 관련 글만 올라오는게 블로그가 더 딱딱해진 느낌이네요. 그래서 이제부터 은광초등학교(Silverlight Elementary School ㅎㅎ;) 에서 열심히 공부한 것들도 제 블로그에 올려보려고 합니다. 조금 부족하지만 모아두면 좋은 자료가 될 것 같네요.

[완성품]

[소스]

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;

namespace slider
{
public partial class Page : UserControl
{
public Random rand = new Random();

public Page()
{
InitializeComponent();
}

public Color ColorFromAhsb(byte a, float h, float s, float b)
{
/*
if (0 > a || 255 < a)
{
throw new ArgumentOutOfRangeException("a", a,
Properties.Resources.InvalidAlpha);
}
if (0f > h || 360f < h)
{
throw new ArgumentOutOfRangeException("h", h,
Properties.Resources.InvalidHue);
}
if (0f > s || 1f < s)
{
throw new ArgumentOutOfRangeException("s", s,
Properties.Resources.InvalidSaturation);
}
if (0f > b || 1f < b)
{
throw new ArgumentOutOfRangeException("b", b,
Properties.Resources.InvalidBrightness);
}
*/
if (0 == s)
{
return Color.FromArgb(a, (byte)(b * 255),(byte)(b * 255), (byte)(b * 255));
}

float fMax, fMid, fMin;
int iSextant;
byte iMax, iMid, iMin;

if (0.5 < b)
{
fMax = b - (b * s) + s;
fMin = b + (b * s) - s;
}
else
{
fMax = b + (b * s);
fMin = b - (b * s);
}

iSextant = (int)Math.Floor(h / 60f);
if (300f <= h)
{
h -= 360f;
}
h /= 60f;
h -= 2f * (float)Math.Floor(((iSextant + 1f) % 6f) / 2f);
if (0 == iSextant % 2)
{
fMid = h * (fMax - fMin) + fMin;
}
else
{
fMid = fMin - h * (fMax - fMin);
}

iMax = (byte)(fMax * 255);
iMid = (byte)(fMid * 255);
iMin = (byte)(fMin * 255);

switch (iSextant)
{
case 1:
return Color.FromArgb(a, iMid, iMax, iMin);
case 2:
return Color.FromArgb(a, iMin, iMax, iMid);
case 3:
return Color.FromArgb(a, iMin, iMid, iMax);
case 4:
return Color.FromArgb(a, iMid, iMin, iMax);
case 5:
return Color.FromArgb(a, iMax, iMin, iMid);
default:
return Color.FromArgb(a, iMax, iMid, iMin);
}
}

private void G_slider_ValueChanged(object sender, RoutedEventArgs e)
{
SetNameColor();
}

private void B_slider_ValueChanged(object sender, RoutedEventArgs e)
{
SetNameColor();
}

private void R_slider_ValueChanged(object sender, RoutedEventArgs e)
{
SetNameColor();
}

public void SetNameColor()
{
//Name.Text = "정상범";
nemo.Fill = new SolidColorBrush(ColorFromAhsb(255, (float)R_slider.Value, (float)G_slider.Value, (float)B_slider.Value));
//Name.Foreground = new SolidColorBrush(Color.FromArgb(255, (byte)R_slider.Value, (byte)G_slider.Value, (byte)B_slider.Value));
}

private void Name_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
int i;
int j;
int value_b;

Name.Text = "정상범(큐브)입니다.";
Color_Storyboard.Begin();
TargetColor.Value = ColorFromAhsb(255, (float)R_slider.Value, (float)G_slider.Value, (float)B_slider.Value);

if (B_slider.Value >= 0.80)
{
value_b = 80;
}
else
{
value_b = (int)(B_slider.Value * 100);
}

for (i = 0; i < 15; i++ )
{
for (j = 0; j < 15; j++)
{
Rectangle tmp = new Rectangle();

tmp.Height = 20.0;
tmp.Width = 20.0;

tmp.Fill = new SolidColorBrush(ColorFromAhsb(255, (float)R_slider.Value, (float)G_slider.Value, (float)(rand.Next(value_b, value_b+20) / 100.0)));

tmp.SetValue(Canvas.LeftProperty, i*20.0);
tmp.SetValue(Canvas.TopProperty, j*20.0);

Layout_Rec.Children.Add(tmp);
}
}
//Name.Foreground = new SolidColorBrush(Color.FromArgb(255, (byte)R_slider.Value, (byte)G_slider.Value, (byte)B_slider.Value));
}

private void UserControl_Loaded(object sender, RoutedEventArgs e)
{
SetNameColor();
}
}
}

실버라이트 2.0 정식버전이 깔려야 볼 수 있는 자료입니다.
소스는 xaml 파일을 제외한 Page.xaml.cs의 소스이구요.
RGB값을 HSB로 바꾸어주는 함수를 이용하여 만들었습니다. (교장선생님 최고~)
사실 처음에는 슬라이더를 공부하다가 어찌어찌 이런 것까지 만들게 되었네요.

이용방법은 슬라이더 각각 Hue, Saturation, Brightness를 나타내고 글씨를 누르게 되면,
HSB의 색상을 받아와서 적절하게 모자이크처럼 보여줍니다.

이번에 만들면서 문제가 있었던 부분은 스토리보드를 켜놓은 상태에서 슬라이더 Value값이나
설정값을 수정하면 그 값이 스토리보드에 저장이 되는 것일 뿐 원본은 변화가 없다는 것입니다.
이걸로 몇 분을 허비했던지, 꼭!! 다음번에도 주의를 해야겠습니다.

아... 소스 공개 참 부끄럽네요... 부끄부끄...

[리뷰][P3-위젯/햅틱] 특색있는 그놈, P3와의 이야기

(정상범(cube)) — Tue, 13 Jan 2009 11:03:58 +0900

[P3 위젯/햅틱리뷰] 특색있는 그놈, P3와의 이야기
작성자 : 큐브
수정 : 0번

코원 S9 UCI - cube_s9_music_2

(정상범(cube)) — Fri, 09 Jan 2009 09:34:33 +0900

cube_s9_music_2 입니다.

제가만든 두 번째 음악 재생 UCI이구요. 이름 붙이는게 생각보다 어려워서
그냥 cube_s9_music_2라고 이름 붙였습니다. ㅎㅎ;;
특징은 전곡 다음곡 앨범아트가 보인다는 것이구요.
제스쳐로 이동이 가능하다는 점입니다. (끌어오는 쪽 아트가 보이는 형태)
버튼도 조금 큼지막하게 만들어 보았구요. CONTROL부가 오픈 될때 애니메이션도 넣었습니다.

현재 오래 이용을 했을 때 동작이 느려지는 증상이 있는데,
어떤 문제인지 확인 중에 있습니다. 느려진 상태에서 회복하는 방법은
일단 메인으로 한번 나갔다 오시면 정상 동작됩니다.
200x200 의 앨범아트(멜론이 이 크기죠~)를 이용해서
약간 느린 문제는 어쩔 수 없는 것 같습니다. (으헝헝)

일반 UCI는 cube_s9_music_2_v105.zip을 받으셔서, system/Flash UI 폴더에 압축을 푸시면 되구요.
소스는 cube_s9_music_2_v105_source.zip 파일을 받으시면 됩니다.

방금 업데이트 하였습니다. 버전 1.05

+ 상하제스쳐 볼륨조절 기능 추가
+ 재생모드버그 수정

cube_s9_music_2_v105.zip

cube_s9_music_2_v105_source.zip

코원 S9 UCI - cube_s9_main_2_customize

(정상범(cube)) — Tue, 06 Jan 2009 12:17:32 +0900

cube_s9_main_2_customize UCI입니다.

배경화면을 손 쉽게 변경할 수 있도록
system/Flash UI/bg 폴더에 MUSIC.jpg 같은 형식으로 메뉴 명만 넣어서 파일을 넣으시면
해당 되는 파일이 동영상 처럼 제스쳐를 할 때 알맞게 나타납니다.
(sp thx. 네이버 코원 MINI PMP 카페 진시황제 님)

메뉴로 이동하는 방법은 메뉴에 해당하는 글자를 누르시면 됩니다.
다운로드는 밑에서 받아주세요.
파일을 system/Flash UI 폴더에 압축을 풀어주세요.

cube_s9_main_2_customize.zip

cube_s9_main_2_customize_source.zip

[리뷰] 햅틱 MP3P와 첫 만남, 옙 P3 디자인 갤러리

(정상범(cube)) — Sun, 28 Dec 2008 13:20:20 +0900

삼성 YEPP YP-P3의 디자인갤러리 입니다.

P3와의 첫 만남인 디자인 리뷰를 재미있게 만들수 없을까 해서 갤러리형식으로 꾸몄습니다.

서울숲 출사를 나가서 찍은 사진들을 실버라이트의 딥줌기능을 이용해서 모아보았구요.

작은 크기의 사진도 쭉~~~ 늘리면 해상도가 좋아져 선명하게 보실 수 있습니다.

보다 상세한 사진 리뷰가 되고 싶어서 이용한 방식입니다.

줌인 줌아웃은 마우스 휠과 마우스 더블클릭, 쉬프트키 + 더블클릭 이동은 마우스를 클릭하면

해당하는 곳으로 이동합니다.

안보이시는 분들은 실버라이트를 설치하시면 되구요.

사진에 해당하는 재미있는 이야기들도 넣어보았습니다.

그럼 P3의 디자인을 만나보세요.

코원 S9 UCI - cube_s9_main_1

(정상범(cube)) — Fri, 26 Dec 2008 11:50:28 +0900

cube_s9_main_1

제가 메인으로 쓰려고 만든 cube_s9_main_1 테마입니다. 그리드형식으로 만들었구요. 전원버튼의 위치를 변경하였고 눌렀을 때 나오는 효과도 변경되었습니다.

다운로드는 밑의 파일을 받아주세요

cube_s9_main_1.zip

일반 테마입니다. s9의 System/Flash UI폴더에 압축을 풀어주세요.

cube_s9_main_1_source.zip

테마 소스입니다. Flash CS4에 최적화되어있습니다.