8. Nama Tabel : praktikum Primary Key : id_prak
Foreign Key : - Fungsi
: menyimpan data detail praktikum Tabel 3.8 Struktur Tabel Praktikum
KETERANGAN NO
NAMA TIPE
PANJANG PK
FK TABEL
1 id_prak
VARCHAR 10
√ 2
nama_prak VARCHAR
20 3
semester INTEGER
10 4
status VARCHAR
5
3.2.4 Desain Interface
Sebelum menuju ke proses pemrograman, hal yang akan dilakukan pertama adalah merancang desain interface. Desain interface yang akan dibuat ini
bukanlah desain matang yang sudah jadi, melainkan desain yang akan menjadi patokan dasar form aplikasi. Dalam merancang desain interface akan bergantung
kepada hasil akhir sysflow aliran sistem yang telah dibuat. Jika dalam mendesain antarmuka aplikasi tanpa adanya desain sysflow, maka yang terjadi adalah
perulangan yang tidak perlu dalam mendesain karena akan muncul banyak kebutuhan yang tak terduga. Berikut adalah desain interface untuk keseluruhan
form aplikasi baik yang berbasis desktop maupun web:
a. Form Aplikasi Berbasis Desktop
Untuk form aplikasi berbasis desktop akan dibangun empat form, antara lain : form login, form input nilai praktikum, form log nilai, form cek laporan,
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
dan form modul. Form lengkap aplikasi berbasis desktop dapat dilihat pada Gambar 3.8 hingga Gambar 3.12.
1. Form Login
Gambar 3.8 Desain Interface Form Login Desain form login diperuntukkan sebagai form awal untuk verifikasi user
yang berhak mengakses ke dalam form utama. Form login ini sangat dibutuhkan untuk mencegah penyalahgunaan aplikasi dari pihak-pihak diluar
pihak internal instruktur praktikum dan kepala laboratorium. 2. Form Input Nilai Praktikum
Gambar 3.9 Desain Interface Form Input Nilai Praktikum
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Desain form input nilai praktikum dirancang untuk kegiatan input nilai praktikum. Dalam desain ini dimaksimalkan untuk kemudahan user dalam
memahami cara kerja input nilai praktikum. 3. Form Log Nilai Khusus Kalab
Gambar 3.10 Desain Interface Form Log Nilai Desain log nilai dirancang untuk melihat update data nilai praktikum.
Dalam desain ini diberikan pilihan untuk melihat update data nilai berdasarkan tanggal yang dipilih.
4. Form Cek Laporan
Gambar 3.11 Desain Interface Form Cek Laporan Desain cek laporan dirancang untuk proses menampilkan data nilai
praktikum. Dalam desain ini diberikan dua pilihan tampil data nilai, yaitu
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
pilihan untuk menampilkan nilai total, rata-rata, serta grade nilai huruf dan pilihan kedua untuk menampilkan nilai tupen, disiplin, demo praktikum, serta
lapres. 5. Form Modul Khusus Kalab
Gambar 3.12 Desain Interface Form Modul Desain modul dirancang untuk melakukan proses update modul yang bisa
di akses oleh asisten maupun instruktur. Dalam desain ini diberikan pilihan untuk melakukan proses update modul berdasarkan modul dan status modul
yang dipilih.
b. Form Aplikasi Berbasis Web
