OpenHack 2009와 Ajaxian.com에 소개된 UIzard!!

지난 수요일 저녁에 갑자기 야후코리아의 이태우님으로부터 전화가 왔습니다.
uizard.org가 서버가 트래픽 초과로 접속이 안된다는 연락이었죠... 깜짝놀라서 무슨 일인가 했더니... 야후코리아의 정진호님이 OpenHack2009이 열리는 런던으로 출장을 가셔서 UIzard를 소개해주셨던 겁니다!! 이후에는 ajaxian.com에도 소개되고 3일 사이에 4000명에 가까운 전세계 분들이 왔다가셨습니다. ㄷㄷㄷ

덕분에 이메일 문의도 폭주하고, 무료로 서버 호스팅을 해주시겠다는 외국분들도 여럿 계셨습니다. 너무 감사드리고 싶고, 앞으로 그 기대에 부응하기 위해 노력해야겠습니다. 사실 오픈소스 프로젝트로서 어떻게 진행해야할 지, (늘 그렇게 말해왔지만...) 답답한 면이 있었습니다만, 이번 일로 인해 탄력을 좀 받을 거 같습니다.

조만간 구글코드를 통해 프로젝트 진행을 시작할 거 같구요, 몇몇 프로젝트 멤버도 모이고 있는 중입니다. 외국분들도 많은 참여의사를 보여주셧는데, 당분간은 국내 개발자위주로 진행을 하다가 어느 정도 시스템이 갖춰지면 외국분들도 함께해서 더 강력한 툴
로 거듭나도록 해야겠습니다.

트위터에서 본 재미있는 반응인데요, 저로선 좀 쑥스러운 반응입니다. "Korean developers scare me." 라고 적어주셨는데, 개노가다의 결과인 UIzard를 보시고 여러명에서 만드셨다고 생각하시나 봅니다ㄷㄷ
소스코드 공개를 하면 들통날 제 허접한 실력으로 인해 한국 개발자들이 같이 욕먹기 전에 외국개발자들을 정말 Scare하게 만들 UIzard Open Source Project에 참여하시고 싶으신 분은 xenoz0718@gmail.com으로 연락주세요!! 함께 멋진 툴을 만들어 보아요!!

마지막으로 아직 많이 부족 UIzard를 소개해주신 정진호님과 늦은 시간에도 급히 미러링 사이트를 구축해주신 이태우님께 정말 감사드립니다!

2009대한민국매쉬업경진대회 대상 수상작인 "지구를 여행하는 히치하이커를 위한 안내서"의 웹버젼 출시!

2009대한민국매쉬업경진대회 때 대상을 수상하셨던 기현님과 한나님이 이번에는 "지구를 여행하는 히치하이커를 위한 안내서"의 웹버젼을 내놓으셨습니다! 당시 대회때는 Adobe Air 버젼으로 내놓으셨는데 대회 이 후 이 멋진 서비스를 웹으로 이용하시고자하던 많은 분들에게는 정말 희소식일 거 같습니다!

이 멋진 프로그램을 이용하는 데는 단 1원도 안듭니다!! 특히 이 서비스의 백미는 여행안내서 만들기인데요! PDF로 아주 이쁘게! 멋지게! 여행안내서를 쉽게 만들어줍니다~ 사용법은...ㅋㅋ 인터페이스가 편리해서 아마 누구나 쉽게 만드실 수 있을 듯... 제가 다 설명하기는 그렇구요... 아마 조만간 개발자분이 메뉴얼도 공개하지 않을까요?!

써보시면 아시겠지만, 금방 대형 포탈사이트들이 군침을 흘릴만한 멋진 서비스입니다만, 아직은 무료입니다!! 유료화되도 손색없는 서비스기에 저는 여기서 가고 싶은 나라의 여행 안내서를 미리미리 만들어 두려구요!
여러분들도 많이 이용해보세요!! 이런 좋은 서비스는 이용해야 제맛이죠!

구글에서 준비중인 모바일 웹APP 개발툴...

구글에서 모바일 웹APP를 개발할 수 있는 툴을 내놓는다고 합니다. 구글 안드로이드와 애플 아이폰 모두 WebKit을 기반으로 한 강력한 웹브라우저를 가지고 있기 때문에 두 폰 모두 서로 다른 OS지만 웹이란 플랫폼에 있어서는 공집합을 가지고 있는데요... 사실 이렇게 모든 게 웹기반, 웹중심으로 바뀌어버리는 건 어찌보면 당연한 일일지도 모르겠습니다. 구글 입장에서는 애플의 앱스토어의 입지를 약화시킬 수 있는 하나의 좋은 방법이기도 하겠구요...

어쨌건 블로깅을 귀찮아하는 제가 이렇게 동영상까지 긁어온 것은 저에겐 다소 힘빠지는 소식이기 때문입니다. UIzard라는 웹개발툴을 혼자서 개발하다가 힘에 부쳐서 결국엔 미완성의 소스를 공개하고 야심차게 나아가보려고 한 지 일주일도 채 안되서 좋아하고 존경하는 기업이 더 멋진 걸 내놓을 태세네요...

공개된 UIzard를 실제 실행해보신 분들은 몇 분 안되겠지만, 새 프로젝트를 시작할 때 프로젝트 탬플릿을 선택하는 창을 보시면 왼쪽에 모바일 웹어플리케이션이라는 아직 활성화되지 않은 탭이 보이실 겁니다. 사실 UIzard는 범용적인 웹어플리케이션 뿐만 아니라, 위젯/가젯, 그리고 더 나아가서는 모바일 환경에서도 최적화되어 작동할 수 있는 웹APP를 개발할 수 있는 툴이 되고자 했거든요... 그래도 만약에 구글에서 이것을 개발툴이 아닌 하나의 API나 프레임웍으로 내놓는다면 UIzard도 숨쉴 틈은 있을 거 같네요.

UIzard 오픈 소스 프로젝트를 어떻게 활성화시키고 또 어떻게 효율적으로 진행해나가야할 지 아직 좀 막막합니다. 그래서 의욕도 없어지고 날씨도 너무 좋다보니 잠만 오고 하루 하루를 낭비하고 있었는데, 실제 사용할 수 있는 툴이 되어야할 거 같습니다. 지금은 뭔가 실험적인 수준에 머물러 있고, 그냥 꽤 괜찮은 Ajax예제 수준인 거 같습니다. 사실 이렇게 사람들에게 어플리케이션을 개발해서 내놓는 것도 처음이고, 아무도 없는 방안에서 혼자 소리치는 간지입니다만, 그래도 한 번 시작한 거 끝은 봐야겠죠?

어쨌든 아래는 ZDnet에서 퍼온 동영상입니다. 구글은 역시 짱먹네요.

다음 위젯뱅크에 제가 만든 위젯 3개가 모두 오픈했습니다.

작년 12월에 참가했었던 "다음-구글 위젯=가젯 개발 경진대회"에서 수상한 작품을 비롯해서 제출한 총 4개의 위젯 중 3개의 위젯이 다음 위젯뱅크에서 정식 서비스를 시작했습니다.

소통이라는 위젯은 한두달 전에 이미 서비스가 시작되고 있었습니다만, 프리미어리그NOW와 Suit Up!이라는 위젯은 인터넷 익스플로러 6.0에서 문제가 있었기 때문에 서비스가 시작되지 못하고 있었습니다. 원 개발자로서 신속히 수정하여 다음 위젯뱅크 측에 전달해드렸어야 하는데... 개인적으로 이것저것 하느라 신경쓰지 못해서 정말 죄송할 따름이고, 이렇게 다음 위젯뱅크 개발자 분들이 손수 코드를 수정하셔서 서비스를 시작해주신 것에 대해 이 포스트를 통해서라도 감사드리고 싶습니다. (꾸벅)

현재 첫번째 페이지에 프리미어리그NOW와 Suit Up! 이라는 위젯이 등록되어 있구요,

2번째 페이지 아래에 소통이라는 위젯이 등록되어 있습니다.

이것으로 본선에 진출했던 20개의 작품들 중에 제가 만든 3개의 위젯은 모두 서비스가 시작되었네요ㅋ 이 3개의 위젯에 대한 포스트는 아래 링크를 참고하시면 될 거 같구요... 재미있고 유익하게 사용하셨으면 좋겠습니다!!

프리미어리그NOW
http://thinksquare.tistory.com/17

Suit Up!과 소통
http://thinksquare.tistory.com/19

개인적으로 더 만들어보고 싶은 재미있는 위젯들이 더 있는데, 여유가 좀 생긴다면 몇 개 더 만들어서 공개를 해볼까 합니다.

다음 구글 위젯=가젯 개발 경진대회 우수상 탔어요!

우수상 탔습니다!!! 감사합니다!!!

메쉬업이랑 옴니아 개발 경진대회도 열심히 준비해야겠네요!!!

위젯=가젯 개발 경진대회 1차 통과했습니다!

이런 영광이!!

나름 밤새서 바짝 만들었던 보람이 있군요~

하지만 추천수가 안습 ㅜㅜ

투표 중인 페이지의 주소는!

http://widgetbank.daum.net/event/competitionVote.do 인데요~ 

다른 분들도 훌륭한 위젯을 많이 제출하셨더라구요~

한 번 구경해보시고~ 마음에 드시는 위젯에 추천 좀 부탁드릴게요ㅋ

이왕이면 제 위젯들에게 추천 좀 꾸욱~ 해주시면 ㅋㅋㅋㅋㅋㅋ

한 IP당 3개 추천이 가능하다고 하네요...

마침 제 위젯도 총 3개라죠?!?!?

제 블로그 방문자수도 적은데 기왕 오셨으면 추천 부탁 드리겠습니다!!

[Daum Google 위젯=가젯 경진대회] 'Suit Up!'과 '소통'이라는 위젯

제가 학생신분이라 아직 정장을 입을 일이 많지는 않습니다만 학부 졸업식 때문에 정장을 입어본 이후에는 정장에 대한 관심이 조금 생기더군요. 정장을 몇 번 입다보니 앞으로 사회생활을 할 때 셔츠랑 넥타이 색깔을 맞추는 것이 사람을 꽤나 귀찮게 하는 일이 될 것이라는 생각이 들었습니다. 그래서 "Suit Up!" 이라는 위젯을 만들어보았습니다. 또한 위젯 공모전에서 마케팅 측면을 제법 보는 거 같아서 정장 관련 의류 사업체와 연계한다면 꽤나 좋은 광고용 위젯이 되지 않을까 하는 생각도 있었습니다.

"Suit Up!" 이라는 이름은 즐겨보던 미국 시트콤인 "How I met your mother"에서 바니 스틴슨이라는 케릭터가 심심하면 외쳐대는 대사에서 따왔습니다. 평소 미국 드라마나 시트콤에 관심이 많으신 분들은 다들 아실 거라고 생각되네요ㅋ

기능은 상당히 단순합니다. 그냥 상의와 셔츠, 넥타이 색깔을 바꿔주는 것 뿐입니다. 그래서 코드도 더럽게 단순하구요... 그냥 그래픽 작업하는 것이 노가다라 시간이 좀 오래 걸렸네요... 아, 그리고 얼굴부분을 잘라놨지만 저 사진은 아마 안정환선수일 겁니다.

마지막으로 제작한 위젯은 "소통"이라는 위젯입니다. 수화에서 가장 기본적인 동작들을 알려주는 기능을 가지고 있습니다. 이 위젯 역시 코딩하느라 애를 먹진 않았고, 저 수많은 손동작을 이미지로 만드는 것이 오래 걸렸습니다. 당연히 저 손은 제 손이 아니고 아래 이미지에서 보시다시피 전라북도교육정보과학원(http://www.cein21.net/suhwoa/)이란 곳에서 퍼온 이미지입니다. 그리고 재미삼아 GOOGLE AJAX FEED API 중 슬라이드쇼 API(http://www.google.com/uds/solutions/slideshow/index.html)도 사용해보았습니다.

이것으로 한 일주일동안 총 4개의 위젯을 만들어 보았네요... 뭐 새로운 걸 배울 수 있는 기회는 아니었습니다만 많은 주목을 받고 있는 위젯/가젯이라는 개념에 대해 한 번 생각해보고 이런 위젯/가젯으로 어떤 기능을 제공할 수 있는 지 생각해볼 수 있는 좋은 기회였던 것 같습니다. 위젯/가젯은 Javascript가 동작할 수 있는 환경이라면 어디서든 동작할 수 있다는 점에서 장점이지만 복잡한 어플리케이션을 개발하기엔 아직까진 많은 한계를 지니고 있다는 점에서 현재로서는 정보를 이쁘고 간편하게 전달해줄 수 있는 위젯들이나 블로그에 달 수 있는 이쁜 악세서리 위젯 이상의 물건이 나오긴 힘들겠다는 생각이 들더군요. 하지만 구글의 계속적인 API 공개 추세를 봤을 때 iGoogle에 구글닥스나 구글스프레드시트를 간편하게 추가하여 어플리케이션처럼 사용할 수 있는 날도 머지 않은 것 같습니다. 클라우드 컴퓨팅이니 뭐니 해서 PC에서 하는 일들도 웹으로 점점 무게가 이동해가고 있는 추세니까요.

[Daum Google 위젯=가젯 경진대회] 지하철 노선도 위젯

지하철 노선도 위젯이라는 아이디어는 너무 쉽게 생각해낼 수 있는 아이디어입니다만, 저는 그냥 구글맵 커스터마이징하여 확대/축소가 가능한 지하철 노선도를 만들어 보았습니다. 구글맵을 이용하였기 때문에 마우스 휠을 이용해서 줌인/줌아웃할 수도 있고 더블 클릭을 통해 줌인을 해볼 수 있습니다. 아래 최단경로 검색은 다음의 지하철 노선도 서비스로 쿼리값을 날려주어 새창으로 결과를 볼 수 있게 했습니다. 또 네이버 노선도로 변경해 볼 수도 있게끔 만들어 보았습니다. 뭐 엄청난 위젯은 아니지만 그래도 iGoogle에 등록해놓으니 꽤 편리하긴 하더군요.

[Daum Google 위젯=가젯 경진대회] 프리미어리그 경기일정/결과 위젯을 만들어 보았습니다.

평소 웹에도 관심이 많다보니 이번에 하는 'Daum Google 위젯=가젯 경진대회'를 그냥 넘어갈 수 없더군요. 공모기간이 12월 3일까지길래 얼른 하나 아이디어를 짜서 완성해보았습니다. 다음의 위젯 엔진이 구글의 가젯 엔진을 그대로 따라 만들었기 때문에 레퍼런스는 구글 쪽만 열심히 봤습니다. (사실 다음에서 제공하는 레퍼런스는 레퍼런스라고 하기는 힘들어서...) 이미지 만드는 작업까지 합쳐서 총 10시간 정도 걸린 거 같네요.

요놈은 썸네일

첨에는 경기일정, 경기결과, 순위, 관련 뉴스 등을 한꺼번에 표시하려 했으나 위젯이 너무 무거워지는 거 같아서 그냥 경기일정과 경기결과만 하기로 했습니다. 사실 순위같은 경우는 RSS피드를 쏴주는 곳이 아무리 검색해도 없는데다가, 직접 파싱해서 DB에 저장해놓고 피드를 쏴주려니 여러가지로 번거롭기도 했구요. 경기일정이나 경기결과 또한 공식적으로 RSS피드를 쏴주는 곳은 없습니다만 평소 구글 캘린더의 외부 캘린더 추가 기능으로 프리미어리그 경기 일정을 추가해서 보고 있었기에 그냥 이 캘린더의 피드값을 적절히 사용하기로 했습니다. 일정을 올려놓는 외국인 분이 어찌나 부지런하신지 일정을 미리 입력해놓은 것은 물론이고 경기가 끝나면 점수와 득점한 선수를 항상 업데이트 하시더군요... 그 분께 직접적으로 허락 받지는 않았지만 어차피 공개한 캘린더이기 때문에 크게 문제는 없을 거 같습니다. 그리고 나중에 영문화시켜 구글 가젯 갤러리에 올릴 때 이메일 하나 보낼 계획이 있답니다.

요놈은 스크린샷

기능은 단순합니다. 앞으로 진행될 프리미어리그의 20경기를 출력해주는 데, 이는 PREV, NEXT 버튼으로 탐색이 가능합니다. 또한 경기결과도 이전 20경기를 출력해주며 동일한 방법으로 탐색할 수 있습니다. 매 경기는 홈팀 구장이 배경으로 설정되며 경기일정의 경우에는 아래에 홈팀 구장 이름이 출력됩니다. 경기결과의 경우 아래 쪽에 경기 관련 동영상 검색이라는 기능이 있는데 이건 뭐 복잡한 게 아니라 해당 두 팀의 이름으로 유튜브에 쿼리를 날려 동영상을 검색할 수 있게 해주는 겁니다. 고급 기술을 사용한 건 아니지만 제가 만들어 놓고도 상당히 유용하네요. 또한 점수를 누르면 득점 선수의 리스트 화면으로 전환됩니다. 축구에 관심이 많으신 분들은 득점 선수 확인을 꼭 하시길래..

아직 다음 위젯 뱅크나 구글 가젯 갤러리에는 등록하지 않았는 데 조만간에 등록할 생각입니다. 그런데 다음 위젯 뱅크같은 경우 등록 후 2주 정도나 있어야 볼 수 있다고 하네요... 또 구글 캘린더에 스페인 프리메라리가나 이탈리아 세리에A, 독일 분데스리가도 비슷하게 일정을 공개해놓았다면 디자인만 약간 바꿔서 또 만들 계획입니다. 팀별 로고나 경기장 사진 같은 거 만드는 게 노가다 작업일 듯 하네요... (혹시 이쪽 리그의 결과까지 제공하는 구글 캘린더 아시면 소개 좀 부탁드립니다. 일정을 제공해주는 캘린더는 있는데 결과까지 기록하는 캘린더는 안보이네요...)

[다음 구글 위젯=가젯 경진대회] 경진대회 준비 중입니다!

한 3일전부터 다음 구글 위젯=가젯 경진대회 참가 준비 중입니다. 개인 참가에다가 위젯 만드는 게 크게 어렵지도 않고, 여러 개 출품 가능하다고 해서 막 만들어 보려고 합니다. (이미 3개정도 완성했는데 별 건 아니지만 시간되는 데로 설명하는 포스트를 올려볼 계획입니다.)

하지만 한가지 찝찝한 건!!

설마 개발자들을 상대로 위젯만 등록받고 대회를 취소해버리진 않겠죠?! 나름 국내를 대표하는 포탈과 제가 최고의 인터넷 기업으로 여기는 구글이!! 설마! 설마! 설마!