- PDF Download Gratis

Ukuran: px

Mulai penontonan dengan halaman:

Download ""

Liana Sumadi
6 tahun lalu
Tontonan:

BAB 4. PERANCANGAN Setelah melakukan proses analisa sistem berjalan maka akan dilakukan proses perancangan sistem yang diharapkan sesuai dengan kebutuhan pengguna yang dianalisa.

1 BAB 4. PERANCANGAN Setelah melakukan proses analisa sistem berjalan maka akan dilakukan proses perancangan sistem yang diharapkan sesuai dengan kebutuhan pengguna yang dianalisa. Dalam perancangan sistem berbasis web ini, penulis menggunakan bahasa Unified Modeling Language (UML) sebagai bahasa pemodelan. Perancangan aplikasi ini menggunakan software utama sebagai berikut: 1) XAMPP sebagai alat bantu utama untuk pembuatan aplikasi reservasi rumah sakit dengan algoritma queue berbasis web dan android 2) Sublime sebagai alat bantu editor pemrograman web 3) Android Studio sebagai alat bantu editor pemrograman android 4) Microsoft Visio 2010 sebagai alat bantu untuk mengolah UML 5) Web browser google chrome version Perancangan Algoritma Algortima yang dipakai aplikasi ini adalah algorima queue dan metode first in first out karena untuk melakukan reservasi sesuai dengan urutan waktu dan kedatangan pasien : Gambar 4-1Algoritma queue dan metode first in first out 4.2. Perancangan Sistem Algortima Untuk memudahkan pembuatan aplikasi reservasi rumah sakit dengan algoritma queue berbasis web dan android, penulis menggunakan metode UML. Yang perlu diketahui metode UML itu sendiri merupakan metode Object Oriented Programming (OOP) yang notasinya menggunakan 4-1

2 garis untuk menyatakan bahwa itu adalah suatu desain. Pemodelan dengan metode UML membantu melihat interaksi yang terjadi di aplikasi dan dapat membantu melihat suatu permasalahan yang kompleks menjadi lebih sederhana Model Sistem Gambar 4-2 Model System Antrian Objek-objek yang berperan pada Queue atau antrian diatas menggunakan metode first in first out adalah sebagai berikut : 1. tambah(menambah item pada belakang antrian) 2. hapus (menghapus elemen depan dari antrian) 3. kosong( mendeteksi apakah pada antrian mengandung elemen atau tidak) 4-2

3 4.2.2 Use Case Diagram Untuk Diagram ini menggambarkan interaksi antar aktor atau pengguna dengan sistem atau aplikasi. Usecase yang akan dirancang yaitu usecase diagram untuk pengaksesan melalui web dan android. Gambar 4-3 use case diagram 4-3

4 Dari gambar diatas dapat dilihat sistem ini terdiri dari 2 aktor dan 5 use case. Untuk lebih jelasnya, spesifikasi dari use case diagram (pengaksesan dari web dan android) dapat dilihat pada tabel 4-1 dibawah ini : No Aktor Nama Use Case Deskripsi 1 Pasien Login Masuk dengan memasukan dan password Reservasi Melakukan reservasi memilih departemen sesuai dengan kebutuhan Data reservasi Melihat data reservasi yang sudah readi atau approval dari resepsionis 2. Resepsionis Login Masuk denagan memasukkan dan password Informasi Melihat data pasien yang sudah masuk Approval Memilih pasien yang siap reservasi ke rumah sakit Data Reservasi Melihat data yang sudah diapprov 3 Dokter Login Masuk dengan menggunakan dan password Scedule event Melihat scedule event bulan ini Scedule appointment Melihat jadwal janjian bulan ini Merubah reservasi Merubah waktu reservasi sesuai kesediaan dokter diluar jam operasional Tabel 4-1 tabel dari use case diagram 4-4

5 4.2.3 Activity Diagram Activity Diagram menggambarkan worlflow (aliran kerja) atau aktivitas dari sebuah sistem atau proses yang sedang berlangsung. Komponen yang ada pada activity diagram dapat menjelaskan aktivitas yang dilakukan pada use case sehingga mempermudah proses pembuatan aplikasi. Berikut merupakan activity diagram yang menjelaskan interaksi antar pengguna atau pasien dengan resepsionis rumah sakit dengan aplikasi reservasi rumah sakit berbasis web dan android. Aktivitas dimulai jika pengguna sudah login dan masuk ke halaman dashboard. Lalu setelah muncul tampilan menu utama pengguna dapat memilih pada menu yang tersedia. 4-5

6 Gambar 4-4 activity diagram reservasi dan approval Class Diagram Class Diagram menggambarkan struktur dan deskripsi class,packed,dan objek yang saling terhubung. Class diagram yang dijelaskan pada analisa ini adalah class diagram sistem yang terpasang pada sistem web dan perangkat android. 4-6

7 Gambar dibawah ini menjelaskan class diagram sistem yang terpasang pada sistem web dan android karena keduanya menggunakan database yang sama. Gambar 4-5 Class diagram reservasi dan approval Berdasarkan gambar 4-5 menjelaskan relasi data antar user pada pemrograman php menggunakan frimework Codeigniter maka semua hak akses di tempatkan pada tabel seasson dalam satu database untuk jumlah variabel pada database lebih jelasnya dilihat pada tabel 4-6 : 4-7

8 Tabel 4-1 tabel dari class diagram No Class Atribut Method 1 Session Ip_address : integer(4) Timestamp : integer(40) Data :blob 2 Pasien Patient_id : integer(4) Name : string Address : string string Password:string Phone:num Sex:integer Birthdate:string Age:int(40) 3 Resepsionis recepsionis:integer(4) name:string string password:string address:sting phone:string 4 Doctor doctor_id:integer(11) name:string string password:string address:string departement_id:integer(11 profilr 5 Departemen departement_id:int(11) name:string description:string 6 Antrian Appointment_id:int(4) Timestamp:string Doctor_id:int(4) Patient_id:int(4) status unsigned Nuul Null Null Null Squence Diagram Squence Diagram menggambarkan skenario atau rangkaian langkah-langkah yang dilakukan sebagai sebuah respon dari suatu kejadian/even untuk menghasilkan output tertentu. Squence diagram pada gambar dibawah ini 4-8

menjelaskan alur suatu proses reservasi pada aplikasi reservasi rumah sakit dengan platform web dan android. Gambar 4-4 Squence diagramproses reservasi pasien 4.3.

9 menjelaskan alur suatu proses reservasi pada aplikasi reservasi rumah sakit dengan platform web dan android. Gambar 4-4 Squence diagramproses reservasi pasien 4.3. Desain Antar Muka (Design Interface) Berikut adalah tampilan antar muka aplikasi reservasi rumah sakit berbasis web dan android Design Website 1. Halaman Login Gambar 4-5 Desain login web 4-9

10 2. Halaman Dashboard Gambar 4-6 Desain dashboard web Design Android 1. Halaman Dashboard Android Gambar 4-7 Desain dashboard android 4-10

dokumen-dokumen yang mirip

IMPLEMENTASI DAN PENGUJIAN

BAB 5. IMPLEMENTASI DAN PENGUJIAN 5.1.Implementasi Sistem Setelah melakukan tahap analisis dan perancangan selesai dilakukan maka akan dilanjutkan pada tahapan implementasi dan pengujian sistem. Pada tahap