1. Agar bisa mengakses aplikasi ini, yang pertama kali harus dilakukan adalah menyalakan XAMPP.

Ukuran: px

Mulai penontonan dengan halaman:

Download "1. Agar bisa mengakses aplikasi ini, yang pertama kali harus dilakukan adalah menyalakan XAMPP."

Suparman Hartono
6 tahun lalu
Tontonan:

Setelah itu, kita memasukkan username dan password pada halaman

1 1. Agar bisa mengakses aplikasi ini, yang pertama kali harus dilakukan adalah menyalakan XAMPP. 2. Setelah itu, kita memasukkan username dan password pada halaman login aplikasi. Admin Username : admin Password : admin User Username : user1 Password : user1

2 Hardware Server Client Operating System Windows 7 Windows 7 Web Server XAMPP - DBMS Server MySQL - Browser Google Chrome Google Chrome 3. Pada halaman beranda, terdapat : a. Menu Beranda : menu pertama pada aplikasi. b. Menu Daftar Mahasiswa : terdiri dari submenu Semua, Aktif, Tidak Aktif, Wisuda, Cuti, DO. Dimana menu ini menampilkan data mahasiswa mulai dari NIM, nama, angkatan masuk dan status keaktifan. c. Menu Laporan : terdiri dari submenu Rekap Data, Pie dan Grafik. Dimana menu ini menampilkan jumlah status mahasiswa yang aktif, tidak aktif, cuti, DO dan wisuda pada periode tertentu. d. Button Dropdown : berguna untuk memilih periode mana yang akan ditampilkan. e. Pie chart : menampilkan status aktif dan tidak aktif mahasiswa MTI sesuai dengan periode yang dipilih pada button Dropdown. f. Jumlah mahasiswa aktif dan tidak aktif : menampilkan jumlah mahasiswa yang aktif dan tidak aktif sesuai dengan periode yang dipilih pada button Dropdown.

3 4. Apabila memilih button Dropdown, maka akan muncul periode yang dapat kita pilih. 5. Pada menu Daftar Mahasiswa Semua, terdapat : a. Button input data baru : untuk menambah data mahasiswa yang baru. b. Dropdown pilih periode : untuk menampilkan status mahasiswa pada periode tertentu. c. Dropdown show : dapat memilih tampilan data per halaman yang diinginkan, bisa 10, 25, 50, maupun 100 data. d. Button search : untuk mencari data mahasiswa yang diinginkan, bisa di search melalui NIM maupun nama. e. Button delete : untuk menghapus status mahasiswa pada periode tertentu. f. Paging : untuk melihat tampilan data pada halaman berikutnya. 6. Apabila meng-klik button Input Data Baru, maka akan muncul tampilan seperti ini.

4 a. Button Kembali : mengarahkan user kembali pada menu Daftar Mahasiswa Semua. b. Text Field NIM : mengisi NIM mahasiswa baru. c. Text Field nama : mengisi nama mahasiswa baru. d. Dropdown angkatan : memilih pada angkatan berapa mahasiswa baru tersebut masuk. e. Dropdown perminatan : memilih perminatan yang dipilih mahasiswa baru. f. Dropdown jenis perkuliahan : memilih jenis perkuliahan yang dipilih mahasiswa baru. g. Button simpan : menyimpan data mahasiswa yang telah diisi. h. Button reset : mengulang mengisi data mahasiswa baru. 7. Untuk tampilan submenu pada Daftar Mahasiswa yang lain, tidak ada banyak perbedaan, mulai dari submenu Aktif, Tidak Aktif, Cuti dan DO.

6 8. Untuk submenu Wisuda, terdapat sedikit perbedaan, yaitu button yang ada adalah button Update, bukan button Delete. Dimana button Update ini digunakan untuk mengubah status mahasiswa apabila mahasiswa tersebut sudah lulus. Apabila meng-klik button Update, maka akan muncul tampilan seperti berikut. Dimana terdapat dropdown periode lulus, kita memilih pada periode berapa mahasiswa tersebut lulus. Setelah memilih periode, kemudian meng-klik button Simpan untuk menyimpan data baru.

9. Pada menu Daftar Mahasiswa, apabila kita meng-klik NIM pada tabel seperti gambar di bawah. Maka akan muncul tampilan seperti ini, yaitu data lengkap dari mahasiswa tersebut. a. Button kembali : mengarahkan user pada menu Daftar Mahasiswa Semua.

7 9. Pada menu Daftar Mahasiswa, apabila kita meng-klik NIM pada tabel seperti gambar di bawah. Maka akan muncul tampilan seperti ini, yaitu data lengkap dari mahasiswa tersebut. a. Button kembali : mengarahkan user pada menu Daftar Mahasiswa Semua. b. Menampilkan NIM, Nama, Perminatan dan Jenis Perkuliahan mahasiswa. Juga terdapat button Update yang berguna untuk mengubah perminatan atau jenis perkuliahan mahasiswa tersebut. c. Menampilkan rincian status keaktifan mahasiswa per periode pembelajaran. d. Dropdown tahun-semester-gelombang : memilih tahun-semester-gelombang mahasiswa untuk periode terbaru. e. Dropdown status : memilih status mahasiswa pada periode terbaru yang diinput pada d). f. Button simpan : menyimpan data status keaktifan terbaru dari mahasiswa tersebut.

8 g. Menampilkan periode, judul thesis, jalur thesis dan status thesis yang sedang atau sudah dikerjakan oleh mahasiswa. h. Text area judul thesis : mengisi judul thesis mahasiswa. i. Dropdown jalur thesis : memilih jalur thesis yang dipilih mahasiswa. j. Dropdown status thesis : memilih status thesis mahasiswa. k. Dropdown periode : memilih periode thesis mahasiswa. l. Button simpan : menyimpan status thesis terbaru mahasiswa. 10. Saat kita meng-klik button Update pada view mahasiswa, maka akan muncul tampilan sebagai berikut. a. Text field NIM : mengubah NIM mahasiswa. b. Text field nama : mengubah nama mahasiswa. c. Dropdown perminatan : mengubah perminatan mahasiswa. d. Dropdown jenis perkuliahan : mengubah jenis perkuliahan mahasiswa. e. Button update : menyimpan perubahan terbaru pada data mahasiswa. f. Button reset : mengulang mengisi data mahasiswa yang akan diubah.

9 11. Pada menu Laporan Rekap Data, akan muncul dropdown periode, dimana kita bisa memilih periode mana yang ingin kita tampilkan. Setelah memilih periode, maka jumlah mahasiswa Aktif, Tidak Aktif, DO, Cuti, dan Wisuda akan berubah sesuai dengan periode yang dipilih. Berikut tampilan awal submenu Rekap Data yang menampilakn periode Dan ini tampilan Rekap Data apabila memilih periode lain, contoh nya periode

10 12. Pada submenu Rekap Wisuda, menampilkan jumlah mahasiswa pada periode tertentu yang telah lulus. 13. Masuk pada submenu Pie dan Grafik. Berikut tampilan awal submenu Pie yang terdiri dari dropdown periode dan pie chart yang menampilkan status keaktifan mahasiswa pada periode

11 Apabila memilih periode lain, contohnya periode , maka akan muncul tampilan sebagai berikut. 14. Pada submenu Grafik, terdapat tampilan dropdown pilih tampilan grafik dan grafik status keaktifan mahasiswa. Pada dropdown tersebut, kita dapat memilih tampilan yang diinginkan, menampilkan semua status keaktifan mahasiswa atau menampilkan status keaktifan mahasiswa sesuai dengan periode yang kita inginkan.

12 15. Apabila kita memilih Pilih Range, maka akan muncul tampilan seperti berikut. Dimana grafik nya masih kosong dan kita harus memilih dari periode awal sampai periode akhir yang kita inginkan untuk ditampilkan. Setelah memilih range, maka akan muncul tampilan sebagai berikut.

13 16. Grafik Aktif, Tidak Aktif, Cuti, DO, dan Wisuda mana submenu ini dapat di-klik. Dimana apabila di-klik, maka akan muncul rincian status keaktifan mahasiswa per periode. Berikut tampilan saat meng-klik grafik Aktif pada range sampai Berikut tampilan saat meng-klik grafik Aktif pada semua periode.

dokumen-dokumen yang mirip

BAB V IMPLEMENTASI SISTEM

BAB V IMPLEMENTASI SISTEM Pada bab ini akan dijelaskan implementasi dari Aplikasi Sistem Pendukung Keputusan Penilaian kinerja yang sudah dibangun 5.1 Lingkungan Implementasi Lingkungan implementasi meliputi