A Story

Final Project : Music & Musician

관리자

view : 330

기간 : 2014-07-14 ~ 2014-08-07 ( 월,화,수,목,금 )


URL : 내부 서버용


음악을 사랑하는 사람들만의 소셜네트워크 플랫폼

 

 

Final Project : Music & Musician

 개발환경

 OS

Microsoft Window 7

 DBMS

SQLplus

 WAS

Apache Tomcat 7.0

 Language

Java Jquery Ajax HTML5 CSS3

 Framework

 Spring3.0 MyBatis Tiles Maven

 개발툴

Database

ORACLE 11g

Design 

 Photoshop

Editor

Spring Eclipes

 Version Control

 SVN

 API

 네이버 오픈 API

 개발기간

 개발인원

2014.07.14 ~ 2014.08.07

 3명

 참여정도 및 DATABASE 구조도

 

 

 

개발 취지 및 목적  

 제가 항상 음악을 좋아하여 많은 공연을 기획하기도 하고 찾아다니기도 하면서 아직 음악을 시작하는 사람들이 자연스럽게 자신들의 공연 정보 및 음악을 자유롭게 나눌 수 있는 공간이 부족하다는 것을 느끼게 되었습니다.  그래서 음악활동을 하고 있는 뮤지션들이 빠르고 효율적으로 자신의 공연 정보나 음악을 알리고 음악을 좋아하는 사람들은 자신의 취향에 맞는 음악을 손쉽게 접하고 공연정보를 빠르고 간편하게 받아 볼 수 있는 뮤지션과 팬들이 서로 정보를 나눌 수 있는 음악을 사랑하는 사람들만의 소셜네트워크 플렛폼을 만들었습니다. 

 

 

 세부기능 요약 및 설명

 상세화면

  기능설명

 

 

 

 - 저희 홈페이지의 얼굴이 되는 오프닝 페이지입니다.
 - 사람들이 간단하게 회원가입을 하고 Ajax를 이용하여 실시간으로 유효성을 검사하도록 하였습니다.
 - 간결하고 직관적인 UI를 통해 사용자들이 손쉽게 웹사이트에 가입하고 접속할 수 있도록 만들었었습니다.
 - 상단에는 MyBatis 동적 쿼리를 사용하여 이름과 이메일로 사용자를 검색할 수 있습니다.

 상세화면

  기능설명

 

 - 로그인시 바로 보여지는 메인 페이지입니다.
 - 중간에는 사용자가 팔로우하는 모든 사람들의 포스팅이 시간과 날짜순으로 정리되어 업데이트 되며 포스팅은 근황, 공연정보, 구인, 중고 장터등 네가지 카테고리로 올릴 수 있습니다.
 - 왼쪽에는 필터링탭으로써 뉴스피드에는 모두 섞여서 나오는 모든 카테고리의 정보들을 따로따로 정리해서 보여주는 탭입니다.
 - 오른쪽은 사용자가 다양한 음악을 들으며 추가할 수 있는 플레이리스트이며, 하단에는 사용자와 비슷한 장르를 좋아하는 사람들과 뮤지션은 팔로우하도록 추천하게 만들었습니다.

 상세화면

  기능설명

 

 

 - 사용자의 개인 취향과 정보를 포함하는 유저 페이지입니다.
 - 왼쪽에는 유저의 사진, 소개, 음악적 취향 등을 볼 수 있는 프로필 타일입니다.
 - 포스팅에 사진을 업로드 할때 멀티 업로드를 사용하였으며 사진을 우선 여러개 선택한 후 글쓰고 DIV창에 미리 보여주며 글과 같이 사진을 등록할시 사진이 더 있다는 것을 표시해주었습니다
 - 오른쪽 상단은 유저가 팔로잉하는 사용자와 뮤지션의 공연정보를 정리해 주는 달력기능입니다. Full Calendar라는 플러그인을 사용하였습니다.

 상세화면

 기능설명

 

 - 사용자의 음악활동을 알릴 수 있는 뮤지션 페이지입니다.
 - 왼쪽은 뮤지션의 기본정보와 맴버정보를 상세히 알아볼 수 있습니다.
중간은 유저페이지와 마찬가지로 포스팅을 하고 그 포스팅한 내용들을 볼 수 있습니다.
 - 오른쪽 상단은 뮤지션의 앨범 정보를 볼 수 있으며 사용자는 앨범에 담긴 음악을 듣고 메인 페이지에 있는 플레이 리스트로 음악을 추가할 수 있습니다.
 - 이 뮤지션 페이지를 팔로우하는 사람들을 보여줌으로써 자신과 비슷한 음악취향의 사람들과 손쉽게 소통할 수 있습니다.

 

 

먼저 비밀번호를 입력하여 주세요.

창닫기확인

TOP