No title

BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Sistem Tahap implementasi dan pengujian sistem, dilakukan setelah tahap analisa dan perancangan selesai dilakukan. Pada bab ini akan dijelaskan implementasi dari aplikasi sistem yang menggunakan beberapa fungasi yang penulis buat terdiri dari implementasi, pengkodean, dan interface dari aplikasi sistem tersebut. Sarana yang dibutuhkan dalam pembuatan sistem ini adalah perangkat pendukung yang terdiri dari software (perangkat lunak) dan hardware (perangkat keras), antara lain: 1. Software (perangkat lunak) a. System Operasi

: Windows 8 Pro

b. Web Server

: Apache, MySQL database

c. Browser

: Google Chrome

d. Program

: PHP

e. Tampilan

: Macromedia Dreamweaver 8

2. Hardware (perangkat keras) a. Processor

: intel(R) Core(TM) i3

b. RAM

: 2 GB

4.2 Implementasi Basis Data Adapun langkah-langkah untuk menampilkan database, sebagai berikut: 1. Buka browser google chrome untuk membuka web server, kemudian ketikan http://localhost/phpmyadmin/ pada address.

Gambar 4.1 Database localhost pada google chrome

47

http://digilib.mercubuana.ac.id/

2. Pilih db_surat untuk menampilkan database surat

Gambar 4.2 Database Surat

3. Tampilan Tabel Admin

Gambar: 4.3 Tabel Admin

CREATE TABLE IF NOT EXISTS ‘admin’( ‘username’ varchar(20) NOT NULL, ‘jabatan’ varchar (30) NOT NULL ‘email’ varchar (20) NOT NULL ‘password’ varchar(35) NOT NULL, PRIMARY KEY (‘username’) ) ENGINE=MyISAM DEFAULT CHARSET=latin1;

48


4. Tampilan Tabel Disposisi

Gambar 4.4 Tabel Disposisi CREATE TABLE IF NOT EXISTS ‘disposisi’ ( ‘no_urut’ varchar(10) NOT NULL, ‘no_surat’ varchar(20) NOT NULL, ‘tgl_surat’ date NOT NULL, ‘tgl_terima’ date NOT NULL, ‘tgl_disposisi’ date NOT NULL, ‘perihal’ varchar(200) NOT NULL, ‘kepada’ varchar (300) NOT NULL, ‘instruksi’ varchar (200) NOT NULL, ‘sifat_disposisi’ varchar(10) NOT NULL, ‘asal_disposisi’ varchar(50) NOT NULL, ‘update_disposisi’ varchar (500) NOT NULL, PRIMARY KEY (‘no_urut’) ) ENGINE=MyISAM DEFAULT CHARSET=latin1;

49


5. Tampilan Tabel Surat Keluar

Gambar 4.5 Tabel Surat Keluar

CREATE TABLE IF NOT EXISTS ‘arsip surat keluar’ ( ‘no_urut’ varchar(10) NOT NULL, ‘no_surat’ varchar(20) NOT NULL, ‘tgl_surat’ date NOT NULL, ‘tgl_kirim’ date NOT NULL, ‘perihal’ varchar(250) NOT NULL, ‘kepada’ varchar(50) NOT NULL, ‘pengirim’ varchar(20) NOT NULL, ‘jenis_surat’ varchar(15) NOT NULL, ‘sifat_surat’ varchar(10) NOT NULL, ‘lampiran’ varchar(255) NOT NULL, ) ENGINE=MyISAM DEFAULT CHARSET=latin1;

6. Tampilan Tabel Surat Masuk

Gambar 4.6 Tabel Surat Masuk

50


CREATE TABLE IF NOT EXISTS ‘arsip surat keluar’ ( ‘no_urut’ varchar(10) NOT NULL, ‘no_surat’ varchar(20) NOT NULL, ‘tgl_surat’ date NOT NULL, ‘tgl_terima’ date NOT NULL, ‘asal_surat’ varchar(50) NOT NULL, ‘pengirim_surat’ varchar(20) NOT NULL, ‘perihal’ varchar(250) NOT NULL, ‘jenis_surat’ int(10) NOT NULL, ‘sifat_surat’ varchar(10) NOT NULL, ‘tgl_input’ date NOT NULL, ‘lampiran’ varchar(255) NOT NULL, PRIMARY KEY (‘id_suratmasuk’) ) ENGINE=MyISAM DEFAULT CHARSET=latin1;

7. Tampilan Tabel User

Gambar 4.7 Tabel User CREATE TABLE IF NOT EXISTS ‘arsip surat keluar’ ( ‘username’ varchar(15) NOT NULL, ‘jabatan’ varchar(20) NOT NULL, ‘email” varchar(20) NOT NULL, ‘password’ varchar(6) NOT NULL, 4.3 Tampilan Aplikasi PRIMARY KEY (‘username’)

51


4.3 Implementasi Aplikasi Antarmuka Implementasi antarmuka sistem informasi Perancangan Sistem Informasi Dokument Mangement System berbasis web di Sekretariat Kementerian Perumahan Rakyat memiliki spesifikasi sebagai berikut:

4.3.1 Tampilan Halaman Login Halaman ini yang harus pertama kali digunakan oleh semua pengguna untuk dapat masuk ke masing-masing menu user dengan catatan sudah mendaftar ke admin terlebih dahulu sebagai user.

Gambar 4.8 Tampilan Halaman Login

4.3.2 Tampilan Halaman Utama Halaman utama merupakan halaman yang akan tampil setelah user dan admin login. Di halaman utama ini user dapat membuka menu-menu yang ada di halaman tersebut sesuai dengan hak aksesnya.

52


Gambar 4.9 Tampilan Halaman Utama 4.3.3 Tampilan Form Input Surat Masuk Untuk membuka form input surat masuk staff harus klik tombol button surat masuk dan selanjutnya klik input surat masuk. Form input surat masuk berguna untuk memasukan data surat masuk yang terdiri dari asal surat, no. surat, tgl. Surat, tgl. Terima, perihal, sifat surat, jenis surat, dan upload file. Dengan tampilan gambar sebagai berikut:

Gambar 4.10 Tampilan Form Input Surat Masuk

53


4.3.4. Tampilan Data Surat Masuk Setelah staff melakukan penyimpanan data input surat masuk, staff dapat melihat data surat masuk yang sudah tersimpan dan dapat ditampilakan sebagai bahan Informasi bila sewaktu-waktu dibutuhkan. Dalam data surat masuk terdapat aksi edit dan hapus, fungsi edit berguna untuk meng-edit data apabila data yang di-input mengalami perubahan data, sedangakan fungsi hapus adalah untuk menghapus data yang danggap tidak mempunyai nilai lagi. Tampilan gambar sebagai berikut:

Gambar 4.11 Tampilan Data Surat Masuk 4.3.5. Tampilan Input Lembar Disposisi Untuk membuka form lembar disposisi, sekretaris harus klik button data disposisi, selanjutnya memilih input disposisi. Lembar disposisi berguna untuk memasukan data disposisi, yang terdiri dari no. urut, asal surat, no, surat, tgl, surat, tgl. Terima, tgl disposisi, perihal, kepada, sifat disposisi, dan isi instruksi. Field-filed tersebut harus semua terisi, dengan tampilan gambar sebagai berikut:

54


Gambar 4.12 Tampilan Lembar Disposisi Sekretaris

4.3.6. Tampilan Data Disposisi Surat Masuk Setelah Sekretaris input data disposisi dan melakukan penyimpanan data, maka program akan menampilkan data disposisi surat masuk. Untuk menambahkan data dispsosis, Sekretaris harus klik link Input Dispsosisi, pada table data disposisi terdapat aksi edit dan hapus, fungsi edit berguna untuk mengedit data apabila data yang di-input mengalami perubahan data, sedangakan fungsi hapus adalah untuk menghapus data yang danggap tidak mempunyai nilai lagi. Dengan tampilan gambar sebagai berikut:

55


Gambar 4.13 Tampilan Data Disposisi Surat Masuk Para Deputi, Kepala Biro, dan Kepala Pusat dapat mengecek disposisi melalui data disposisi dengan login sesuai jabatan masing-masing. Berikut adalah tampilan gambar data disposisi yang login sebagai Biro Perencanaan, pada table update disposisi data yang ditampilkan tidak ada itu artinya penerima disposisi belum merespon atau memberi komentar atas disposisi yang diterima.

Gambar 4.14 Tampilan Data Disposisi Surat Masuk 4.3.7 Tampilan Update Disposisi Surat Masuk Penerima disposisi (Deputi, Kepala Biro, Kepala Pusat) dapat merespon disposisi dengan cara klik link nomor urut pada table data disposisi, maka akan tampil lembar disposisi, selanjutnya pada update disposisi masukan komentar pada kolom teks yang tersedia, kemudian klik button simpan untuk menyimpan komentar pada update disposisi. Berikut tampilan gambar update disposisi: 56


Gambar 4.15 Tampilan Form Update Disposisi 4.3.8 Tampilan Form Input Data Arsip Surat Keluar Untuk membuka form input data arsip surat masuk staff harus login terlebih dahulu kemudian pilih button arisp surat keluar dan klik link input surat keluar, maka akan tampil form sebagai berikut:

Gambar 4.16 Tampilan Form Input Arsip Surat Keluar

57


4.3.9 Tampilan Data Arsip Surat Keluar Setelah staff melakukan pengisian data surat keluar dan menyimpan data tersebut, maka program akan menampilkan table data arsip surat keluar, pada table data arsip surat keluar terdapat aksi edit dan hapus, fungsi edit berguna untuk meng-edit data apabila data yang di-input mengalami perubahan data, sedangakan fungsi hapus adalah untuk menghapus data yang danggap tidak mempunyai nilai lagi. Link input surat keluar berfungsi untuk menambah data surat keluar. Berikut tampilan gambar data arsip surat keluar:

Gambar 4.17 Tampilan Data Arsip Surat Keluar

4.3.10 Tampilan Form Registrasi Form registrasi hanya dapat di akses oleh Admin. Jadi setiap calon pengguna yang akan menggunakan aplikasi

harus melaporkan diri kepada admin untuk

mendapatkan username dan password.

58


Gambar 4.18 Tampilan Form Registrasi

4.3.11 Tampilan Data Pengguna Data pengguna hanya dapat diakses oleh administrator, admin dapat menentukan siapa saja yang berhak mengakses aplikasi. Berikut tampilan gambar data pengguna:

Gambar 4.19 Tampilan Data Pengguna

59


4.4. Skenario Pengujian Skenario pengujian aplikasi dilakukan dengan metode Black Box testing. Metode black box testing ini merupakan pengujian program berdasarkan fungsi dari program dengan tujuan untuk menemukan kesalahan fungsi pada program. Pengujian dilakukan dengan cara memberikan sejumlah masukan (input) pada program aplikasi, kemudian diproses sesuai dengan kebutuhan fungsionalnya untuk melihat program aplikasi menghasilkan keluaran (output) apakah sudah sesuai dengan tahap perancangan.

4.5 Hasil Pengujian Dari skenario pengujian terakhir yang dilakukan dapat diperoleh hasil pengujian, hasil pengujian pada setiap menu pada aplikasi tersebut, terangkum dalam table hasil pengujian, sebagai berikut: Tabel 4.1 Skenario Pengujian No.

Antar

Uji Coba

Status Aplikasi

Skenario Pengujian

Muka 1

Hasil Pengujian

Tampilan

Menguji

Masuk

ke Masukkan username Sukses

Halaman

Tombol

halaman login dan password

Login

Login

dan menampilkan form pengisian username

dan

password 2

Tampilan

Menguji

Masuk

Halaman

semua

halaman admin

Admin

link menu

Klik link satu persatu Sukses

pada halaman admin 3

Tampilan

Menguji

Menampilkan

Mengolah

kembali Sukses

menu edit form edit form edit user

data apa saja data

user

yang

user

akan

diedit

sampai dengan ganti password

60


4

5

Tampilan

Menguji

Menampilkan

Menginput data user Sukses

menu

form

form

tambah

tambah

user

user

user

user

Tampilan

Menguji

Menampilkan

Menginput data surat Sukses

menu

form surat form

surat

masuk

tambah untuk menambahkan

input masuk dengan field-

surat masuk

masuk

field

terisi

semua

sebelum

data

disimpan 6

7

8

Tampilan

Menguji

menampilkan

Melakukan

proses Sukses

menu data form

form

yang disposisi

dan

disposisi

disposisi

harus

diisi pendistribusian surat

surat

sebelum

masuk

masuk

melakukan

masing-masing

disposisi surat

penerima disposisi. Menginput

kepada

Tampilan

Menguji

Menampilkan

link

form

form

Upadate

update

disposisi yang untuk

disposisi

disposisi

harus diisi oleh komentar

Tampilan

Menguji

upadate update

disposisi memberikan atas

penerima

disposisi surat yang

disposisi

di terima

Menampilkan

Menginput data arsip Sukses

menu data form input form Arsip

surat

surat

Surat

keluar

yang

Keluar

field Sukses

diisi

input dengan

field-field

keluar terisi semua sebelum harus data disimpan. semua

field-field yang tersedia, sebelum melakukan penyimpanan data 9

Tampilan link

Menguji

edit link edit

data arsip

Menampilkan

Menginput/mengolah Sukses

form edit arsip kembali data arsip surat keluar

surat keluar

61


surat keluar 10

Tampilan

Menguji

Menghilangkan Menghapus

link hapus link hapus

data

data arsip

tabel

surat

surat keluar

data Sukses

dalam arsip surat keluar arsip

keluar 11

Tampilan

Menguji

Menampilkan

Menginput

menu

form

form registrasi pengguna

Pengguna

registrasi

data pengguna

data Sukses dengan

kondisi semua filed-

data

field terisi seblum

pengguna

data disimpan

4.6 Hasil Analisa Pengujian Berdasarakan pengujian yang dilakukan dapat disimpulkan bahwa: 1.

Semua link dan proses dapat berjalan baik sesuai dengan aplikasi yang dirancang.

2.

Pengujian halaman login berjalan sesuai scenario pengujian yang dilakukan, semua user dapat masuk sesuai dengan hak akses masing-masing.

3.

Pengujian halaman admin, pengujian dilakukan dengan menguji tombol yang terhubung dengan database. Pada pegujian ini admin dapat mengubah data yang terdapat pada aplikasi dan tidak semua menu dapat difungsikan karena disesuaikan dengan hak akses user.

62


No title

Recommend Documents