데이트온은 저희팀 Hello World!가 2009 대한민국 매시업경진대회 에 출품한 서비스로, 팀을 꾸리고 12월 쯔음부터 스키캠프를 시작으로 계속 준비한 작품입니다. 이 대회는 팀이나 개인이 출전하는 매시업 작품을 출품하는 대회로 해를 지날수록 열기가 뜨거워지고 있습니다.
그렇다면, 그 중심이 되는 매시업은 무엇일까요? 간단하게 설명하자면 여러가지의 IT관련 사이트 등에서 제공하는 API를 혼합하여 전혀 새로운 서비스를 만들어내는 것을 말합니다. 사실 저도 처음에는 생소했던 부분이어서 처음 시작할 때 매시업이 뭘까? 라는 고민도 하고 시간이 지나 매시업이라는 것에 대해 조금 안지도 얼마 되지 않았는데, 제출일이 다가왔고 부랴부랴 많은 노력 끝에 무사히 저희 서비스 “데이트온”을 제출하였습니다.
그럼 데이트온은 어떤 서비스일까요?
1#
마음에 드는 이성과 데이트를 하기로 결정한 당신, 그 혹은 그녀에게 리드하는 모습을 보여주고 싶은데…
데이트 날짜는 다가오고, 무엇을 해야 할지 막연한 당신은 이렇게 말한다.
“내일 뭐해야지?”
2#
오랜만에 이성친구와의 데이트! 즐겁게 영화를 보고 나와 다음 장소로 이동을 하려고 하는데, 매번 같은곳만 가기에는 너무 지루하다. 이제는 조금 색다를 것을 하고 싶은데, 발품 팔아 찾기에는 귀찮기만 당신들, 서로를 바라보며 이렇게 말한다.
“우리 이제 뭐하지?”
3#
한가로운 주말을 보내고 있는 당신, 오늘은 바람이나 쐬러 나가볼까? 문앞을 나서려고 하는 당신의 머리속을 스치는 한마디.
“근데 어디가지?”
라는 문제들. 많이 겪어보셨을 것이라고 생각됩니다. 모르는 곳에 처음 왔는데 갈 곳이 막막할 때가 매우 많죠. 이런 어려움의 해결을 위해! 어디서든 명쾌하게 가고 싶은 곳을 쉽게 찾을 수 있도록 도와주는 서비스가 저희의 “데이트온”입니다. 특색있는 무엇인가를 위해 데이트라는 요소에 집중하여 날씨를 포인트화 시켜서 데이트 지수를 보여준다던가, 그냥 한 마디씩 던질 수 있는 말감 등의 요소도 넣어보기도 했지만, 중심이 되는 부분은 가고싶은 큰 지명에 따라서 알맞는 장소가 나타나는 것이고 대략적인 시간 계산이나 알맞은 밥 시간 등으로 쓸만한 코스가 완성됩니다. 그럼 데이트온을 실제로 이용해볼까요?
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기 마지막까지 힘내요!
접속이 된 이후에 다음과 같은 메시지가 나오게 되면 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기 마지막까지 힘내요!
답글 남기기