Analisis Kebutuhan Perancangan Interface

commit to user 11

BAB III ANALISIS KEBUTUHAN DAN PERANCANGAN SISTEM

3.1 Analisis Kebutuhan

1. Kebutuhan Sistem 1.1. Kebutuhan Fungsional 1.1.1 Sistem Bersifat: - Local Hosting 1.1.2 Sistem dapat menampilkan informasi dari: Cabang PMI 1.1.3 Sistem menampilkan : - Informasi Antrian - Stok Persediaan Darah - Informasi Layanan PMI - Foto Kegiatan PMI 1.1.4 Pengguna Sistem: - Admin : Pihak yang memanage sistem mengelola data antrian, mengelola data persediaan darah, mengelola informasi layanan PMI dan foto-foto kegiatan 1.1.5 Setelah login ke sistem, maka diberikan fungsi: 1.1.5.1 Admin : Manage Sistem meliputi: - Input data antrian - Update data antrian - Input Data Persediaan Darah - Import Data Persediaan Darah - Input Informasi Layanan PMI commit to user 12 - Update Informasi Layanan PMI - Input Foto-foto kegiatan - Update Foto Kegiatan - View Informasi Persediaan Darah - View Informasi Layanan PMI - View Foto-foto kegiatan - View data antrian 1.1.6 Guest diberikan kebebasan untuk melihat informasi 1.2. Kebutuhan Non Fungsional - Sistem mudah dipelajari dan digunakan - Mengurangi sistem manual - Dapat dijalankan dengan sistem operasi windows dan linux 3.2. Perancangan Sistem 3.2.1 Use Case Model Tabel 3.1. Actor Glossary Nama Deskripsi Admin Orang yang bertanggungjawab terhadap jalannya sistem termasuk melakukan pengelolaan terhadap sistem Guest Orang yang dapat melihat hasil informasi dari sistem ini. commit to user 13 Tabel 3.2. Hak dan Kewajiban Aktor Nama Deskripsi Admin melakukan kelola antrian yang meliputi input data antrian serta update data antrian, kelola info layanan PMI yang meliputi input data stok darah, import data stok darah, update stok darah, kelola informasi layanan PMI yang meliputi , input informasi layanan PMI, update informasi layanan PMI, kelola foto kegiatan PMI yang meliputi input foto kegiatan PMI, serta update foto kegiatan PMI. Untuk menjalankan fungsi tersebut admin harus login terlebih dahulu. Guest Melakukan view informasi antrian dan stok darah PMI. Untuk menjalankan fungsi tersebut, guest harus mengisi form terlebih dahulu.

3.2.2. Use Case Glossary

Tabel 3.3. Use Case Glossary ID Usecase Deskripsi 1. Login Fungsi yang digunakan agar user dapat mengakses sistem lebih dalam sesuai dengan hak akses yang dimiliki masing-masing user. 2. Manage Sistem Fungsi untuk melakukan pengelolaan terhadap Layanan Antrian di PMI. Fungsi ini meliputi input antrian dan update antrian. Pengelolaan terhadap layanan PMI meliputi informasi stok darah yang terdiri dari input data stok darah, import data stok darah, serta update data stok darah, kemudian input informasi layanan PMI beserta update info layanan PMI, dan input foto-foto kegiatan beserta update foto kegiatan-kegiatan. commit to user 14 3. View Informasi PMI Fungsi untuk menampilkan informasi antrian dan stok darah secara keseluruhan. Dapat dilihat tanpa harus login terlebih dahulu. 4 Ganti Password Usecase yang digunakan user untuk mengganti password yang dimilikinya.

3.2.3. Use Case Diagram

Gambar 3.1. Diagram Use Case

3.2.4. Use Case Skenario

Tabel 3.4 Use Case Skenario login Use Case Name Login ID 1 Importance Level High commit to user 15 Primary Actor Admin Stakeholders and interest Admin: melakukan login untuk melakukan akses lebih jauh terhadap sistem Brief Description Use case ini berfungsi untuk login agar user dapat dikenali sistem sehingga dapat mengakses sistem lebih lanjut sesuai dengan hak yang diberikan padanya. Trigger Admin ingin meggunakan sistem lebih lanjut Type Internal Relationship Include: login Normal Flow event Aksi Admin Reaksi 1. Memasukkan username dan password 2. Mencocokkan username dan password yang dimasukkan dengan database 3. Jika data sesuai, login berhasil 4. Mengambil level user yang login dari database 5. Menuju ke menu utama sesuai level user AlternateExcep tional flow 4. Data tidak sesuai, login gagal 5. Kembali ke langkah 1 commit to user 16 Tabel 3.5 Use Case Skenario Manage Sistem Use Case Name Manage Sistem ID 2 Importance Level High Primary Actor Admin Stakeholders and interest Admin: menginput data antrian, mengupdate data antrian, menginput data stok darah, import data stok darah, serta update data stok darah, kemudian input info layanan PMI beserta update info layanan PMI, dan input foto-foto kegiatan beserta update foto kegiatan-kegiatan. Brief Description Usecase ini berfungsi untuk melakukan pengelolaan terhadap Layanan PMI yang meliputi Informasi Antrian yang meliputi input Antrian dan update antrian, Stok Darah yang terdiri dari input data stok darah, import data stok darah, serta update data stok darah, kemudian input info layanan PMI beserta update info layanan PMI, dan input foto-foto kegiatan beserta update foto kegiatan- kegiatan. Trigger Admin memiliki informasi yang ingin ditampilkan Type Internal Relationship Assosiation : admin Include : login Extends : update antrian, update stok darah, update informasi, update foto Generalizaton : inputStokDarah, importStokDarah, inputInfoLayananPMI, inputFotoKegiatanPMI Normal Flow event Aksi admin Reaksi Sistem 1. Melakukan manage sistem 2. Menampilkan perubahan data commit to user 17 Sub flow 2.1 Memilih input antrian, input layanan PMI, input informasi dan input foto kegiatan. 2.1.1. sistem akan melakukan pengecekan terhadap data yang dimasukkan 2.1.2. Jika data benar sistem akan menyimpan data di database 2.1.3. Kembali ke halaman manage sistem 2.2 Memilih import data stok darah 2.2.1. sistem akan melakukan pengecekan terhadap data yang dimasukkan 2.2.2. Jika data benar sistem akan menyimpan data di database 2.2.3. Kembali ke halaman manage informasi layanan PMI 2.3 Memilih update info layanan PMI 2.3.1 Sistem menampilkan data yang akan diupdate 2.3.2. sistem akan melakukan pengecekan terhadap data yang dimasukkan 2.3.3. Jika data benar sistem akan menyimpan data di database 2.3.4. Kembali ke halaman manage informasi layanan. commit to user 18 AlternateExceptional flow 2.4 Memperbarui Data 2.4.1. Jika data yang dimasukkan salah, akan muncul pesan error. 2.5 Kembali ke halaman manage sistem. 2.6 kembali ke langkah 2.1 Tabel 3.6. Use Case Skenario View Informasi Antrian dan Stok Darah PMI Use Case Name View Informasi Antrian dan Stok Darah PMI ID 3 Importance Level medium Primary Actor guest Stakeholders and interest Guest: view informasi antrian,stok darah, informasi layanan PMI, foto kegiatan. Brief Description Usecase in berfungsi untuk melihat tampilan informasi yang disajikan. Trigger Guest mendapatkan informasi Type eksternal Relationship Assosiation : guest Extends : manageSistem Normal Flow event Aksi guest Reaksi sistem 1. Melakukan request lihat informasi 2. Menampilkan Informasi Tabel 3.7. Use Case Skenario Edit Password Use Case Name Edit password ID 4 Importance Level medium Primary Actor Admin commit to user 19 Stakeholders and interest Admin mengganti password lama menjadi password baru Brief Description Melakukan pergantian password dari password lama ke password baru Trigger Admin merasa password perlu diganti untuk keamanan lebih. Type internal Relationship Include : login Normal Flow event Aksi Admin Reaksi sistem 4.1.Memasukkan data password lama Memasukkan data password baru 4.1.1 Melakukan pengecekan data password lama dan memvalidasi password baru 4.1.2. Data valid 4.1.3. Melakukan perubahan password di database 4.1.4. Password berhasil diganti, menampilkan pesan berhasil 4.1.5 Kembali ke menu utama AlternateExceptional flow 4.2. Password Lama Salah 5. Password baru, Data tidak valid 6. Kembali ke langkah 1 commit to user 20

3.2.5. Class Diagram Analysis

Gambar 3.2. Diagram Class Analisis commit to user 21

3.2.6. Sequence Diagram

1. Login Gambar 3.3. Diagram Sequence Login 2. InputAntrian Gambar 3.4. Diagram Seqeunce Input Antrian commit to user 22 3. View Antrian Gambar 3.5. Diagram Seqeunce View Antrian 4. UpdateAntrian Gambar 3.6. Diagram Sequence Update Antrian commit to user 23 5. InputStok Gambar 3.7 Diagram Sequence Input Stok 6. UpdateStok Gambar 3.8. Diagram Sequence Update Stok commit to user 24 7. View Stok Gambar 3.9. Diagram Sequence View Stok 8. InputInfoLayanan Gambar 3.10. Diagram Sequence Input Layanan 9. UpdateInfoLayanan Gambar 3.11. Diagram Sequence Update Layanan commit to user 25 10. View Data Layanan Gambar 3.12. Diagram Sequence View Data Layanan 11. Input Foto Gambar 3.13. Diagram Sequence input foto commit to user 26 12. Update Foto Gambar 3.14. Diagram Sequence update foto 13. View Foto Gambar 3.15. Diagram Sequence view foto commit to user 27

3.2.7. Class Diagram Desain

Gambar 3.16. Diagram Class Antrian commit to user 28 Gambar 3.17. Diagram Class Stok Darah Gambar 3.18. Diagram Class Informasi Layanan commit to user 29 Gambar 3.19. Diagram Class Foto

3.3. Pedoman Implementasi

3.3.1. Kebutuhan Hardware

a. Processor Pentium3 800mhz b. 256 Mb RAM: 2 MB Free Space For Apllication 250MB Freespace for XAMPP c. Operating Sistem Windows 200o, XP, Vista, Seven 3264 bit sistem d. LCD : Primary Screen resolution 1024-768 pixel Secondary Screen resolution 1280-768 pixel commit to user 30

3.3.2. Kebutuhan Software

a. Netbean dengan tambahan library jdbc, jmf b. Xampp c. Jre jdk

3.4. Perancangan Interface

Interface yang disediakan, akan meliputi dua hal, yaitu Halaman Admin Panel dan Tampilan Utama. Halaman Admin meliputi Halaman Login dan Halaman Utama Admin. Gambar 3.20. Halaman Login Halaman login admin merupakan halaman awal untuk dapat mengakses halaman utama admin. Gambar 3.21 Halaman Utama Admin commit to user 31 Halaman utama admin terdiri dari menu-menu untuk mengelola sistem dan informasi yang akan ditanpilkan pada aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini. Gambar 3.22 Tampilan Utama Tampilan utama merupakan rancangan interface yang akan dibangun dan ditayangkan dari sistem ini. Pada tampilan ini terdiri dari beberapa frame yang mencakup informasi antrian, persediaan darah, serta layanan dari PMI. commit to user 32

BAB IV IMPLEMENTASI DAN EVALUASI SISTEM

1.1. Implementasi Sistem

Sesuai dengan perancangan sistem yang telah dikemukakan sebelumnya, pada Sistem Pendukung Layanan Antrian dan Informasi Persediaan Darah PMI ini dibagi menjadi dua interface, yaitu interfase untuk admin dan interface untuk pengunjung atau tamu. Interface admin terdiri dari menu-menu untuk mengatur isi informasi yang akan ditampilkan pada sistem tayang antrian dan nformasi persediaan darah.

1.2. Implementasi Antarmuka

1.2.1. Halaman Tampilan Utama Pengunjung

Implementasi dari Sistem Tayang Antrian Dan Persediaan Darah PMI Surakarta menjadi Aplikasi Desktop seperti berikut. Aplikasi ini disingkat menjadi STAPDPMI. Gambar 4.1. Tampilan STAPDPMI