PENGEMBANGAN WEBSITE E-MUSIC

dokumen-dokumen yang mirip
PENGEMBANGAN SISTEM ONLINE DELIVERY FOOD MAMBO

Gambar 4.30 Tampilan Layar Merchandise. dengan merek jual grup musik samsons seperti t-shirt, sticker, jaket, dan produk yang

BAB IV IMPLEMENTASI DAN PENGUJIAN. mencoba semua fitur masing masing tingkatan pengguna. Untuk melakukan

BAB 3 ANALISIS DAN PERANCANGAN SISTEM. Dalam merancang sebuah sistem, analisis adalah hal yang harus dilakukan. Dengan

BAB 3 ANALISIS DAN PERANCANGAN

BAB 4 IMPLEMENTASI DAN EVALUASI. Tabel 4.1 Perbandingan Fitur pada VideoStreaming, Youtube, dan Layar Tancap

BAB III ANALISA DAN PERANCANGAN SISTEM

BAB III PERANCANGAN SISTEM

Situs Jejaring Sosial Alumni STIKOM BALI Berbasis Web Dengan Menggunakan.Net Framework

Petunjuk Penggunaan Aplikasi

BAB III ANALISIS DAN PERANCANGAN

DIGITAL INFORMATION & SYSTEM CONFERENCE 2012 PERANCANGAN SISTEM APLIKASI MEDIA INFORMASI LOWONGAN PEKERJAAN BERBASIS WEB

BAB 4 IMPLEMENTASI DAN EVALUASI. Dalam mengimplementasikan sistem yang dijalankan, maka diperlukan beberapa

Perancangan Aplikasi Perpustakaan Berbasis Web Pada Madrasah Aliyah Darul Ihsan Kota Makassar

BAB III ANALISIS DAN PERANCANGAN

BAB II ANALISIS DAN PERANCANGAN. (user) dan fungsinya, diagram alir sistem, perancangan basis data,

Berikut ini merpakan prosedur penggunaan pada pengunjung yang belum mendaftar : Gambar 1 Halaman Home pada Guest

1 Project Manager. Pastikan anda telah terhubung dengan internet kemudian buka browser anda (Mozilla firefox atau google chrome).

Batasan Masalah Pembuatan website Indiesik Indonesia menggunakan Dreamweaver Mx, PHP, & MySQL. Terdapat penilaian video atau rekaman yang telah di und

BAB 4 IMPLEMENTASI. dirancang, spesifikasi perangkat lunak (software) dan perangkat keras (hardware) yang

Bab III PERANCANGAN SISTEM

PROSEDUR PROGRAM. Berikut ini adalah petunjuk pemakaian aplikasi basis data penjualan, pembelian

Gambar 4.32 Tampilan Layar Inquiries. Pada halaman ini, terdapat pertanyaan yang ditanyakan oleh user beserta jawaban dari

BAB IV HASIL DAN UJI COBA

Bab 3. Metode dan Perancangan Sistem

BAB III ANALISIS DAN PERANCANGAN. komentar dari user lain. Microblogging juga merupakan media pertukaran informasi

USER MANUAL E-PROCUREMENT CKB (Vendor)

BAB IV HASIL DAN UJI COBA

BAB 5 ANALISIS DAN PERANCANGAN SISTEM

BAB III PERANCANGAN DAN PEMBUATAN SISTEM

LAYANAN PERENCANAAN DAN PENJADWALAN PARIWISATA MASYARAKAT INDONESIA DENGAN KONSEP JEJARING SOSIAL BERBASIS WEB

BAB IV HASIL DAN ANALISIS

Gambar 6.1 Tampilan Utama Website

ABSTRAK. Kata kunci : Leader X Community, Situs Jejaring Sosial, Forum, Ebook Corner, VB.NET. vi Universitas Kristen Maranatha

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

BAB III ANALISIS DAN DESAIN SISTEM

BAB III ANALISA DAN PERANCANGAN APLIKASI

SISTEM INFORMASI ORDER ALAT MUSIK DAN ORDER REKAMAN BERBASIS WEB DI STUDIO RECORD ORANGE MADIUN SKRIPSI

BAB IV HASIL DAN UJI COBA

c. Rancangan Menu News

Bab 4 Implementasi dan Evaluasi

BAB 3 PERANCANGAN SISTEM

BAB IV IMPLEMENTASI DAN PENGUJIAN. Setelah melakukan tahap analisis dan perancangan sistem selesai di

Membuat Blog Menggunakan Wordpress

Tampilan Pesan Terkirim

BAB IV HASIL DAN UJI COBA

BAB IV. Hasil dan Pembahasan. Adapun hasil dari penelitian ini adalah sebuah website yang menampilkan produk-produk

BAB 4 IMPLEMENTASI DAN EVALUASI. spesifikasi tersebut mencakup perangkat lunak (software) dan perangkat keras

BAB III DATA METODE PENELITIAN. berupa perangkat keras dan perangkat lunak. a. Sistem operasi windows 8.1.

PANDUAN PENGGUNAAN ELEARNING UNIVERSTAS PENDIDIKAN GANESHA

BAB IV HASIL DAN PEMBAHASAN

MATERI PELATIHAN ELEARNING PETUNJUK BAGI PENGAJAR PADA E-LEARNING. Muhamad Ali, MT.

TUTORIAL APLIKASI ONLINE AGENDA UNIVERSITAS ISLAM NEGERI MAULANA MALIK IBRAHIM MALANG

BAB IV HASIL PRAKTEK KERJA DAN ANALISIS. penjual dan pihak pembeli. Sistem informasi akuntasi penjualan di CV. Kasih Karunia

BAB III ANALISA DAN PERANCANGAN

BAB III CARA DAN METODOLOGI PENELITIAN

Gambar 3.1 Data Flow Diagram Level 0

PETUNJUK PENGGUNAAN. Web eproc (Frontend)

BAB III. PERANCANGAN SISTEM

Gambar 4.1. Running Apache dan MySQL

BAB III ANALISA DAN PERANCANGAN SISTEM

BAB III ANALISIS DAN DESAIN SISTEM

BAB IV HASIL DAN UJI COBA. Berikut ini akan dijelaskan tentang tampilan hasil rancangan dari

BAB III PERANCANGAN PENELITIAN

BAB 4 RANCANGAN SISTEM YANG DIUSULKAN

Petunjuk Penggunaan P3SWOT Online

BAB IV HASIL DAN PEMBAHASAN

2.19 CSS (Cascading Style Sheets) PHP Codeigniter Studi Pustaka... 28

Manual Book Website Adverse Drug Report

User untuk mencari informasi yang dimaksud sesuai kebutuhan atau keinginan User. Tampilan History dan Status Jasa Warehouse

SISTEM INFORMASI PENJUALAN ONLINE SEPATU PADA TOKO STARS SHOP MEDAN

BAB 4 HASIL DAN BAHASAN

BAB III ANALISIS DAN PERANCANGAN SISTEM

Daftar Isi. 2 P a g e

MEMBANGUN E-COMMERCE UNTUK MENINGKATKAN JARINGAN PEMASARAN KERAJINAN KAIN KHAS PALEMBANG

BAB 3 ANALISIS DAN PERANCANGAN PROGRAM. Selama ini proses pembelian saham-saham dilakukan oleh para investor

DAFTAR ISI... i BAB I PENDAHULUAN... 1

BAB 4 IMPLEMENTASI DAN EVALUASI

UserName. Password. Footer

BAB IV IMPLEMENTASI DAN PENGUJIAN. lingkungan implementasi, pengkodean, dan interface dari aplikasi sistem tersebut.

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

Bab IV. HASIL DAN ANALISIS Hasil Karya / Implementasi Tampilan Website Berita Indonesia Hari Ini. untuk admin. a.

BAB IV HASIL DAN UJI COBA. Pada bab ini akan di jelaskan tampilan hasil dari aplikasi yang telah dibuat,

Perkenankan kami mengucapkan terima kasih kepada semua pihak yang telah membantu mewujudkan OMRC.

BAB IV HASIL DAN PEMBAHASAN

BAB III ANALISIS DAN PERANCANGAN

BAB III ANALISIS DAN PERANCANGAN

BAB 4 IMPLEMENTASI DAN EVALUASI. majalah, maka dirancang satu aplikasi yang dapat membantu mereka untuk

BAB III PEMBAHASAN 3.1 Analisa Sistem

Bab 4. Hasil dan Pembahasan

BAB IV PERANCANGAN SISTEM

BAB 4 IMPLEMENTASI DAN EVALUASI. Menggunakan server dengan spesifikasi sebagai berikut : - Processor 1.2 GHz 2007 Opteron or 2007 Xeon processor

BAB 4 RENCANA IMPLEMENTASI. Client yaitu User Interface dan Function, dimana komponen User Interface

BAB II ANALISIS DAN PERANCANGAN. tentang penjualan busana muslim, yang meliputi data barang, cara

BAB 4 IMPLEMENTASI DAN EVALUASI. Dalam melakukan implementasi dan evaluasi sistem informasi berbasis web pada

Transkripsi:

PENGEMBANGAN WEBSITE E-MUSIC Gunawan 1, Fandi Halim 2, Novia Yugo 3 Program Studi Sistem Informasi, STMIK Mikroskil Medan Jl. Thamrin No. 140 Medan 20212 Telp.: (+6261) 4573767, Fax.: (+6261) 4567789 E-mail: gunawan@mikroskil.ac.id, fandi@mikroskil.ac.id, novia_yugo@yahoo.com 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 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 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 89

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. Gambar 1. Model Proses Prototyping (Pressman, 2012) 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. 90 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. 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

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. Tabel 1. Hasil Perbandingan No. Fitur MySpace Jango 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 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 e- music. Member User Non Member Search music Share music Manage Account Play music Add playlist Post comment Create new album See music chart See news Like song Upload new song Sign Up Website E-Music Login Manage member Manage singer Manage album Manage song Update lyric Update music chart Update news Manage request Gambar 2. Use Case Diagram Website e-music Admin 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-music. 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. 91

2.3 Rancangan Prosedur Website e-music terdiri dari beberapa prosedur yang dibagi berdasarkan pengguna website, yaitu: a. Prosedur Registrasi Member Pada website e-music, pengunjung dapat melakukan registrasi sebagai member dengan mengklik link sign up yang terdapat pada baris m enu 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. 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 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 1. username varchar 50 2. password varchar 50 3. fname varchar 50 4. lname varchar 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 1. singer varchar 100 2. gambar_singer varchar 100 3. country varchar 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 1. album varchar 100 2. singer varchar 100 3. gambar_album varchar 1000 4. year int - 92 e. Tabel Daftar Lagu

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 1. lagu varchar 100 2. judul lagu varchar 100 3. singer varchar 100 4. genre varchar 50 5. album varchar 100 6. country varchar 100 7. lirik longtext - 8. id_chart int - 9. likelagu int - 10. upload_by varchar 100 11. tgl_upload datetime - 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 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 - 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. Tabel 8. Struktur Tabel Genre 1. id_genre int - 2. name_genre varchar 50 h. Tabel Comment Tabel ini digunakan untuk menyimpan data komentar untuk lagu yang terdapat pada website e- music. Struktur tabel comment dapat dilihat pada Tabel 9 berikut ini. Tabel 9. Struktur Tabel Comment 1. id_comment int - 2. lagu varchar 100 3. email varchar 50 4. fname varchar 50 5. isi_comment text - 93 6. tgl_comment datetime - 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. Tabel 10. Struktur Tabel Comment Album 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 1. id_playlist Int - 2. lagu varchar 100 3. email varchar 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 1. id_chart int - 2. chart_title varchar 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. Tabel 13. Struktur Tabel News 1. id_news int - 2. Tanggal datetime - 3. Judul varchar 100 4. Isi longtext - 5. Gambar varchar 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.

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. 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. Non Member Member Admin Home Home Member Music Profile Singer News Playlist Album Gambar 6. Tampilan Halaman Sign Up Music News Song List Lyrics 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 Gambar 4. Rancangan Struktur Menu Request 2.6 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. Gambar 7. Tampilan Halaman Login Member 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. 94

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 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 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 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

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 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. Gambar 18. Tampilan Menu Music 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 Gambar 15. Tampilan Halaman Upload New Song Setelah login akan ditampilkan halaman utama seperti Gambar 20. Member juga dapat melihat halaman profil mereka dengan mengklik menu profile seperti Gambar 16. Gambar 16. Tampilan Halaman Profile 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 20. Tampilan Setelah Login Admin Saat admin memilih menu member, maka akan ditampilkan seluruh daftar member yang ada pada website seperti Gambar 21. Gambar 21. Tampilan Menu Member 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. Jika admin memilih menu Singer, maka akan ditampilkan daftar seluruh penyanyi seperti Gambar 22. Admin dapat melakukan penambahan, pengeditan, dan penghapusan penyanyi. 96

update chart pada lagu yang diinginkan dan memilih chart apa yang akan diterapkan pada lagu tersebut. Gambar 22. Tampilan Menu Singer Jika admin memilih menu Album, maka akan ditampilkan daftar seluruh album seperti Gambar 23. Admin dapat melakukan penambahan, pengeditan, dan penghapusan album. Gambar 26. Tampilan Menu Music Chart 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 Jika admin memilih menu Song List, maka akan ditampilkan daftar seluruh lagu seperti Gambar 24. Admin dapat melakukan penambahan, pengeditan, dan penghapusan lagu. 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. 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 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 Gambar 28. Tampilan Menu Request 3. KESIMPULAN Berdasarkan hasil pengembangan website e- music, 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.

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