107
4.2.6 Perancangan Antar Muka
Perancangan antar muka pemakai sangat penting untuk memenuhi kriteria yang mudah digunakan, menarik dan nyaman digunakan oleh pemakai. Oleh
karena itu dibuatlah rancangan antar muka untuk memudahkan pemakai, kemudahan itu antara lain dicapai dengan pemakaian alat masukan berupa mouse
dan keyboard penstrukturan menu sesuai dengan urutan penggunaan.
4.2.6.1 Struktur Menu
Struktur menu merupakan suatu bentuk yang terdapat pada form utama yang dibuat untuk memudahkan pengguna untuk memilih menu sesuai dengan
kebutuhan. Struktur menu yang terdapat pada pada aplikasi pengelolaan data jadwal perjalanan dinas pada website adalah sebagai berikut :
Gambar 4.16 Struktur Menu
KabagTU Struktur Menu
Index Home
Profil Lapora
n Login
Pegaw ai
Home
Status Perjalanan Dinas
Ubah Password
Laporan Kabid
Home
Pengajuan Perjalanan
Dinas
Ubah Password
Logout Logout
Laporan Home
Persetujuan Perjalanan
Dinas
Logout Kapusli
t Home
Persetujuan Perjalanan
Dinas
Logout
108
4.2.6.2 Perancangan Input
Perancancangan input ini merupakan gambaran dalam pembuatan antarmuka untuk memasukkan data yang dilakukan oleh pengguna sistem.
1. Perancangan Input Login Perancangan ini nantinya akan digunakan user untuk melakukan login ke
dalam website. Adapun rancangan gambarnya sebagai berikut :
Gambar 4.17 Perancangan Login
109
2. Perancangan Input Form Perjalanan Dinas
Perancangan ini nantinya akan digunakan admin untuk menginputkan data perjalanan dinas ke dalam website. Adapun rancangan gambarnya
sebagai berikut :
Gambar 4.18 Perancangan Input Form Perjalanan Dinas
110
3. Perancangan Input Tambah Data Pegawai Perancangan ini nantinya akan digunakan admin untuk menambahkan
pegawai baru ke dalam database website. Adapun rancangan gambarnya sebagai berikut :
Gambar 4.19 Perancangan Input Tambah Data Pegawai
111
4.2.6.3. Perancangan Output
Pada perancangan output ini akan digambarkan laporan apa saja yang dilakukan oleh user maupun admin.
1. Perancangan Output Laporan Perjalanan Dinas
NO NIP NAMA
LENGKAP GOLONGAN
JABATAN LOKASI
MAKSUD ALAT
ANGKUT TGL
BERANGKAT TGL
KEMBALI LAMA
PERJA LANAN
BIAYA ATASAN
TANGGAL JAM
Gambar 4.20 Perancangan Output Laporan Perjalanan Dinas Pegawai
112
4.2.7 Perancangan Arsitektur Jaringan
Rancangan arsitektur jaringan yang akan digunakan pada Pusat Penelitian TELIMEK LIPI Bandung dalam pembangunan sistem informasi ini yaitu dengan
menggunakan akses jaringan internet atau bisa disebut dengan berbasis online. Dimana dilingkungan Pusat Penelitian TELIMEK LIPI Bandung menyediakan
akses jaringan nirkabel atau wifi agar user dapat mengakses dimana dan kapan pun atau user dapat mengakses dirumah dan di warnet asalkan komputer tersebut
mempuyai akases internet. Untuk lebih jelas akan diterangkan melalui gambar dibawah ini:
Gambar 4.21 Rancangan Arsitektur Penunjang Perangkat Lunak
Gambar diatas menerangkan bahwa perangkat lunak akan jalan ketika user mengakses jaringan internet karena untuk mempermudah user dalam pengaksesan
perangkat lunak tersebut, maka dari sinilah kelebihan dari perangkat lunak yang diusulkan dibandingkan dengan sistem yang masih berjalan.
113
BAB V IMPLEMENTASI DAN PENGUJIAN SISTEM
5.1 Implementasi
Pada tahap ini merupakan langkah dimana setelah perancangan, pembangunan, dan pengujian maka tahap selanjutnya yaitu mengimplementasikan
sebuah perangkat lunak atau sistem yang telah dibangun tadi, agar dapat mengetahui apakah perangkat lunak yang telah dibangun dapat mengatasi
permasalahan dari sistem yang sebelumnya. Adapun tahapan proses implementasi pada perancangan sistem informasi
pengelolaan data jadwal perjalanan dinas di Pusat Penelitian Tenaga Listrik dan Mekatronik TELIMEK Lembaga Ilmu Pengetahuan Indonesia LIPI Bandung
ini menggunakan bahasa pemrograman PHP dan PHPMyAdmin sebagai tool atau alat pendukung software, pengujian software ini dilakukan pada perangkat keras
PC Personal Computer dengan sistem operasi Windows 7.
5.1.1 Batasan Implementasi optional
Dalam mengimplementasikan perancangan sebuah sistem informasi pengelolaan data jadwal perjalanan dinas di Pusat Penelitian TELIMEK Lembaga
Ilmu Pengetahuan Indonesia LIPI Bandung ini ada beberapa hal yang menjadi batasan implementasi, diantaranya yaitu meliputi :
114
1. Basis data yang digunakan dalam mengimplementasikan sistem informasi pengolahan data jadwal perjalanan dinas adalah dengan
PHPMyAdmin. Kebutuhan sistem informasi pengolahan data jadwal perjalanan dinas ini
tidak semua terpenuhi, tetapi hanya meliputi tahapan pada subsistem. Sistem yang dibuat hanya meliputi untuk pengisian form permohonan perjalanan dinas, proses
persetujuan permohonan perjalanan dinas, pencetakan surat perjalanan dinas SPD, pencetakan surat perintah membayar SPM, laporan pegawai yang
melakukan perjalanan dinas.
5.1.2 Implementasi Perangkat Lunak
Perangkat lunak yang digunakan untuk membangun Perancangan Sistem Informasi Pengelolaan data jadwal perjalanan dinas di Pusat Penelitian TELIMEK
LIPI Bandung, antara lain : 1. Xampp
Penulis menggunakan xampp web server untuk mengolah kode PHP atau HTML yang akan dikirim ke client.
2. Database Server Database server yang dugunakan oleh penulis adalah server database
MySQL untuk menyimpan sumber data aplikasi. 3. Macromedia Dreamweaver 8
Macromedia Dreamwaver merupakan sebuah software website editor professional. Macromedia Dreamwaver 8 memiliki kemampuan untuk
115
mendesign dan mengembangkan website. Selain itu Macromedia Dreamwaver 8 juga mendukung hampir semua bahasa pemograman web.
4. PHP Hypertext Preprocessor PHP merupakan bahasa pemograman yang digunakan dalam perancangan
website. 5. Google Chrome
Google Chrome, sebagai media untuk menampilkan program sistem informasi pengelolaan data jadwal perjalanan dinas di Pusat Penelitian
TELIMEK Lembaga Ilmu Pengetahuan Indonesia LIPI Bandung.
5.1.3 Implementasi Perangkat Keras
Perangkat keras yang dibutuhkan berdasarkan kebutuhan minimal yang harus terpenuhi antara lain :
1. Server a. Menggunakan minimal prosessor Intel Pentium atau yang sekelasnya
b. Menggunakan RAM minimal 2 GB. c. Tersedianya Hard Drive untuk media penyimpanan, minimal 256 GB
untuk server, diluar basis data. d. Mouse, Keyboard, dan Monitor sebagai peralatan antarmuka.
2. Client a. Menggunakan minimal prosessor Intel Pentium atau yang sekelasnya
b. Menggunakan RAM minimal 1 GB c. Mouse, Keyboard, dan Monitor sebagai peralatan antarmuka.