232 Gambar 4. 38 Halaman Pop Up Window Payment Detail/Transaction Detail
Gambar 4. 39 Halaman Modules
Halaman Modules adalah bagian yang berkaitan dengan data modul pelajaran. Untuk mengetahui modul pelajaran apa saja yang telah siswa ambil, dapat dilihat di halaman Module Taken. Sedangkan untuk mengetahui modul pelajaran apa saja yang tersedia dalam E-BiNus, halaman Module Available yang menampilkannya. Halaman Module Registration digunakan siswa untuk dapat meregistrasikan modul pelajaran baru. Setiap modul pelajaran memiliki data-data seperi kode, nama, revisi, harga, dan sebagainya. Halaman Module Detail akan menampilkan data-datanya secara lebih lengkap. Pada halaman Module Taken terdapat kolom “Activated Date” dan kolom “Deactivated Date” yang menunjukkan kapan halaman LMS, CMS dan Forum tersedia bagi siswa tersebut, atau dengan kata lain waktu mulai dan akhir siswa dapat belajar.
233 Kolom “Allowed Exam Date” menunjukkan waktu kapan seorang siswa dapat mengikuti ujian. Jika telah melewati tanggal tersebut, maka siswa dapat mendaftar untuk melakukkan ujian. Untuk sekarang ini rentang waktu dari mulai belajar sampai siswa diperbolehkan mengambil ujiannya adalah 90 hari.
Gambar 4. 40 Halaman My Module Taken
Gambar 4. 41 Halaman View Module Available
234
Gambar 4. 42 Halaman Module Detail
Gambar 4. 43 Halaman Module Registration
235 Halaman Module Registration di halaman siswa ini mirip dengan halaman Product Catalog di halaman pengunjung. Bila sebuah nama modul pelajaran diklik, maka akan dimunculkan halaman Pop Up Module Detail. Bila siswa sudah pernah mengambil modul pelajaran tersebut, tetapi sekarang memilih lagi (mencentang option box), maka akan ditampilkan pesan
.
4.3.3 E-BiNus Back End Berikut ini merupakan halaman-halaman yang ada pada E-BiNus Back End yang hanya bisa diakses oleh administrator melalui jaringan lokal Universitas Bina Nusantara.
Gambar 4. 44 Login Box Back End Halaman ini merupakan halaman yang digunakan untuk login sekaligus sebagai halaman yang menjadi tujuan pengalihan ketika session seorang pengguna sudah habis. Selain itu halaman ini juga akan ditampilkan ketika seorang pengguna mengklik tombol ‘Logout’ yang terdapat pada bagian header dari tampilan aplikasi setelah login. Pada halaman ini pengguna diminta untuk mengisi username dan password-nya dan kemudian mengklik tombol ‘Login’. Jika pengguna mengisi username dan password dengan benar maka halaman akan dialihkan ke halaman Main Menu. Namun, jika username dan password yang dimasukkan pengguna salah atau tidak
236 ditemukan di database maka akan muncul
sebagai
pesan kesalahan
. Gambar 4. 45 Halaman Main Menu admin Halaman ini merupakan halaman pertama yang akan muncul ketika seorang pengguna berhasil login. Halaman ini juga akan ditampilkan ketika seorang pengguna mengklik tombol “Home” dari halaman lain. Pada halaman ini ditampilkan daftar modul aplikasi berdasarkan kategorinya yang bisa diakses oleh si pengguna. Hak akses masing–masing pengguna bisa berbeda–beda. Misalnya jika seorang pengguna tidak memiliki hak akses terhadap modul aplikasi User Management maka pada halaman ini tidak akan muncul link ke halaman modul aplikasi User Management.
237
Gambar 4. 46 Halaman Change Password admin Halaman ini ditampilkan jika pengguna mengklik tombol “Change Password” yang terdapat pada bagian header. Halaman ini dapat digunakan pengguna untuk mengubah password-nya. Langkah pertama yang perlu dilakukan untuk mengubah password yaitu pengguna harus memasukkan password lamanya pada text box yang pertama. Setelah itu ia dapat memasukkan password yang baru sebanyak dua kali pada dua text box berikutnya. Kemudian pengguna dapat mengklik tombol “Submit” untuk menyimpan password barunya ke dalam database. Jika proses penyimpanan berhasil maka akan ditampilkan pesan sukses.
Gambar 4. 47 Halaman LecturerModuleAssignment_MainMenu admin
238 Pada halaman ini ditampilkan tabel yang berisi daftar modul pelajaran yang ada beserta jumlah lecturer (dosen) yang mengajar masing–masing modul pelajaran. Pengguna juga bisa menampilkan daftar modul pelajaran yang memenuhi kriteria tertentu saja yaitu dengan memasukkan kriteria pencarian pada field–field yang tersedia kemudian mengklik tombol “Search”. Setelah itu tabel akan terisi dengan daftar modul pelajaran yang sesuai dengan kriteria yang telah ditentukan. Pada tabel terdapat kolom “View” yang setiap barisnya berisi link untuk membuka window baru dan menampilkan keterangan detail dari masing – masing modul pelajaran beserta daftar lecturer (dosen) yang mengajar modul pelajaran tersebut. Selain kolom “View” terdapat pula kolom “Edit” yang setiap barisnya berisi link untuk menuju ke halaman edit dari masing–masing modul pelajaran. Kolom “Edit” dan kolom “View” hanya akan tampil jika pengguna memiliki hak akses “Edit” dan “View” terhadap modul aplikasi ini
Gambar 4. 48 Halaman LecturerModuleAssignment_ViewLecturerAssignment admin
239 Halaman ini merupakan halaman yang tampil pada window baru ketika pengguna mengklik salah satu link “View” pada tabel yang berada di halaman LecturerModuleAssignment_MainMenu. Pada halaman ini pengguna bisa memilih lecturer (dosen) tertentu untuk dilihat detailnya yaitu dengan mengklik dosen yang ingin dilihat detailnya pada list box kemudian mengklik link “View Detail” yang berada pada keterangan di samping kanannya. Setelah itu window baru akan terbuka dan menampilkan
halaman
LecturerPersonalInformationManagement_ViewLecturerDetail yang berisi detail dari lecturer (dosen) yang dipilih tadi.
Gambar 4. 49 Halaman LecturerModuleAssignment_EditLecturerAssignment 1 admin
240
Gambar 4. 50 Halaman LecturerModuleAssignment_EditLecturerAssignment 2 admin Halaman ini merupakan halaman yang ditampilkan ketika salah satu link ‘Edit’ pada tabel yang berada di halaman LecturerModuleAssignment_MainMenu diklik. Pada halaman ini pengguna bisa menambahkan, mengurangi dan mengubah peran dari lecturer (dosen) yang mengajar modul pelajaran. Untuk menambahkan, pengguna terlebih dahulu mencari lecturer (dosen) yang akan ditugaskan dengan mengisi kriteria pencarian dan kemudian mengklik tombol “Search”. Setelah itu lecturer yang memenuhi kriteria pencarian akan muncul pada tabel di bawahnya dan pengguna bisa memberi tanda cek pada check box yang ada di samping masing – masing lecturer. Ketika check box tersebut diberi tanda cek maka lecturer yang berada di sampingnya akan ditambahkan pada list box di bawahnya. Untuk menghapus, pertama – tama pengguna memilih lecturer yang akan dihapus pada list box. Kemudian pengguna perlu mengklik tombol ‘Remove Selected’ untuk menghapus lecturer yang telah dipilih pada list box tadi.
241 Untuk mengubah peran lecturer yang mengajar, mula – mula pengguna memilih lecturer yang ingin diubah perannya dari list box. Kemudian detail dari lecturer tersebut akan muncul di sebelah kanannya dan perannya akan ditampilkan dalam bentuk combo box. Pengguna dapat mengganti peran lecturer tersebut dengan memilih peran lain yang tersedia pada combo box dan selanjutnya mengklik tombol ‘Change Role’. Setelah itu peran lecturer tersebut yang tercantum di list box akan berubah sesuai dengan peran yang telah dipilih.
Gambar 4. 51 Halaman ModuleCategoryManagement_MainMenu admin Pada halaman ini pengguna bisa membuat kategori modul pelajaran yang baru dan juga mengedit kategori modul pelajaran yang sudah ada. Untuk membuat kategori baru, pengguna dapat memasukkan nama kategori yang ingin dibuat dan menentukan statusnya apakah aktif atau tidak aktif. Selanjutnya pengguna tinggal mengklik tombol
242 “Submit” dan mengklik tombol “Yes” ketika message box konfirmasi muncul. Bagian “Create” ini hanya akan muncul jika pengguna memiliki hak akses “Create” terhadap aplikasi ini Untuk mengedit pengguna terlebih dahulu mencari kategori yang akan diedit yaitu dengan memasukkan kriteria pencarian pada field – field yang tersedia dan kemudian mengklik tombol ‘Search’. Setelah itu kategori modul pelajaran yang memenuhi kriteria akan ditampilkan pada tabel di bawahnya. Langkah selanjutnya pengguna dapat mengklik link “Edit” pada baris yang kategori modul pelajarannya akan diedit. Setelah link “Edit” diklik maka tampilan baris tersebut akan menjadi seperti di bawah ini:
Gambar 4. 52 Module Category Management ketika link “Edit” diklik Setelah itu pengguna bisa mengubah nama kategori dan juga statusnya (aktif atau tidak aktif) . Kemudian jika pengguna ingin menyimpan perubahan yang telah dilakukan maka pengguna dapat mengklik link ‘Update’ dan mengklik tombol “Yes” ketika message box konfirmasi muncul. Jika pengguna ingin membatalkan perubahan maka pengguna dapat mengklik link “Cancel”. Kolom “Edit” pada tabel di halaman ini hanya akan muncul jika pengguna memiliki hak akses “Edit” terhadap modul aplikasi ini.
243
Gambar 4. 53 Halaman ModuleManagement_MainMenu admin Halaman ini menampilkan daftar modul pelajaran yang ada. Pada halaman ini pengguna dapat melakukan pencarian terhadap modul pelajaran yang memenuhi kriteria tertentu yaitu dengan mengisi kriteria pencarian dan mengklik tombol “Search”. Setelah itu modul pelajaran yang memenuhi kriteria akan ditampilkan pada tabel yang ada di halaman tersebut. Pada masing–masing baris dari daftar modul pelajaran terdapat link “View” untuk melihat detail dari masing – masing modul pelajaran dan juga link “Edit” untuk mengedit masing–masing modul pelajaran. Selain itu terdapat pula tombol ‘Create Module’ yang dapat diklik jika pengguna ingin membuat modul pelajaran baru. Link “Edit”, link “View”, dan tombol “Create” hanya akan muncul jika pengguna memiliki hak akses yang sesuai.
244
Gambar 4. 54 Halaman ModuleManagement_ViewModuleDetail admin Window yang menampilkan detail sebuah modul pelajaran ini akan muncul apabila link “View” pada baris tertentu dari tabel yang berada di halaman ModuleManagement_MainMenu diklik. Halaman ini menampilkan keterangan detail dari sebuah modul pelajaran seperti nama, harga, kategori, status keaktifan dan juga deskripsi beserta daftar score component dan grading policy dari modul pelajaran tersebut.
245
Gambar 4. 55 Halaman ModuleManagement_EditModule 1 admin
Gambar 4. 56 Halaman ModuleManagement_EditModule 2 admin
246 Halaman ini ditampilkan setelah link “Edit” pada baris tertentu dari tabel yang berada di halaman ModuleManagement_MainMenu diklik. Di halaman ini pengguna dapat mengubah informasi detail dari suatu modul pelajaran dan juga mengubah score component (komponen penilaian seperti misalnya: tugas, ujian, dll) serta mengubah grading policy (aturan penentuan grade berdasarkan nilai akhir). Setelah mengubah data modul pelajaran, pengguna dapat mengklik tombol “Submit” untuk menyimpan perubahan yang telah dibuatnya.
Gambar 4. 57 Halaman ModuleManagement_CreateModule admin Halaman ini adalah halaman yang akan ditampilkan setelah tombol “Create Module” pada halaman ModuleManagement_MainMenu diklik. Halaman ini menampilkan daftar modul yang ada di database EBinusLMSDB tetapi belum ada di database EBinusAcademicDB. Kemudian pengguna dapat memilih modul pelajaran mana yang akan dibuat dengan mengklik link “Choose”. Setelah itu halaman akan dialihkan ke halaman ModuleManagement_CreateModuleDetail.
247
Gambar 4. 58 Halaman ModuleManagement_CreateModuleDetail 1 admin
Gambar 4. 59 Halaman ModuleManagement_CreateModuleDetail 2 admin Halaman ini merupakan halaman yang ditampilkan setelah link “Choose” pada baris tertentu dari tabel yang berada di halaman ModuleManagement_CreateModule
248 diklik. Pada halaman ini pengguna dapat memasukkan data dari modul pelajaran yang akan dibuat. Beberapa data dari modul pelajaran seperti: kategori modul pelajaran dan deskripsi pada awalnya akan terisi sesuai dengan data yang diperoleh dari database LMS (EBinusLMSDB). Namun, data tersebut masih dapat diubah jika diinginkan. Setelah semua data dimasukkan, pengguna tinggal mengklik tombol “Submit”. Selanjutnya halaman konfirmasi akan tampil dan jika pengguna yakin dengan data yang dimasukkannya maka ia dapat mengklik tombol “Confirm” atau jika ia tidak yakin, ia dapat mengklik tombol “Back” untuk kembali ke halaman sebelumnya dan melakukan perubahan terhadap data yang dimasukkannya.
Gambar 4. 60 Halaman LecturerPersonalInformationManagement_MainMenu admin Halaman ini menampilkan daftar lecturer (dosen) yang ada. Pada halaman ini pengguna dapat mencari lecturer yang memenuhi kriteria tertentu yaitu dengan mengisi
249 kriteria pencarian dan mengklik tombol “Search”. Setelah itu daftar lecturer yang memenuhi kriteria akan ditampilkan pada tabel yang ada di halaman tersebut. Pada masing – masing baris dari daftar lecturer tersebut terdapat link “View” untuk melihat detail dari masing – masing lecturer dan juga link “Edit” untuk mengedit masing–masing lecturer. Selain itu terdapat pula tombol “Create Lecturer” yang dapat diklik jika pengguna ingin memasukkan data lecturer (dosen) baru. Link “View”, link “Edit”, dan tombol “Create Lecturer” tersebut hanya akan muncul jika pengguna memiliki hak akses yang sesuai.
Gambar 4. 61 Halaman LecturerPIManagement_ViewLecturerDetail admin Halaman ini akan tampil pada window baru (Pop Up Window) setelah pengguna mengklik link “View” pada baris tertentu dari tabel yang berada di halaman LecturerPersonalInformationManagement_MainMenu. Pada halaman ini pengguna
250 dapat melihat informasi personal, daftar email, dan daftar pendidikan formal dari seorang lecturer (dosen).
Gambar 4. 62 Halaman LecturerPIManagement_EditLecturer 1 admin
Gambar 4. 63 Halaman LecturerPIManagement_EditLecturer 2 admin
251 Halaman ini akan tampil setelah pengguna mengklik link “Edit” pada baris tertentu
dari
tabel
yang
berada
pada
halaman
LecturerPersonalInformationManagement_MainMenu. Pada halaman ini pengguna dapat mengubah informasi detail, daftar email dan juga daftar pendidikan formal dari seorang lecturer. Jika pengguna ingin mengubah password dari lecturer maka ia perlu mengklik link “Edit Password”. Setelah link ini diklik maka text box password bisa diisi. Selanjutnya pengguna harus mengetikkan password yang baru sebanyak dua kali. Jika pengguna ingin menambahkan email baru maka ia perlu mengklik tombol “Add New Email”. Setelah tombol tersebut diklik maka pada daftar email akan muncul satu baris baru yang berisi sebuah text box kosong. Pada text box tersebut bisa diketikkan alamat email yang baru. Jika pengguna ingin menghapus email yang sudah ada maka ia harus memberi tanda cek pada check box di samping email yang ingin dihapus. Kemudian pengguna dapat mengklik tombol “Delete Checked Email” untuk menghapus email yang tadi telah diberi tanda cek. Jika pengguna ingin menentukan suatu email sebagai default email maka ia dapat mengklik link “Select” yang berada di samping masing–masing email. Baris yang emailnya terpilih sebagai default, background-nya akan berwarna biru tua dan link “Select” pada baris tersebut akan berubah menjadi kata “Default”. Jika pengguna ingin mengedit suatu pendidikan formal tertentu, maka mula – mula ia harus mengklik tombol “Edit These Data” pada pendidikan formal yang akan diedit. Setelah tombol tersebut diklik maka tampilannya akan menjadi seperti di bawah ini:
252
Gambar 4. 64 Formal Education Lecturer ketika Tombol “Edit These Data” Diklik Kemudian pengguna dapat mengubah data tertentu dari pendidikan formal tersebut. Setelah selesai mengubah, pengguna harus mengklik tombol “Update” untuk menyimpan perubahan yang telah dibuatnya. Jika pengguna ingin menambahkan pendidikan formal maka pertama – tama pengguna perlu memasukkan data pendidikan formal yang ingin ditambahkan pada field–field yang telah tersedia yang berada di atas daftar pendidikan formal. Kemudian pengguna harus mengklik tombol “Add To List” untuk menambahkan pendidikan formal yang baru tersebut ke dalam daftar yang berada di bawahnya. Pada pendidikan formal yang baru ditambahkan akan terdapat tombol “Remove These Data”. Tombol ini digunakan untuk menghapus pendidikan formal yang baru ditambahkan (belum ada di database) dari daftar pendidikan formal.
Gambar 4. 65 Formal Education Lecturer ketika Baru Ditambahkan
253 Pada gambar di atas tampak bahwa pendidikan formal S1 sudah tersimpan di database sedangkan pendidikan formal S2 baru ditambahkan dan belum tersimpan di database. Jadi pendidikan formal yang belum tersimpan di database masih bisa dihapus. Setelah selesai melakukan perubahan, pengguna harus mengklik tombol “Submit” untuk menuju ke halaman konfirmasi. Pada halaman konfirmasi pengguna dapat mengklik tombol “Confirm” untuk menyimpan data yang telah diubah ke dalam database atau mengklik tombol “Back” untuk kembali ke halaman sebelumnya dan mengubah lagi.
Gambar 4. 66 Halaman LecturerPIManagement_CreateLecturer 1 admin
254
Gambar 4. 67 Halaman LecturerPIManagement_CreateLecturer 2 admin Halaman ini ditampilkan setelah pengguna mengklik tombol ‘Create Lecturer’ pada
halaman
LecturerPersonalInformationManagement_MainMenu.
Pada
halaman ini pengguna dapat memasukkan informasi personal, daftar email, dan daftar pendidikan formal dari seorang lecturer (dosen). Setelah semua data dimasukkan pengguna dapat mengklik tombol “Submit” untuk menuju ke halaman konfirmasi. Pada halaman konfirmasi pengguna dapat mengklik tombol “Confirm” untuk menyimpan data ke database atau mengklik tombol “Back” untuk kembali ke halaman sebelumnya dan mengubah data yang dimasukkan.
Gambar 4. 68 Halaman StudentPIManagement_MainMenu admin
