BAB III ANALISA DAN PERANCANGAN APLIKASI

Transkripsi

1 BAB III ANALISA DAN PERANCANGAN APLIKASI Bab ini di buat untuk menganalisa kebutuhan user yang akan digunakan dalam pengembangan aplikasi, dan desain dari aplikasi itu sendiri. 3.1 Disain Aplikasi Metedologi Penelitian dalam merancang aplikasi ini adalah Metedologi Rapid Application Development (RAD). Dari bab sebelumnya, diketahui bahwa metedologi RAD menggunakan kebutuhan user untuk melakukan identifikasi tujuan dari aplikasi atau system dan melakukan identifikasi kebutuhan informasi untuk mencapai tujuan User Requierment Sebagimana diketahui dari bab sebelumnya, user requierment diperlukan untuk dapat membangun sebuah aplikasi. Kebutuhan use requierment bisa kita dapatkan dari apa yang diinginkan oleh user terhadap aplikasi yang akan dibuat. Berikut adalah user untuk aplikasi ini: 1. User menginginkan agar aplikasi yang nantinya dibuat dapat menampilkan kembali data yang telah tersimpan didalam database seperti; kekuatan sinyal GPS, sinyal Wifi, dan arah rute dari tiap-tiap kendaraan tambang. 2. User juga menginginkan agar data-data mengenai rute dari tiap-tiap kendaraan tambang yang tersimpan di database dapat ditampilkan kembali menjadi seperti sebuah video berbentuk animasi. 3. User menginginkan agar data-data yang telah tersimpan di dalam database, dapat ditampilkan berdasarkan rentang waktu yang di inginkan oleh user. 4. Setiap kekuatan sinyal dari GPS, dan Wifi yang tersimpan harus tampilkan kembali sesuai data yang telah tersimpan. Setelah kita mengetahui kebutuhan-kebutuhan dari user terhadap aplikasi tersebut, maka langkah selanjutnya adalah dengan melakukan Perancangan dari aplikasi tersebut. 31

2 Perancangan Pada bagian ini akan dijelaskan perancangan dari form. Dalam melakukan perancangan tersebut akan digunakan pemodelan use case diagram, activity diagram, class diagram, dan sequence diagram. Aplikasi Dispatcher Aplikasi Server Aplikasi MobileUnit Database Server Gambar 3.1 Arsitektur Sistem Ewacs Online Keterangan gambar 3.1: 1. Untuk perancangan dan pengembangan form playback akan dilakukan didalam aplikasi Dispatcher. 2. Aplikasi Dispather dioperasikan oleh user(operator) untuk memonitoring aktifitas kendaraan pertambangan. 3. Aplikasi MobileUnit dioperasikan oleh pengemudi kendaraan tambang. 4. Database Server berfungsi sebagai tempat menyimpan semua akfititas kendaraan tambang. 5. Aplikasi server berfungsi sebagai jembatan antara aplikasi Dispatcher, MobileUnit, dan Database Server. 3.3 Use Case Diagram Use Case diagram mengambarkan bagaimana user berinteraksi dengan aplikasi/system. Lebih kepada apa bukan bagaimana. Dari kebutuhan user yang telah kita ketahui, maka kita dapat mendefinisikan use case apa saja yang terdapat didalam aplikasi/system ini. Berikut adalah use case tersebut:

3 33 Sistem Form playback User Melihat Historical Track Melihat Sinyal GPS <<include>> <<include>> Memilih tanggal Melihat Sinyal Wifi <<include>> Memutar video animasi <<include>> Memilih tanggal dan waktu <<extend>> Atur Speed Video Gambar 3.2 use case diagram form Berikut adalah penjelasan dari use case yang digambarkan diatas: 1. Use Case : Melihat historical track Aktor : User Penjelasan : Operator dapat melihat history track yang sudah terjadi pada rentang waktu tertentu, Skenario : 1. Operator menekan tombol history track yang berada pada form 2. Akan muncul form Date Range untuk memilih range tanggal 3. Tentukan range tanggal awal, dan akhir yang ingin dilihat kemudian tekan tombol Ok. Kondisi Awal : Kondisi awal saat sebelum menekan tombol Historical Track, Pada layer Map, hanya akan tampak gambar berupa kendraan tambang yang tidak aktif. Kondisi Akhir : Setelah dilakukan pemilihan tanggal yang diinginkan, maka akan muncul berupa titik-titik jalan yang telah dilalui kendraan pada waktu yang telah dipilih tersebut.

4 34 2. Use case : Melihat Sinyal GPS Aktor : User Penjelasan : Operator dapat melihat Sinyal GPS yang sudah terjadi pada rentang waktu tertentu Skenario : 1. Operator menekan icon Sinyal GPS yang berada pada form playback 2. Akan muncul form Date Range untuk memilih range tanggal 3. Tentukan range tanggal awal, dan akhir yang ingin dilihat kemudian tekan tombol Ok. Kondisi Awal : Kondisi awal sebelum menekan tombol Sinyal GPS Pada layer Map, hanya akan tampak gambar berupa kendaraan tambang yang tidak aktif. Kondisi Akhir : Setelah dilakukan pemilihan tanggal yang diinginkan, maka akan muncul berupa titik-titik warna yang menandakan bahwa daerah tersebut sinyal GPS dapat diterima oleh kendaraan pada waktu yang telah dipilih tersebut. Warna tersebut terdiri merah, kuning, dan hijau. Merah untuk merepresentasikan kekuatan sinyal 1-2, kuning 3, dan hijau Use case : Melihat Sinyal Wifi Aktor : User Penjelasan : Operator dapat melihat Sinyal Wifi yang sudah terjadi pada rentang waktu tertentu Skenario : 1. Operator menekan icon Sinyal Wifi yang berada pada form playback 2. Akan muncul form Date Range untuk memilih range tanggal 3. Tentukan range tanggal awal, dan akhir yang ingin dilihat kemudian tekan tombol Ok.

5 35 Kondisi Awal : Kondisi awal sebelum menekan tombol sinyal Wifi Pada layer Map, hanya akan tampak gambar berupa kendaraan tambang yang tidak aktif Kondisi Akhir : Setelah dilakukan pemilihan tanggal yang diinginkan, maka akan muncul berupa titik-titik warna yang menandakan bahwa daerah tersebut sinyal wifi dapat diterima oleh kendaraan pada waktu yang telah dipilih tersebut. Warna tersebut terdiri merah, kuning, dan hijau. Merah untuk merepresentasikan kekuatan sinyal 1-2, kuning 3, dan hijau Use Case : Memutar video animasi Aktor : Operator Penjelasan : Operator dapat memutar video animasi berupa rekaman data-data yang tersimpan dalam database yang sudah terjadi pada waktu yang lalu Skenario : 1. Operator menekan Tombol PlayerLoad yang berada pada form 2. Akan muncul form Time Range untuk memilih tanggal, range waktu. 3. Tentukan tanggal, range waktu awal dan waktu akhir. 4. Setelah dilakukan pemilihan waktu dan tanggal, kemudian tekan tombol Ok, jika terdapat data yang tersimpan pada tanggal dan waktu yang telah dipilih, maka tombol Play akan aktif dengan otomatis. Kondisi Awal : Kondisi awal sebelum menekan tombol PlayerLoad Pada layer Map, hanya akan tampak gambar berupa kendaraan tambang yang tidak aktif. Kondisi Akhir : Setelah dilakukan pemilihan tanggal yang diinginkan, maka sebuah tombol akan muncul di samping tombol PlayerLoad yang bernama play,

6 36 lalu kita tekan icon tersebut maka kegiatan dari kendaraan-kendaraan tambang tersebut dapat dilihat sesuai pada tanggal dan waktu yang dipilih seperti kita memutar ulang sebuah rekaman video dalam bentuk animasi. 3.4 Activity Diagram Activity diagram merupakan sebuah diagram dimana fungsinya adalah untuk membantu user langkah demi langkah agar setiap use case yang ada dapat tereksekusi sesuai yang diinginkan. Activity diagram sendiri lebih menitikberatkan dari pandangan seorang user terhadap sebuah aplikasi/sistem. Dari use case diagram sebelumnya, telah diketahui use case apa saja yang terdapat dalam didalam form, maka penulis akan membuat empat buah activity diagram dari tiap masing-masing use case yang telah diketahui; pertama adalah activity diagram melihat Historical Track, activity diagram melihat Sinyal GPS, activity diagram melihat Sinyal Wifi, dan activity diagram memutar video, berikut adalah activity diagram dari form tersebut: Activity Diagram Melihat Historical Track [Pilih ulang] [Tidak] Tutup Form Map Viewer Historical Track Atur range Tanggal pada Form Date Range [Cancel] [Ok] [Data Tidak Ada] Menampilkan Rekaman Historal Track [Data Ada] Gambar 3.3 Activity Diagram Historical Track Berdasarkan activity diagram Historical Track diatas, pada awal form dijalankan, kita harus menekan tombol Historical Track, lalu kemudian

7 37 muncul form Date Range. Pada form tersebut kita harus menentukan range tanggal, tanggal awal dan tanggal akhir. Contoh untuk tanggal awal , dan untuk tanggal akhir Meskipun terlihat bawah tanggal awal dan dan akhir sama, namun itu menandakan kita ingin menampilkan historical track hanya pada tanggal saja. Kemudian tekan tombol Ok, jika data ada maka pada layer map akan muncul titik-titik berwarna yang menandakan dari history track pada tanggal tersebut Activity Diagram untuk Melihat Sinyal GPS [Pilih ulang] [Tidak] Tutup Form Viewer Map Sinyal GPS Atur range Tanggal pada Form Date Range [Cancel] [Ok] [Data Tidak Ada] Menampilkan Rekaman Historal GPS [Data Ada] Gambar 3.4 Activity Diagram Melihat Sinyal GPS Berdasarkan activity diagram Sinyal GPS diatas, pada awal form dijalankan, kita harus menekan tombol Historical GPS, lalu kemudian muncul form Date Range. Pada form tersebut kita harus menentukan range tanggal, tanggal awal dan tanggal akhir. Contoh untuk tanggal awal , dan untuk tanggal akhir Meskipun terlihat bawah tanggal awal dan dan akhir sama, namun itu menandakan kita ingin menampilkan historical track hanya pada tanggal saja. Kemudian tekan tombol Ok, jika data ada maka pada layer map akan muncul titik-titik yang warnanya tergantung dari kekuatan sinyal GPS yang tersimpan di dalam basis data.

8 Activity Diagram untuk Melihat Sinyal Wifi [Pilih ulang] [Tidak] Tutup Form Map Viewer Historical GPS Atur range Tanggal pada Form Date Range [Cancel] [Ok] [Data Tidak Ada] Menampilkan Rekaman Historal Wifi [Data Ada] Gambar 3.5 Activity Diagram Melihat Sinyal Wifi Berdasarkan activity diagram melihat Sinyal Wifi diatas, pada awal form dijalankan, kita harus menekan tombol Sinyal Wifi, lalu kemudian muncul form Date Range. Pada form tersebut kita harus menentukan range tanggal, tanggal awal dan tanggal akhir. Contoh untuk tanggal awal , dan untuk tanggal akhir Meskipun terlihat bawah tanggal awal dan dan akhir sama, namun itu menandakan kita ingin menampilkan historical track hanya pada tanggal saja. Kemudian tekan tombol Ok, jika data ada maka pada layer map akan muncul titik-titik yang warnanya tergantung dari kekuatan sinyal Wifi yang tersimpan di dalam basis data.

9 Activity Diagram Memutar Video Tutup Form [Lihat ulang] Map Viewer PlayerLoad Atur Tanggal dan range waktu pada Form Time Range [Cancel] [Ok] [Data Tidak Ada] Muncul tombol Play untuk memutar video [Data Ada] Gambar 3.6 Activity Diagram Memutar Video Animasi Berdasarkan activity diagram memutar video diatas, pada awal form dijalankan, kita harus menekan tombol PlayerLoad, lalu kemudian muncul form Time Range. Pada form tersebut kita harus menentukan tanggal, dan range waktu, waktu awal dan waktu akhir. Contoh untuk tanggal , dan untuk range waktu, waktu awal dan waktu akhir Kemudian tekan tombol Ok, jika data ada maka video rekaman data pada tanggal yang telah dipilih dapat dijalankan. 3.5 Class Diagram Class diagram merupakan sebuah diagram pemodelan yang berfungsi menjelaskan hubungan yang terjadi pada tiap class dalam sebuah system. Ada berbagai teknik bagaiman kita mendefinisikan sebuah pemodelan class diagram, salah satunya caranya adalah dengan Textual Analysis. Textual Analysis adalah analisa dari teks dalam penggunaan deskripsi pada sebuah use case. Analisa dimulai dengan meninjau penggunaan deskripsi dari sebuah use case dan penggunaannya pada use case diagram. Kalimat yang terdapat di dalam deskripsi,

10 40 akan diperiksa untuk mengidentifikasi objek potensial, atribut, operasi, dan hubungan. Kata benda dalam penggunaan use case mungkin menunjukkan sebuah class, sedangkan kata kerja mungkin sebuah operasi (Dennis, 2005:221). Pendefinisian Class Diagram, dari use case diagram pada Form : - User adalah class, jadi kita telah mendapatkan 1 class. - Historical Track, Historical GPS, Historical Wifi, Video, dan Speed adalah masing-masing sebuah class, jadi kita mendapatkan 5 buah class. - Tanggal dan (Tanggal dan Jam) karena kedua class tersebut mempunyai atribut dan operasi yang hamper sama, kedua class tersebut merupakan turunan dari Waktu. Sehingga dari use case diagram playback diperoleh 7 class yakni: - User - Historical Track - Sinyal GPS - Sinyal Wifi - Video - Speed - Waktu Berikut adalah hasil dari Pemodelan Class diagram untuk Form berdasarkan sudut pandang dari use case:

11 41 Gambar 3.7 Class Diagram Form (use case view) Dari gambar class diagram 3.7 kita dapat mengetahui bahwa: 1. Terdapat 2 hubungan asosiasi yaitu: a. Class User terhadap class Video Animasi b. Class User terhadap class Historical. 2. Dari 2 hubungan asosiasi diatas, masing-masing memiliki multiplicity yang bernilai sama yaitu ; [1] dan [0..]. a. Untuk multiplicity [1] mempunyai arti satu, bisa ditulis atau tidak. b. untuk multiplicity [0..] mempunyai arti antara nol sampai banyak. 3. Terdapat 3 hubungan agregasi yaitu: a. Class Speed terhadap class VideoAnimasi, dengan multiplicity [0..] dan [1]

12 42 b. Class Waktu terhadap class Video, dengan multiplicity [0..] dan [1] c. Class Waktu terhadap class Historical, dengan multiplicity [0..] dan [1] 4. Terdapat 2 generalisasi yaitu: a. Generalisasi dari class Historical, terdiri dari : 1. Class SinyalWifi 2. Class HistoricalTrack 3. Class SinyalGPS b. Generalisai dari class Waktu, terdiri dari : 1. Class TanggalJam 2. Class Tanggal 3.6 Sequence Diagram Setelah dilakukan pemodelan use case diagram, activity diagram, dan class diagram pada bagian sebelumnya. Pada bagian ini akan dilakukan pemodelan yang terakhir yakni dengan menggunakan sequence diagram. Mereka mengambarkan objek yang berpartisipasi pada sebuah use case dan pesan yang terlewati diantara mereka dari waktu ke waktu untuk sebuah use case. Dari empat use case yang telah diketahui dari use case diagram sebelumnya, maka masingmasing use case akan di buat sequence diagramnya, berikut adalah sequence diagram dari use case tersebut.

13 Sequence Diagram Melihat Historical Track Form Tombol Historical Track Form Date Range Viewer Map Historical Track Mengaktifkan Form Date Range Tekan Tombol Ok Memilih Range Date Menampilkan Historical Track Gambar 3.8 Sequence Diagram Historical Track Sequence Diagram Melihat Sinyal GPS Form Tombol Historical GPS Form Date Range Layer Map Historical GPS Mengaktifkan Form Date Range Tekan Tombol Ok Memilih Range Date Menampilkan Historical GPS Gambar 3.9 Sequence Diagram Melihat GPS

14 Sequence Diagram Melihat Wifi Form Tombol Historical Wifi Form Date Range Layer Map Historical Wifi Mengaktifkan Form Date Range Tekan Tombol Ok Memilih Range Date Menampilkan Historical Wifi Gambar 3.10 Sequence Diagram Melihat Wifi Sequence Diagram Memutar VideoAnimasi Form Tombol PlayerLoad Form Time Range Layer Map PlayerLoad Mengaktifkan Form Time Range Tekan Tombol Ok Memilih Tanggal dan Range Waktu Memutar rekaman video Gambar 3.11 Sequence Diagram memutar VideoAnimasi