맛집 포털 서비스 Tasty Shop
관리자
view : 365
기간 : 2013-10-21 ~ 2013-12-19 ( 월,화,수,목,금 )
URL : 내부 서버용
지극히 맛집에만 포커싱 된 정보들을 제공하고자 하여 썸네일 중심으로 구성.
Project : 맛집 포털서비스 Tasty shop |
|
개발환경 |
|
OS |
Microsoft Windows7 |
DBMS |
ORACLE 11g |
WAS |
Tomcat 7.0 |
Language |
JAVA(JDK 7.0) / JavaScript(jQuery, AJAX, JSON) / Spring 3(3.1release) HTML4, HTML5, CSS, Tiles2, My-batis |
개발툴 |
|
Database |
SQL Tools / SQL Developer |
Design |
Adobe Photoshop CS6 |
Editer |
Eclipse Kepler |
개발기간 |
개발인원 |
2013.10.21 ~ 2013.12.19 |
5명 |
Database구조 및 참여도 |
|
|
개발 취지 및 목적
사람이 살아가는데 필요한 3대 필수요소 “의식주” 중 하나인 “식”을 좀 더 지혜롭게 영위하게 위한 서비스로 맛집 정보를 자세하고 객관적으로 제공해주는 포털 서비스를 제작하고자 했다. 이에 따라 유저들은 좀 더 똑똑한 소비를 할 수 있도록 돕고, 유저들의 참여로 즐거운 커뮤니티가 되고자 참여형 커뮤니티를 개발했다. 또한 이런 입소문들로 소상공인 매장들의 홍보가 가능하여 유저들과 음식점 모두 Win-Win할 수 있는 서비스를 만들고자 노력했다. 가장 독특한 점은 메인UI로, 일반 포털 서비스들이 제공하는 “종합”적으로 보여 지는 서비스가 아닌 지극히 맛집에만 포커싱 된 정보들을 제공하고자 하여 썸네일 중심의 메인 페이지가 독특한 UI라고 볼 수 있다. 이런 메인 UI는 현재 외국 사이트에서 많이 사용되는 UI이며, 향후 모바일에 최적화가 쉽게 가능해지도록 심플하게 구성되어 있다.
세부기능 요약 및 설명 |
|||
상세화면 |
기능설명 |
상세화면 |
기능설명 |
|
메인페이지 음식 사진들의 썸네일 중심으로 타일패턴의 디자인으로 구성되어 있고 클릭 시 상세 정보로 이동 된다. |
|
회원가입 이메일을 ID로 사용하며,유효 이메일인 경우에만 가입이 가능하도록 유효성 체크를 진행한다. 모든 정보가 필수 값이다. |
|
서브페이지 음식점들의 상세한 정보를 확인할 수 있고, 딱 원하는 정보들로만 구성이 되어 다른 서비스로 이탈하는 것을 방지한다. |
|
이메일 인증 이메일 입력 후 인증코드를 메일로 발송하며 ajax를 통해 re로딩 없이 로딩바를 노출하여 유저 편의성을 높였다. |
|
지역/테마별 맛집 지역과 테마별로 맛집 리스트가 출력되고, 가장 최신 글을 상단에 배치되도록 구현되어 있다. |
|
로그인 이메일과 비밀번호로 로그인이 가능하고 JQuery로 validate를 활용하여 폼의 입력 값을 검증한다. |
|
유저리뷰 유저들이 작성하는 게시판 형태로 로그인을 해야만 리뷰 작성이 가능하다. |
|
비밀번호/이메일 찾기 로그인 시 기억나지 않는 경우 정보를 찾을 수 있도록 구현되어 있고, 비밀번호의 경우 이메일로 임시 비밀번호가 발송된다. |
|
스페셜 리뷰 에디터가 어드민을 통해 게시글을 작성하며 유저는 댓글을 달 수 있다. 음식점들의 홍보 효과를 누릴 수 있다. |
|
관리자 페이지 회원들의 정보를 관리하고 게시한 글을 관리할 수 있는 관리자를 구현하여 검색 및 정보 수정/삭제가 가능하다. |
|
커뮤니티 공지/맛집추천 커뮤니티는 일반 게시판 형태로 구현되어 있고, 로그인 기반으로 로그인 시 새 글/댓글 작성이 가능하다. |
|
Layout Tiles2 framework를 사용하여 레이아웃을 템플릿 화 하여 구현되었고, 이미지보다는 html/css로 디자인 완성도를 높였다. |