12 BAB III
METODOLOGI PENELITIAN DAN PERANCANGAN SISTEM
3.1 Metodologi Penelitian
Penelitian “Rancang Bangun Aplikasi untuk Penilaian Sikap Dengan Metode Pengembangan Rapid Application Development” dibagi menjadi lima tahap, yaitu tahap requirements planning, design workshop, dan implementation. a. Requirements Planning
Melakukan wawancara kepada Dwi Kritiawan selaku manajer IT UMN dan studi terhadap referensi-referensi yang berhubungan dengan penelitian ini, b. Design Workshop
Design Workshop akan membahas kebutuhan dan persyaratan yang
dibutuhkan untuk membangun sebuah sistem. Design workshop juga akan melakukan perancangan dan pembuatan aplikasi. Perancangan aplikasi dilakukan dengan membuat flowchart, Entitiy Relationship Diagram (ERD), dan desain antarmuka. Pembuatan aplikasi akan menggunakan Ionic Framework c. Implementation
Implementation akan mengimplementasi sistem dan penerapan metode
dalam pemrogramman terhadap hasil kebutuhan sistem dan dapat dijelaskan dalam tahap implementasi database dan coding program. Hasil yang didapatkan yaitu final mobile application. Pada tahap implementation juga akan melakukan pengujian layak terhadap aplikasi.
13 Pengujian layak dilakukan dengan meminta civitas prodi perhotelan UMN untuk menggunakan aplikasi dan diminta untuk mengisi kuisoner menggunakan Technology Acceptance Model (TAM) mengenai tingkat kepuasan pengguna terhadap aplikasi. Pada tahap implementation juga akan membahas arsitektur deployment.
3.2 Perancangan Aplikasi
Perancangan aplikasi yang terdiri dari flowchart, Entity Relationship Diagram (ERD) dan rancangan tampilan antarmuka
14 3.2.1 Flowchart
15 Gambar 3.1 menunjukkan flowchart login dan utama pada aplikasi penilaian sikap. Saat aplikasi dijalankan, halaman pertama yang ditampilkan adalah halaman login menu. User dapat memasukkan id yang berupa nomor induk mahasiswa atau
lecture id. Setelah menerima input, dilakukan pengecekan user ke empat view.
Apabila user adalah mahasiswa, akan ditampilkan menu untuk mahasiswa. Pada
menu ini mahasiswa dapat melihat nilainya atau log-out. Apabila user adalah dosen,
akan ditampilan menu untuk dosen. Pada menu ini dosen dapat monitoring nilai mahasiswa yang diajar, memberi penilaian terhadap mahasiswa yang diajar atau
log-out. Apabila user adalah kaprodi atau sekprodi, akan ditampilkan menu master.
Pada menu ini kaprodi atau sekprodi dapat membuat jenis master penilaian baru,
master monitoring semua kelas, monitoring nilai mahasiswa yang diajar, memberi
penilaian terhadap mahasiswa yang diajar atau log-out.
Gambar 3.2 Flowchart Submodul Bagian Monitoring Mahasiswa
Pada halaman monitoring mahasiswa, mahasiswa dapat melihat notifikasi nilai yang diberikan oleh dosen yang didapatkan dari tabel pass_notification. Jika
16 mahasiswa ingin melihat detail penilaian, maka akan ditampilkan list mata kuliah yang didapatkan dari view ps_pass_stdnt_enrl. Setelah memilih mata kuliah akan ditampilkan list dari pertemuan yang didapatkan dari view ps_pass_class_mtg. Setelah memilih pertemuan, akan ditampilkan detail nilai yang diberikan yang didapatkan dari tabel ps_pass_score.
Gambar 3.3 Flowchart Submodul Bagian Master Score
Pada halaman master score, user dapat membuat penilaian baru atau edit penilaian. Jika user ingin membuat penilaian baru, maka ditampilkan form penilaian. Untuk membuat master kategori baru akan dijelaskan lebih lanjut pada
17 potongan flowchart ke-empat (Gambar 3.4). Setelah user meng-input penilaian baru, maka data form tersebut akan disimpan ke tabel pass_master_score. Jika user ingin meng-edit penilaian, maka akan ditampilkan form edit penilaian. Apabila user memilih menghapus penilaian maka data penilaian tersebut akan dihapus dari tabel pass_master_score. Apabila user meng-input form edit penilaian maka data form akan disimpan ke tabel pass_master_score.
18 Pada halaman master kategori, user dapat membuat atau mengedit kategori. Jika user ingin membuat kategori baru, maka akan ditampilkan form kategori. Setelah user meng-input form kategori maka data form tersebut akan disimpan ke tabel master_pass_category. Jika user ingin meng-edit kategori, maka akan ditampilkan form edit kategori. Apabila user memilih menghapus data kategori maka data kategori tersebut akan dihapus dari tabel pass_master_category. Apabila user meng-input form edit kategori maka data form akan disimpan ke tabel pass_master_category.
Gambar 3.5 Flowchart Submodul Bagian Master Monitoring
Pada halaman master monitoring, user dapat melihat semua nilai mahasiswa dari kelas yang dipilih. Apabila user ingin melihat semua nilai, maka akan ditampilkan list dari semester yang didapatkan dari view ps_pass_get_term. Setelah memilih semester akan ditampilkan list kelas yang didapatkan dari view ps_pass_clss_instr. Setelah memilih kelas akan ditampilkan data nilai mahasiswa yang didapatkan dari view ps_pass_stdnt_enrl dan tabel ps_pass_score.
19 Gambar 3.6 Flowchart Submodul Bagian Monitoring Dosen
Pada halaman monitoring dosen, user dapat melihat nilai dari mahasiswa yang diajar. Jika user ingin melihat nilai mahasiswa, maka akan ditampilkan list dari yang didapatkan dari view ps_pass_get_term. Setelah memilih semester akan ditampilkan list kelas yang didapatkan dari view ps_pass_clss_instr. Setelah memilih kelas akan ditampilkan data mahasiswa yang didapatkan dari view ps_pass_stdnt_enrl. Setelah memilih nama mahasiswa akan ditampilkan nilai dari mahasiswa tersebut yang didapatkan dari tabel ps_pass_score. Jika user memilih menghapus nilai tersebut maka data nilai tersebut akan dihapus dari tabel ps_pass_score. Jika user ingin kembali ke halaman dosen, maka user tersebut adalah dosen. Jika user ingin kembali ke halaman master, maka user tersebut adalah kaprodi/sekprodi.
20 Gambar 3.7 Flowchart Submodul Bagian Scoring Dosen
Pada halaman scoring dosen, user dapat membuat penilaian berdasarkan mahasiswa yang diajar atau berdasarkan semua mahasiswa dari kelas yang dipilih. Jika user ingin memberikan penilaian berdasarkan mahasiswa yang diajar, maka akan ditampilkan list nama mahasiswa yang didapatkan dari view ps_pass_stdnt_enrl. Setelah memilih nama mahasiswa akan ditampilkan list kelas bersama dosen yang diampu yang didapatkan dari view ps_pass_stdnt_enrl. Setelah memilih kelas akan ditampilkan pertemuan kelas yang didapatkan dari view ps_pass_class_mtg. Setelah memilih pertemuan keas akan ditampilkan list penilaian yang didapatkan dari tabel ps_pass_score. Setelah user meng-input nilai tersebut, data tersebut akan disimpan ke tabel ps_pass_score. Jika user ingin kembali ke halaman dosen, maka user tersebut adalah dosen. Jika user ingin kembali ke halaman master, maka user tersebut adalah kaprodi/sekprodi.
21 Gambar 3.8 Schema Database Penilaian Sikap
Berikut adalah beberapa tabel yang dapat ditemukan di database dan digunakan pada aplikasi Penilaian Sikap.
1. PS_PASS_HOD_SOD
View PS_PASS_HOD_SOD berisikan data kaprodi dan sekprodi. DR_F_HOD_ID dan DR_F_HOD_NAME untuk kaprodi dan DR_F_SOD_ID dan DR_F_SOD_NAME untuk sekprodi. Tabel ini digunakan untuk pengecekan user.
2. PS_PASS_GET_TERM
View PS_PASS_HOD_SOD berisikan data semester yang saat ini berlaku. STRM merupakan id semester dan DESCR merupakan deskripsi semester tersebut.
22 3. PS_PASS_HOD_SOD
View PS_PASS_HOD_SOD berisikan data kaprodi dan sekprodi. DR_F_HOD_ID dan DR_F_HOD_NAME untuk kaprodi dan DR_F_SOD_ID dan DR_F_SOD_NAME untuk sekprodi. Tabel ini digunakan untuk pengecekan user.
4. PS_PASS_GET_TERM
View PS_PASS_HOD_SOD berisikan data semester yang saat ini berlaku. STRM merupakan id semester dan DESCR merupakan deskripsi semester tersebut.
5. PS_PASS_CLSS_INSTR
View PS_PASS_CLSS_INSTR berisikan data dosen dan mata kuliah yang diampu oleh dosen tersebut. EMPLID merupakan NIK dosen yang digunakan untuk pengecekan user, notification.
6. PS_PASS_STDNT_ENRL
View PS_PASS_STDNT_ENRL berisikan data mahasiswa dan mata kuliah yang diambil oleh mahasiswa tersebut. EMPLID merupakan NIM mahasiswa untuk pengecekan user, scoring, notification, monitoring.
7. PS_PASS_CLASS_MTG
View PS_PASS_CLASS_MTG berisikan data semua pertemuan berdasarkan semua kelas. EMPLID merupakan NIM mahasiswa untuk pengecekan user,
23 8. PASS_MASTER_CATEGORY
Tabel PASS_MASTER_CATEGORY berisikan data master kategori. CATEGORY_CODE merupakan id kategori yang digunakan untuk membuat kategori dan penilaian.
9. PASS_MASTER_SCORE
Tabel PASS_MASTER_SCORE berisikan data master penilaian. MASTER_SCORE_CODE merupakan id penilaian yang digunakan untuk membuat penilaian, menilai mahasiswa dan monitoring.
10. PASS_SCORE
Tabel PASS_SCORE berisikan data penilaian mahasiswa. Tabel ini digunakan untuk menilai mahasiswa dan monitoring.
11. PASS_NOTIFICATION
Tabel PASS_NOTIFICATION berisikan data notifikasi untuk mahasiswa. NOTIF_ID merupakan id notifikasi yang digunakan untuk notifikasi.
3.2.3 Rancangan tampilan antarmuka
Perancangan tampilan antarmuka untuk aplikasi Penilaian Sikap ini menggunakan Adobe XD.
24 Gambar 3.9 Mockup login aplikasi
Gambar 3.9 menampilkan halaman login dari aplikasi Penilaian Sikap. Pada halaman ini terdapat 2 kolom yaitu id dan password dan satu button untuk log-in.
User mahasiswa akan dipindahkan ke menu mahasiswa (Gambar 3.10), user dosen
akan dipindahkan ke menu dosen (Gambar 3.14), user kaprodi atau sekprodi akan dipindahkan ke menu master(Gambar ).
25 Gambar 3.10 menampilkan halaman menu mahasiswa. Pada halaman ini
user dapat melihat notifikasi dengan meng-tap icon notification.Icon tersebut akan
memindahkan user ke modal notification (Gambar 3.13). User juga dapat melihat nilai dari masing-masing kelas yang diambil dengan meng-tap radio button. Pada
icon notification terdapat counter untuk menampilkan jumlah notifikasi yang user
terima.
Gambar 3.11 Mockup menu meeting mahasiswa
Gambar 3.11 menampilkan halaman menu mahasiswa. Pada halaman ini, setelah user memilih kelas akan muncul card berwarna biru yang berisikan informasi kelas yang dipilih dan pilihan pertemuan. User dapat melihat nilai dari masing-masing pertemuan dengan meng-tap radio button.
26 Gambar 3.12 Mockup menu score mahasiswa
Gambar 3.12 menampilkan halaman menu score mahasiswa . Pada halaman ini, user dapat melihat informasi nilai berdasarkan kelas dan pertemuan yang sudah dipilih. Apabila user ingin log-out maka user meng-tap icon exit.
27 Gambar 3.13 menampilkan halaman menu modal notifikasi. Pada halaman ini, user dapat melihat informasi penilaian pada kelas yang diambilnya. User akan menutup modal jika meng-tap icon silang.
Gambar 3.14 Mockup menu dosen
Gambar 3.14 menampilkan halaman menu dosen. Pada halaman ini, user dapat melihat id nya pada header aplikasi, memberikan penilaian kepada mahasiswa dan me-monitoring mahasiswanya. Jika user meng-tap icon exit maka user akan log-out. Button input score akan memindahkan user ke halaman penilaian permahasiswa (Gambar 3.15). Button monitoring akan memindahkan user ke halaman monitoring (Gambar 3.20).
28 Gambar 3.15 Mockup menu scoring dosen utama
Gambar 3.15 menampilkan halaman menu scoring dosen utama. Pada halaman ini, user dapat memberikan penilaian kepada mahasiswanya. User dapat mengetik nama mahasiswa pada kolom keywords dan mencari nama tersebut dengan meng-tap button search.
29 Gambar 3.16 menampilkan halaman menu scoring kelas dosen. Pada halaman ini, user dapat memilih kelas yang tersedia dengan meng-tap radio button. Kelas akan ditampilkan apabila dosen dan mahasiswa berada di kelas yang sama.
Gambar 3.17 Mockup menu scoring meeting dosen
Gambar 3.17 menampilkan halaman menu scoring meeting dosen. Pada halaman ini, user dapat memilih pertemuan yang tersedia dengan meng-tap radio
30 Gambar 3.18 Mockup menu scoring nilai dosen
Gambar 3.18 menampilkan halaman menu scoring nilai dosen. Pada halaman ini, user dapat memberikan jenis penilaian dengan meng-tap button
dropdown.
Gambar 3.19 Mockup menu scoring submit dosen
Gambar 3.19 menampilkan halaman menu scoring submit dosen. Pada halaman ini, user dapat meng-submit data penilaian ke database ps_pass_scoring.
31 Data nilai akan muncul berbentuk card biru dan data penilaian yang sudah
di-submit oleh user akan terkirim pada mahasiswa terkait. Setelah meng-di-submit data, user akan dipindahkan ke halaman awal.
Gambar 3.20 Mockup menu monitoring dosen utama
Gambar 3.20 menampilkan halaman menu monitoring dosen utama. Pada halaman ini, user dapat me-monitoring penilaian dan menghapus data penilaian mahasiswanya. User dapat memilih semester yang tersedia dengan meng-tap kolom semester.
32 Gambar 3.21 Mockup monitoring kelas dosen
Gambar 3.21 menampilkan halaman menu monitoring kelas dosen. Pada halaman ini, user dapat dapat memilih kelas yang tersedia dengan meng-tap kolom kelas.
33 Gambar 3.22 menampilkan halaman menu monitoring meeting dosen. Pada halaman ini, user dapat dapat memilih pertemuan yang tersedia dengan meng-tap kolom meeting.
Gambar 3.23 Mockup monitoring nama dosen
Gambar 3.23 menampilkan halaman menu monitoring nama dosen. Pada halaman ini, user dapat dapat memilih nama dan nim mahasiswa yang tersedia dengan meng-tap kolom nama dan nim mahasiswa.
34 Gambar 3.24 Mockup monitoring penilaian dosen
Gambar 3.24 menampilkan halaman menu monitoring penilaian dosen. Pada halaman ini, user dapat dapat melihat penilaian mahasiswa terkait. User juga dapat menghapus data penilaian apabila penilaian tersebut salah atau tidak tepat.
Gambar 3.25 Mockup menu kaprodi atau sekprodi
Gambar 3.25 menampilkan halaman menu kaprodi atau sekprodi. Pada halaman ini, user dapat melihat id nya pada header aplikasi, membuat jenis dan
35 kategori penilaian baru, memberikan penilaian kepada mahasiswa, me-monitoring nilai seluruh kelas dan me-monitoring nilai mahasiswa. Jika user meng-tap icon
exit maka user akan log-out. Button master data akan memindahkan user ke
halaman master scoring (Gambar 3.26) Button master monitoring akan memindahkan user ke halaman master monitoring (Gambar 3.35). Button input
score akan memindahkan user ke halaman penilaian permahasiswa (Gambar 3.15). Button monitoring akan memindahkan user ke halaman monitoring (Gambar 3.20).
Gambar 3.26 Mockup menu master scoring
Gambar 3.26 menampilkan halaman menu master scoring. Pada halaman ini, user dapat melihat list master scoring, meng-edit master scoring, menambah data master scoring. Button add master score akan memindahkan user ke halaman
36
master scoring form (Gambar 3.27). Kolom master scoring akan memindahkan user ke halaman menu edit master scoring (Gambar 3.28).
Gambar 3.27 Mockup menu master scoring form
Gambar 3.27 menampilkan halaman menu master scoring. Pada halaman ini, user dapat mengisi form master score yang akan di-submit ke database pass_master_scoring. Button add master category akan memindahkan user ke halaman menu master category (Gambar 3.29).
37 Gambar 3.28 Mockup menu edit master scoring
Gambar 3.28 menampilkan halaman menu edit master scoring. Pada halaman ini, user dapat mengubah data master scoring pada kolom yang tersedia, menghapus data master scoring dengan meng-tap button delete. Button confirm
edit akan menyimpan perubahan data ke database pass_master_scoring.
38 Gambar 3.29 menampilkan halaman menu master category. Pada halaman ini, user dapat melihat list master category, meng-edit master category, menambah data master category. Button add master category akan memindahkan user ke halaman master category form (Gambar 3.30). Kolom master category akan memindahkan user ke halaman menu edit master category (Gambar 3.31).
Gambar 3.30 Mockup menu master category form
Gambar 3.30 menampilkan halaman menu master category form. Pada halaman ini, user dapat mengisi form master category yang akan di-submit ke database pass_master_category.
39 Gambar 3.31 Mockup menu edit master category
Gambar 3.31 menampilkan halaman menu edit master category. Pada halaman ini, user dapat mengubah data master category pada kolom yang tersedia, menghapus data master category dengan meng-tap button delete. Button confirm
edit akan menyimpan perubahan data ke database pass_master_category.
40 Gambar 3.32 menampilkan halaman menu monitoring master. Pada halaman ini, user dapat me-monitoring penilaian seluruh mahasiswa dalam kelas yang dipilih. User dapat memilih semester yang tersedia dengan meng-tap kolom semester.
Gambar 3.33 Mockup menu monitoring class master
Gambar 3.33 menampilkan halaman menu monitoring class master. Pada halaman ini, user dapat dapat memilih kelas yang tersedia dengan meng-tap kolom kelas.
41 Gambar 3.34 Mockup menu monitoring score master
Gambar 3.34 menampilkan halaman menu monitoring score master. Pada halaman ini, user dapat dapat melihat semua penilaian mahasiswa dalam satu kelas.