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.
3.1.1 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
http://digilib.mercubuana.ac.id/
32
3.2 Perancangan Pada bagian ini akan dijelaskan perancangan dari form Playback. 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:
http://digilib.mercubuana.ac.id/
33
Sistem Form playback
<
>
Melihat Historical Track
* * * *
User
Melihat Sinyal GPS
<>
Memilih tanggal
* * *
*
Melihat Sinyal Wifi
Memutar video animasi
<>
<>
Memilih tanggal dan waktu
<<extend>>
Atur Speed Video
Gambar 3.2 use case diagram form Playback
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 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 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.
http://digilib.mercubuana.ac.id/
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 4-5. 3. 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”.
http://digilib.mercubuana.ac.id/
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 4-5. 4. 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 Playback 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,
http://digilib.mercubuana.ac.id/
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 Playback, 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 Playback tersebut: 3.4.1
Activity Diagram Melihat Historical Track
Jalankan Form Playback
[Tidak]
Tutup Form Playback
[Pilih ulang] Map Viewer
Tekan Tombol Historical Track [Cancel] Atur range Tanggal pada Form Date Range
[Data Tidak Ada]
Menampilkan Rekaman Historal Track
[Ok] [Data Ada]
Gambar 3.3 Activity Diagram Historical Track Berdasarkan activity diagram Historical Track diatas, pada awal form Playback dijalankan, kita harus menekan tombol Historical Track, lalu kemudian
http://digilib.mercubuana.ac.id/
37
muncul form Date Range. Pada form tersebut kita harus menentukan range tanggal, tanggal awal dan tanggal akhir. Contoh untuk tanggal awal “20-092011”, dan untuk tanggal akhir “20-09-2011”. Meskipun terlihat bawah tanggal awal dan dan akhir sama, namun itu menandakan kita ingin menampilkan historical track hanya pada tanggal “20-09-2011” 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. 3.4.2
Activity Diagram untuk Melihat Sinyal GPS
Jalankan Form Playback
[Tidak]
Tutup Form Playback
[Pilih ulang] Viewer Map
Tekan Tombol Sinyal GPS [Cancel] Atur range Tanggal pada Form Date Range
[Data Tidak Ada]
Menampilkan Rekaman Historal GPS
[Ok] [Data Ada]
Gambar 3.4 Activity Diagram Melihat Sinyal GPS
Berdasarkan activity diagram Sinyal GPS diatas, pada awal form Playback 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 “20-09-2011”, dan untuk tanggal akhir “20-09-2011”. Meskipun terlihat bawah tanggal awal dan dan akhir sama, namun itu menandakan kita ingin menampilkan historical track hanya pada tanggal “20-09-2011” 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.
http://digilib.mercubuana.ac.id/
38
3.4.3
Activity Diagram untuk Melihat Sinyal Wifi
Jalankan Form Playback
[Tidak]
Tutup Form Playback
[Pilih ulang] Map Viewer
Tekan Tombol Historical GPS [Cancel] Atur range Tanggal pada Form Date Range
[Data Tidak Ada]
Menampilkan Rekaman Historal Wifi
[Ok] [Data Ada]
Gambar 3.5 Activity Diagram Melihat Sinyal Wifi Berdasarkan activity diagram melihat Sinyal Wifi diatas, pada awal form Playback 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 “20-092011”, dan untuk tanggal akhir “20-09-2011”. Meskipun terlihat bawah tanggal awal dan dan akhir sama, namun itu menandakan kita ingin menampilkan historical track hanya pada tanggal “20-09-2011” 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.
http://digilib.mercubuana.ac.id/
39
3.4.4
Activity Diagram Memutar Video
Tutup Form Playback
Jalankan Form Playback [Lihat ulang] Map Viewer Tekan Tombol PlayerLoad [Cancel] [Data Tidak Ada] Atur Tanggal dan range waktu pada Form Time Range
[Ok]
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 Playback 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 “20-09-2011”, dan untuk range waktu, waktu awal “18.00.00” dan waktu akhir “18.01.30”. 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,
http://digilib.mercubuana.ac.id/
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 Playback: -
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 Playback berdasarkan sudut pandang dari use case:
http://digilib.mercubuana.ac.id/
41
Gambar 3.7 Class Diagram Form Playback (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]
http://digilib.mercubuana.ac.id/
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.
http://digilib.mercubuana.ac.id/
43
3.6.1
Sequence Diagram Melihat Historical Track
Form Playback
Jalankan Form Playback
Tombol Historical Track
Tekan Tombol Historical Track
Form Date Range
Viewer Map
Mengaktifkan Form Date Range
Memilih Range Date Tekan Tombol Ok
Menampilkan Historical Track
Gambar 3.8 Sequence Diagram Historical Track
3.6.2 Sequence Diagram Melihat Sinyal GPS Form Playback
Jalankan Form Playback
Tombol Historical GPS
Tekan Tombol Historical GPS
Form Date Range
Mengaktifkan Form Date Range
Memilih Range Date Tekan Tombol Ok
Menampilkan Historical GPS
Gambar 3.9 Sequence Diagram Melihat GPS
http://digilib.mercubuana.ac.id/
Layer Map
44
3.6.3
Sequence Diagram Melihat Wifi Form Playback
Jalankan Form Playback
Tombol Historical Wifi
Tekan Tombol Historical Wifi
Form Date Range
Layer Map
Mengaktifkan Form Date Range
Memilih Range Date
Menampilkan Historical Wifi
Tekan Tombol Ok
Gambar 3.10 Sequence Diagram Melihat Wifi
3.6.4
Sequence Diagram Memutar VideoAnimasi Form Playback
Jalankan Form Playback
Tekan Tombol PlayerLoad
Tombol PlayerLoad
Form Time Range
Mengaktifkan Form Time Range
Memilih Tanggal dan Range Waktu Tekan Tombol Ok
Layer Map
Memutar rekaman video
Gambar 3.11 Sequence Diagram memutar VideoAnimasi
http://digilib.mercubuana.ac.id/