Use Case: Mengatur Tampilan Data Viewer

Departemen Ilmu Komputer

HASIL DAN PEMBAHASAN Perangkat lunak yang akan dikembangkan

3 Iterasi Ketiga

3.1 Data Viewer Perencanaan

3.1.2.1 Use Case: Mengatur Tampilan Data Viewer

Release Kode Use Cases

3 DV-07 Mengatur tampilan Data Viewer

DV-08 Mengubah tanggal data yang dilihat

Desain 3.1.2

3.1.2.1 Use Case: Mengatur Tampilan Data Viewer

Use case ini dideskripsikan oleh Tabel 11.

Tabel 11 Use case mengatur tampilan Data Viewer

Penjelasan Aktor Administrator

Tujuan Mengatur tampilan Data Viewer Pre-

condition

Administrator berada pada home page Data Viewer

Deskripsi Administrator melakukan klik pada menu Preferences. Data Viewer kemudian menampilkan halaman preferensi. Administrator memberikan konfigurasi Data Viewer yang diinginkan dan kemudian melakukan klik pada tombol OK untuk mengkonfirmasi penyimpanan preferensi

Post- condition

Administrator dikembalikan ke home page dan tampilan halaman tersebut sesuai dengan preferensi yang telah dipilih

Gambar 24 Diagram robustness untuk mengatur tampilan Data Viewer. Diagram sequence untuk use case ini ditunjukkan oleh Lampiran 8.

3.1.2.2 Use Case: Mengubah Tanggal Data yang Dilihat

Use case ini dideskripsikan oleh Tabel 12. Tabel 12 Use case mengubah tanggal data yang

dilihat Penjelasan Aktor Administrator

Tujuan Mengubah tanggal data log yang ingin ditampilkan

Pre- condition

Administrator berada pada home page Data Viewer

Deskripsi Administrator melakukan klik pada tanggal yang terdapat kalender yang berada pada home page.

Post- condition

Semua tanggal grafik yang sedang ditampilkan berubah menjadi tampilan grafik yang sesuai dengan tanggal yang telah dipilih oleh administrator

Berdasarkan deskripsi use case pada Tabel 12, maka diagram robustness untuk use case ini ditunjukkan oleh Gambar 25.

Gambar 25 Diagram robustness untuk mengubah tanggal data yang ingin dilihat.

Use case (grafik) dengan kode DV-01 sampai dengan DV-06 akan di-reload ulang setelah administrator melakukan klik pada tanggal. Grafik yang di-reload hanya grafik yang sudah diberi tanda centang. Grafik yang tidak dicentang tidak akan di-reload.

Diagram robustness untuk grafik yang dicentang sama dengan diagram robustness untuk masing-masing use case dan disini hanya dilambangkan dengan elips berisi tulisan DV-01 s.d. DV-06. Artinya, kelanjutan diagram robustness pada Gambar 25 sesuai dan sama dengan diagram robustness untuk DV-01 sampai dengan DV-06. Diagram sequence untuk use case mengubah tanggal data log dijelaskan oleh Gambar 26.

Gambar 26 Diagram sequence untuk mengubah tanggal data yang ingin dilihat.

Implementasi 3.1.3

3.1.3.1 Mengatur Tampilan Data Viewer Kelas controller yang mengatur tentang preferensi pada Data Viewer adalah kelas Preferences. Kelas Preferences merupakan turunan dari kelas My_Controller. Oleh karena itu, sebelum halaman preferensi ditampilkan maka fungsi validate_cookies() pada My_Controller akan dipanggil terlebih dahulu.

Setelah halaman preferensi ditampilkan, kemudian administrator memberikan inputan konfigurasi tampilan Data Viewer yang diinginkan. Preferensi yang dapat diatur dapat dilihat pada Gambar 27.

Gambar 27 Potongan halaman preferensi pada Data Viewer.

Setelah konfigurasi preferensi diberikan kemudian administrator melakukan klik pada tombol Save Preferences supaya preferensinya dapat disimpan. Konfigurasi preferensi disimpan pada cookies yang terdapat pada browser. Jika proses penyimpanan preferensi

dikembalikan ke home page. Tampilan home page akan sesuai dengan preferensi yang telah dipilih.

Apabila proses penyimpanan mengalami kegagalan, maka halaman yang menyatakan bahwa proses penyimpanan preferensi gagal dilakukan akan ditampilkan. Potongan halaman ini ditunjukkan oleh Gambar 28.

Gambar 28 Halaman yang dimunculkan ketika menyimpan preferensi gagal dilakukan.

3.1.3.2 Mengubah Tanggal Data yang Dilihat

Seperti yang ditunjukkan oleh diagram robustness pada Gambar 26, maka implementasi dari use case ini hanya pada pengubahan tanggal data. Pengubahan tanggal data ini dilakukan dengan melakukan klik pada tanggal pada kalender. Setelah itu Data Viewer akan melakukan reload terhadap semua grafik yang sedang ditampilkan. Proses reload ini akan sama implementasinya dengan use case menampilkan grafik DV-01 sampai dengan DV- 06.

Gambar 29 Data Viewer sebelum dan setelah penambahan kalender.

Berdasarkan Lampiran 3 dan Lampiran 4 terlihat bahwa ada data datetime yang diberikan pada kelas controller. Use case DV-08 ini akan melakukan pengubahan pada data datetime

setelah ditambahkan dengan kalender ditunjukkan oleh Gambar 29.

Data Viewer telah selesai pada iterasi ketiga. Diagram kelas lengkap dapat dilihat pada Lampiran 13. Tampilan akhir dari Data Viewer dapat dilihat pada Lampiran 14.

Pengujian Sistem 1. Pengujian Fungsional

Setelah mengalami beberapa iterasi maka NOCPM selesai diimplementasikan. Meskipun pada saat implementasi pada tiap iterasi telah dilakukan pengujian, namun pengujian secara menyeluruh tetap perlu dilakukan. Pengujian dilakukan dengan berfokus pada data masukan dan data keluaran sistem. Jadi, pengujian yang dilakukan tergolong pengujian black box, yaitu pengujian yang memeriksa apakah masukan dari pengguna memberikan hasil keluaran yang benar tanpa memperhatikan proses di dalamnya. Setelah dilakukan pengujian terhadap NOCPM, maka didapatkan hasil semua use cases berjalan dengan baik. Semua use cases diuji dengan input yang sesuai dan use cases tersebut menghasilkan output yang benar. Hasil pengujian dapat dilihat pada Lampiran 15. 2. Pengujian Kinerja (Performance)

Pengujian kinerja dilakukan dengan mengukur waktu respon dimulai ketika sinyal diterima oleh Watch Tower sampai sinyal tersebut tercatat (sebagai log) pada database. Hasil pengujian kinerja dapat dilihat pada Lampiran 16. Pada lampiran tersebut terlihat bahwa waktu respon sangat cepat. Respon terlama hanya memakan waktu satu detik.

Waktu respon untuk sampainya pesan peringatan kepada administrator tidak dapat diukur secara pasti karena waktu SMS pada telepon seluler ketelitiannya hanya sampai menit. Namun, dari hasil pengujian, sampainya SMS pemberitahuan tidak memakan waktu lama. Rata-rata waktu untuk sampainya SMS tidak lebih dari satu menit.

Sampainya SMS pemberitahuan dapat memakan waktu yang lebih lama apabila operator jaringan seluler sedang padat/sibuk. Selain itu dapat juga disebabkan oleh buruknya kualitas sinyal yang didapat oleh telepon selular penerima.

KESIMPULAN DAN SARAN Kesimpulan

Network Operations Center Power Monitor (NOCPM) adalah perangkat lunak yang dapat memantau keadaan kelistrikan (listrik padam atau listrik menyala). NOCPM terbagi menjadi dua subsitem, yaitu Watch Tower dan Data Viewer.

Watch Tower bertugas untuk memantau kelistrikan dan membuatkan log untuk setiap kejadian pemadaman listrik (dan log listrik kembali menyala). Waktu respon Watch Tower ketika menerima sinyal pemadaman listrik sampai sinyal tersebut tercatat pada database sangat cepat, yaitu tidak lebih dari satu detik.

Watch Tower juga dapat mengirimkan pesan singkat pemberitahuan telah terjadi pemadaman listrik pada administrator. Waktu yang ditempuh sejak sinyal pemadaman listrik diterima Watch Tower sampai pesan pemberitahuan diterima oleh administrator tidak lebih dari satu menit.

Data Viewer bertugas untuk memvisualisasikan log yang didapat Watch Tower kedalam bentuk grafik sehingga ide/informasi dari log dapat dibaca dengan mudah.

Saran

Pengembangan lebih lanjut dari perangkat lunak ini dapat diarahkan pada:

1. membuat alat atau device yang dapat memantau pemadaman listrik untuk digunakan bersamaan dengan perangkat lunak ini

2. membuat fasilitas tambahan seperti melakukan perintah tertentu via pesan singkat terhadap komputer yang dipasangi perangkat lunak NOCPM

3. menyediakan fasilitas mekanisme log seperti back up log (database). Database akan dipakai terus menerus selama NOCPM menyala, oleh karena itu harus disediakan fitur back up agar database tidak penuh 4. menyediakan mekanisme otentikasi untuk

Watch Tower sehingga tidak semua orang dapat membuka dan mengubahnya

DAFTAR PUSTAKA

___. JpGraph Documentation. [terhubung berkala]. http://jpgraph.net/doc/ [26 Sep 2011].

___. The Gammu Manual. [terhubung berkala]. http://wammu.eu/docs/manual/ [26 Sep 2011].

Bai Y. 2005. The Windows Serial Port Programming Handbook. United States of America: Auerbach.

Dennis A et al. 2006. System Analysis and Design 3rd ed. Indiana: John Wiley & Sons, Inc.

Ohara GJ. 2005. Aplikasi Sistem Monitoring Berbasis Web untuk Open Cluster [Skripsi]. Bandung. Jurusan Teknik Elektro Sekolah Tinggi Teknologi Telkom.

Rosenberg D, Stephens M, Cope MC. 2005. Agile Development with ICONIX Process: People, Process, and Pragmatism. New York: Apress.

Rosenberg D, Stephens M. 2007. Use Case Driven Object Modelling with UML: Theory and Practice. New York: Apress.

Shore J, Warden S. 2008. The Art of Agile Development. California: O’Reilly.

Lampiran 6 Window pengaturan database

Lampiran 9 Grafik melihat lama mati bulanan

Lampiran 11 Grafik melihat lama mati tahunan

Lampiran 13 Lanjutan

+__construct() +get_datetime()

+set_datetime (in $datetime) +get_visual_type() +set_visual_type()(in $visual_type) +get_year() +set_year(in $year) +get_month() +set_month(in $month) +get_day() +set_day(in $day) +get_part_title() +set_part_title(in $part_title) +create_visualization(in <<11 params>>) +_create_y_data_array() +_create_x_data_array() +count_frequent() +count_second() -$datetime -$visual_type -$year -$month -$day -$part_title Visualization +__construct() +get_log()

+count_frequent(in $param1, in $param2) +count_second(in $param1, in $param2) -log My_Model +__construct() #get_default_pref() #apply_cookies(in $cookies) #get_current_cookies() #validate_cookies() #is_valid_cookie(in $p) -$default_pref My_Controller +__construct() +getPowerStatus() loader _m +__construct()

+count_frequent(in $week_start, in $week_end) +count_second(in $week_start, in $week_end)

Graph_weekly

+__construct()

+count_frequent(in $year, in $month) +count_second(in $year, in $month)

Graph_monthly +__construct() +count_frequent(in $year) +count_second(in $year) Graph_yearly +__construct() +index() about +__construct() +index() loader +__construct() +_create_y_data_array() +_create_x_data_array() +count_frequent() +count_second() -$number_of_day_in_month monthly +__construct() +index() +save_preferences() -get_post_data() +error_save_preferences() Preferences +__construct() +_create_y_data_array() +_create_x_data_array() +count_frequent() +count_second() -$day_of_week -$week_start -$week_end weekly +__construct() +_create_y_data_array() +_create_x_data_array() +count_frequent() +count_second() yearly

Diagram kelas keseluruhan dibuat dengan menggunakan Microsoft Visio 2010. Subsistem Watch Tower dibuat menggunakan Class Diagram dari Microsoft Visual Studio 2010 Service Pack 1. Subsistem Data Viewer dibuat menggunakan Microsoft Visio 2010. Keterengan access modifier dapat dilihat pada tabel berikut ini

Lambang Microsoft Visio 2010 Microsoft Visual Studio 2010

private -

protected #

public +

Semua kelas dicetak dengan menggunakan huruf tebal. Kelas dengan huruf tebal dan italik adalah kelas abstrak. Kelas dengan huruf biasa adalah kelas siap pakai yang disediakan oleh .NET Framework 4 (pada Watch Tower) atau berupa pluggin (pada Data Viewer).

Lampiran 15 Hasil pengujian NOCPM

Use case Skenario uji Hasil yang diharapkan Hasil yang muncul Hasil pengujian Watch Tower

WT-01 Listrik mati dan power checker device3 mengirimkan sinyal kepada Watch Tower

Terdapat log listrik mati pada database dan log tersebut muncul pada window Watch Tower

Terdapat log listrik mati pada database dan log tersebut muncul pada window Watch Tower

Sukses

WT-02 Melakukan dobel klik pada icon Watch Tower pada system tray atau melakukan klik kanan pada icon tersebut dan memilih menu restore

Muncul window Watch Tower dan seluruh kejadian pemadaman listrik yang terjadi selama Watch Tower menyala ditampilkan

Window Watch Tower muncul dan log selama Watch Tower menyala ditampilkan

Sukses

WT-03 Sama seperti skenario WT-01 Pengguna menerima pesan singkat pemberitahuan terjadi pemadaman listrik Pengguna menerima SMS pemberitahuan Sukses WT-04 Memilih menu Preferences dan mengisi field yang disediakan dengan konfigurasi yang diinginkan kemudian mengkonfirmasi pengubahan dengan mengklik tombol OK Konfigurasi Watch Tower berubah Konfigurasi Watch Tower berubah Sukses Data Viewer DV-01 Mencentang weekly time Tampil grafik weekly

time pada homepage

Grafik weekly time muncul pada homepage

Sukses

DV-02 Mencentang weekly frequent

Tampil grafik weekly frequent pada homepage

Grafik weekly frequent muncul pada

homepage

Sukses

DV-03 Mencentang monthly time

Tampil grafik monthly time pada homepage

Grafik monthly time muncul pada homepage

Sukses

DV-04 Mencentang monthly frequent

Tampil grafik monthly frequent pada homepage

Grafik monthly frequent muncul pada homepage

Sukses

DV-05 Mencentang yearly time Tampil grafik yearly time pada homepage

Grafik yearly time muncul pada homepage

Sukses

DV-06 Mencentang yearly frequent

Tampil grafik yearly frequent pada homepage

Grafik yearly frequent muncul pada

homepage

Sukses

Lampiran 15 Lanjutan

Use case Skenario uji Hasil yang diharapkan Hasil yang muncul Hasil pengujian DV-07 Mengklik menu Site

Preferences dan memilih konfigurasi sesuai dengan yang diinginkan dan mengkonfirmasi pengubahan dengan mengklik tombol Save Preferences

Tampilan Data Viewer berubah sesuai dengan konfigurasi yang telah dilakukan

Sukses

DV-08 Mengklik suatu tanggal pada kalender

Semua grafik yang ditampilkan berubah sesuai dengan data tanggal yang dipilih

Sukses

Lampiran 16 Pengujian kinerja NOCPM

No. Waktu sinyal datang Waktu sinyal tercatat pada database Waktu respon (detik) Waktu pesan peringatan diterima 1 2011-08-12 13:01:05 2011-08-12 13:01:05 0 2011-08-12 13:01 2 2011-08-19 10:33:10 2011-08-19 10:33:11 1 2011-08-19 10:33 3 2011-08-19 10:35:53 2011-08-19 10:35:53 0 2011-08-19 10:36 4 2011-08-19 13:12:18 2011-08-19 13:12:19 1 2011-08-19 13:12 5 2011-09-16 22:05:32 2011-09-16 22:05:33 1 2011-09-16 22:05 6 2011-09-17 14:23:15 2011-09-17 14:23:15 0 2011-09-17 14:23 7 2011-09-17 14:52:54 2011-09-17 14:52:54 0 2011-09-17 14:53 8 2011-09-17 15:01:07 2011-09-17 15:01:07 0 2011-09-17 15:01

Lampiran 6 Window pengaturan database

Lampiran 9 Grafik melihat lama mati bulanan

Lampiran 11 Grafik melihat lama mati tahunan

Lampiran 13 Lanjutan

+__construct() +get_datetime()

+count_frequent(in $week_start, in $week_end) +count_second(in $week_start, in $week_end)

Graph_weekly

+__construct()

+count_frequent(in $year, in $month) +count_second(in $year, in $month)

Lambang Microsoft Visio 2010 Microsoft Visual Studio 2010

private -

protected #

public +

Lampiran 15 Hasil pengujian NOCPM

Use case Skenario uji Hasil yang diharapkan Hasil yang muncul Hasil pengujian Watch Tower

WT-01 Listrik mati dan power checker device3 mengirimkan sinyal kepada Watch Tower

Terdapat log listrik mati pada database dan log tersebut muncul pada window Watch Tower

Terdapat log listrik mati pada database dan log tersebut muncul pada window Watch Tower

Sukses

WT-02 Melakukan dobel klik pada icon Watch Tower pada system tray atau melakukan klik kanan pada icon tersebut dan memilih menu restore

Muncul window Watch Tower dan seluruh kejadian pemadaman listrik yang terjadi selama Watch Tower menyala ditampilkan

Window Watch Tower muncul dan log selama Watch Tower menyala ditampilkan

Sukses

time pada homepage

Grafik weekly time muncul pada homepage

Sukses

DV-02 Mencentang weekly frequent

Tampil grafik weekly frequent pada homepage

Grafik weekly frequent muncul pada

homepage

Sukses

DV-03 Mencentang monthly time

Tampil grafik monthly time pada homepage

Grafik monthly time muncul pada homepage

Sukses

DV-04 Mencentang monthly frequent

Tampil grafik monthly frequent pada homepage

Grafik monthly frequent muncul pada homepage

Sukses

DV-05 Mencentang yearly time Tampil grafik yearly time pada homepage

Grafik yearly time muncul pada homepage

Sukses

DV-06 Mencentang yearly frequent

Tampil grafik yearly frequent pada homepage

Grafik yearly frequent muncul pada

homepage

Sukses

Hal ini dilakukan melalui simulasi dengan menggunakan freeware Virtual Serial Ports Emulator sebagai aplikasi yang membuat serial port virtual dan freeware COM Port Data Emulator yang akan mengirimkan sinyal kepada serial port virtual tersebut

Lampiran 15 Lanjutan

Use case Skenario uji Hasil yang diharapkan Hasil yang muncul Hasil pengujian DV-07 Mengklik menu Site

Preferences dan memilih konfigurasi sesuai dengan yang diinginkan dan mengkonfirmasi pengubahan dengan mengklik tombol Save Preferences

Tampilan Data Viewer berubah sesuai dengan konfigurasi yang telah dilakukan

Sukses

DV-08 Mengklik suatu tanggal pada kalender

Semua grafik yang ditampilkan berubah sesuai dengan data tanggal yang dipilih

Sukses

Lampiran 16 Pengujian kinerja NOCPM

Dalam dokumen Sistem Monitoring Kelistrikan pada Network Operations Center (Halaman 54-92)