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
<
> de>>
clu <
Upload new song
e> >
Manage singer Admin Manage album
<>
Login
Manage song << In
clu d
>> de e>> clu lud e>> In lud <
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