Perancangan Design Prototype Pertama

- JDK Java Development Kit 1.6.0_16 - JRE Java Runtime Environment update 26 - Droiddraw-r1b20 - Adobe Photoshop CS4 - Adobe Audition 1.0

3.1.2 Perancangan Design

Beberapa perancangan sistem yang dilakukan untuk merancang sebuah software yang akan diimplementasikan : - Analisis Sistem Analisis sistem merupakan suatu kegiatan untuk menentukan klasifikasi data-data yang lebih tepat dalam mendukung format rancangan aplikasi dengan menentukan data-data yang lebih mudah untuk diakses dengan software. Kebutuhan input yang akan diimplementasikan dalam aplikasi ini meliputi pengenalan bentuk gamelan, cara memainkan gamelan dan sejarah gamelan. Sedangkan output yang akan dihasilkan oleh aplikasi pembelajaran ini berupa gambar, tulisan dan suara audio. - Desain Sistem Perancangan aplikasi ini disajikan dalam bentuk UML Unified Modeling Language. UML Unified Modeling Language disebut sebagai bahasa pemodelan bukan metode dan disebut juga sebagai bahasa untuk menggambarkan sistem. UML Unified Modeling Language akan digambarkan dengan menggunakan bagan alir sistem yang menunjukkan bagaimana sistem secara fisik nantinya akan ditempatkan dan diterapkan sehingga dapat menunjukkan arah aliran data suatu proses. Berikut perancangan sistem yang digambarkan dalam UML Unified Modeling Language, diantaranya adalah :

3.1.3 Prototype Pertama

- Use Case Diagram Use case adalah merupakan peringkat tertinggi dari fungsionalitas yang dimiliki oleh sistem. Dengan kata lain, use case menggambarkan bagaimana seseorang akan menggunakanmemanfaatkan sistem. Use case diagram untuk aplikasi virtual gamelan berbasis Android Prototype pertama dapat dilihat pada Gambar 3.2. Gambar 3.2 menjelaskan bahwa user yang berperan sebagai aktor merupakan penggguna aplikasi tersebut. User memiliki semua fungsionalitas yang dimiliki oleh aplikasi, yang diantaranya adalah menu gamelan, menu tentang, dan menu cara pakai. Memilih Gamelan Memilih Tentang Saron Demung L.P Slenthem L.P Kenong L.P extend extend extend Tentang Gamelan Tentang VGAndroid extend User Melihat Cara Pakai extend Gambar 3.2 Use Case Diagram - Activity Diagram Gambar 3.3 merupakan activity diagram menu pilih gamelan saron demung laras pelog . Pada Gambar 3.3 menjelaskan bahwa user memilih menu utama. Selanjutnya user memilih menu pilih alat yang dilanjutkan dengan memilih menu saron demung laras pelog. Kemudian gamelan saron demung laras pelog ditampilkan. Gambar 3.3 Activity Diagram Menu Pilih Gamelan Saron Demung Laras Pelog Gambar 3.4 merupakan activity diagram menu pilih tentang gamelan saron demung laras pelog . Pada Gambar 3.4 menjelaskan bahwa user memilih menu utama. Kemudian ditampilkan oleh sistem. Selanjutnya user memilih menu tentang yang dilanjutkan dengan memilih menu tentang gamelan. Kemudian ditampilkan oleh sistem . Gambar 3.4 Activity Diagram Menu Pilih Tentang Gamelan - Sequence Diagram Sequence diagram menggambarkan interaksi antar objek di dalam dan di sekitar sistem termasuk pengguna, display, dan sebagainya. Sequence diagram terdiri atas dimensi vertikal waktu dan dimensi horizontal objek-objek yang terkait. Sequence diagram biasa digunakan untuk menggambarkan skenario atau rangkaian langkah-langkah yang dilakukan sebagai response dari sebuah event untuk menghasilkan output tertentu. Diawali dari apa yang men-trigger aktivitas tersebut, proses, dan perubahan apa saja yang terjadi secara internal dan output apa yang dihasilkan. : User MenuUtamaUI MenuPilihAlatUI SaronDLP 1. pilihMenuUtama 2.PilihMenuPilihAlat 3. Pilih SaronDLP 4.request done 5.request done 6.tampilkanSaronDLP Gambar 3.5 Sequence Diagram Menu Pilih Gamelan Saron Demung Laras Pelog Gambar 3.5 sequence diagram menu pilih gamelan saron demung laras pelog. Pada Gambar 3.4 menjelaskan bahwa langkah pertama yang harus dilakukan user adalah memilih menu utama. Kemudian langkah kedua memilih menu pilih alat dan berikutnya memilih saron demung laras pelog. Gambar 3.6 sequence diagram menu pilih tentang gamelan. Pada Gambar 3.6 menjelaskan bahwa langkah pertama yang harus dilakukan user adalah memilih menu utama. Kemudian langkah kedua memilih menu tentang dan berikutnya memilih tentang gamelan. : User MenuUtamaUI MenuTentangUI TentangGamela n 1.pilihMenuUtama 2.pilihMenuTentang 3.pilihTentangGamelan 4.request done 5.request done 6.tampilkanTentangGamelan Gambar 3.6 Sequence Diagram Menu Pilih Tentang Gamelan

3.1.4 Perancangan Design Prototype Pertama