Perancangan Desain Antarmuka MiftahulHidayah M3109049

commit to user 25 Field Type Keterangan penguji2 varchar25 Not Null status varchar20 Null nilaiprop int3 Null nilaibim int3 Null nilaiuji int3 Null Keterangan : Idta : field untuk menampung id tugas akhir NIM : field untuk menampung NIM mahasiswa Idthnajar : field untuk menampung tahun ajaran dari tiap mahasiswa yang mengambil tugas akhir Judulta : field untuk menampung judul tugas akhir tiap mahasiswa Idminat : field untuk menampung minat dari tiap tugas akhir Pembimbing : field untuk menampung pembimbing tugas akhir Penguji1 : field untuk menampung penguji kesatu tugas akhir Penguji2 : field untuk menampung penguji kedua tugas akhir Status : field untuk menampung status tugas akhir dari tiap mahasiswa Nilaiprop : field untuk menampung nilai proposal tiap tugas akhir Nilaibim : field untuk menampung nilai bimbingan tiap tugas akhir Nilaiuji : field untuk menampung nilai ujian tiap tugas akhir

3.4 Perancangan Desain Antarmuka

Berikut adalah beberapa rancangan desain antar muka pada Pengembangan WBL D3 Teknik Informatika UNS Subsistem Tugas Akhir. 1. Halaman Login Admin dan User Halaman Login adalah tampilan pertama yang mengharuskan admin maupun user untuk memasukkan username dan password . Halaman login dapat dilihat pada Gambar 3.10. commit to user 26 FOOTER HEADER Username Password Button Login Gambar 3.10 Rancangan Halaman Login

2. Halaman Beranda Admin Tugas Akhir

Halaman beranda admin merupakan halaman pertama setalah admin berhasil login , berisi ucapan selamat datang di sistem. Halaman Beranda dapat dilihat pada Gambar 3.11. FOOTER HEADER | Home || Update Nilai || Update Data || Upload Pedoman || Report || Ganti Password || Logout | Content Gambar 3.11 Rancangan Halaman Beranda Admin Tugas Akhir commit to user 27 Penjelasan : a. Menu admin terdapat 7 Link yaitu Home, Update Nilai Tugas Akhir, Update Data Tugas Akhir, Upload Pedoman Tugas Akhir, Report, Ganti Password serta Logout . b. Link Update Nilai terhubung ke halaman transaksi pengupdatean nilai tugas akhir. c. Link Update Data Tugas Akhir terhubung ke halaman yang berisi data-data tugas akhir. d. Link Upload Pedoman berisi tentang pengelolan pedoman tugas akhir. e. Link Report berfungsi untuk melihat data laporan tentang tugas akhir. f. Link Ganti Password berguna untuk mengganti passwor user.

3. Halaman BerandaTugas Akhir Mahasiswa

Halaman beranda mahasiswa merupakan halaman yang ditampilkan setelah mahasiswa berhasil login kemudian memilih menu Tugas Akhir pada, berisi ucapan selamat datang di Sistem Informasi. Halaman beranda mahasiswa dapat dilihat pada Gambar 3.12. FOOTER HEADER | Home | Kuliah| Registrasi Kelas | KMM | TA | Ganti Password | Logout | Content Register Profil Nilai Data Pedoman Gambar 3.12 Rancangan Halaman Beranda Tugas Akhir Mahasiswa commit to user 28 Penjelasan : a. Halaman Beranda Tugas Akhir Mahasiswa mempunyai mempunyai 7 link menu yaitu Home , Kuliah, Registrasi Kelas, KMM, TA, Ganti Password dan Logout . b. Mempunyai 5 Link menu tentang tugas akhir pada sidebar yaitu, Registrasi TA, Profil TA, Nilai TA, Data TA dan Pedoman TA.

4. Halaman Registrasi TA Mahasiswa

Halaman registrasi TA adalah halaman yang ditampilkan setelah mahasiswa memilih menu Registrasi TA pada sidebar . Halaman registrasi TA mahasiswa dapat dilihat pada Gambar 3.13. FOOTER HEADER | Home | Kuliah| Registrasi Kelas | KMM | TA | Ganti Password | Logout | Register Profil Nilai Data Pedoman Registrasi Tugas Akhir Nama Nim Judul Minat Tahun Ajaran Pembimbing Gambar 3.13 Rancangan Halaman Registrasi Tugas Akhir Penjelasan : Halaman Registrasi Tugas Akhir berisi form yang harus diisikan data yang diperlukan oleh mahasiswa yang akan mendaftrakan tugas akhir. commit to user 29

5. Halaman Profil TA Mahasiswa

Halaman profil TA adalah halaman yang ditampilkan setelah mahasiswa memilih menu Profil TA pada sidebar . Halaman Profil TA mahasiswa dapat dilihat pada Gambar 3.14. FOOTER HEADER | Home | Kuliah| Registrasi Kelas | KMM | TA | Ganti Password | Logout | Register Profil Nilai Data Pedoman Data Tugas Akhir Mahasiswa Nama Nim Judul Minat Tahun Ajaran Pembimbing Status Penguji 1 Penguji 2 Nilai Edit Gambar 3.14 Rancangan Halaman Profil Tugas Akhir Penjelasan : Halaman Profil Tugas Akhir berisi informasi data terkait tugas akhir mahasiswa yang melakukan login . Serta pada pojok kiri halaman konten terdapat link Edit yang mengarah ke halaman edit data tugas akhir mahasiswa terkait.

6. Halaman Nilai Tugas Akhir

Halaman nilai TA adalah halaman yang ditampilkan setelah mahasiswa memilih menu Nilai TA pada sidebar . Halaman Nilai TA mahasiswa dapat dilihat pada Gambar 3.15. commit to user 30 FOOTER HEADER | Home | Kuliah| Registrasi Kelas | KMM | TA | Ganti Password | Logout | Register Profil Nilai Data Pedoman Nilai Tugas Akhir Mahasiswa NIM NIM Nilai Tugas Akhir Gambar 3.15 Rancangan Halaman Nilai Tugas Akhir Penjelasan : Halaman Nilai Tugas Akhir berisi informasi data nilai Tugas Akhir.

7. Halaman Data Tugas Akhir

Halaman dataTA adalah halaman yang ditampilkan setelah mahasiswa memilih menu Data TA pada side bar. Halaman Data TA mahasiswa dapat dilihat pada Gambar 3.16. FOOTER HEADER | Home | Kuliah| Registrasi Kelas | KMM | TA | Ganti Password | Logout | Register Profil Nilai Data Pedoman Data Tugas Akhir Mahasiswa Nama Judul Minat Data Tugas Akhir Gambar 3.16 Rancangan Halaman Data Tugas Akhir commit to user 31 Penjelasan : Halaman Data Tugas Akhir berisi tampilan informasi data tugas akhir sesuai filter search yang dipilih.

8. Halaman Verifikasi Pendaftar TA

Halaman verifikasi pendaftar TA adalah halaman yang ditampilkan setelah admin memilih menu update data TA kemudian menu verifikasi pada sidebar . Halaman Verifikasi Pendaftar TA dapat dilihat pada Gambar 3.17. FOOTER HEADER | Home || Update Nilai || Update Data || Upload Pedoman || Report || Ganti Password || Logout | Kelas Data TA Verifikasi Gambar 3.17 Rancangan Halaman Verifikasi Tugas Akhir

9. Halaman

Update Nilai TA Halaman update nilai TA adalah halaman yang ditampilkan setelah admin memilih menu update nilai TA. Halaman Update Nilai TA mahasiswa dapat dilihat pada Gambar 3.18. commit to user 32 FOOTER HEADER | Home || Update Nilai || Update Data || Upload Pedoman || Report || Ganti Password || Logout | Input File Nilai Tugas Akhir File Excel Import Browse Gambar 3.18 Rancangan Halaman Update Nilai Tugas Akhir Penjelasan : Halaman Update Nilai Tugas Akhir berisi form yang berfungsi untuk menginputkan file excel untuk melakukan update nilai.

10. Halaman

Update Data TA Halaman update data TA adalah halaman yang ditampilkan setelah admin memilih menu update data TA. Halaman Update Data TA mahasiswa dapat dilihat pada Gambar 3.19. commit to user 33 FOOTER HEADER | Home || Update Nilai || Update Data || Upload Pedoman || Report || Ganti Password || Logout | Nama Judul Minat Data Tugas Akhir Data TA Verifikasi Gambar 3.19 Rancangan Halaman Update Data Tugas Akhir Penjelasan : Halaman Update DataTugas Akhir berisi tampilan informasi data tugas akhir sesuai filter search yang dipilih, serta link edit dan hapus pada tiap record .

11. Halaman

Upload Pedoman TA Halaman upload pedoman TA adalah halaman yang ditampilkan setelah admin memilih menu upload pedoman TA. Halaman Upload Pedoman TA mahasiswa dapat dilihat pada Gambar 3.20. commit to user 34 FOOTER HEADER | Home || Update Nilai || Update Data || Upload Pedoman || Report || Ganti Password || Logout | Input Pedoman Tugas Akhir Upload File Pedoman Upload Browse Gambar 3.20 Rancangan Halaman Upload Pedoman Tugas Akhir

12. Halaman

Report TA Halaman report TA adalah halaman yang ditampilkan setelah admin memilih menu report TA. Halaman Report TA mahasiswa dapat dilihat pada Gambar 3.21. FOOTER HEADER | Home || Update Nilai || Update Data || Upload Pedoman || Report || Ganti Password || Logout | Tahun Ajaran Report Minat Gambar 3.21 Rancangan Halaman Report Tugas Akhir commit to user 35 3.5 Site Map Site map merupakan rancangan sistem secara keseluruhan. Site map dapat digunakan agar alur sistem dapat dilihat lebih jelas. Site map Subsistem Tugas Akhir dapat dilihat pada Gambar 3.22. Subsistem TA Admin Login user Data TA Verifikasi User Report TA Update Data Update Nilai Mahasiswa Registrasi Profil Nilai Data TA Lihat data Edit Data Profil TA Download Pedoman Dosen Download Pedoman Profil Nilai Data TA Lihat data Upload Nilai Report Report Minat Upload Pedoman Gambar 3.22 Site Map commit to user 36 BAB IV IMPLEMENTASI DAN ANALISA

4.1 Implementasi Sistem