Skema Relasi Perancangan Basis Data

69 From Login T01 T01 Ukuran layar : 306 x 559 Font : 12 Century Gothic Tampilan layar : green teal · Klik Login Untuk menuju T02 atau T03 jika username dan password valid. · Jika username atau password tidak di isi maka akan menampilkan pesan M01 · Jika username dan password salah maka akan menampilkan pesan M02 Username : Password : Login Exit LOGO SELAMAT DATANG Gambar 3.13 Perancangan Atarmuka data Login From Menu Utama T02 T02 Ukuran layar : 306 x 559 Font : 12 Century Gothic Tampilan layar : green teal · Klik menu Surat Masuk untuk menuju T04. · Klik menu Surat Keluar untuk menuju T05. · Klik menu Logout maka akan menampilkan pesan M03. · Klik menu Keluar maka akan menampilkan menu M07. LOGO Surat Masuk Surat Keluar Logout Keluar Selamat Datang : User SUBDIT SARANA DAN KERJASAMA Gambar 3.14 Perancangan Antarmuka Menu Utama 70 Form Menu Data Petugas T03 T03 Ukuran layar : 306 x 559 Font : 12 Century Gothic Tampilan layar : green teal · Klik menu Tambah User untuk menuju T12. · Klik menu Edit User untuk menuju T13. · Klik menu Logout maka akan menampilkan pesan M03. · Klik menu Keluar maka akan menampilkan menu M07. LOGO Tambah User Edit User Logout Keluar Hapus User Selamat Datang : Admin SUBDIT SARANA DAN KERJASAMA Gambar 3.15 Perancangan Antarmuka Menu Data Petugas Form Data Surat Masuk T04 T04 Ukuran layar : 882 x 201 Font : 12 Prestige Elite Std Tampilan layar : green teal · Klik menu Tambah Data untuk menuju T06. · Klik menu Edit Data untuk edit data berdasarkan kursor yang berada di Data Grid lalu dilanjutkan ke T07. · Klik menu Hapus Data maka akan menampilkan pesan M04. · Klik menu Laporan untuk mnampilkan T08 · Button, No Surat, Perihal, Asal Surat, berfungsi untuk patokan pencarian data. · Klik Cari Data untuk mencari data berdasarkan button yang dipilih, hasil pencarian muncul di Data Grid jika tidak ditemukan akan mengeluarkan pesan M05. · Klik Selesai untuk kembali ke T02. Tambah Data NoSurat Tanggal AsalSurat Perihal Keterangan Pengolahan Data Surat Masuk Edit Data Hapus Data Urutan Pencarian Data : Cari Selesai | | No Surat Asal Surat Perihal Laporan Gambar 3.16 Perancangan Antarmuka Data Surat Masuk