Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

자바 29기 UrbanMusic 발표준비

기존 스트리밍 서비스와의 차이와 , 음악과 소셜을 복합한 서비스
by

승우 한

on 24 January 2015

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of 자바 29기 UrbanMusic 발표준비

Urban Music
목차
1. 프로젝트 개요

2. 해결방안 및 주요기능

3. 시스템 아키텍처

4. 사용기술

5. 시연 동영상

6. 조원 소개 및 역할
- 단순한 음악청취 : 지루함

- 음악에 대한 정보를 공유가 어려움
기존 스트리밍 서비스의 현 상황
1] 기존 음악 차트와의 차별

2] "주변 사람들은
무슨 노래를
듣고 있을까?"

3] 음악공유
주변검색 : Google Maps API
nodejs 서버
소켓통신을 이용한 같이듣기 서비스

- DJ가 이벤트를 발생시키면 nodejs서버가 모든 소켓연결 자에게 broad casting을 합니다.

ex) DJ가 노래 변경시 청취자의 노래 또한 변경
음악서비스 : PhoneGap Media API
메인화면 : CoverFlow
리스트 구현 : jQuery Template Plug-in
프로필사진 변경 : PhoneGap Upload API
조원소개
팀장 : 오석규
역할 : 팀원관리, 음악플레이, node.js DJ 서비스

팀원1 : 김남주
역할 : 서버관리, 프로필관리, UI 담당, 피드/로그인서비스 개발

팀원2 : 장해우
역할 : CoverFlow, UI, DB설계, 로직설계

팀원3 : 유진현
역할 : UI , 구글맵 위치 서비스, Node.js , 발표자, 회원가입

팀원4 : 한승우
역할 : 발표자료 준비, 프로필 사진업로드 , 환경설정 구현, DB 관리
해결방안
1 . 프로젝트 개요
시연동영상 재생
3. 시스템 아키텍쳐
$('<li></li>').addClass('li_class').append($('<a/>')
.append($('<img/>').addClass('li_img').
.attr({
src : '../images/icon8.png'}))
.append($('<h4></h4>').addClass('selectedFriend').text(item.fId)));
==html==
<script id="friend_Template" type="text/x-jquery-tmpl">
<li class="friendList">
<a href="#friendprofile_page"><img id='friendlist_img'
src = '${user_img}'/>
<h3 class="friendIdFont">FRIEND : ${user_id}</h3>
<h3 class="friendStatusFont">상태: ${user_status}</h3>
{{if count}}<p id="ingi">인기도 : ${count}</p>{{/if}}
</a>
</li>
</script>

==js==
var friendlist_ul =$('#friendlist_ul');
friendlist_ul.append($('#friend_Template').tmpl(result.data);
리스트 구현 : jQuery Template Plug-in
어떻게 하면 음악을
재미있게 들을 수 있을까?
1] 지역 및 친구 탑 뮤직/탑 DJ 서비스


2] 주변검색서비스


3] 실시간 따라듣기 서비스 / 피드
2. 주요기능
4.사용기술
주요기능
1] 지역 및 친구
탑 뮤직/탑 DJ 서비스


2] 주변검색서비스


3] 실시간 DJ 서비스
/ 피드
- 서버
SpringFramework[1.154v]
총체적인 서버 구축에 사용
Node.js
같이듣기 서비스를 위한 서버구축에 사용

-클라이언트 :기본 화면구성
HTML5
CSS3
JavaScript
jQuery
jQuery Mobile
jQuery UI
Codova.2.1.0

-DB
MyBatis
MySQL
감사합니다
Full transcript