3.2 Perancangan Interface antarmuka.
A. Perancangan Splash Screen
Splash Screen adalah halaman yang Pertama kali muncul saat program dimulai. Selain untuk mempercantik tampilan program, dalam Splash Screen
ini, initialisasi program mulai dari Look Feel sampai pada koneksi akan dimulai.
Gambar 3.16 Perancangan Splash Screen.
B. Perancangan form login
Form login, adalah form yang digunakan untuk autentifikasi user dan password sebelum masuk pada form utama dari program. Jadi, setelah Splash
Screen selesai diload, maka form login akan ditampilkan. Untuk lebih jelasnya, berikut adalah perancangan dari form login.
Gambar 3.17 Perancangan Form Login.
Tabel 3.7 Keterangan Perancangan Form Login.
No Komponen Keterangan
1 2-3
4-5 JLabel
JTextField JButton
Icon Login Username, Password
Login, Keluar
Form utama merupakan induk dari semua form. Dalam form utama terdapat tujuh menu toolbar mulai dari menu file, master, trantaksi, laporan, tool,
server dan about yang mempunyai beberapa menu item. Selain itu, pada form utama disertai beberapa shortcut dari form yang ada.
Gambar 3.18 Perancangan Form Utama.
Tabel 3.8 Keterangan Perancangan Form Utama.
No. Komponen Keterangan 1
2 JMenuBar
JButton File,Master,Trantaksi,Server,Laporan,Tool, LookFeel
Regta, Jadwal,Broadcast,DataBroadcast.
C. Perancangan form data master
Form master digunakan untuk mendata data – data yang mendatar dari program yang dibuat seperti data mahasiswa, data dosen, data kategori TA
dan data riset group. Dalam program ini digunakan empat buah form master yaitu : mahasiswa, dosen, kategori TA dan riset group.
Gambar 3.19 Perancangan Form Data Master.
Pada prinsipnya, semua data master mempunyai perancangan yang sama. Berikut penjelasan dari perancangan form data master :
Tabel 3.9 Keterangan Perancangan Form Data Master.
D. Perancangan form registrasi TA
Form registrasi TA, digunakan untuk melakukan trantaksi pendaftaran tugas akhir mulai dari pemilihan dosen bimbingan yang diinginkan berdasarkan
riset group, dan pemilihan kategori serta judul TA..
Registrasi TA dan Pembimbing
1 2
3 4
5 6
8 9
10 11
12 13
23
7 14
24 25
15 16
17 18
19 21
20 22
Gambar 3.20 Perancangan Form Registrasi Tugas Akhir.
No. Komponen Keterangan
1-5 6-10
11-15 16
17 18
JLabel JTextField
JButton JTextField
JButton Jtable
Keterangan Field -
Simpan, Edit, Delete, Batal txtCari
Cari Data Master
Tabel 3.10 Keterangan Registrasi.
No. Komponen Keterangan
1-5
6-10
11-14 15
16 17
18 19-20
JLabel
JTextField
JButton JLabel
JTextField JButton
Jtable JButton
RegID,NIM,Nama,Kategori, Judul TA,Pembimbing
txtRegID, txtNIM, txtNama, txtKategori, txtJudul TA, txtPembimbing Simpan, Edit,
Delete, Batal
Cari dengan txtCari
Cari tabel registrasi TA
Cari mahasiswa, cari dosen
E. Perancangan form jadwal bimbingan
Gambar 3.21 Perancangan Form Jadwal Bimbingan Tugas Akhir.
Berikut keterangan form jadwal bimbingan :
Tabel 3.11 Keterangan Perancangan Form Jadwal Bimbingan.
No. Komponen Keterangan
1 2-6
7 8-9
10 11
12 Jtable
JLabel JButton
JRadioButton JLabel
JTextField JButton
tabel jadwal bimbingan Icon
Masuk Mahasiswa, Dosen
Cari dengan txtCari
Cari
F. Perancangan form broadcast
Form BroadCast dibagi menjadi beberapa sub bagian form yaitu terminal setting, alert setting, broadcast dosen, dan broadcast mahasiswa. Sub terminal
setting digunakan untuk pengaturan device GSM modem sampai dengan pengaturan konektifitas alat yang digunakan. Pada sub broadcast dosen dan
mahasiswa, digunakan untuk menampilkan nama dan nomor telepon dari dosen dan mahasiswa, serta pesan yang akan dikirim.
Gambar 3.22 Perancangan Form Broadcast.
Tabel 3.12 Keterangan Perancangan Form Jadwal Bimbingan.
No. Komponen Keterangan 1-4
5 6-7
8 9-10
11 12
13 14
15 16
17-18 19
20-21 JtabbedPane
JTextField JRadioButton
JTextarea JButton
JList JButton
JLabel JComboBox
JButton Jtable
JButton JLabel
JButton Broadcast Mahasiswa, Broadcast Dosen, Terminal
Setting, Alert Setting txtjudulta
Seluruh Anggota, Per Anggota txtPesan
Kirim, HapusPesan Listproses
BersihkanProses Cari dengan
NIM, NIP, Nama Cari
tabel Mahasiswa, Dosen. Bukakoneksi, Tutupkoneksis
Connected, Disconnected Batal, Keluars
G. Perancangan form data broadcast
Pada form data broadcast, berhubungan langsung dengan form broadcast. Dengan kata lain, dalam form ini merupakan laporan dari aktifitas dan status
broadcast yang telah dilakukan.
Gambar 3.23 Perancangan Form Data Broadcast.
Keterangan dari perancangan form data broadcast adalah sebagai berikut :
Tabel 3.13 Keterangan Perancangan Form Databroadcast
No. Komponen Keterangan
1 2
3 4
5-6 JLabel
JComboBox JDateChooser
Jtable JButton
Cari dengan tanggal, Bulan, tahun
tanggal, Bulan, tahun tabe Data Broadcast
Cari, Keluar.
H. Perancangan form cari
Untuk memudahkan pencarian data, maka dibuatlah form cari. Form cari merupakan form bantuan yang digunakan untuk memudahkan suatu
pencarian data. Dengan adanya fom ini maka efisiensi dan efektivitas dalam pencarian pengambilan data benar – benar terjamin. Ada beberapa form cari
yang ada dalam sistem ini antara lain :caridosen, carimahasiswa, caririset group dan carikelompok bimbingan.
Gambar 3.24 Perancangan Form Cari Data.
Keterangan dari form cari adalah sebagai berikut :
tabel 3.14 Keterangan Perancangan Form Cari.
No. Komponen Keterangan
1 2
3 4
5 JLabel
JComboBox JButton
Jtable JButton
Cari dengan Berdasarkan data
yang dicari tanggal, Bulan, tahun
tabel data yang dicari
Keluar
I. Perancangan form ubah password
Sebagai manajemen untuk username dan password untuk login, maka digunakan form ubah password.
Gambar 3.25 Perancangan Form Ubah Passwords.
Keterangan dari perancangan form ubah password adalah sebagai berikut :
Tabel 3.15 Keterangan Perancangan Form Ubah Password.
No Komponen Keterangan
1-5 6-10
11-12 JLabel
JTextField JButton
Username lama, Password lama,
Password baru, Ulangi password
baru.
txtUsernamelama, txtPasswordlama,
txtPasswordbaru, txtUlangipassword
baru.
Edit, Keluar
J. Perancangan form pengumpulan TA
Form pengumpulan TA digunakan untuk media pengumpulan file softcopy tugas akhir dari mahasiswa kedalam database. Dalam form ini terdapat
terhubung dengan form bantuan yaitu form cari kelompok bimbingan.
Gambar 3.26 Perancangan Form Inventori Tugas Akhir.
Keterangan dari perancangan form Pengumpilan TA adalah sebagai berikut :
Tabel 3.16 Keterangan Perancangan Form Cari.
No. Komponen Keterangan
1-5
6-10
11-12 13
14 15
16 JLabel
JTextField
JButton JLabel
JTextField JButton
Jtable No.Invontori TA,NIM,Nama
mahasiswa,kategori TA, judul TA, file TA.
mahasiswa,txtkategori TA, txtjudul TA, txtfile TA
Simpan, batal. Cari dengan
txtCari Cari
tabel Inventori
K. Perancangan Form Laporan
1. Laporan Registrasi TA
Form laporan digunakan untuk mengetahui data – data apa saja yang ada dalam sistem, yang ditampilkan dengan bentuk yang lebih sistematis. Laporan bersifat
seluruh dan ada juga yang bersifat klasifikasi berdasarkan nama, NIP. Kode ,Berikut salah satu perancangan dari form laporan :
LAPORAN DAFTAR REGISTRASI BIMBINGAN TUGAS AKHIR JURUSAN TEKNIK INFORMATIKA
UNIVERSITAS PEMBANGUNAN NASIONAL JAWA TIMUR
NO.TA NIM
NAMA MAHASISWA
KODE RISET GROUP
KATEGORI JUDUL
TA
Gambar 3.27 Perancangan Form Laporan.
2. Laporan Riset
Form laporan digunakan untuk mengetahui data – data apa saja yang ada dalam sistem, yang ditampilkan dengan bentuk yang lebih sistematis. Laporan riset
memberikan informasi dosen apa saja yang menjadi dosen pembimbing serta pengklasifikasian tehadap kepakaran setiap dosen untuk memberikan suatu
layanan informasi yang akan mendukung admin untuk memilih pada saat registrasi TA, dan unruk memudahkan pengklasifikasiannya.
Gambar 3.28 Perancangan Form Laporan.
BAB IV IMPLEMENTASI
Implementasi
Setelah memlalui proses analisa dan perancangan, maka pada tahapan selanjutnya adalah implementasi. Berikut ini adalah implementasi form – form
hasil dari analisis dan perancangan yang telah dibuat : A.
Splash Screen Form Pertama kali yang muncul ketika program dijalankan adalah Splash
Screen. Selain untuk mempercatik program Splash Screen disini digunakan untuk inisialisasi koneksi database yang akan digunakan pada program JDK yang
digunakan.
Gambar 4.1 Splash Screen.
Kategori