Perancangan Antarmuka Aplikasi Server

Tabel 3.2 Struktur Tabel Client No. Nama Atribut Tipe data Panjang Keterangan 1 Id_client Varchar 5 Primary key 2 Nama_client Varchar 25 3 Blokir_client Integer 1 4 Ip_client Varchar 15 3 Tabel Jadwal Tabel jadwal mempunyai fungsi sebagai penyimpan data jadwal, yang nantinya berguna menyimpan jadwal praktikum. Tabel 3.3 Struktur Tabel Jadwal No. Nama Atribut Tipe data Panjang Keterangan 1 Id_jadwal Varchar 10 Primary key 2 Hari Varchar 7 3 Keterangan Varchar 30 4 Jam_mulai Time 5 Jam_selesai Time 4 Tabel Aplikasi Tabel aplikasi mempunyai fungsi sebagai penyimpan data aplikasi yang akan dipakai pada saat praktikum. Tabel 3.4 Struktur Tabel Aplikasi No. Nama Atribut Tipe Data Panjang Keterangan 1 Id_aplikasi Varchar 10 Primary key 2 Keterangan Varchar 30

3.5 Perancangan Antarmuka Aplikasi Server

Perancangan antarmuka merupakan perancangan halaman aplikasi yang berinteraksi langsung antara operator dan sistem. Dalam aplikasi ini hanya menampilkan perancangan antarmuka yang akan dilakukan oleh Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. operator. Karena operator adalah pengguna dari aplikasi ini yang berinteraksi langsung dengan sistem secara tatapmuka langsung. Sebagai contoh perancangan antarmuka setiap proses yang ada akan dijelaskan pada halaman di bawah ini secara jelas, adalah sebagai berikut : 1 Perancangan form login pada aplikasi nantinya akan tampak pada Gambar 3.16. Form login ini adalah form yang akan digunakan oleh operator untuk ditanyakan tentang user dan password operator. Apabila salah maka form ini akan tampil secara terus menerus sampai operator memasukkan dengan benar inputan username dan password. Gambar 3.6 Perancangan Antarmuka Form Login 2 Perancangan form awal pada aplikasi nantinya akan tampak pada Gambar 3.7 Form utama ini adalah tempat memonitor setiap penggunaan aplikasi yang digunakan oleh client. Masukkan User Dan Password Anda User Password Masuk Keluar Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Gambar 3.7 Perancangan Antarmuka Form Awal 3 Perancangan form ubah sandi user pada aplikasi, nantinya akan digunakan untuk mengubah nama user atau password. Gambar 3.8 Perancangan Antarmuka Form Ubah Sandi User 4 Perancangan form Jadwal pada aplikasi, nantinya akan tampak pada Gambar 3.9. File Pengaturan komp Combo box Restart Shut Down Blokir BukaBlokir Komp client List komp client Isi List Monitoring simpan batal Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Gambar 3.9 Perancangan Antarmuka Form Jadwal 5 Perancangan form input jadwal, nantinya akan tampak pada Gambar 3.10. Form ini akan digunakan untuk menginputkan waktu dari praktikum dan keterangan praktikum yang akan di jadwalkan. Gambar 3.10 Perancangan Antarmuka Form Input Jadwal Dari Sampai Keterangan Jam AMPM Menit Menit Jam AMPM Hari Jadwal Praktikum Aplikasi Combo box Pilihan sistem List Jadwal Praktikum List Aplikasi Yang Digunakan Tambah Hapus Refresh Tambah Hapus Refresh Search Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. 6 Perancangan form input aplikasi nantinya akan tampak pada gambar 3.11. Form ini digunakan untuk menginputkan aplikasi yang nantinya akan dipakai untuk kegiatan praktikum. Gambar 3.11 Perancangan Antarmuka Form Input Aplikasi 7 Perancangan form user nantinya akan tampak pada gambar 3.12. Form ini digunakan untuk menampilkan semua user yang telah didaftarkan. Gambar 3.11 Perancangan Antarmuka Form User Dari Komputer Combo Box List Aplikasi Yang Sedang Digunakan Tambah List User Yang Telah Terdaftar Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

3.6 Perancangan Aplikasi Client