Perancangan Antarmuka Sistem Perancangan Sistem

t_skripsi. Tabel t_skripsi berisi keterangan mengenai data mahasiswa yang akan mengajukan ujian skripsi. Penentuan bidang minat dari skripsi yang bersangkutan juga disimpan dalam tabel ini. Tabel t_skripsi memiliki relasi dengan tabel t_bidangminat, karena setiap topik skripsi memiliki bidang minat masing-masing. Tabel t_bidangminat ini berisi tentang macam bidang minat yang ada atau yang dapat digunakan sebagai dasar dari penentuan topik skripsi. Nama dari bidang minat akan dijadikan sebagai primary key, sehingga tidak ada nama bidang minat yang sama. Sedangkan untuk tabel t_dosenpenguji juga memiliki relasi lain, yaitu relasi ke tabel t_bidangminatdosen. Tabel t_bidangminatdosen berisi keterangan mengenai bidang minat yang dikuasai oleh masing-masing dosen penguji. Tabel ini juga terdapat tingkat penguasaan bidang minat dan nilai dari bidang minat yang dikuasai oleh dosen. Tabel ini akan digunakan sebagai dasar pemilihan dosen penguji dari skripsi yang akan diujikan, karena akan disesuaikan dengan bidang minat yang dimiliki oleh dosen penguji.

3.3.3 Perancangan Antarmuka Sistem

Dalam skripsi ini, aplikasi dibuat dengan berbasis web. Terdapat beberapa halaman web yang digunakan sebagai media interaksi antara user dengan sistem. Rancangan antarmuka sistem yang dibuat pada sistem ini antara lain: 1. Rancangan antarmuka halaman Login Halaman Login adalah halaman yang pertama kali ditampilkan oleh sistem. User akan diminta memasukkan username dan password untuk dapat masuk ke dalam sistem. Halaman login akan melakukan proses pengecekan ke dalam database untuk mengetahui apakah user yang masuk ke dalam sistem memiliki username dan password yang benar-benar terdapat dalam database. Rancangan antarmuka halaman Login dapat dilihat pada Gambar 3.15. Gambar 3.15 Rancangan Antarmuka Halaman Login 2. Rancangan antarmuka halaman Home Halaman Home adalah halaman yang pertama kali ditampilkan oleh sistem setelah proses login berhasil dilakukan. Halaman Home ini tidak memiliki proses apa-apa, karena hanya digunakan sebagai tampilan awal dari sistem. Rancangan antarmuka dari halaman Home dapat dilihat pada Gambar 3.16. Gambar 3.16 Rancangan Antarmuka Halaman Home 3. Rancangan antarmuka halaman Ruang Halaman ruang adalah halaman yang digunakan untuk proses pengaturan ruang ujian. Pada halaman ini, dapat dilakukan dua proses yaitu penambahan ruang ujian dan penghapusan ruang ujian. 45 melakukan proses pengecekan ke dalam database untuk mengetahui apakah user yang masuk ke dalam sistem memiliki username dan password yang benar-benar terdapat dalam database. Rancangan antarmuka halaman Login dapat dilihat pada Gambar 3.15. Gambar 3.15 Rancangan Antarmuka Halaman Login 2. Rancangan antarmuka halaman Home Halaman Home adalah halaman yang pertama kali ditampilkan oleh sistem setelah proses login berhasil dilakukan. Halaman Home ini tidak memiliki proses apa-apa, karena hanya digunakan sebagai tampilan awal dari sistem. Rancangan antarmuka dari halaman Home dapat dilihat pada Gambar 3.16. Gambar 3.16 Rancangan Antarmuka Halaman Home 3. Rancangan antarmuka halaman Ruang Halaman ruang adalah halaman yang digunakan untuk proses pengaturan ruang ujian. Pada halaman ini, dapat dilakukan dua proses yaitu penambahan ruang ujian dan penghapusan ruang ujian. 45 melakukan proses pengecekan ke dalam database untuk mengetahui apakah user yang masuk ke dalam sistem memiliki username dan password yang benar-benar terdapat dalam database. Rancangan antarmuka halaman Login dapat dilihat pada Gambar 3.15. Gambar 3.15 Rancangan Antarmuka Halaman Login 2. Rancangan antarmuka halaman Home Halaman Home adalah halaman yang pertama kali ditampilkan oleh sistem setelah proses login berhasil dilakukan. Halaman Home ini tidak memiliki proses apa-apa, karena hanya digunakan sebagai tampilan awal dari sistem. Rancangan antarmuka dari halaman Home dapat dilihat pada Gambar 3.16. Gambar 3.16 Rancangan Antarmuka Halaman Home 3. Rancangan antarmuka halaman Ruang Halaman ruang adalah halaman yang digunakan untuk proses pengaturan ruang ujian. Pada halaman ini, dapat dilakukan dua proses yaitu penambahan ruang ujian dan penghapusan ruang ujian. Rancangan antarmuka halaman ruang dapat dilihat pada Gambar 3.17. Gambar 3.17 Rancangan Antarmuka Halaman Ruang Setelah proses penambahan ruang ujian, data yang telah disimpan dalam database, akan langsung ditampilkan ke dalam daftar ruang yang dapat dihapus. 4. Rancangan antarmuka halaman Bidang Minat Halaman bidang minat adalah bagian dari sistem yang digunakan untuk proses pengaturan bidang minat. Dalam halaman ini bisa dilakukan dua proses, yaitu proses penambahan bidang minat dan proses penghapusan bidang minat. Rancangan antarmuka halaman bidang minat dapat dilihat pada Gambar 3.18. Gambar 3.18 Rancangan Antarmuka Halaman Bidang Minat Rancangan antarmuka halaman ruang dapat dilihat pada Gambar 3.17. Gambar 3.17 Rancangan Antarmuka Halaman Ruang Setelah proses penambahan ruang ujian, data yang telah disimpan dalam database, akan langsung ditampilkan ke dalam daftar ruang yang dapat dihapus. 4. Rancangan antarmuka halaman Bidang Minat Halaman bidang minat adalah bagian dari sistem yang digunakan untuk proses pengaturan bidang minat. Dalam halaman ini bisa dilakukan dua proses, yaitu proses penambahan bidang minat dan proses penghapusan bidang minat. Rancangan antarmuka halaman bidang minat dapat dilihat pada Gambar 3.18. Gambar 3.18 Rancangan Antarmuka Halaman Bidang Minat Rancangan antarmuka halaman ruang dapat dilihat pada Gambar 3.17. Gambar 3.17 Rancangan Antarmuka Halaman Ruang Setelah proses penambahan ruang ujian, data yang telah disimpan dalam database, akan langsung ditampilkan ke dalam daftar ruang yang dapat dihapus. 4. Rancangan antarmuka halaman Bidang Minat Halaman bidang minat adalah bagian dari sistem yang digunakan untuk proses pengaturan bidang minat. Dalam halaman ini bisa dilakukan dua proses, yaitu proses penambahan bidang minat dan proses penghapusan bidang minat. Rancangan antarmuka halaman bidang minat dapat dilihat pada Gambar 3.18. Gambar 3.18 Rancangan Antarmuka Halaman Bidang Minat 5. Rancangan antarmuka halaman Bidang Minat Dosen Halaman bidang minat dosen adalah proses pengaturan bidang minat yang dimiliki oleh masing-masing dosen. Dalam halaman ini, dapat dilakukan dua proses kepada bidang minat dosen, yaitu proses penambahan dan penghapusan. Data bidang minat dosen yang ada dapat dilihat secara langsung dalam tabel bidang minat dosen yang ada pada halaman ini. Rancangan antarmuka halaman bidang minat dosen dapat dilihat pada Gambar 3.19. Gambar 3.19 Rancangan Antarmuka Halaman Bidang Minat Dosen 6. Rancangan antarmuka halaman Tambah User Halaman tambah user adalah proses penambahan user yang dapat memiliki akses untuk masuk ke dalam sistem. Pada halaman ini, user diminta memasukkan username baru dan memasukkan password sebanyak dua kali sebagai proteksi. Rancangan antarmuka dari halaman tambah user ini dapat dilihat pada Gambar 3.20. 47 5. Rancangan antarmuka halaman Bidang Minat Dosen Halaman bidang minat dosen adalah proses pengaturan bidang minat yang dimiliki oleh masing-masing dosen. Dalam halaman ini, dapat dilakukan dua proses kepada bidang minat dosen, yaitu proses penambahan dan penghapusan. Data bidang minat dosen yang ada dapat dilihat secara langsung dalam tabel bidang minat dosen yang ada pada halaman ini. Rancangan antarmuka halaman bidang minat dosen dapat dilihat pada Gambar 3.19. Gambar 3.19 Rancangan Antarmuka Halaman Bidang Minat Dosen 6. Rancangan antarmuka halaman Tambah User Halaman tambah user adalah proses penambahan user yang dapat memiliki akses untuk masuk ke dalam sistem. Pada halaman ini, user diminta memasukkan username baru dan memasukkan password sebanyak dua kali sebagai proteksi. Rancangan antarmuka dari halaman tambah user ini dapat dilihat pada Gambar 3.20. 47 5. Rancangan antarmuka halaman Bidang Minat Dosen Halaman bidang minat dosen adalah proses pengaturan bidang minat yang dimiliki oleh masing-masing dosen. Dalam halaman ini, dapat dilakukan dua proses kepada bidang minat dosen, yaitu proses penambahan dan penghapusan. Data bidang minat dosen yang ada dapat dilihat secara langsung dalam tabel bidang minat dosen yang ada pada halaman ini. Rancangan antarmuka halaman bidang minat dosen dapat dilihat pada Gambar 3.19. Gambar 3.19 Rancangan Antarmuka Halaman Bidang Minat Dosen 6. Rancangan antarmuka halaman Tambah User Halaman tambah user adalah proses penambahan user yang dapat memiliki akses untuk masuk ke dalam sistem. Pada halaman ini, user diminta memasukkan username baru dan memasukkan password sebanyak dua kali sebagai proteksi. Rancangan antarmuka dari halaman tambah user ini dapat dilihat pada Gambar 3.20. Gambar 3.20 Rancangan Antarmuka Halaman Tambah User 7. Rancangan antarmuka halaman Edit User Halaman edit user adalah halaman yang berisi proses pengaturan user yang ada di dalam sistem. Bentuk pengaturan yang dapat dilakukan pada user adalah proses pengubahan password dari user dan penghapusan user yang ada. Rancangan antarmuka dari halaman edit user ini dapat dilihat pada Gambar 3.21. Gambar 3.21 Rancangan Antarmuka Halaman Edit User 8. Rancangan antarmuka halaman Dosen Halaman dosen berisi tentang keterangan mengenai daftar dosen yang ada di FTI dan daftar dosen yang dapat dijadikan sebagai dosen penguji. Proses yang dilakukan pada halaman ini ada dua, yaitu pendaftaran dosen sebagai dosen penguji, dan penghapusan Gambar 3.20 Rancangan Antarmuka Halaman Tambah User 7. Rancangan antarmuka halaman Edit User Halaman edit user adalah halaman yang berisi proses pengaturan user yang ada di dalam sistem. Bentuk pengaturan yang dapat dilakukan pada user adalah proses pengubahan password dari user dan penghapusan user yang ada. Rancangan antarmuka dari halaman edit user ini dapat dilihat pada Gambar 3.21. Gambar 3.21 Rancangan Antarmuka Halaman Edit User 8. Rancangan antarmuka halaman Dosen Halaman dosen berisi tentang keterangan mengenai daftar dosen yang ada di FTI dan daftar dosen yang dapat dijadikan sebagai dosen penguji. Proses yang dilakukan pada halaman ini ada dua, yaitu pendaftaran dosen sebagai dosen penguji, dan penghapusan Gambar 3.20 Rancangan Antarmuka Halaman Tambah User 7. Rancangan antarmuka halaman Edit User Halaman edit user adalah halaman yang berisi proses pengaturan user yang ada di dalam sistem. Bentuk pengaturan yang dapat dilakukan pada user adalah proses pengubahan password dari user dan penghapusan user yang ada. Rancangan antarmuka dari halaman edit user ini dapat dilihat pada Gambar 3.21. Gambar 3.21 Rancangan Antarmuka Halaman Edit User 8. Rancangan antarmuka halaman Dosen Halaman dosen berisi tentang keterangan mengenai daftar dosen yang ada di FTI dan daftar dosen yang dapat dijadikan sebagai dosen penguji. Proses yang dilakukan pada halaman ini ada dua, yaitu pendaftaran dosen sebagai dosen penguji, dan penghapusan dosen dari daftar dosen penguji. Rancangan antarmuka dari halaman dosen ini dapat dilihat pada Gambar 3.22. Gambar 3.22 Rancangan Antarmuka Halaman Dosen 9. Rancangan antarmuka halaman Tanggal Ujian Halaman tanggal ujian memiliki fungsi untuk menambahkan tanggal-tanggal yang digunakan sebagai tanggal pelaksanaan ujian skripsi. Gambar rancangan antarmuka tanggal ujian dapat dilihat pada Gambar 3.23. Gambar 3.23 Rancangan Antarmuka Halaman Tanggal Ujian dosen dari daftar dosen penguji. Rancangan antarmuka dari halaman dosen ini dapat dilihat pada Gambar 3.22. Gambar 3.22 Rancangan Antarmuka Halaman Dosen 9. Rancangan antarmuka halaman Tanggal Ujian Halaman tanggal ujian memiliki fungsi untuk menambahkan tanggal-tanggal yang digunakan sebagai tanggal pelaksanaan ujian skripsi. Gambar rancangan antarmuka tanggal ujian dapat dilihat pada Gambar 3.23. Gambar 3.23 Rancangan Antarmuka Halaman Tanggal Ujian dosen dari daftar dosen penguji. Rancangan antarmuka dari halaman dosen ini dapat dilihat pada Gambar 3.22. Gambar 3.22 Rancangan Antarmuka Halaman Dosen 9. Rancangan antarmuka halaman Tanggal Ujian Halaman tanggal ujian memiliki fungsi untuk menambahkan tanggal-tanggal yang digunakan sebagai tanggal pelaksanaan ujian skripsi. Gambar rancangan antarmuka tanggal ujian dapat dilihat pada Gambar 3.23. Gambar 3.23 Rancangan Antarmuka Halaman Tanggal Ujian 10. Rancangan antarmuka halaman Skripsi Halaman skripsi adalah halaman yang digunakan untuk menyimpan data-data mahasiswa skripsi yang telah mengajukan skripsinya untuk diujikan, seperti NIM, nama, judul skripsi, pembimbing, dan bidang minat dari topik skripsi tersebut. Setelah data-data tersebut dimasukkan dan disimpan, data skripsi akan ditampilkan secara langsung pada tabel yang terdapat pada halaman ini. Rancangan antarmuka dari halaman skripsi dapat dilihat pada tabel 3.24. Gambar 3.24 Rancangan Antarmuka Halaman Skripsi 11. Rancangan antarmuka halaman Tambah Jadwal Halaman tambah jadwal ini berfungsi untuk menambahkan jadwal dari dosen-dosen diluar jadwal mengajar. Pada halaman ini, user dapat memilih dosen yang akan ditambahkan jadwalnya, kemudian menambahkan hari dan jam dari kegiatan dosen tersebut. 50 10. Rancangan antarmuka halaman Skripsi Halaman skripsi adalah halaman yang digunakan untuk menyimpan data-data mahasiswa skripsi yang telah mengajukan skripsinya untuk diujikan, seperti NIM, nama, judul skripsi, pembimbing, dan bidang minat dari topik skripsi tersebut. Setelah data-data tersebut dimasukkan dan disimpan, data skripsi akan ditampilkan secara langsung pada tabel yang terdapat pada halaman ini. Rancangan antarmuka dari halaman skripsi dapat dilihat pada tabel 3.24. Gambar 3.24 Rancangan Antarmuka Halaman Skripsi 11. Rancangan antarmuka halaman Tambah Jadwal Halaman tambah jadwal ini berfungsi untuk menambahkan jadwal dari dosen-dosen diluar jadwal mengajar. Pada halaman ini, user dapat memilih dosen yang akan ditambahkan jadwalnya, kemudian menambahkan hari dan jam dari kegiatan dosen tersebut. 50 10. Rancangan antarmuka halaman Skripsi Halaman skripsi adalah halaman yang digunakan untuk menyimpan data-data mahasiswa skripsi yang telah mengajukan skripsinya untuk diujikan, seperti NIM, nama, judul skripsi, pembimbing, dan bidang minat dari topik skripsi tersebut. Setelah data-data tersebut dimasukkan dan disimpan, data skripsi akan ditampilkan secara langsung pada tabel yang terdapat pada halaman ini. Rancangan antarmuka dari halaman skripsi dapat dilihat pada tabel 3.24. Gambar 3.24 Rancangan Antarmuka Halaman Skripsi 11. Rancangan antarmuka halaman Tambah Jadwal Halaman tambah jadwal ini berfungsi untuk menambahkan jadwal dari dosen-dosen diluar jadwal mengajar. Pada halaman ini, user dapat memilih dosen yang akan ditambahkan jadwalnya, kemudian menambahkan hari dan jam dari kegiatan dosen tersebut. Rancangan antarmuka halaman tambah jadwal dapat dilihat pada Gambar 3.25. Gambar 3.25 Rancangan Antarmuka Halaman Tambah Jadwal 12. Rancangan antarmuka halaman Hapus Data Halaman hapus data berfungsi sebagai proses penghapusan data yang digunakan untuk melakukan proses penjadwalan. Data yang dapat dihapus dari halaman hapus data ini adalah data tanggal ujian dan data judul skripsi. Rancangan antarmuka dari halaman hapus data ini dapat dilihat pada Gambar 3.26. Gambar 3.26 Rancangan Antarmuka Halaman Hapus Data Rancangan antarmuka halaman tambah jadwal dapat dilihat pada Gambar 3.25. Gambar 3.25 Rancangan Antarmuka Halaman Tambah Jadwal 12. Rancangan antarmuka halaman Hapus Data Halaman hapus data berfungsi sebagai proses penghapusan data yang digunakan untuk melakukan proses penjadwalan. Data yang dapat dihapus dari halaman hapus data ini adalah data tanggal ujian dan data judul skripsi. Rancangan antarmuka dari halaman hapus data ini dapat dilihat pada Gambar 3.26. Gambar 3.26 Rancangan Antarmuka Halaman Hapus Data Rancangan antarmuka halaman tambah jadwal dapat dilihat pada Gambar 3.25. Gambar 3.25 Rancangan Antarmuka Halaman Tambah Jadwal 12. Rancangan antarmuka halaman Hapus Data Halaman hapus data berfungsi sebagai proses penghapusan data yang digunakan untuk melakukan proses penjadwalan. Data yang dapat dihapus dari halaman hapus data ini adalah data tanggal ujian dan data judul skripsi. Rancangan antarmuka dari halaman hapus data ini dapat dilihat pada Gambar 3.26. Gambar 3.26 Rancangan Antarmuka Halaman Hapus Data 13. Rancangan antarmuka halaman Jadwal Ujian Halaman jadwal ujian merupakan halaman yang menjadi tujuan dari sistem, yaitu proses penjadwalan ujian. Data-data yang telah dimasukkan sebelumnya, akan diproses oleh sistem, sehingga mendapatkan keluaran berupa jadwal ujian. Jadwal yang telah didapatkan akan disimpan ke dalam database, dan ditampilkan secara langsung dalam tabel di dalam halaman jadwal ujian ini. Rancangan antarmuka halaman jadwal ujian ini dapat dilihat pada Gambar 3.27. Gambar 3.27 Rancangan Antarmuka Halaman Jadwal Ujian

3.4 Prototype Sistem

Prototype sistem adalah hasil jadi aplikasi yang dibuat sebelum dilakukan proses pengujian. Prototype sistem memungkinkan ada lebih dari satu, apabila setelah melewati tahap pengujian terdapat ketidakpuasan dari customer, sehingga pembuat sistem harus melakukan tahap requirement lagi dan melakukan perubahan pada sistem, sesuai dengan permintaan dari customer hingga tercapai kepuasaan pada customer. Dalam sistem ini, terdapat 13. Rancangan antarmuka halaman Jadwal Ujian Halaman jadwal ujian merupakan halaman yang menjadi tujuan dari sistem, yaitu proses penjadwalan ujian. Data-data yang telah dimasukkan sebelumnya, akan diproses oleh sistem, sehingga mendapatkan keluaran berupa jadwal ujian. Jadwal yang telah didapatkan akan disimpan ke dalam database, dan ditampilkan secara langsung dalam tabel di dalam halaman jadwal ujian ini. Rancangan antarmuka halaman jadwal ujian ini dapat dilihat pada Gambar 3.27. Gambar 3.27 Rancangan Antarmuka Halaman Jadwal Ujian

3.4 Prototype Sistem

Prototype sistem adalah hasil jadi aplikasi yang dibuat sebelum dilakukan proses pengujian. Prototype sistem memungkinkan ada lebih dari satu, apabila setelah melewati tahap pengujian terdapat ketidakpuasan dari customer, sehingga pembuat sistem harus melakukan tahap requirement lagi dan melakukan perubahan pada sistem, sesuai dengan permintaan dari customer hingga tercapai kepuasaan pada customer. Dalam sistem ini, terdapat 13. Rancangan antarmuka halaman Jadwal Ujian Halaman jadwal ujian merupakan halaman yang menjadi tujuan dari sistem, yaitu proses penjadwalan ujian. Data-data yang telah dimasukkan sebelumnya, akan diproses oleh sistem, sehingga mendapatkan keluaran berupa jadwal ujian. Jadwal yang telah didapatkan akan disimpan ke dalam database, dan ditampilkan secara langsung dalam tabel di dalam halaman jadwal ujian ini. Rancangan antarmuka halaman jadwal ujian ini dapat dilihat pada Gambar 3.27. Gambar 3.27 Rancangan Antarmuka Halaman Jadwal Ujian

3.4 Prototype Sistem

Prototype sistem adalah hasil jadi aplikasi yang dibuat sebelum dilakukan proses pengujian. Prototype sistem memungkinkan ada lebih dari satu, apabila setelah melewati tahap pengujian terdapat ketidakpuasan dari customer, sehingga pembuat sistem harus melakukan tahap requirement lagi dan melakukan perubahan pada sistem, sesuai dengan permintaan dari customer hingga tercapai kepuasaan pada customer. Dalam sistem ini, terdapat