Perancangan User Interface PerancanganSistem

72

3.2.2 Perancangan User Interface

Halaman Utama SISTEM INFORMASI ADMINISTRASI PEMBUATAN SURAT IZIN MENGEMUDI KEPOLISIAN RESORT SLEMAN Selamat Datang PROFIL HALAMAN UTAMA PERSYARATAN LOGIN Gambar 3.12 Interface Halaman Utama 73 Signup Pemohon SISTEM INFORMASI ADMINISTRASI PEMBUATAN SURAT IZIN MENGEMUDI KEPOLISIAN RESORT SLEMAN Signup Pemohon No KTP Password Signup PROFIL HALAMAN UTAMA PERSYARATAN SIGNUP Gambar 3.13 Interface Signup Pemohon 74 Login Pemohon SISTEM INFORMASI ADMINISTRASI PEMBUATAN SURAT IZIN MENGEMUDI KEPOLISIAN RESORT SLEMAN Login Pemohon User ID Password Login PROFIL HALAMAN UTAMA PERSYARATAN SIGNUP Gambar 3.14 Interface Login Pemohon 75 Halaman Pendaftaran Permohonan SIM Baru SISTEM INFORMASI ADMINISTRASI PEMBUATAN SURAT IZIN MENGEMUDI KEPOLISIAN RESORT SLEMAN Tanggal Daftar Nomor KTP Simpan Isikan data diri Anda sesuai KTP asli diisi oleh Pemohon Nama Lengkap Tempat Lahir Pekerjaan Jenis Permohonan Agama Kewarganegaraan Tinggi Badan Jenis Kelamin Kota Nama Ayah Kode Pos Alamat Lengkap Tanggal Lahir Nama Ibu Status Pernikahan Golongan SIM No HP Nama Klinik RS Keterangan Kesehatan Nama Dokter Tanggal Periksa Usia Pemohon Golongan Darah O Laki-laki O Perempuan PERPANJANGAN SIM PENDAFTARAN SIM LOGOUT Gambar 3.15 Interface Halaman Pendaftaran Pemohon SIM Baru 76 Tampilan Data Pendaftaran Permohonan SIM Baru Data Pemohon SIM Baru Back Data 1 Data 2 Data 3 Data 4 Aksi Baru Edit Gambar 3.16 Interface Data Pendaftaran Pemohon SIM Baru 77 Halaman Pendaftaran Perpanjangan SIM SISTEM INFORMASI ADMINISTRASI PEMBUATAN SURAT IZIN MENGEMUDI KEPOLISIAN RESORT SLEMAN Tanggal Daftar Nomor KTP Simpan Isikan data diri Anda sesuai KTP asli diisi oleh Pemohon Nama Lengkap Tempat Lahir Pekerjaan Jenis Permohonan Agama Kewarganegaraan Tinggi Badan Jenis Kelamin Kota Nama Ayah Kode Pos Alamat Lengkap Tanggal Lahir Nama Ibu Status Pernikahan Golongan SIM No HP O Laki-laki O Perempuan PERPANJANGAN SIM PENDAFTARAN SIM LOGOUT Gambar 3.17 Interface Halaman Pendaftaran Perpanjangan SIM 78 Tampilan Data Pendaftaran Perpanjangan SIM Data Pemohon Perpanjangan SIM Back Data 1 Data 2 Data 3 Data 4 Aksi Perpanjangan Edit Gambar 3.18 Interface Data Pendaftaran Perpanjangan SIM Login Admin SISTEM INFORMASI ADMINISTRASI PEMBUATAN SURAT IZIN MENGEMUDI KEPOLISIAN RESORT SLEMAN Login Admin Username Password Login PROFIL HALAMAN UTAMA PERSYARATAN LOGIN Gambar 3.19 Interface Login Admin 79 Halaman Menu Admin SISTEM INFORMASI ADMINISTRASI PEMBUATAN SURAT IZIN MENGEMUDI KEPOLISIAN RESORT SLEMAN DATA UJI TEORI Selamat datang Admin Anda telah berhasil melakukan Login DATA PEMOHON SIM DATA UJI PRAKTEK SMS GATEWAY SIM LOGOUT Gambar 3.20 Interface Halaman Menu Admin Tampilan Data Signup Pemohon Data Signup Pemohon Menu Utama Data 1 Data 2 Data 3 Data 4 AKSI Edit Cari berdasarkan : cari Gambar 3.21 Interface Data Signup Pemohon 80 Tampilan Data Pendaftaran Permohonan SIM Baru Data Pemohon SIM Baru Data 1 Data 2 Data 3 Data 4 AKSI Edit Cari berdasarkan : cari Menu Utama Gambar 3.22 Interface Data Pendaftaran Pemohon SIM Baru oleh Admin Tampilan Data Pendaftaran Perpanjangan SIM Data Pemohon Perpanjangan SIM Back Data 1 Data 2 Data 3 Data 4 AKSI Edit Gambar 3.23 Interface Data Pendaftaran Perpanjangan SIM oleh Admin 81 Tampilan Data Kesehatan Pemohon Data Kesehatan Pemohon SIM Data 1 Data 2 Data 3 Data 4 Aksi Edit Cari berdasarkan : cari Menu Utama Gambar 3.24 Interface Data Kesehatan Pemohon Tampilan Data Pembayaran Data Pembayaran SIM Data 1 Data 2 Data 3 Data 4 Aksi Edit Cari berdasarkan : cari Menu Utama Tambah Gambar 3.25 Interface Data Pembayaran 82 Tampilan Data Uji Teori Data Hasil Uji Teori Pemohon SIM Data 1 Data 2 Data 3 Data 4 AKSI Edit Cari berdasarkan : cari Menu Utama Tambah Gambar 3.26 Interface Data Uji Teori Tampilan Data Uji Praktek Data Hasil Uji Praktek Pemohon SIM Data 1 Data 2 Data 3 Data 4 AKSI Edit Cari berdasarkan : cari Menu Utama Tambah Gambar 3.27 Interface Data Uji Praktek 83 Tampilan Data Untuk Kirim SMS Data SMS Data 1 Data 2 Data 3 Data 4 Kirim SMS Cari berdasarkan : cari Menu Utama Kirim Gambar 3.28 Interface Data Untuk Kirim SMS Tampilan Data Hasil SIM Data Hasil SIM Data 1 Data 2 Data 3 Data 4 AKSI Edit Cari berdasarkan : cari Menu Utama Tambah Lihat Gambar 3.29 Interface Data Hasil SIM 84

BAB IV IMPLEMENTASI SISTEM

4.1 Spesifikasi Perangkat Keras dan Perangkat Lunak

Perangkat keras yang digunakan untuk membangun sistem adalah sebagai berikut : Processor : Intel Core i3 Harddisk : 300 GB Memory : 2 GB Modem : ZTE MF 180 A Perangkat lunak yang digunakan untuk membangun sistem adalah sebagai berikut : Sistem Operasi : Windows 7 Bahasa Pemrograman : PHP DBMS : MySQL Tools SMS : Gammu

4.2 Implementasi Basis Data

Pada tahap ini dilakukan pembangunan basis data menggunakan MySQL untuk menunjang sistem yang akan dibangun. Basis data yang dibangun terdiri dari tabel-tabel yang telah dirancang pada bab sebelumnya. Berikut ini merupakan query yang digunakan untuk membuat database dengan nama “simku” beserta dengan tabel-tabel di dalamnya :