INFORMASI ALAT MUSIK TRADISIONAL INDONESIA BERBASIS WEB

INFORMASI ALAT MUSIK TRADISIONAL INDONESIA BERBASIS WEB

INDRA AHMAD AWALUDIN 41511110053

PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCUBUANA JAKARTA 2014

i

http://digilib.mercubuana.ac.id/

INFORMASI ALAT MUSIK TRADISIONAL INDONESIA BERBASIS WEB

LaporanTugasAkhir Diajukan UntukMelengkapi Salah SatuSyarat MemperolehGelarSarjanaKomputer

Indra Ahmad Awaludin 41511110053

PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCUBUANA JAKARTA 2014

ii


iii


iv


KATA PENGANTAR Laporan Tugas Akhir ini berisi laporan Analisa Perancangan Informasi Alat musik Tradisional Indonesia Berbasis Web Menggunakan PHP MySQL dengan Yii Framework dengan metode Waterfall. Web Site ini dibuat dengan maksud yang sebagaimana seluruh masyarakat Indonesia dapat memahami serta mempelajari dan melestarikan budaya yang ada di Indonesia, hal tersebut melainkan memberikan informasi kemudahan dalam pembelajaran terhadap musik tradisional Indonesia. Penyelesaian laporan ini kiranya tidak akan terselesaikan tanpa bantuan dari berbagai pihak yang selama ini telah memberikan perhatiannya kepada penulis, dan untuk itu pada kesempatan ini penulis menyampaikan terima kasih kepada Allah SWT atas segala limpahan rahmat dan karunia-Nya sehingga bisa menyelesaikan Tugas Akhir ini. Selain itu, penulis sampaikan ucapan terima kasih kepada : 1. Ibu Dr. Ir. Eliyani selaku Dosen Pembimbing Tugas Akhir Teknik Informatika yang telah bersedia meluangkan waktu untuk membimbing penulis hingga selesainya Tugas Akhir ini. 2. Bapak Sabar Rudiarto, M.Kom. selaku Kaprodi Teknik Informatika Fakultas Ilmu Komputer Universitas Mercubuana. 3. Ibu Umniy Salamah, S.T, MMSi. selaku Koordinator Tugas Akhir Teknik Informatika Fakultas Ilmu Komputer Universitas Mercubuana. 4. Beserta orang tua yang selalu memberikan semangat dan motivasi yang tiada henti-hentinya dan selalu memberikan dukungan moril maupun materil. Semoga laporan ini menjadi sesuatu yang bermanfaat bagi kita semua. Penulis

mengharapkan saran dan kritiknya untuk pengembangan aplikasi

selanjutnya. Jakarta,Desember2014

Indra Ahmad Awaludin v


Informasi Alat Musik Tradisional Indonesia Berbasis Web Indra Ahmad Awaludin, Dr. Ir. Eliyani Jurusan Teknik Informatika, Fakultas Ilmu Komputer, Universitas Mercubuana Jl. Raya Meruya Selatan, Kembangan, Jakarta 11650 Email :[email protected], [email protected] Absract Maintenance culture is not only done by bequeathing to the next generation, but also can take advantage of advances in technology to Store into a data base that is not influenced by the development of a new culture, so it can be utilized properly and can be disseminated by means of a web-based information system which can be accessed by the public. The method used in this application is using the Waterfall method. The questionnaire is the object of study in a traditional musical instrument of information design of web-based. The analysis is used to describe the application of this system is using Star UML (Unified Modeling Language) and the database used to design this application is MySQL. Application information Indonesian traditional musical instrument is capable of providing web-based information to the general public as well as by the students as a learning medium, there is no age limit to be able to access the web traditional Indonesian music, because the application does not contain elements of pornography. So that arts and culture in Indonesia can be maintained and developed as it should be . Keyword: PHP MySQL, Unified Modeling Language,Waterfall Abstrak Pemeliharaan kebudayaan tidak hanya di lakukan dengan mewariskan kepada generasi berikutnya, tetapi juga bisa memanfaatkan kemajuan teknologi dengan Menyimpannya kedalam sebuah data base yang tidak dipengaruhi oleh perkembangan kebudayaan yang baru, sehingga dapat di manfaatkan dengan baik dan dapat disebar luaskan dengan menggunakan suatu sistem informasi berbasis web yang dapat di akses oleh masyarakat luas. Metode penelitian yang digunakan pada aplikasi ini adalah menggunakan metode Waterfall. Kuesioner yang menjadi objek penelitian dalam suatu perancangan informasi alat musik tradisional berbasis web. Analisis aplikasi yang digunakan untuk mendeskripsikan sistem ini adalah menggunakan Star UML (Unified Modeling Language) dan database yang digunakan untuk merancang aplikasi ini adalah PHP MySQL. Aplikasi informasi alat musik tradisional Indonesia berbasis web ini mampu memberikan informasi kepada masyarakat luas maupun oleh kalangan pelajar sebagai media pembelajaran, tidak ada batasan umur untuk dapat mengakses web musik tradisional Indonesia, karena aplikasi tersebut tidak mengandung unsur pornografi. Sehingga seni budaya di Indonesia ini dapat dipertahankan dan berkembang sebagaimana mestinya. Kata Kunci : PHP MySQL, Unified Modeling Language,Waterfall v+11pages, 15 figures, 5 tables, Bibliography : 12 (1997-2008) baik dan menyebarluaskandengan menggunakan sistem informasi yang dapat memberikan suatu informasi yang kompleks dalam peyajian sistem informasi serta dapat menjadi sarana media pembelajaran. Dalam pencarian suatu data atau informasi akan sangat kesulitan apabila dilakukan dengan cara manual sehingga memerlukan sebuah sistem yang dapat menyajikan informasi yang dapat diakses oleh masyarakat yang membutuhkan dengan segala kemudahannya.

BAB I PENDAHULUAN 1.1 Latar Belakang Memelihara kebudayaan di Indonesia diperlukan usahayangsangat keras dalam pemeliharaannya, tidak hanya mewariskan kepada generasi berikutnya, tetapi juga dengan menggunakan kemajuan teknologi. Dengan memanfaatkan teknologi kita dapat menyimpan informasi suatu kebudayaan kedalam sebuah database, sehingga dapat dimanfaatkan dengan 1vi


Penelitian ini bertujuan untuk melengkapi data-data yang telah ada dengan cara membaca literatur perpustakaan, buku-buku, dan artikel online yang berhubungan dengan penelitian. 2.Diskusi / Wawancara Diskusi / wawancara dilakukan dengandosen pembimbing. 3.Kusioner / Survai Pengumpulan data untuk memperoleh informasi yang relevan dengan tujuan survai

1.2Rumusan Masalah Berdasarkan latar belakang di atas, maka penulis dapat merumuskan masalah yang ada, yaitu : Bagaimana merancang sebuah informasi alat musik tradisional Indonesia berbasis webyang mampu memberikan sebuah informasi yang jelas terhadap kebudayaan musik tradisional pada ruang lingkup Indonesia. Bagaimana masyarakat serta pelajar dengan mudah dan efektif untuk mempelajari alat-alat musik tradisional yang berada di berbagai macam daerah Indonesia.

1.6Hasil Penelitian Hasil penelitian dalam perancangan informasi alat musik tradisional Indonesia berbasis web ini dimana yang berisikan informasi musik tradisional secara general serta jenis alat musik dari beberapa daerah atau suku adapun hal ini diharapkan dapat memberikan kemudahan dalam hal memberikan informasi serta sebagai media pembelajaran pelestarian budaya yang terdapat di Indonesia .

1.3Tujuan dan Manfaat Adapun tujuan dalam perancangan informasimusik tradisional Indonesia berbasis web ini adalah sebagai berikut : Sistem ini dibangun dengan memiliki kemampuandalam memberikan informasi seni kebudayaan khususnya alat musik tradisional Indonesia danmemungkinkan informasi dapat di akses secara lebih luas, dan dapat diakses dimana sajadan kapan saja. Pendekatan masyarakat luas terhadap budaya atau suku yang berbeda-beda serta dapat mempertahankan lestarinya seni dan budaya musik tradisional yang berada di Indonesia.

BAB II LANDASAN TEORI 2.1Internet Internet merupakan akronim dari Interconnection Networking adalah jaringan komputer dengan skala dunia. Melalui internet, siapapun dapat leluasa mengakses berbagai macam informasi dari berbagai tempat (Budi, Esther, Eddy, Samuel, 2007). Pada mulanya, internet berasal dari pemikiran J.C.R Licklider (1915-1990), seorang psikolog di Massachusetts Institute of Technology dan Lawrence G. Robert, tentang sebuah Galatic Networks di awal tahun 1960. Saat itu Licklider dan Robert bekerja di Advanced Research Project Agency (ARPA) di Pentagon, Amerika Serikat. Mereka menguraikan rencana jaringannya dalam konferensi-konferensi para peneliti. Akhirnya, internet dikembangkan dalam suatu penelitian militer Amerika Serikat yang disebut Advanced Research Project Agency Network (ARPANet). ARPANet menghubungkan pusat penelitian departemen pertahanan dengan pusat-pusat penelitian di universitas-universitas Amerika Serikat.

1.4Batasan Masalah Adapun batasan masalah dalam perancanganweb site informasi alat musik tradisional Indonesia ini sesuai dengan perumusan masalah yang telah disebutkan di atas, yang melingkupi : 1. Web sitemasih di implementasikan secara offline. 2. Perancangan informasi alat musik tradisional Indonesia berbasis web merupakan perancangan tahap awal sebagai media informatif sosial. 3. Tidak membahas keamanan (security) pada web site tersebut. 4. Perangkatlunakatauaplikasi yang digunakanadalah PHP MySQL dengan metode waterfall. 5. Web site dapat diakses untuk semua kalangan umum maupun kalangan pelajar sebagai media pembelajaran, karena informasi alat musik tradisional Indonesia berbasis web ini tidak mengandung unsur pornografi.

2.2 PHP Merupakan singkatan dari Personal Home Page merupakan bahasa skrip yang tertanam dalam HTML untuk eksekusi bersifat serverside (Adi, 2006). PHP digunakan untuk mengekstraksi data/informasi yang dikehendaki oleh pengguna dari basis data dan

1.5Metode Penelitian Metode penelitian yang digunakan yaitu: 1.Studi Pustaka

2


menampilkannya pada halaman Web. Kebanyakan server-server Windows NT dan UNIX mendukung bahasa ini. Walau ada sejumlah penulis bahasa PHP, namun aslinya dibuat oleh Rasmus Lerdorf. Lerdorf-lah yang pertama kali menulis mesin pengurai (parsing engine) dalam bahasa PHP sebagai CGI Perl pada tahun 1995, yang disebutnya "Personal HomePage", atau disingkat PHP. Tujuan awalnya adalah untuk mencatat pengunjungpengunjung yang membuka halarnan resumenya di web. Kemudian ia menulis ulang kode-kode secara keseluruhan dengan bahasa pemrograman C, yang membuat program tersebut semakin canggih dan marnpu berhubungan dengan basis data dan programprogram lainnya. Tahun-tahun berikutnva pemrogram-pemrogram handal seperti Zeev Suraski dan Andi Gutmans menulis kembali PHP sehingga muncul versinya yang ke-3. Selain ASP dan Perl, PHP yang secara sintaks sangat mirip dengan bahasa pemrograman C/C++, merupakan satu dari sejumlah besar bahasa skrip server-side yang paling banyak dipakai.

2.4Javascript Bahasa pemrograman yang sederhana karena bahasa ini tidak dapat digunakan untuk membuat aplikasi ataupun applet. Dengan javascript, kita dapat dengan mudah membuat sebuah halaman web yang interakti (Hardjono, 2006). Sedangkan menurut Ellsworth dan Matthew (1997), javascript adalah pendekatan lain untuk membuat halaman web menjadi lebih interaktif, baik dalam deteksi maupun tanggapan ke interaksi pengguna dengan halaman web. Javascript dapat langsung digabungkan dengan HTML tanpa harus dicompile terlebih dahulu. 2.4.1Struktur JavaScript Program yang ditulis di dalam bahasa JavaScriptharus diberi tanda atau tag <script>... Semua kata, pernyataan , atau ekspresi yang terdapat di dalam tag <scrip>.. adalah scrip JavaScript. <script> disini**

2.3MySQL MySQL berfungsi untuk mengolah database menggunakan bahasa SQL.Hal menarik lainnya adalah MySQL juga bersifat multiplatform. MySQL dapat di jalankan dalam berbagai sistem operasi(Anhar, 2010). Keuntungan menggunakan MySQL adalah (Anhar, 2010) 1. Banyak ahli berpendapat bahwa MySQL merupakan server tercepat. 2. Seperti yang telah dijelaskan di atas bahwa MySQL merupakan sistem manajemen database yang Open Source. 3. MySQL mempunyai performa yang tinggi tetapi simpel. 4. Database MySQL mengerti bahasa SQL. 5. MySQL dapat diakses melalui protocol ODBC (Open Database Connectivity) buatan Microsoft ini menyebabkan MySQL dapat diakses oleh banyak software. 6. Semua klien dapat mengakses server dalam satu waktu, tanpa harus menunggu yang lain untuk mengakses database. 7. Database MySQL dapat diakses dari semua tempat di Internet dengan hak akses tertentu. 8. MySQL merupakan database yang mampu menyimpan data berkapasitas besar sampai berukuran Gigabyte. MySQL dapat berjalan di berbagai operating system seperti Linux, Windows, Solaris, dan lain-lain.

**script

javascript

ditulis

2.5Database Database adalah suatu kumpulan data yang diorganisasikan atau saling berhubungan (interlation) yang digunakan bersama-sama (shared) yang dirancang untuk memenuhi beberapa jenis atau kelompok pemakai (end user) dan disajikan untuk memenuhi kebutuhan pembentukan informasi. Database juga dapat diartikan sebagai suatu kumpulan data saling berhubungan (interrelated data) yang disimpan pada suatu media dengan cara dan metode tertentu sehingga mudah untuk digunakan atau ditampilkan kembali (reuse), dapat digunakan oleh salah satu atau lebih program aplikasi, tidak tergantung pada aplikasi yang akan menggunakannya, data-data dapat dilakukan dengan mudah dan terkontrol (Harpiandi, 2003). 2.6Waterfall Metode perancangan software berdasarkan tahapan utama yang langsung mencerminkan dasar pembangunan kegiatan, berikut ini adalah tahapannya :

3


Notasi UML terbentuk dari kerjasama dan upaya Graddy Booch (yang sebelumnya dikenal sebagai notasi booch-nya), DR. James Rumbaugh yang sebelumnya terkenal dengan notasi OMT(Object Modeling Technique-nya), serta Ivar Jacobson (yang sebelumnya terkenal dengan OOSE (Object Oriented Software Engineering)-nya). Setiap sistem yang komplek seharusnya bisa dipandang dari sudut pandang yang berbeda-beda sehingga kita bisa mendapatkan pemahaman secara menyeluruh (Fowler, 2005). Berikut diagram-diagram pada pemodelan UML : 1. Use case Use case diagram menggambarkan fungsionalitas yang diharapkan dari sebuah sistem. Yang ditekankan adalah “apa” yang diperbuat sistem, dan bukan “bagaimana”. Sebuah use case merepresentasikan sebuah interaksi antara aktor dengan sistem.

Gambar 2.1 Gambar Metode Waterfall a) Requirements definition, mengumpulkan apa yang dibutuhkan secara lengkap untuk kemudian dianalisis guna mendefinisiskan kebutuhan yang harus dipenuhi oleh program yang akan dibangun. Fase ini harus dikerjakan dengan lengkap untuk menghasilkan desain yang lengkap. b) System and software design, Tahap ini dilakukan sebelum melakukan coding. Tahap ini bertujuan untuk memberikan gambaran apa yang seharusnya dikerjakan dan bagaimana tampilannya. Tahap ini membantu dalam menspesifikasikan kebutuhan hardware dan sistem serta mendefinisikan arsitektur sistem secara keseluruhan (Gunawan, 2009). c) Implementation and unit testing, Dalam tahap ini dilakukan pemrograman. Pembuatan software dipecah menjadi modul-modul kecil yang nantinya akan digabungkan dalam tahap berikutnya. Selain itu dalam tahap ini juga dilakukan pemeriksaaan terhadap modul yang dibuat, apakah sudah memenuhi fungsi yang diinginkan atau belum (Gunawan, 2009). d) Integration and system testing, Di tahap ini dilakukan penggabungan modul-modul yang sudah dibuat dan dilakukan pengujian ini dilakukan untuk mengetahui apakah software yang dibuat telah sesuai dengan desainnya dan masih terdapat kesalahan atau tidak (Gunawan, 2009). e) Operating and maintenance, Ini merupakan tahap terakhir dalam model waterfall.Software yang sudah jadi dijalankan serta dilakukan pemeliharaan.Pemeliharaan termasuk dalam memperbaiki kesalahan yang tidak ditemukan pada langkah sebelumnya.Perbaikan implementasi unit sistem dan peningkatan jasa sistem sebagai kebutuhan baru (Gunawan, 2009).

Gambar 2.2 Use Case (Wahono, 2003) 2.

Class Diagram Class adalah sebuah spesifikasi yang jika diinstansiasi akan menghasilkan sebuah objek dan merupakan inti dari pengembangan dan desain berorientasi objek.Class menggambarkan keadaan (atribut/properti)suatu sistem, sekaligus menawarkan layanan untuk memanipulasi keadaan tersebut (metoda/fungsi).Classdiagram menggambarkan struktur dan deskripsi class, package dan objek beserta hubungan satu sama lain seperti containment, pewarisan, asosiasi, dan lain-lain. Class memiliki tiga area pokok (Wahono, 2003) : 1. Nama (dan stereotype) 2. Atribut 3. Metoda

2.7Pemodelan UML (Unified Modeling Language) UML digunakan untuk melakukan pemodelan system / perangkat lunak lewat sarana rational rose.

4


... Is it right?... from my project? ... Yes, it is! (Yiiframework, 2013) 2.9 Pengujian Metode pengujian black box berfokus pada persyaratan fungsional perangkat lunak. Dengan demikian pengujian ini memungkinkan perekayasa perangkat lunak mendapatkan serangkaian kondisi input yang sepenuhnya menggunakan semua persyaratan fungsional untuk suatu program. Pengujian black boxmerupakan pendekatan komplementer yang kemungkinkan besar mampu mengungkapkan kelas kesalahan daripada metode white box (Pressman, 2002).

Gambar 2.3Class Diagram(Wahono, 2003) 3.

Sequence Diagram Sequence diagram menggambarkan interaksi antar objek di dalam dan di sekitar sistem (termasuk pengguna, display, dan sebagainya) berupa message yang digambarkan terhadap waktu. Sequence diagram terdiri atar dimensi vertikal (waktu) dan dimensi horizontal (objek-objek yang terkait).

Pengujian black box berusaha menemukan kesalahan dalam kategori sebagai berikut : a. b. c. d. e.

4.

Activity Diagram Activity diagrams menggambarkan berbagai alir aktivitas dalam sistem yang sedang dirancang, bagaimana masing-masing alir berawal, decision yang mungkin terjadi, dan bagaimana mereka berakhir. Activity diagram juga dapat menggambarkan proses paralel yang mungkin terjadi pada eberapa eksekusi. Activity diagram merupakan state diagram khusus, di mana sebagian besar state adalah action dan sebagian besar transisi ditrigger oleh selesainya state sebelumnya (internal processing).

fungsi yang salah atau hilang. kesalahan pada interface. kesalahan pada struktur data atau akses database. kesalahan performansi. kesalahan inisialisasi dan tujuan akhir.

BAB III ANALISIS DAN PERANCANGAN Metode yang digunakan untuk rekayasa perangkat lunak menggunakan metode waterfall. Langkah – langkah yang dilakukan yaitu: 1. Analisis kebutuhan, proses mengumpulkan data-data yang diperlukan untuk membangun aplikasi. 2. Desain, yaitu melakukan perancangan aplikasi sesuai dengan hasil analisis yang dilakukan. 3. Coding, yaitu proses memulai pembuatan aplikasi sesuai dengan desain yang telah dibuat sebelumnya. 4. Testing aplikasi, adalah proses implementasi dari aplikasi yang telah dibuat.

2.8Yii Framework Menurut website resmi Yii,Yii adalah sebuah aplikasi web development framework yang bersifat open-source yang ditulis dengan PHP5. Yii dirancang untuk memudahkan dan membantu untuk membuat sebuah aplikasi yang sangat efisien, extensible dan maintainable. Berikut adalah fitur-fitur Yii :  MVC (Model-View-Controller)  DAO (Database Access Object)  I18N/L10N  Layering Caching Scheme  Authentication and authorization  Ajax-Enable Widgets  Unit and FunctionalityTesting Yii berasal dari singkatan ”Yes it is!”, yang artinya mewakili jawaban dari pertanyaan-pertanyaan yang umum misalnya: Is it fast? ... Is it secure? ... Is it professional?

3.1 Analisis Kebutuhan mengetahui akan kebutuhan pengguna informasi musik tradisional Indonesia berbasis web ini adalah telah dilakukanya survai, dimana informasi dikumpulkan dari responden dengan menggunakan kuesioner. Berikut bentuk identifikasi yang telah dilakukan dalam pelaksanaan survai : 1. Apakah internet merupakan kebutuhan anda?

5


Kebutuhan Internet

Perbandingan Pemeliharaan Seni Musik Tradisional 20%

10%

90% Ya

80%

Tidak

Ya

Gambar 3.1Perbandingan Kebutuhan Internet

Tidak

Gambar 3.4 Perbandinagan Pemeliharaan Seni Musik Tradisional

2. Apakah seni musik tradisional Indonesia penting untuk anda ?

5. Apakah pengetahuan anda sudah cukup mengenai perkembangan seni budaya alat musik tradisional yang ada di Indonesia ?

Kepedulian Seni Musik Tradisional

Measure Batas Perkembangan Kebudayaan Alat Musik Tradisional

10%

10% 90% Ya

90%

Tidak

Gambar 3.2 Perbandingan Kepedulian Seni Musik Tradisional

Ya

Gambar 3.5 Measure Perkembanan Kebudayaan Alat Musik Tradisional

3. Sulitkah anda mendapati informasi kesenian musik tradisional ? Kebutuhan Informasi Musik Tradisional 50%

Ya

50%

Tidak

3.1.1Analisa Kebutuhan Perangkat Lunak Spesifikasi perangkat lunak yang dibutuhkan adalah sebagai berikut : 1. Operating sistem : Windows XP 32 bit 2. Bahasa Pemograman : php 3. DBMS: MySQL 4. Aplikasi : Xampp 3.2Perancangan Sistem Yang Akan Dibangun Dalam perancangan sistem menggunakan metode UML (Unified Modelling Language). UML adalah proses untuk melakukan pemodelan sistem/ perangkat lunak untuk mempermudah seorang pembuat aplikasi dalam merancang suatu sistem. Perancangan yang dilakukan meliputi perancangan diagramdiagram UML dan perancangan tampilan antarmuka.

Tidak

Gambar 3.3 Kebutuhan Informasi Musik Tradisional 4. Apakah anda perlu mewarisi seni musik tradisional Indonesia ?

6


3.2.1 Use Case Diagram use case menggambarkan interaksi antara proses dengan aktor yang bersangkutan dalam suatu sistem.

3.2.3 Class Diagram Class diagram menggambarkan struktur kelas dan bersifat statis tetapi sering pula memuat kelas-kelas aktif serta memperlihatkan himpunan kelas-kelas, antarmuka-antarmuka, kolaborasi-kolaborasi dan relasi-relasi.

System

Melihat Informasi Musik Tradisional Indonesia

3.2.4 Sequence Diagram Sequence Diagram menggambarkan interaksi antar objek di dalam dan di sekitar sistem (termasuk pengguna, display, dan sebagainya) berupa message yang digambarkan terhadap waktu. Sequence diagram terdiri atar dimensi vertikal (waktu) dan dimensi horizontal (objek-objek yang terkait). Sequence Diagram biasa digunakan untuk menggambarkan skenario atau rangkaian langkah-langkah yang dilakukan sebagai respons dari sebuah event untuk menghasilkan output tertentu. Diawali dari apa yang mentrigger aktivitas tersebut, proses dan perubahan apa saja yang terjadi secara internal dan output apa yang dihasilkan.

Melihat Informasi Alat Musik Tradisional Indonesia

Melakukan Pendaftaran User

Mengelola User

Melakukan Login Admin

User

Mengelola Judul Muka Web

Mengelola Profil

Melihat Profil

: User

:Halaman Home

:Halaman Alat Musik Tradisional

:Alat Musik Tradisional

: Login

: t account

Mengelola Akun

Gambar 3.6 User case

1 :Buka halaman()

2 : Buka halaman()

3.2.2 Activity Diagram Diagram aktivitas digunakan untuk memodelkan alur kerja sebuah proses bisnis dan urutan aktivitas pada suatu proses. 1. Activity Diagram Login. User

3 : View (Alat Musik Tradisional)

4 : Input Comment () 5 : Input username & password()

6 : encrypt data username&password()

8 : validasi gagal()

Sistem

7 : konfirmasi()

9 : validasi berhasil()

Buka sistem

Masukan UserName & Password

Gambar 3.9Sequence Diagram Melihat Informasi Alat Musik Tradisional

Form login

Tidak [Invalid UserName & Password]

3.3 Spesifikasi Perancangan Basis Data Pada tahapan berikutnya dilakukan spesifikasi perancangan basis data yang terbentuk dan yang telah dibangun. Berikut spesifikasi perancangan basis data :

Cek Username & Password Valid? Ya [Valid UserName & Password]

Tabel alat_musik_tradisional Tabel tersebut merupakan tabel yang berisi informasi pengguna Tabel 3.1alat_musik_tradisional 1.

Masuk main Menu

Gambar 3.7 Activity DiagramLogin

7


No

Nama Field

Tipe Data

Length

int

11

Primary key

varchar

50

nama pengguna

text

-

data e-mail pengguna

text

-

data password

smallint

6

data status pengguna

-

waktu input

1

Id

2

nama

3

deskripsi

4

gambar

5

Status

6

waktuinput

timestamp

 Hardisk 120 GB.

Keterangan

4.1.2Lingkungan Perangkat Lunak Perangkat Lunak yang digunakan adalah :  Xampp 1.5.5 sebagai web server.  Operating System Windows XP.  MySQL sebagai database untuk menyimpan data.  PHP 5.2.0  Mozilla Firefox 11.0 sebagai browser

2. Tabel user Tabel user merupakan table yang berisikan login admin dan login user Tabel 3.2user No Nama Field

Tipe Data

Length Keterangan

Int

11

Primary key

Username

varchar

20

nama pengguna

3

Password

varchar

128

password pengguna

4

Email

varchar

128

email pengguna

5

Activkey

varchar

128

key validasi pendaftaran

6

create_at

timestamp

-

waktu daftar

7

lastvisit_at

timestamp

-

waktu terakhir login

8

Superuser

int

1

status admin

9

Status

int

1

status user

1

Id

2

4.2 Tampilan Antar Muka 4.2.1 Tampilan Halaman Beranda Gambar 4.1 merupakan tampilan halaman beranda saat user atau admin mengakses web site Musik Tradisional Indonesia. Pada browser user memasukkan alamat http://localhost/music_tradisional/index.php

3 Tabel musik_tradisioanal Tabel user_data merupakan tabel yang berisi profil pengguna baik administrator maupun user. Tabel 3.3 musik_tradisioanal No

Nama Field

Tipe Data Length int

11

Primary key

varchar

50

menyimpan id_user

3 Deskripsi

text

-

menyimpan teks deskripsi

4 Gambar

text

-

tampilan gmbar

smallint

6

Status pengguna

timestamp

-

waktu input

1 Id 2 Nama

5 Status 6 waktuinput

Gambar 4.1 Halaman beranda

Keterangan

4.2.2 Tampilan Halaman Login Gambar 4.3 merupakan tampilan halaman login user atau admin. Userdapatlogin bila ingin melakukan komentar pada web site, kemudian untuk admin dapatlogin bila ingin melakukan edit, update, delete pada halaman muka web site.

BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1Lingkungan Implementasi Tahap implementasi sistem (system implementation) merupakan tahap meletakkan sistem supaya siap dioperasikan, salah satu diantaranya adalah pemrograman dan pengetesan program. Gambar 4.2 Halaman formlogin 4.2.3 Tampilan Halaman View Alat Musik Tradisional Gambar 4.3 merupakan tampilan halaman informatif yang diwakili oleh image dan deskripsi.

4.1.1Lingkungan Perangkat Keras Perangkat Perangkat Keras yang digunakan untuk pengujian web site Informasi Alat Musik Tradisional Indonesiaadalah :  Prossesor Intel Core 2 Duo-T5750, 2.0 GHz.  Memory DDR2 1 GB.

8


Tabel 4.2 Skenario Pengujian Halaman Update AlatMusik Tradisional No

Item yang diuji

Cara Pengujian

1 Tombol update pada halaman - Klik button update alat musik tradisional update alat musik tradisional

4 Tombol reset pada halaman update alat musik tradisional

4.2.4 Tampilan Halaman Update Alat Musik Tradisional Gambar 4.4 merupakan tampilan halaman user atau admin untuk meng-update item-item yang tertera pada formupdate alat musik terhadap perkembangan budaya, kemudian klik buttonsave untuk dapat tercantum pada halaman beranda.

- Klik button save

BAB V KESIMPULAN DAN SARAN 5.1 Kesimpulan Berdasarkan analisis dan perancangan, maka dapat disimpulkan bahwa : 1. Telah dirancangweb site Informasi AlatMusik Tradisional Indonesia yang sederhana, ringan dan handal dengan tidak mengesampingkan sehingga mempermudah masyarakat dan pelajar dalam mendapatkan informasi musik serta alat musik tradisional Indonesia. 2. Proses perancangan web siteInformasi Alat Musik Tradisional Indonesia menjadi lebih informatif dan efektif terhadap pembelajaran seni budaya yang ada di

Tabel 4.1Skenario Pengujian Halaman Login

1 Tombol Login

Cara Pengujian

Hasil Yang Diharapkan

Melakukan input username Tampil halaman pengguna dan password

scope deskripsi

Setelah dilakukan pengujian secara menyeluruh terhadap web site Informasi AlatMusik Tradisional Indonesia, berdasarkan hasil pengujian dapat diambil kesimpulan sebagai berikut : 1. Seluruh tampilan antar muka pada web site Alat InformasiMusik Tradisional Indonesia dapat berjalan dengan baik. 2. Setiap form yang berhubungan dengan database dapat tersimpan dengan baik.

4.3.1 Tabel Skenario Pengujian Halaman Login.

Item yang diuji

- Klik button reset

- Menyimpan hasil inputan pada database sistem - Kemudian tampil halaman view alat musik tradisional Meng-clear text pada

4.3.2 Analisis Hasil Pengujian Dari hasil pengujian dapat dijelaskan sebagai berikut: 1. Pengujian Halaman Login Halaman login user mampu melakukan proses login sesuai dengan akun dan password user yang telah terdaftar. 2. Pengujian Halaman Update Alat Musik Tradisional Halaman update alat musik tradisional mampu menampilkan seluruh item yang di update oleh pengguna.

Gambar 4.4 Halaman Update Alat Musik Tradisional 4.3Sekenario Pengujian Skenario pengujian yang akan dilakukan pada perangkat lunak ini adalah melakukan test case terhadap proses-proses di tiap-tiap halaman yang ada pada web site, apakah modul tersebut menghasilkan keluaran yang benar atau tidak dengan menggunakan data yang telah disiapkan.

No

Mengalokasikan pada internal disk storage

update alat musik tradisional

Gambar 4.3 Halaman View Alat Musik Tradisional

Tampil halaman update alat musik tradisional

2 Tombol telusuri pada halaman - Klik button telusuri 3 Tombol save pada halaman

Hasil Yang Diharapkan

(user)

4.3.2 Tabel Skenario Pengujian Halaman Update Alat Musik Tradisional.

9


Harpiandi. 2003.PemrogramanData Base Dengan My SqlMenggunakan PHP . Jakarta PT Elex Media Komputindo.

Indonesia dimana hal tersebut merupakan perwujudan cipta, karya dan karsa bangsa Indonesia serta merupakan daya upaya manusia Indonesia untuk mengembangkan harkat dan martabat sebagai bangsa. 3. Aplikasi belum dapat memainkan alat musik secara realtime dan online. 4. Yii Framework, lebih mudah untuk membuat aplikasi berbasis web dengan PHP dan basis data MySql, karena source code akan di-generate secara otomatis dengan fitur Gii. 5. Aplikasi belum tersedia pada versi mobile.

Hardjono, Dhewiberta, Menguasai Pemrograman Web dengan PHP 5. Semarang :Wahana Komputer, 2006 Nugroho, Adi. 2006. E-Commerce, Memahami Perdagangan Modern Di Dunia Maya. Bandung: Informatika Bandung. Sulistyawan, Rubianto, Saleh, R. (2008). Modifikasi Blog Multiplay dengan CSS. Jakarta: PT. Elex Media Komputindo.

5.2 Saran Saran yang dapat disampaikan untuk pengembangan web site Musik Tradisional Indonesia ini adalah sebagai berikut : 1. Web site Musik Tradisional Indonesia kedepannya agar dapat diimplementasikan secara online. 2. Admin web site Musik Tradisional Indonesia agar dapat memberikan sarana chatting dengan user, agar aplikasi dapat memenuhi perkembangan dimasa mendatang serta menjaga pelestarian seni budaya secara realistis.

Wahono, Romy. “Pengantar Unified Modeling Languange”. http://romisatriawahono.net/publications/20 01/roumi-ijw2001-agent.pdf (diakses tanggal 4 April 2014). Xue Q., Makarov A., Domba M., Brandt C., Zhuo W., Thierer S., Winesett J. “ModelView-Controller (MVC)”. http://www.yiiframework.com/doc/guide/1. 1/en/basics.mvc (diakses tanggal 30 Maret 2014). Xue Q. “Yii helps Web developers build complex applications and deliver them ontime”. http://www.yiiframework.com/about(diakse s tanggal 30 Maret 2014).

DAFTAR PUSTAKA Anhar. 2010. PanduanMenguasai PHP & MySQL Secara Ortodidak. Jakarta: Mediakita. Budi Sutedjo, Esther Wibowo, Eddy Hartono, Samuel Prakoso. 2007. Pengantar Teknologi Internet, Konsep dan Aplikasi. Yogyakarta: ANDI Ellsworth, Jill H. dan Matthew V. Ellsworth (1997).Marketing on the Internet:Pemasaran diInternet,Terjemahan Yulianto.Grasindo, Jakarta. Fowler, Martin. 2005. UML Yogyakarta: Penerbit ANDI.

Distilled.

Gunawan,Waliadi. ( 2009 ). Waterfall Model.http://waliadigunawan.blogspot.com/ 2009/12/waterfallmodel.html ( diakses tanggal 27 Maret 2014)

10


DAFTAR RIWAYAT HIDUP Indra Ahmad Awaludin Jl. Siliwangi Kp. Gembor Rt.03/01 No.10 Kel. Pasir jaya Kec. Jatiuwung Tangerang-Banten 15135 O81519234303 / 087876322669 [email protected]

Data Pribadi Nama Tempat, Tgl Lahir Jenis Kelamin Agama Tinggi / Berat Badan

Indra Ahmad Awaludin Tangerang, 13 Agustus 1988 Laki-laki Islam 175 cm / 65 Kg

Riwayat Pendidikan No. 1 2 3 4

Nama Sekolah SDN Negri Gembor Ponpes Daar El-Qolam SMK Yuppentek-2 Bina Sarana Informatika

Riwayat Pekerjaan  2005 – Sekarang

Program Studi

Tahun Lulus

Sekolah Dasar Tsanawiyah Teknik Mesin Menagemen Informatika

1999 2002 2005 2010

PT. Gajah Tunggal, Tbk

Kemampuan  Menguasai Ms. Office  Menguasai Troubleshooting PC Pelatihan, Seminar dan Sertifikasi      

Safety Culture Oktober 2014 Problem Solving & Decision Making September 2013 Supervisory Management Juni 2013 Measurement System Analysis Mei 2013 Failure Mode & Effect Analysis Mei 2013 Statistic Process Control Mei 2013

Demikian daftar riwayat hidup ini sayabuat dengan sebenar benarnya.

11


INFORMASI ALAT MUSIK TRADISIONAL INDONESIA BERBASIS WEB

Recommend Documents