muik blog☆

오즈 공모전을 계기로 모바일 기기에서 쉽고 빠르게 이용할 수 있는 쇼핑 검색 웹서비스를 만들어 봤습니다.

이번 프로젝트를 하면서 UI와 UX에 대해 많은 고민을 해보는 경험이 되었답니다:)

주요 기능

• 네이버 쇼핑 검색 API를 이용한 최저가 쇼핑 검색
• 초성 입력에 대한 상품명 추천
• 검색한 상품에 대한 관심 상품 등록/제거
• 스크롤하기 편리한 스크롤 버튼
• 자동 상품 추가 검색
• 다양한 상품 표시 스타일 변경

사이트 URL: http://muik.net/shopper

자세한 정보: http://muik.net/shopper/doc.html

아르고폰(LH-2300)으로 쇼핑 해보기

스크린샷

첫 화면

초성 입력

초성에 대한 상품명 추천

"가을신상" 검색 화면

간단 스타일로 보기

갤러리 스타일로 보기

세로 모드에서 갤러리 스타일로 보기

세로 모드에서 간단 스타일로 보기

세로 모드에서 일반 스타일로 보기

세로 모드에서 첫화면

세로 모드에서 초성에 대한 상품명 추천 화면

YouTV는 모바일 기기에서 YouTube 비디오를 TV처럼 편하게 볼 수 있는 모바일 웹서비스 입니다.

사이트 URL: http://muik.net/youtv

TV처럼 편리하게 사용할 수 있게 디자인에 많은 고민을 했어요. 화면 구성은 비디오가 재생될 수 있는 꽉 찬 화면에 채널선택[C], 재생을 제어하는 버튼 3개로 꼭 필요한 기능으로 구성했고, 동작도 TV처럼 한 프로그램이 끝나면 자동으로 다음 프로그램이 재생됩니다. 물론 광고는 없고요^^

채널은 YouTube RSS로 단순한 플레이리스트가 아닌 수시로 새로운 내용으로 변경됩니다.

채널 버튼[C]을 누르면 채널 목록이 나오는데 현재 보고 있는 시청수를 기준으로 정렬되서 보이고, 사용자는 그 시간대에 인기있는 채널을 쉽게 선택할 수 있어요. 또한 사용자가 원하는 채널을 검색어를 입력하여 검색할 수 도 있고요.

채널 검색 시 채널이 없다면 자동으로 채널을 추가하여 TV의 고정된 채널이 아닌 무한 채널을 가지는 특징도 있답니다.

처음엔 터치웹폰용으로 개발하였지만 YouTube Chromeless Player가 지원되지 않아 웹뷰어용이 되었습니다. 또한 다양한 기기에서 지원되도록 W3C 표준에 맞게 개발하였고, Internet Explorer 6~7, Firefox 3에서도 잘 동작하도록 크로스 브라우징을 고려하여 개발 하였습니다.

아래의 활용방법을 보고 이용해보세요.

좋아하는 가수(이효리) 채널 보기

1. YouTV 접속
2. 왼쪽의 [C]버튼을 클릭
3. 채널목록 상단 검색창에 ‘이효리’ 입력
4. 검색 결과의 ‘이효리’ 채널을 선택

‘이효리’의 동영상을 마음껏 편하게 감상할 수 있답니다.

이외에도 좋아하는 음악, 드라마, 스포츠, 뉴스 등 다양한 채널을 마음껏 즐겨보세요~!

2007 Daum-Lycos 글로벌 인턴쉽 응모작

주제는 타임머신 웹서비스이고, 이렇게 시작되었다.

“시간과 공간을 자유롭게 이동할 수 있는 가상세계에 현실세계를 그려 넣는다면 타임머신이 가능하지 않을까?”

아쉽게 최종선발 되진 않았지만, 처음으로 웹서비스를 기획해보고 잼있는 일들이 많았다. 역시 개인 프로젝트보다 팀 프로젝트가 훨씬 흥미로운 것 같다.

타임머신 웹서비스 - scopon G.pdf

가끔 요새 인기있는 힙합음악이나 팝음악을 듣고 싶을 때 음악 전문 웹사이트들을 방문하는데 그 중에도 빌보드 차트에 자주 들러보곤 한다. 예전부터 빌보드 차트에 접속할때마다 느끼는 건데 서버가 외국에 있어서 그런지 좀 느리고 최근 몇달간의 지난 차트를 찾을 수 없어 불편했다. 가장 큰 불편함은 미리듣기가 없다는거..

일일이 가수명와 제목을 복사하여 유투브에서 검색해서 들어보는데 더이상 이렇게 불편하게 들어볼 수 없었다. 그래서 이걸 편하게 들어볼 수 있는 웹서비스를 만들기로 결정내려 우선 서비스명은 muik Billboard (뮤익 빌보드)로 제작하기로 했다!

처음엔 단순히 힙합차트 미리듣기 기능만 제작하려 했는데 만들다보니 다양한 기능들이 떠올랐다. 제작 방향은 simple and easy..

muik Billboard 0.1

muik Billboard(http://muik.net/billboard/)는 빌보드 차트의 음악을 쉽게 들어볼 수 있고 관련 정보를 얻을 수 있다.

기능들 :

• 빌보드 차트 페이지에서 새로운 빌보드 차트들 자동 수집(매주 토요일)
• 유투브 검색으로 차트의 곡들에 대한 비디오들 자동 수집
• 다양한 재생모드 제공 (한곡, 순차, 전체 반복, 한곡 반복, 랜덤 재생)
• 장르별 다양한 차트 제공
• 지난 차트 제공
• 차트들 중 원하는 차트를 선택하여 마이 차트에 추가
• 쿠키를 이용한 로그인 없이 회원서비스 (쿠키를 지우거나 다른 컴퓨터에선 초기화)

추가 예정 기능들 :

• 곡에 대한 다양한 비디오들 보기
• 곡에 대한 관련 사진들 보기
• 플레이리스트 생성/삭제
• 플레이리스트에 곡 추가
• 관심있는 차트 추가/삭제
• 노래 검색

확인된 브라우저들 :

• Mozila Firefox 2.0
• Internet Explorer 7.0
• Internet Explorer 6.0