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