pengembangan website e-music

Seminar Nasional Teknologi Informasi dan Komunikasi 2015 (SENTIKA 2015)
Yogyakarta, 28 Maret 2015
ISSN: 2089-9815
PENGEMBANGAN WEBSITE E-MUSIC
Gunawan1, Fandi Halim2, Novia Yugo3
Program Studi Sistem Informasi, STMIK Mikroskil Medan
Jl. Thamrin No. 140 Medan 20212
Telp.: (+6261) 4573767, Fax.: (+6261) 4567789
E-mail: [email protected], [email protected], [email protected]
ABSTRAK
Belakangan ini musik sudah menjadi kebutuhan bagi masyarakat luas. Musik juga dapat mempengaruhi
seseorang, misalnya pada trend fashion, banyak penikmat musik yang meniru gaya berpakaian dari musisi yang
mereka favoritkan. Oleh karena musik sudah menjadi kebutuhan, maka banyak orang mencari jalan praktis
untuk memperoleh musik. Membeli kaset CD atau mendengarkan di radio sudah tidak zaman lagi. Sekarang
masyarakat sudah beralih menggunakan website musik. Oleh karena itu, pada penelitian ini akan dikembangkan
website musik yang bertujuan sebagai media bagi penggemar musik untuk saling melengkapi koleksi album
kesukaan mereka, sekaligus sebagai sarana saling berbagi. Pengembangan menggunakan pendekatan
metodologi prototyping serta bahasa pemrograman web PHP dan media penyimpanan data menggunakan
database MySQL. Hasil dari penelitian adalah website musik yang bernama e-music yang memperbolehkan
member untuk meng-upload musik baru, mem-posting komentar, serta membuat daftar playlist sendiri.
Kata Kunci: e-music, prototyping, website
ABSTRACT
Lately, music has become a necessity for wider community. Music can also affect a person, for example in
fashion trend, many music lovers who imitate the style of dress of their fave musicians. Therefore, the music has
become a necessity, so many people are looking for a practical way to obtain music. Buying a CD or listening on
the radio is no longer age. Now people have switched to using music websites. Therefore, this study will
developed music websites that aimed as a medium for music fans to complement the collection of their favorite
albums, as well as a means of sharing. Prototyping development methodology approach is used with PHP web
programming language and data storage media using a MySQL database. The results of the research is the
music website called e-music which allows members to upload new music, post comments, as well as create their
own playlist.
Keywords: e-music, prototyping, website
luas. Musik juga dapat mempengaruhi seseorang,
terbukti pada trend fashion, banyak penikmat musik
yang meniru gaya berpakaian dari musisi yang
mereka favoritkan. Saat ini terdapat banyak aliran
musik yang ada di masyarakat, seperti musik pop,
rock, jazz, blues, hip hop, klasik, dan lain-lain. Oleh
karena musik sudah menjadi kebutuhan, maka
banyak orang mencari jalan praktis untuk
memperoleh musik. Membeli kaset CD atau
mendengarkan di radio sudah tidak zaman lagi.
Sekarang masyarakat sudah beralih menggunakan
website musik. Semakin banyak orang yang
menggunakan website sebagai sumber utama untuk
mendengarkan musik favorit, menemukan yang
baru, dan membagikannya dengan orang lain. Selain
itu, website musik juga sering digunakan untuk
membantu salah satu grup musik untuk
mempromosikan musiknya.
Tujuan dari penelitian ini adalah untuk
melakukan pengembangan terhadap sebuah website
musik, dimana diharapkan website ini nantinya
mampu
mempermudah
masyarakat
dalam
1.
PENDAHULUAN
Di era globalisasi seperti sekarang ini,
perkembangan teknologi internet, khususnya web
semakin pesat. Web adalah bagian yang paling
menarik dari internet. Suatu situs web akan dikenal
dengan cepat apabila informasi yang disajikan selalu
up to date dan lengkap. Web cepat sekali populer di
lingkungan pengguna internet, karena kemudahan
yang diberikan kepada pengguna internet untuk
melakukan penelusuran dan pencarian informasi.
Hal ini ditandai dengan banyaknya website yang
dibuat, baik website berbayar maupun tidak
berbayar. Melalui website dapat diakses berbagai
macam informasi, seperti promosi, bisnis,
komunikasi, dan sebagainya.
Salah satu website yang banyak bermunculan
saat ini adalah website musik. Musik adalah media
universal yang mampu berbicara dalam berbagai
bahasa, mampu menyuarakan isi hati para
penciptanya, dan mencerminkan kebudayaan dari
berbagai macam belahan dunia. Belakangan ini
musik sudah menjadi kebutuhan bagi masyarakat
89
Seminar Nasional Teknologi Informasi dan Komunikasi 2015 (SENTIKA 2015)
Yogyakarta, 28 Maret 2015
melakukan pencarian musik favoritnya serta sebagai
media bagi penggemar musik untuk saling
melengkapi koleksi album kesukaan mereka,
sekaligus sebagai sarana saling berbagi.
Penelitian ini mengacu pada metodologi
prototyping. Metode prototyping dimulai dengan
pengumpulan kebutuhan, dimana pengembang dan
pemesan bertemu dan mendefinisikan sasaran
umum, mendefinisikan kebutuhan yang telah
diketahui, dan mencari bidang yang masih
memerlukan pendefinisian. Setelah itu, pengembang
melakukan “perancangan kilat” terhadap kebutuhan
yang telah teridentifikasi pada pertemuan.
(Pressman, 2012)
Prototyping adalah pengembangan cepat dan
pengujian terhadap model atau prototipe dari
aplikasi baru pada proses yang interaktif dan iteratif
yang bisa digunakan oleh kedua spesialis sistem
informasi dan profesional bisnis. Prototyping
sebagai alat pengembangan, membuat proses
pengembangan menjadi lebih cepat dan mudah,
khususnya untuk proyek dimana kebutuhan dari enduser sulit untuk didefinisikan. (O’Brien dan
Marakas, 2010)
Jadi, berdasarkan definisi di atas dapat
disimpulkan bahwa prototyping adalah proses
pembuatan model sederhana perangkat lunak yang
mengizinkan pengguna memiliki gambaran dasar
tentang program serta melakukan pengujian awal.
Prototyping memberikan fasilitas bagi pengembang
dan pemakai untuk saling berinteraksi selama proses
pembuatan, sehingga pengembang dapat dengan
mudah memodelkan perangkat lunak yang akan
dibuat. Model proses prototyping ditunjukkan pada
Gambar 1 berikut ini.
ISSN: 2089-9815
Gambar 1. Model Proses Prototyping (Pressman,
2012)
b. Mengembangkan prototype
Pada tahap kedua ini, analis sistem bekerja sama
dengan programmer mengembangkan prototype
sistem untuk memperlihatkan kepada pemesan
pemodelan yang akan dibangunnya.
c. Menentukan apakah prototipe dapat diterima
oleh pemesan atau pemakai system
Tahap ini akan mendeteksi dan mengidentifikasi
sejauh mana pemodelan yang dibuatnya dapat
diterima oleh pemesan.
d. Mengadakan
sistem
operasional melalui
pemrograman
sistem
oleh
pemrogram
berdasarkan pemodelan sistem yang telah
disepakati oleh pemesan sistem.
e. Menguji sistem operasional
Pada tahap ini, pemrogram akan melakukan
pengujian, baik menggunakan data primer untuk
memastikan bahwa sistem dapat berjalan dengan
baik sesuai dengan kebutuhan pemakai.
f. Menentukan sistem operasional apakah dapat
diterima oleh pemesan atau harus dilakukan
beberapa perbaikan atau bahkan harus dibongkar
semuanya dan harus mulai dari awal lagi.
g. Implementasi system
Tahap ini dilakukan jika sistem telah disetujui.
Langkah-langkah yang dilakukan mengacu pada
tahapan-tahapan metodologi prototyping itu sendiri.
Adapun tahapan-tahapan tersebut adalah sebagai
berikut:
a. Mengumpulkan Kebutuhan
Pada tahap awal perancangan didefinisikan
format
seluruh
perangkat
lunak,
mengidentifikasikan semua kebutuhan, dan garis
besar sistem yang akan dibuat dengan cara
melakukan analisis terhadap website sejenis.
b. Membangun Prototipe
Membangun
prototipe
dengan
membuat
perancangan sementara yang berfokus pada
penyajian kepada pemakai (dalam hal ini dengan
membuat format input dan format output).
c. Mengevaluasi Prototipe
Pada tahap ini akan dilakukan evaluasi terhadap
rancangan website berupa penambahan atau
pengurangan fitur yang ada pada website.
d. Mengkodekan Sistem
Pada tahap ini, prototipe yang sudah disepakati
diterjemahkan ke perangkat lunak dengan bahasa
pemrograman web PHP dan DBMS MySQL
untuk
penyimpanan
datanya.
Pengujian
dilakukan secara localhost dengan web browser
Mozilla Firefox.
Tahapan-tahapan prototyping yaitu (McLeod dan
Schell, 2009):
a. Mengidentifikasi kebutuhan pemakai
Pada tahap analisis sistem akan dilakukan studi
kelayakan dan studi terhadap kebutuhan
pemakai, baik yang meliputi model interface,
teknik prosedural, maupun teknologi yang akan
digunakan.
2. PEMBAHASAN
2.1 Analisis Kebutuhan Sistem
Analisis kebutuhan sistem merupakan tahapan
yang dilakukan dengan cara mengamati prosedur
atau cara kerja dari website sejenis. Website yang
dianalisis
adalah
www.myspace.com
dan
www.jango.com. Perbandingan dilakukan terhadap
kedua website ini karena kedua website ini sudah
90
Seminar Nasional Teknologi Informasi dan Komunikasi 2015 (SENTIKA 2015)
Yogyakarta, 28 Maret 2015
beroperasi dan juga telah memenuhi kriteria
sebagaimana layaknya sebuah website musik. Selain
itu, kedua website tersebut menonjolkan perbedaan
yang kontras sehingga dapat dijadikan sebagai
sampel pembanding.
Berdasarkan pengamatan pada berbagai fitur
yang disediakan kedua website tersebut, maka dapat
disajikan hasil perbandingannya pada Tabel 1
berikut ini.
Website E-Music
Search
music
Play music
User
Sign Up
√
√
√
√
√
√
√
√
√
√
√
√
√
√
√
√
√
√
√
√
√
√
√
Manage
Account
<<
I
<< << ncl
u
I
In
clu nclu de>
>
d
de
>> e>>
Create new
album
<<In
clude>
>
de>>
clu
<<In
Upload new
song
e>
>
Manage singer
Admin
Manage album
<<Include>>
Login
Manage song
<<
In
clu
d
>>
de
e>>
clu
lud
e>>
In
lud <<Inc
<<
Inc
<<
Like song
clu
d
>
e>
Share music
Member
<<
In
<<
Inc
lud
<<
<<
Inc
e>>
lud
In
clu
e>>
de
>>
Add playlist
Post
comment
Jango
√
√
√
Manage
member
d
clu
In
<<
MySpace
√
√
-
See music
chart
See news
Non Member
Tabel 1. Hasil Perbandingan
No. Fitur
1.
Account Member
2.
List Category
3.
Music Chart
4.
Search Engine
a. By Artists
b. By Albums
c. By Songs
d. By Music Videos
e. By Genres
5.
Video Music
6.
Games
7.
Lyrics
8.
Ringtone
9.
Share Music
10. Add Friends
11. Upload Photo
12. Playlists
13. Chatting
14. Connect to Facebook
and Twitter
ISSN: 2089-9815
e>
>
Update lyric
Update music
chart
Update news
Manage request
Gambar 2. Use Case Diagram Website e-Music
2.2
Rancangan Prototipe Usulan
Pada pengembangan website e-music ini
dilakukan dua kali prototyping yang bertujuan untuk
menyempurnakan fitur, fungsi, dan proses bisnis
yang ada pada prototipe sebelumnya.
a. Prototipe Pertama
Merupakan rancangan awal website e-musi c .
Prototipe ini memiliki fitur-fitur seperti registrasi
member, login member, forgot password, upload
music, pemberian komentar untuk lagu, share
music, search engine, music chart, add friends,
dan inbox. Kemudian dilakukan beberapa
perbaikan seperti berikut:
1. Menghapus menu friends, karena untuk
membuat relasi pertemanan antar member
dalam website e-music rumit dan akan
membuat database menjadi berat jika harus
menyimpan data pertemanan yang tak terbatas
tersebut.
2. Menghapus menu inbox yang merupakan menu
bagi member yang telah berteman untuk saling
berkirim pesan.
b. Prototipe Kedua
Merupakan
prototipe
terakhir
pada
pengembangan
website
e-music.
Adapun
perancangan prototipe terakhir ini adalah sebagai
berikut:
1. Perancangan user interface pengunjung, terdiri dari
home, sign up, login, forgot password, search
music, music chart, play music, post comment, add
playlist, share music, upload new song, manage
account, playlist, music, dan news.
2. Perancangan user interface admin, terdiri dari
login, home, manage member, manage music list,
update lyrics, update music chart, dan update
news.
Berdasarkan hasil analisis yang telah dilakukan
sebelumnya, maka akan dilakukan identifikasi
kebutuhan sistem. Identifikasi kebutuhan yang
dimaksud adalah menjelaskan kebutuhan-kebutuhan
apa saja yang dibutuhkan dalam merancang website
musik setelah melakukan analisis dan perbandingan.
Untuk memodelkan kebutuhan dari website yang
akan dibangun digunakan use case diagram sebagai
tools pemodelan. Gambar 2 berikut ini adalah use
case diagram pemodelan kebutuhan website emusic.
91
Seminar Nasional Teknologi Informasi dan Komunikasi 2015 (SENTIKA 2015)
Yogyakarta, 28 Maret 2015
2.3
Rancangan Prosedur
Website e-music terdiri dari beberapa prosedur
yang dibagi berdasarkan pengguna website, yaitu:
a. Prosedur Registrasi Member
Pada website e- mu si c , pengunjung dapat
melakukan registrasi sebagai member dengan
mengklik link sign up yang terdapat pada
ba r i s m en u website.
b. Proses Login Member dan Forgot Password
Untuk mengakses halaman akun anggota, maka
anggota website e-music diharuskan untuk
melakukan login terlebih dahulu. Namun bila
anggota website lupa dengan password yang
digunakan, maka anggota website dapat
mengklik link forgot password yang terdapat
pada form login.
c. Prosedur Search Music
Pengunjung dapat melakukan pencarian musik
melalui search engine maupun melalui kategori
yang ada.
d. Prosedur Play Music
Pengguna dapat melakukan pemutaran musik
pada website e-music.
e. Prosedur Upload New Song dan Create New
Album
Upload new song dan create new album hanya
bisa dilakukan oleh user yang sudah mendaftar
menjadi member pada website e-music.
f. Prosedur Manage Account
Member dapat mengelola akunnya melalui menu
profile. Pada menu ini, member dapat memasang
foto profil, meng-update data diri, serta dapat
mengubah password.
g. Prosedur Manage Member
Prosedur manage member ini dilakukan oleh
admin. Admin dapat melihat profil dari setiap
member dan berhak menghapus member yang
dianggap bermasalah dari website e-music.
h. Prosedur Manage Singer, Album, dan Song
Admin
dapat
melakukan
penambahan,
pengeditan, dan penghapusan penyanyi, album,
dan lagu pada website e-music.
i. Prosedur Update Lyrics
Admin dapat meng-update lirik dari setiap lagu
yang ada pada website e-music.
j. Prosedur Update Music Chart
Admin juga berhak untuk menentukan lagu-lagu
mana saja yang masuk ke dalam chart musik
k. Prosedur Update News
Berita-berita seputar musik yang ada pada
website e-music dikelola oleh admin. Admin
dapat menambah, mengedit, dan menghapus
berita melalui menu news.
l. Prosedur Manage Request
Penambahan album-album musik yang dibuat
oleh member pada website e-music dikelola oleh
admin melalui permintaan penambahan album
pada menu request.
ISSN: 2089-9815
2.4
Rancangan Basis Data
Basis data dirancang dengan menggunakan
DBMS MySQL. Berikut ini adalah tabel-tabel yang
digunakan pada website.
a. Tabel Member
Tabel ini digunakan untuk menyimpan data user
yang telah mendaftar sebagai member pada
website e-music. Struktur tabel member dapat
dilihat pada Tabel 2 berikut ini.
Tabel 2. Struktur Tabel Member
No.
Field
Type
Size
1.
email
varchar
50
2.
password
varchar
50
3.
fname
varchar
50
4.
lname
varchar
50
5.
gender
char
1
6.
b_day
datetime
7.
foto
varchar
100
8.
city
varchar
50
9.
country
varchar
50
10.
faveSinger
varchar
1000
11.
faveSong
varchar
1000
b. Tabel Admin
Tabel ini digunakan untuk menyimpan data admin
pada website e-music. Struktur tabel admin dapat
dilihat pada Tabel 3 berikut ini.
Tabel 3. Struktur Tabel Admin
No.
Field
Type
1.
username
varchar
2.
password
varchar
3.
fname
varchar
4.
lname
varchar
Size
50
50
50
50
c. Tabel Singer
Tabel ini digunakan untuk menyimpan data
penyanyi pada website e-music. Struktur tabel
singer dapat dilihat pada Tabel 4 berikut ini.
Tabel 4. Struktur Tabel Admin
No. Field
Type
1.
singer
varchar
2.
gambar_singer
varchar
3.
country
varchar
Size
100
100
50
d. Tabel Album
Tabel ini digunakan untuk menyimpan data album
pada website e-music. Struktur tabel album dapat
dilihat pada Tabel 5 berikut ini.
Tabel 5. Struktur Tabel Album
No. Field
Type
1.
album
varchar
2.
singer
varchar
3.
gambar_album
varchar
4.
year
int
e. Tabel Daftar Lagu
92
Size
100
100
1000
-
Seminar Nasional Teknologi Informasi dan Komunikasi 2015 (SENTIKA 2015)
Yogyakarta, 28 Maret 2015
Tabel ini digunakan untuk menyimpan detil
seluruh lagu pada website e-music. Struktur tabel
daftar lagu dapat dilihat pada Tabel 6 berikut ini.
Tabel 6. Struktur Tabel Daftar Lagu
No. Field
Type
1.
lagu
varchar
2.
judul lagu
varchar
3.
singer
varchar
4.
genre
varchar
5.
album
varchar
6.
country
varchar
7.
lirik
longtext
8.
id_chart
int
9.
likelagu
int
10.
upload_by
varchar
11.
tgl_upload
datetime
6.
Size
100
100
100
50
100
100
100
-
datetime
-
Tabel 10. Struktur Tabel Comment Album
No. Field
Type
Size
1.
id_comment
int
2.
album
varchar
100
3.
email
varchar
50
4.
fname
varchar
50
5.
isi_comment
text
6.
tgl_comment
datetime
j. Tabel Playlist
Tabel ini digunakan untuk menyimpan daftar
seluruh playlist dari setiap member. Struktur tabel
playlist dapat dilihat pada Tabel 11 berikut ini.
Tabel 11. Struktur Tabel Playlist
No. Field
Type
1.
id_playlist
Int
2.
lagu
varchar
3.
email
varchar
Size
100
50
k. Tabel Music Chart
Tabel ini digunakan untuk menyimpan kategori
chart musik. Struktur tabel music chart dapat
dilihat pada Tabel 12 berikut ini.
Tabel 12. Struktur Tabel Music Chart
No. Field
Type
1.
id_chart
int
2.
chart_title
varchar
g. Tabel Genre
Tabel ini digunakan untuk menyimpan data genre
yang tersedia pada website e-music. Struktur tabel
genre dapat dilihat pada Tabel 8 berikut ini.
Size
50
l. Tabel News
Tabel ini digunakan untuk menyimpan data berita
terbaru seputar music pada website e-music.
Struktur tabel news dapat dilihat pada Tabel 13
berikut ini.
Size
50
h. Tabel Comment
Tabel ini digunakan untuk menyimpan data
komentar untuk lagu yang terdapat pada website emusic. Struktur tabel comment dapat dilihat pada
Tabel 9 berikut ini.
Tabel 9. Struktur Tabel Comment
No. Field
Type
1.
id_comment
int
2.
lagu
varchar
3.
email
varchar
4.
fname
varchar
5.
isi_comment
text
tgl_comment
i. Tabel Comment Album
Tabel ini digunakan untuk menyimpan data
komentar untuk album-album lagu yang terdapat
pada website e-music. Struktur tabel comment
album dapat dilihat pada Tabel 10 berikut ini.
f. Tabel Temp Album
Tabel ini digunakan untuk menyimpan sementara
permintaan create new album yang di-request oleh
member pada website e-music. Struktur tabel temp
album dapat dilihat pada Tabel 7 berikut ini.
Tabel 7. Struktur Tabel Temp Album
No. Field
Type
Size
1.
id
int
10
2.
album
varchar
100
3.
singer
varchar
100
4.
gambar_singer
varchar
1000
5.
country
varchar
100
6.
gambar_album
varcha
1000
7.
year
varchar
100
8.
upload_by
varchar
100
9.
tgl_upload
datetime
-
Tabel 8. Struktur Tabel Genre
No. Field
Type
1.
id_genre
int
2.
name_genre
varchar
ISSN: 2089-9815
Tabel 13. Struktur Tabel News
No. Field
Type
1.
id_news
int
2.
Tanggal
datetime
3.
Judul
varchar
4.
Isi
longtext
5.
Gambar
varchar
Size
100
50
50
-
Size
100
100
Semua tabel yang terdapat pada website e-music
mempunyai keterkaitan antara satu tabel dengan
yang lainnya. Adapun hubungan antar tabel tersebut
digambarkan dengan diagram relasi antar tabel
seperti Gambar 3 berikut ini.
93
Seminar Nasional Teknologi Informasi dan Komunikasi 2015 (SENTIKA 2015)
Yogyakarta, 28 Maret 2015
ISSN: 2089-9815
2.6.1 Hak Akses User
Saat pengunjung mengakses website, maka
halaman pertama yang akan ditampilkan adalah
halaman home seperti Gambar 5.
Gambar 3. Diagram Relasi Antar Tabel
2.5
Rancangan Struktur Menu
Rancangan struktur menu dibedakan tiga jenis
berdasarkan hak akses (Gambar 4), yaitu:
a. Non Member, hanya dapat mengakses menu
standar dan fitur standar yang terdapat pada
website e-music.
b. Member, memiliki kelebihan dapat mengakses
menu dan fitur-fitur tambahan yang ada pada
website e-music, seperti profile dan playlist.
c. Admin, dapat mengakses menu yang terdapat pada
login admin. Menu ini digunakan untuk mengelola
website e-music.
Gambar 5. Tampilan Halaman Home User
Jika user ingin menjadi member, maka user
dapat mengklik link Sign Up yang ada pada baris
menu. User diharuskan memasukkan e-mail dan
password serta data lainnya untuk mendaftar
menjadi member seperti Gambar 6.
Website E-Music
Non Member
Member
Admin
Member
Home
Home
Music
Profile
Singer
News
Playlist
Album
Music
Song List
News
Lyrics
Gambar 6. Tampilan Halaman Sign Up
User yang telah menjadi member dapat
melakukan login dengan mengklik link login. Pada
form login, user diminta untuk memasukkan e-mail
dan password seperti Gambar 7.
Music Chart
News
Request
Gambar 4. Rancangan Struktur Menu
Gambar 7. Tampilan Halaman Login Member
Hasil
Pengguna website e-music dibagi menjadi
beberapa pengguna dengan hak akses yang berbeda.
Penjelasan mengenai hasil dari pengembangan
website e-music dilakukan berdasarkan hak akses
penggunanya.
Setelah berhasil login, maka akan muncul
tampilan home seperti Gambar 8. Perbedaan
tampilan home setelah login dengan tampilan home
sebelum login dapat dilihat pada baris menu, dimana
terdapat menu tambahan, yaitu menu profile dan
playlist. Selain itu, menu upload dan create album
juga sudah bisa diakses oleh member.
2.6
94
Seminar Nasional Teknologi Informasi dan Komunikasi 2015 (SENTIKA 2015)
Yogyakarta, 28 Maret 2015
ISSN: 2089-9815
Gambar 11. Tampilan Halaman Music Chart
Selain itu, terdapat juga chart musik yang
merupakan Top List lagu yang paling banyak di-like
oleh user (Gambar 12).
Gambar 8. Tampilan Halaman Home Setelah Login
Bila member lupa dengan password yang
digunakan, maka member dapat mengklik link forgot
password seperti Gambar 9. Member diminta untuk
memasukkan alamat e-mail member. Bila e-mail
sudah terdaftar, maka sistem akan me-reset
password dari account member dan mengirimkan
password baru ke e-mail member yang telah
didaftarkan sebelumnya.
Gambar 12. Tampilan Halaman Top 5 Most Like
Berikut adalah tampilan halaman play music
yang ditampilkan setelah user mengklik judul lagu
dari lagu yang diinginkan seperti ditunjukkan pada
Gambar 13. Pada halaman play music ini terdapat
lirik lagu, random lagu-lagu dari artis yang sama,
serta kolom komentar. Jika member menyukai lagu
tersebut, maka member juga bisa mengklik button
“like”, sehingga jumlah like akan bertambah.
Gambar 9. Tampilan Halaman Forgot Password
Untuk search music, dapat dilakukan melalui
search engine ataupun melalui music categories.
Gambar 10 merupakan tampilan hasil search melalui
music categories berdasarkan album.
Gambar 10. Tampilan Hasil Search
Music chart (Gambar 11) menampilkan lagulagu yang masuk dalam kategori chart, seperti Top
10 Weekly Chart, The Best Of 2014, K-Pop Hot 10,
dan lain-lain.
Gambar 13. Tampilan Halaman Play Music
95
Seminar Nasional Teknologi Informasi dan Komunikasi 2015 (SENTIKA 2015)
Yogyakarta, 28 Maret 2015
ISSN: 2089-9815
Member dapat menambahkan lagu favoritnya ke
dalam playlist pribadinya dengan mengklik button
“add to playlist”. Kemudian secara otomatis lagu
tersebut akan masuk ke daftar playlist member dan
dapat dilihat pada menu playlist seperti Gambar 14.
Gambar 14. Tampilan Halaman Add to Playlist
Gambar 18. Tampilan Menu Music
Member juga dapat menambah perbendaharaan
musik dengan mengklik button upload new song
seperti Gambar 15. Pada menu upload new song ini
hanya diizinkan untuk meng-upload lagu dari
penyanyi dan album yang sudah ada.
2.6.2 Hak Akses Admin
Pertama, admin harus melakukan login dulu
untuk dapat mengakses halaman admin. Adapun
form login admin seperti Gambar 19.
Gambar 19. Tampilan Halaman Login Admin
Setelah login akan ditampilkan halaman utama
seperti Gambar 20.
Gambar 15. Tampilan Halaman Upload New Song
Member juga dapat melihat halaman profil
mereka dengan mengklik menu profile seperti
Gambar 16.
Gambar 20. Tampilan Setelah Login Admin
Gambar 16. Tampilan Halaman Profile
Saat admin memilih menu member, maka akan
ditampilkan seluruh daftar member yang ada pada
website seperti Gambar 21.
Gambar 17 adalah tampilan halaman playlist
member untuk mengelola playlist-nya, yaitu member
bisa menghapus lagu yang tidak diinginkan lagi dari
playlist-nya dengan mengklik button “delete from
playlist”.
Gambar 21. Tampilan Menu Member
Jika admin memilih menu Singer, maka akan
ditampilkan daftar seluruh penyanyi seperti Gambar
22. Admin dapat melakukan penambahan,
pengeditan, dan penghapusan penyanyi.
Gambar 17. Tampilan Halaman Playlist
Pada menu music seperti Gambar 18, semua lagu
pada website dapat dilihat secara keseluruhan. Pada
halaman ini juga terdapat search engine untuk
mempermudah user melakukan pencarian lagu.
96
Seminar Nasional Teknologi Informasi dan Komunikasi 2015 (SENTIKA 2015)
Yogyakarta, 28 Maret 2015
ISSN: 2089-9815
update chart pada lagu yang diinginkan dan memilih
chart apa yang akan diterapkan pada lagu tersebut.
Gambar 22. Tampilan Menu Singer
Gambar 26. Tampilan Menu Music Chart
Jika admin memilih menu Album, maka akan
ditampilkan daftar seluruh album seperti Gambar 23.
Admin dapat melakukan penambahan, pengeditan,
dan penghapusan album.
Admin juga memiliki hak akses untuk mengupdate news yang ada pada website. Admin harus
mengklik menu news untuk dapat mengelola news
seperti Gambar 27. Klik button add jika ingin
menambahkan news baru, klik edit jika terdapat
news yang perlu diedit isinya, dan klik delete untuk
menghapus news yang tidak diperlukan.
Gambar 23. Tampilan Menu Album
Gambar 27. Tampilan Menu News
Jika admin mengklik menu Request, maka akan
ditampilkan seluruh permintaan create new album
yang dilakukan oleh member seperti Gambar 28.
Admin memiliki hak untuk mengelola daftar
permintaan ini, yaitu apakah ingin diterima atau
ditolak. Jika diterima, maka album tersebut akan
ditambahkan ke tabel album. Apabila permintaan
tersebut diterima ataupun ditolak, maka admin akan
mengirimkan pesan konfirmasi kepada member via
e-mail.
Jika admin memilih menu Song List, maka akan
ditampilkan daftar seluruh lagu seperti Gambar 24.
Admin dapat melakukan penambahan, pengeditan,
dan penghapusan lagu.
Gambar 24. Tampilan Menu Song List
Jika admin memilih menu Lyrics, maka akan
ditampilkan daftar seluruh lagu seperti Gambar 25
dan admin dapat mengedit lirik dari lagu yang
diinginkan dengan mengklik button edit lyric.
Gambar 28. Tampilan Menu Request
3.
KESIMPULAN
Berdasarkan hasil pengembangan website emusic, maka dapat disimpulkan:
a. Website e-music dapat menjadi alternatif terbaik
bagi user dalam mencari musik yang diinginkan.
Pada website e-music, user dapat menemukan
musik yang diinginkan dengan mudah melalui
kategori yang telah tersedia.
b. Website e-music mempermudah para penggemar
musik untuk dapat saling berbagi musik karena
member sendiri dapat meng-upload atau
menambahkan musik ke dalam website e-music.
Gambar 25. Tampilan Menu Lyrics
Untuk meng-update chart musik, admin dapat
mengaturnya pada menu Music Chart seperti
Gambar 26. Pada menu ini, admin dapat mengklik
97
Seminar Nasional Teknologi Informasi dan Komunikasi 2015 (SENTIKA 2015)
Yogyakarta, 28 Maret 2015
c. Website e-music menerapkan beberapa fitur,
seperti membuat daftar playlist pribadi, men-share
musik, meng-like lagu, dan mem-posting
komentar.
Beberapa saran yang dapat diberikan untuk
pengembangan ke depannya adalah:
a. Sebaiknya dilakukan penambahan fitur seperti
fitur video musik dan forum tanya jawab (FAQ).
b. Sebaiknya pada fitur upload musik, musik yang
di-upload oleh member tidak langsung muncul di
website dan bertambah di database, tetapi masuk
ke dalam tabel sementara dan harus menunggu
persetujuan dari pihak admin untuk dapat dipublish.
PUSTAKA
McLeod, R. & Schell, G. P. 2009. Sistem Informasi
Manajemen. Terjemahan oleh Ali Akbar
Yulianto & Afia R. Fitriati. Edisi Ke-10. Jakarta:
Penerbit Salemba Empat.
O’Brien, J. A. & Marakas, G. M. 2010. Introduction
to Information System. 15th Ed. New York:
McGraw-Hill/Irwin.
Pressman, R. S. 2012. Rekayasa Perangkat Lunak.
Terjemahan Adi Nugroho, George John Leopold
Nikijuluw, Theresia Herlina Rochadiani, dan Ike
Kurniawati Wijaya. Edisi Ke-7. Buku 1.
Yogyakarta: Penerbit Andi.
98
ISSN: 2089-9815