[S18_WebFund] Written Project 第9組

Group content visibility: 
Use group defaults
Groups audience: 

1.組員系級、姓名、學號

醫學資訊一   406570273   王志崴

醫學資訊一   406570089   林奎志

醫學資訊一   406570120   王葳

醫學資訊一   406570209   竺佩蓁

2.專題題目

流行音樂簡介網
3.詳細介紹(背景、功能等等詳細的介紹)

  • 網站架構:先依音樂類型分類,再將其依演唱者、年代和純音樂進一步分類,最後進到單曲頁面。
  • 撥放器單曲頁面:每首歌都有自己的專屬頁面,內含播放器、歌曲介紹、歌詞和推薦曲目。

使用者進入本站後,能夠透過左邊選單立刻找到自己想聽的音樂類型(例如:西洋樂曲、日韓音樂、華語歌曲或純音樂),再進一步依照自己喜愛的演唱者、年代或純音樂去選擇,每首歌曲都有加入對該曲的簡單介紹和歌詞,使用者能夠在聆聽音樂的同時,觀看相關的介紹或是藉由滾動捲軸來對照歌詞演唱,如果還想再聽其他音樂,我們也有將推薦曲目放在右邊,只要點選,就能立刻跳到有關那首歌的播放頁面。

4.運用技術

  • 使用語言:HTML、CSS、JAVAScript、JQuery
  • 伺服器架設:github website

5.實作動機與目的

  • 動機:經組內討論後,首先決定大方向製作「介紹性質」的網頁,之後再從三種主題(景點、電影、音樂)票選最高票的作為網頁主要內容,最後投票結果為「音樂」,由於組內的人喜愛的音樂風格不太相同,藉由這點,就想說建立一個音樂的介紹平台,將各自喜歡的音樂分享給其他人認識。
  • 目的:希望使用者能透過此網頁迅速找到自己喜歡的音樂風格,並藉由網站的介紹更加了解自己平時所聽的音樂的背後故事、寫作動機和其相關趣事,也能認識到其他更多不同類型的音樂。

6.作品網址、截圖

https://miia-music.github.io/index.html

首頁

音樂類型(以歐美歌曲為例)依演唱者

依年代

純音樂

撥放器單曲頁面(以Charlie Puth - We Don't Talk Anymore (feat. Selena Gomez)為例)