View
5
Download
0
Category
Preview:
Citation preview
PROGRAM STUDI BROADBAND MULTIMEDIA
JURUSAN TEKNIK ELEKTRO
POLITEKNIK NEGERI JAKARTA
2021
RANCANG BANGUN WEBSITE PROGRAM STUDI BROADBAND
MULTIMEDIA DENGAN PENAMBAHAN FITUR LAYANAN CHATBOT
DAN PORTAL BIMBINGAN TUGAS AKHIR
SKRIPSI
Kukuh Al Ansor
4317030005
PROGRAM STUDI BROADBAND MULTIMEDIA
JURUSAN TEKNIK ELEKTRO
POLITEKNIK NEGERI JAKARTA
2021
RANCANG BANGUN WEBSITE PROGRAM STUDI BROADBAND
MULTIMEDIA DENGAN PENAMBAHAN FITUR LAYANAN CHATBOT
DAN PORTAL BIMBINGAN TUGAS AKHIR
SKRIPSI
Dibuat untuk Melengkapi Syarat-Syarat yang Diperlukan untuk
Memperoleh Sarjana Terapan Politeknik
Kukuh Al Ansor
4317030005
HALAMAN PERNYATAAN ORISINALITAS
Skripsi ini adalah hasil karya saya sendiri dan semua sumber baik yang
Dikutip maupun dirujuk telah saya nyatakan dengan benar
Nama : Kukuh Al Ansor
NIM : 4317030005
Tanda tangan :
Tanggal
:
28 Juli 2021
iii Politeknik Negeri Jakarta
Politeknik Negeri Jakarta
KATA PENGANTAR
Puji syukur saya panjatkan kepada Tuhan Yang Maha Esa, karena atas
berkat dan rahmat-Nya, penulis dapat menyelesaikan skripsi ini. Penulisan Skripsi
ini dilakukan dalam rangka memenuhi salah satu syarat untuk mencapai gelar
Sarjana terapan Politeknik. Skripsi ini membahas tentang “Rancang Bangun
Website Program Studi Broadband Multimedia dengan Penambahan Fitur Sistem
Layanan Chatbot dan Portal Bimbingan Tugas Akhir”
Penulis menyadari bahwa, tanpa banuan dan bimbingan dari berbagai pihak,
dari masa perkuliahan sampai pada penyusunan Skripsi ini, sangatlah sulit bagi
penulis untuk menyelesaikan Skripsi ini. Oleh karena itu, penulis mengucapkan
terimakasih kepada:
1. Dandun Widhiantoro, A.Md., M.T. selaku dosen pembimbing yang telah
menyediakan waktu, tenaga, dan pikiran untuk mengarahkan penulis dalam
penyusunan Skripsi ini;
2. Orang Tua dan keluarga penulis yang telah memberikan semangat, doa, serta
bantuan dukungan material dan moral dalam menyelesaikan Skripsi ini;
3. Staff pengajar dan teman-teman Broadband Multimedia yang telah banyak
membantu penulis dalam menyelesaikan Skripsi ini; dan
4. Sahabat yang telah membantu penulis dalam menyelsaikan Skripsi ini.
Akhir kata, penulis berharap Tuhan Yang Maha Esa berkenan membalas
segala kebaikan semua pihak yang telah membantu. Semoga Skripsi ini membawa
manfaat bagi pengembang ilmu.
Depok, 28 Juli 2021
Penulis
v
Politeknik Negeri Jakarta
Rancang Bangun Website Program Studi Broadband Multimedia dengan Penambahan Fitur Layanan Chatbot dan Portal Bimbingan Tugas Akhir
ABSTRAK
Perkembangan teknologi yang semakin pesat pada komunikasi dan alat bantu pada teknologi memungkinkan kita semakin menggunakan dan memanfaatkan teknologi untuk mencari sumber informasi. Sistem layanan chatbot dan portal bimbingan tugas akhir merupakan contoh dari teknologi sistem layanan informasi yang dapat mengkomunikasikan pengguna dengan pihak terkait. pada saat ini Program Studi Broadband Multimedia membutuhkan dukungan sistem informasi dalam peningkatan mutu pelayanan terhadap proses pendidikan agar informasi yang disampaikan dapat diketahui oleh berbagai pihak. Untuk itu dalam Skripsi ini akan dibahas rancang bangun website Program Studi Broadband Multimedia dengan Penambahan Fitur Sistem Layanan Chatbot dan Portal Bimbingan Tugas Akhir. Dalam perancangan yang akan dilakukan yaitu membuat sistem layanan chatbot dengan Google Dialogflow untuk memudahkan calon mahasiswa atau mahasiswa dalam mencari informasi yang dibutuhkan dengan cepat dan membuat portal bimbingan tugas akhir untuk membantu memudahkan mahasiswa dalam melakukan bimbingan tugas akhir dengan bahasa PHP Native dan MySQL sebagai database. Pengujian website akan dilakukan menggunakan metode black- box tester berdasarkan standar ISO/IEC 25010 dengan aspek functional suitability, performance efficiency, reliability, security, dan usability. Hasil uji functional suitability mendapat nilai 100%, hasil uji perfomance efficiency menggunakan Gtmetrix mendapatkan grade A, hasil uji reliability mendapatkan nilai 0,998 atau 98,8% memenuhi standar Telcordia, hasil uji security mendapat tingkat kerentanan medium atau mendapat skor 2.5, hasil uji usability mendapat hasil 68,13% yang artinya puas berdasarkan perhitungan dengan skala Likert.
Kata kunci: Webiste, PHP Native, Chatbot Dialogflow, ISO/IEC 25010.
vi
vii
Politeknik Negeri Jakarta
Website Design for Broadband Multimedia Study Program with Added Chatbot Service Features and Final Project Guidance Portal.
Abstract
The increasingly rapid development of technology in communication and assistive devices in technology allows us to increasingly use and utilize technology to find sources of information. The chatbot service system and the final project guidance portal are examples of information service system technology that can communicate users with related parties. at this time the Broadband Multimedia Study Program requires information system support in improving the quality of service to the educational process so that the information conveyed can be known by various parties. For this reason, in this thesis, we will discuss the website design for the Multimedia Broadband Study Program with the addition of Chatbot Service System Features and Final Project Guidance Portal. In the design that will be carried out, namely making a chatbot service system with Google Dialogflow to make it easier for prospective students or students to find the information needed quickly and create a final project guidance portal to help make it easier for students to carry out final project guidance with PHP Native language and MySQL as a database. Website testing will be carried out using the black-box tester method based on the ISO/IEC 25010 standard with aspects of functional suitability, performance efficiency, reliability, security, and usability. Functional suitability test results get a value of 100%, performance efficiency test results using Gtmetrix get grade A, reliability test results get a value of 0.998 or 98.8% meet Telcordia standards, security test results get a medium vulnerability level or score 2.5, usability test results get the results of 68.13% which means satisfied based on calculations with a Likert scale.
Keyword: Webiste, PHP Native, Chatbot Dialogflow, ISO/IEC 25010.
viii
Politeknik Negeri Jakarta
DAFTAR ISI
HALAMAN SAMPUL ............................................................................................ i
HALAMAN JUDUL ............................................................................................... ii
HALAMAN PERNYATAAN ORISINALITAS ................................................... iii
LEMBAR PENGESAHAN ................................................................................... iv
KATA PENGANTAR ............................................................................................ v
ABSTRAK ............................................................................................................. vi
DAFTAR ISI ........................................................................................................ viii
DAFTAR GAMBAR ............................................................................................. xi
DAFTAR TABEL ................................................................................................. xv
BAB I ...................................................................................................................... 1
1.1. Latar Belakang.......................................................................................... 1
1.2. Perumusan Masalah .................................................................................. 2
1.3. Tujuan ....................................................................................................... 3
1.4. Luaran ....................................................................................................... 3
BAB II ..................................................................................................................... 4
2.1. Rancang Bangun ....................................................................................... 4
2.2. Konsep Dasar Sistem ................................................................................ 4
Pengertian Sistem .............................................................................. 4
Karakteristik Sistem .......................................................................... 5
2.3. Website ..................................................................................................... 6
2.4. HTML ....................................................................................................... 7
2.5. HTTP ........................................................................................................ 7
2.6. Chatbot ..................................................................................................... 8
2.6.1 Google Dialogflow ................................................................................. 9
2.7. Artificial Intellgence ................................................................................. 9
2.8. Machine Learning .................................................................................. 10
2.9. Natural Language Processing ................................................................ 11
ix
Politeknik Negeri Jakarta
2.10. JavaScript ............................................................................................ 11
2.11. Framework .......................................................................................... 12
2.12. Model View Controller (MVC)........................................................... 12
2.13. PHP ..................................................................................................... 14
2.13.1. PHP Native ...................................................................................... 15
2.14. Apache ................................................................................................ 15
2.15. MySQL ............................................................................................... 15
Tipe data MySQL ............................................................................ 16
2.16. XAMPP ............................................................................................... 20
2.17. Boostrap .............................................................................................. 20
2.18. Jquery .................................................................................................. 21
2.19. UML (Unified Modelling Language) ................................................. 21
Tujuan Fungsi UML ........................................................................ 21
Jenis-jenis Diagram UML dan contoh Diagram UML ................... 22
2.20. ISO/IEC 25010 ................................................................................... 27
Functional Suitability ...................................................................... 28
Portability ....................................................................................... 28
Performance Efficiency ................................................................... 29
Reliability ........................................................................................ 30
2.21.5. Usability .......................................................................................... 31
2.21.6. Security ............................................................................................ 32
2.21. Black-box Testing ............................................................................... 34
BAB III.................................................................................................................. 36
3.1. Perancangan Sistem Layanan Website ................................................... 36
3.2. Realisasi Program Aplikasi .................................................................... 88
BAB IV ............................................................................................................... 125
4.1. Pengujian Functionality Suitability ...................................................... 125
4.1.1. Deskripsi Pengujian ...................................................................... 125
x
Politeknik Negeri Jakarta
4.1.2. Prosedur Pengujian........................................................................ 127
4.1.3. Data Hasil Pengujian ..................................................................... 129
4.1.4. Analisis Data / Evaluasi ................................................................ 141
4.2. Pengujian Performance Efficiency ....................................................... 145
4.2.1. Deskripsi Pengujian ...................................................................... 145
4.2.2. Prosedur Pengujian........................................................................ 146
4.2.3. Data Hasil Pengujian ..................................................................... 146
4.2.4. Analisa Data / Evaluasi ................................................................. 148
4.3. Pengujian Reliability ............................................................................ 148
4.3.1. Deskripsi Pengujian ...................................................................... 148
4.3.2. Prosedur Pengujian........................................................................ 148
4.3.3. Data Hasil Pengujian ..................................................................... 148
4.3.4. Analisa Data / Evaluasi ................................................................. 150
4.4. Pengujian Security ................................................................................ 150
4.4.1. Prosedur Pengujian........................................................................ 150
4.4.2. Data Hasil Pengujian ..................................................................... 151
4.4.3. Analisa Data / Evaluasi ................................................................. 152
4.5. Pengujian Usability .............................................................................. 153
4.4.4. Prosedur Pengujian........................................................................ 153
4.4.5. Data Hasil Pengujian ..................................................................... 155
4.4.6. Analisis Data / Evaluasi ................................................................ 155
BAB V ................................................................................................................. 211
Kesimpulan ........................................................................................... 211
DAFTAR PUSTAKA ......................................................................................... 158
xi
Politeknik Negeri Jakarta
DAFTAR GAMBAR
Gambar 2.1 Diagram blok cara kerja protokol komunikasi HTTP ......................... 7
Gambar 2.2 Cara Kerja MVC ............................................................................... 13
Gambar 2.3 Prinsip kerja PHP .............................................................................. 14
Gambar 2.4 Use Case Diagram ............................................................................. 22
Gambar 2.5 Activity Diagram ................................................................................ 23
Gambar 2.6 Sequance Diagram............................................................................. 24
Gambar 2.7 Class Diagram ................................................................................... 24
Gambar 2.9 Communication Diagram .................................................................. 26
Gambar 2.10 Deployment Diagram....................................................................... 26
Gambar 2.11 Componen Diagram......................................................................... 27
Gambar 3.1 diagram alur akses website ................................................................ 38
Gambar 3.2 Diagram alur Chatbot ........................................................................ 39
Gambar 3.3 Diagram Alur Pengajuan Judul Tugas Akhir .................................... 40
Gambar 3.4 Diagram Alur Verifikasi Judul oleh Ketua Program Studi ............... 41
Gambar 3.5 Diagram Alur Ajukan Materi Bimbingan ......................................... 42
Gambar 3.6 Diagram Alur Kirim Pesan ke Dosen Pembimbing .......................... 43
Gambar 3.7 Diagram Alur Kirim File Terkait Bimbingan ................................... 44
Gambar 3.8 Diagram Alur Pesan Tambahan dari Dosen ...................................... 45
Gambar 3.9 Diagram Alur Evaluasi Mahasiswa ................................................... 46
Gambar 3.10 Alur Rancangan Perancangan Website ............................................ 48
Gambar 3.11 perangkat lunak Xampp .................................................................. 50
Gambar 3.12 Perancangan Tampilan Landing Page ............................................. 63
Gambar 3.13 Peracangan Tampilan Landing Page ............................................... 64
Gambar 3.14 Perancangan Tampilan Chatbot ...................................................... 64
Gambar 3.15 Perancangan Tampilan Login Portal Bimbingan Tugas Akhir ....... 65
Gambar 3.15 Perancangan Tampilan Gagal Login ............................................... 66
Gambar 3.16 Perancangan Tampilan Dasboard user Admin ................................ 66
Gambar 3.17 Perancangan Tampilan Edit Profil Admin ...................................... 67
Gambar 3.18 perancangan Tampilan data Kepala Program Studi ........................ 67
Gambar 3.19 Perancangan Tampilan data Mahasiswa .......................................... 68
xii
Politeknik Negeri Jakarta
Gambar 3.20 Perancangan Tampilan Data Dosen Pembimbing ........................... 69
Gambar 3.21 Perancangan Tampilan Dashboard Kepala Program Studi ............. 69
Gambar 3.22 Perancangan Tampilan Lihat Profil Kaprodi ................................... 70
Gambar 3.23 Perancangan Tampilan Data Pengajuan Judul Tugas Akhir ........... 71
Gambar 3.24 Perancangan Tampilan Pilih Judul Tugas akhir .............................. 71
Gambar 3.25 Perancangan Tampilan Data Evaluasi Mahasiswa .......................... 72
Gambar 3.26 Perancangan Tampilan Dashboard User Dosen Pembimbing ........ 72
Gambar 3.27 Perancangan Tampilan Profil Dosen Pembimbing ......................... 73
Gambar 3.28 Perancangan Tampilan Data Mahasiswa Pada User Dosen ............ 74
Gambar 3.29 Perancangan Tampilan Evaluasi Tugas Akhir Mahasiswa ............. 74
Gambar 3.30 Perancangan Tampilan Materi Bimbingan Pada User Dosen ......... 75
Gambar 3.31 Perancangan Tampilan Pesan Terkait Bimbingan pada user Dosen76
Gambar 3.32 Perancangan Tampilan Pesan Bimbingan ....................................... 76
Gambar 3.33 Perancangan Tampilan File Mahasiswa Bimbingan User Dosen ... 77
Gambar 3.34 Peracncangan Tampilan Pesan Tambahan dari Dosen .................... 78
Gambar 3.35 Perancangan Tampilan Kirim Pesan Tambahan oleh Dosen .......... 78
Gambar 3.36 Perancangan Tampilan Dashboard User Mahasiswa ...................... 79
Gambar 3.37 Perancangan Tampilan Profil Mahasiswa ....................................... 80
Gambar 3.38 Perancangan Tampilan Ubah Password User Mahasiswa .............. 80
Gambar 3.39 Perancangan Tampilan Judul Tugas Akhir pada user Mahasiswa .. 81
Gambar 3.40 Perancangan Tampilan Tambah atau Edit Judul Tugas Akhir ........ 82
Gambar 3.41 Perancangan Tampilan Verifikasi judul .......................................... 82
Gambar 3.42 Perancangan Tampilan Materi Bimbingan Pada User Mahasiswa . 83
Gambar 3.43 Perancangan Tampilan Ajukan Materi Bimbingan ......................... 84
Gambar 3.44 Perancangan Tampilan Pesan Bimbingan Pada User Mahasiswa ... 84
Gambar 3.45 Perancangan Tampilan Kirim atau Edit Pesan Bimbingan ............. 85
Gambar 3.46 Perancangan Tampilan File Bimbimngan oleh User Mahasiswa ... 86
Gambar 3.47 Perancangan Tampilan Pesan Tambahan dari Dosen ...................... 86
Gambar 3.48 Perancangan Tampilan Kolom Pesan Tambahan ............................ 87
Gambar 3.49 Perancangan Tampilan Hasil Evaluasi oleh Dosen Pembimbing.... 87
Gambar 3.50 Realisasi Hasil Tabel Database User Admin .................................. 88
Gambar 3.51 Realisasi Hasil Tabel Database User Kaprodi ................................ 89
xiii
Politeknik Negeri Jakarta
Gambar 3.52 Realisasi Hasil Tabel Database User Dosen ................................... 89
Gambar 3.53 Realisasi Hasil Tabel Database User Mahasiswa ........................... 90
Gambar 3.54 Realisasi Hasil Tabel Database Judul Tugas Akhir ........................ 91
Gambar 3.55 Realisasi Hasil Table Database Materi Bimbingan ........................ 91
Gambar 3.56 Hasil Realisasi Tabel Database Pesan Bimbingan.......................... 92
Gambar 3.57 Realisasi Hasil Tabel Database Komen Pesan Bimbingan ............. 93
Gambar 3.58 Realisasi Hasil Tabel Database File Bimbingan ............................ 93
Gambar 3.59 Realisasi Hasil Tabel Database Pesan Tambahan .......................... 94
Gambar 3.60 Realisasi Hasil Tabel Database Komen Pesan Tambahan .............. 95
Gambar 3.61 Realisasi Hasil Tabel Database Evaluasi Bimbingan ..................... 95
Gambar 3.62 Realisasi Database Chatbot ............................................................ 96
Gambar 3.63 Coding Program pada Landing Page .............................................. 97
Gambar 3.64 Landing Page Website Program Studi Broadband Multimedia ...... 97
Gambar 3.65 Coding Program Chatbot ................................................................ 98
Gambar 3.66 Sistem layanan Chatbot ................................................................... 98
Gambar 3.67 Coding Program Bagian Front-end pada Halaman Login............... 99
Gambar 3.68 Coding Program Login pada Bagian Back-end ............................... 99
Gambar 3.69 Tampilan Login pada Portal Bimbingan Tugas Akhir .................. 100
Gambar 3.70 Coding Program Dashboard User Admin..................................... 101
Gambar 3.71 Tampilan Dashboard User Admin ................................................ 101
Gambar 3.72 Coding Program Unduh Laporan Evaluasi ................................... 102
Gambar 3.73 Tampilan Unduh Laporan Evaluasi ............................................... 103
Gambar 3.74 Coding Program Pilih Judul Tugas Akhir ..................................... 104
Gambar 3.75 Tampilan Pilih Judul Tugas Akhir ................................................ 105
Gambar 3.76 Coding Program Data Evaluasi Mahasiswa pada user Kaprodi .... 105
Gambar 3.77 Tampilan Data Evaluasi Mahasiswa pada user Kaprodi ............... 106
Gambar 3.78 Tampilan Coding Program Evaluasi Mahasiswa .......................... 107
Gambar 3.79 Tampilan Evaluasi Mahasiswa ...................................................... 108
Gambar 3.80 Tampilan Coding File Bimbingan Mahasiswa pada User Dosen . 108
Gambar 3.81 Tampilan File Bimbingan Mahasiswa pada User Dosen .............. 109
Gambar 3.82 Tampilan Coding Program Pesan Tambahan untuk Mahasiswa ... 110
Gambar 3.83 Tampilan Pesan Tambahan untuk Mahasiswa .............................. 111
xiv
Politeknik Negeri Jakarta
Gambar 3.84 Tampilan Coding Program Profil Mahasiswa ............................... 111
Gambar 3.85 Tampilan Profil User Mahasiswa .................................................. 112
Gambar 3.86 Coding Program Edit Foto Profil Mahasiswa ............................... 113
Gambar 3.87 Tapilan Edit Foto Profil Mahasiswa.............................................. 113
Gambar 3.88 Tampilan Coding Program Ajukan Judul Tugas Akhir................. 114
Gambar 3.89 Tampilan Ajukan Judul Tugas Akhir ............................................ 115
Gambar 3.90 Tampilan Coding Program Verifikasi Judul Akhir ....................... 115
Gambar 3.91 Tampilan Verifikasi Judul Akhir................................................... 116
Gambar 3.92 Tampilan Coding Program Ajukan Materi Bimbingan ................. 116
Gambar 3.93 Tampilan Ajukan Materi Bimbingan ............................................ 117
Gambar 3.94 Tampilan Coding Program Tambah Materi Bimbingan ............... 118
Gambar 3.95 Tampilan Tambah Materi Bimbingan ........................................... 119
Gambar 3.96 Tampilan Coding Program Unduh Kartu Bimbingan ................... 119
Gambar 3.97 Tampilan Unduh Kartu Bimbingan ............................................... 120
Gambar 3.98 Tampilan Coding Program File Bimbingan User Mahasiswa ...... 121
Gambar 3.99 Tampilan File Bimbingan Pada User Mahasiswa ......................... 122
Gambar 3.100 Tampilan Coding Program Komentar Pesan Tambahan ............. 122
Gambar 3.101 Tampilan Komentar Pesan Tambahan ........................................ 123
Gambar 3.102 Tampilan Coding Evaluasi Bimbingan pada User Mahasiswa ... 123
Gambar 3.103 Tampilan Evaluasi Bimbingan Mahasiswa User Mahasiswa ..... 124
Gambar 4.1 Hasil Pengujian Performance efficiency pada Landing Page ......... 146
Gambar 4.2 Hasil Pengujian Performance efficiency pada halaman login ......... 147
Gambar 4.3 Hasil Pengujian Reliability ............................................................. 149
Gambar 4.4 Hasil Pengujian Security ................................................................. 151
Gambar 4.5 Hasil pertihungan CVSS menggunakan CVSS calculator V2 ........ 152
xv
Politeknik Negeri Jakarta
DAFTAR TABEL
Tabel 2.1 Tipe Data Numerik ................................................................................ 16
Tabel 2.2 Tipe Data String .................................................................................... 18
Tabel 2.3 Tipe Data Tanggal dan Waktu .............................................................. 19
Tabel 2.4 Kategori Penilaian ................................................................................. 28
Tabel 2.5 Performance Scores .............................................................................. 29
Tabel 2.6 Standar Waktu Respon Jakob Nielson .................................................. 30
Tabel 2.7 Skor Skala Likert .................................................................................. 31
Tabel 3.1 Spesifikasi Perangkat Keras .................................................................. 47
Tabel 3.2 Spesifikasi Perangkat Lunak ................................................................. 47
Tabel 3.3 Perancangan Database User Admin ..................................................... 51
Tabel 3.4 Perancangan Database User Mahasiswa .............................................. 51
Tabel 3.5 Perancangan Database User Dosen Pembimbing................................. 52
Tabel 3.5 Perancangan Database User Ketua Program Studi .............................. 53
Tabel 3.6 Perancangan Database Judul Tugas Akhir ........................................... 53
Tabel 3.7 Perancangan Database Materi Bimbingan ........................................... 54
Tabel 3.8 Perancangan Database Pesan Bimbingan ............................................. 55
Tabel 3.9 Perancangan Database Kolom Pesan Bimbingan ................................. 55
Tabel 3.10 Perancangan Database File Bimbingan Mahasiswa ........................... 56
Tabel 3.11 Perancangan Database Pesan Tambahan ............................................ 57
Tabel 3.12 Perancangan Database Kolom Pesan Tambahan ................................ 57
Tabel 3.13 Perancangan Database Evaluasi Bimbingan ...................................... 58
Tabel 3.14 Perancangan Database Chatbot .......................................................... 59
Tabel 4.1 Hasil Pengujian Fitur Layanan Chatbot .............................................. 129
Tabel 4.2 Hasil Pengujian Login Pada Portal Bimbingan Tugas Akhir .............. 136
Tabel 4.3 Hasil Pengujian User Admin Pada Portal Bimbingan Tugas Akhir.... 136
Tabel 4.4 Hasil Pengujian User Ketua Program Jurusan .................................... 138
Tabel 4.5 Hasil Pengujian User Dosen Pada Portal Bimbingan Tugas Akhir .... 138
Tabel 4.6 Hasil Pengujian User Mahasiswa ........................................................ 140
Tabel 4.7 Rata-rata persentase keberhasilan ....................................................... 144
Tabel 4.8 Hasil pengujian Pada Halaman Web Broadband Multimedia ............. 147
Tabel 4.9 Total Failure pada Pengujian Reliability ............................................ 149
xvi
Politeknik Negeri Jakarta
Tabel 4.10 Total Test Case pada Pengujian Reliability ...................................... 149
Tabel 4.11 Medium Risk pada pengujian Security .............................................. 151
Tabel 4.12 Low Risk pada pengujian Security .................................................... 151
Tabel 4.13 Informational pada pengujian Security ............................................. 152
Tabel 4.14 Kuisioner faktor kualitas usability .................................................... 153
Tabel 4.15 Hasil Data Kuisioner ......................................................................... 155
Tabel 4.16 Hasil Pengolahan Data Kuisioner menggunakan skala Likert .......... 156
Politeknik Negeri Jakarta
BAB I
PENDAHULUAN
1.1. Latar Belakang
Pelayanan terhadap konsumen merupakan hal yang sangat penting.
Pelayanan yang baik akan dapat meiningkatkan kepercayaan dari konsumen.
Pelayanan menjadi ujung tombak utama bagi konsumen untuk memutuskan apakah
akan menggunakan produk atau layanan yang ditawarkan atau tidak. Pelayanan
yang baik juga akan meningkatkan citra yang baik bagi instansi tersebut. Tujuan
pelayanan yang baik agar konsumen merasa terlayani dan dari segi instansi atau
perusahaan akan meningkatkan kepercayaan konsumen (Barata, 2003).
Salah satu aspek yang penting dalam pelaksanaan pelayanan terhadap
konsumen adalah kemampuan dalam berinteraksi dan berkomunikasi dengan
konsumen. Komunikasi adalah hal yang paling lumrah dilakukan dalam
memberikan pelayanan. Nilai baik tindakannya sebuah pelayanan sering kali dilihat
dari bagaimana cara melayani dalam berkomunikasi dengan konsumen. Untuk
keterampilan komunikasi ini haruslah dimiliki dan dikuasai baik oleh setiap layanan.
Politeknik atau Perguruan Tinggi sebagai salan satu institusi pendidikan
memiliki konsumen yaitu mahasiswa. Pelayanan yang baik perlu diterapkan oleh
seluruh stakeholder yang ada di Politeknik atau Perguruan Tinggi tersebut.
Pelayanan yang baik terutama kepada calon konsumen yaitu berupa kelengkapan,
ketetapan dan kecepatan informasi saat dibutuhkan.
Teknologi telah menjadi kebutuhan dasar manusia dan mengubah kondisi
sosial terutama dibidang komunikasi (Escobar, 2016). Pemanfaatan teknologi dapat
digunakan dalam komunikasi dalam berbagai bidang kehidupan, tidak terkecuali
dibidang pendidikan. Perguruan tinggi sebagai salah satu bagian dari sistem
pendidikan harus mampu merespon perubahan lingkungan dan perubahan teknologi
yang pesat (Azan, Meirawan, & Sutarsih, 2015).
1
2
Politeknik Negeri Jakarta
Website, merupakan salah satu sisi positif dari perkembangan teknologi.
Website dimanfaatkan sebagai saranan komunikasi dan penyampaian informasi
secara virtual (maya) oleh dan kepada seluruh element masyarakat tidak terbatas,
baik secara personal maupun komunal. Semua orang dapat menikmati dan
menggunakan website sesuai kebutuhan mereka tanpa ada batas.
Broadband Multimedia sebagai salah satu program studi yang terdapat pada
Jurusan Teknik Elektro perguruan tinggi Politeknik Negeri Jakarta, menggunakan
website sebagai salah satu media informasi dan juga sistem layanan akademik.
Segala aktifitas terkait informasi PSBM, kegiatan bimbingan tugas akhir
mahasiswa Broadband Multimedia akan ditampilkan dalam website PSBM.
Alasan inilah yang mendorong peneliti untuk pelakukan penelitian tentang
Rancang Bangun Website Broadband Multimedia dengan Penambahan Sistem
Layanan Informasi. Akhirnya melalui penelitian ini dapat diketahui apakah website
benar-benar dapat menjadi media sistem informasi yang efektif dan efisien untuk
seluruh mahasiswa dan calon mahasiswa.
1.2. Perumusan Masalah
Rumusan masalah yang didapat pada Rancang Bangun Website Program
Studi Broadband Multimedia Dengan Penambahan Sistem Layanan Chatbot Dan
Portal Bimbingan Tugas Akhir ini diantaranya:
1. Bagaimana hasil uji karakteristik functionality suitability berdasarkan standar
ISO/IEC 25010.
2. Bagaimana hasil uji karakteristik perfomance efficiency berdasarkan standar
ISO/IEC 25010.
3. Bagaimana hasil uji karakteristik reliability berdasarkan standar ISO/IEC
25010.
4. Bagaimana hasil uji karakteristik security berdasarkan standar ISO/IEC 25010.
5. Bagaimana hasil uji karateristik usability website berdasarkan standar ISO/IEC
25010.
3
Politeknik Negeri Jakarta
1.3. Tujuan
Berdasarkan rumusan masalah tersebut, maka tujuan penelitian ini adalah
untuk menjelaskan bagaimana bentuk rancangan berdasarkan karakteristik ISO
25010. Adapun tujuan dari Rancang Bangun Website Program Studi Broadband
Multimedia Dengan Penambahan Sistem Layanan Chatbot Dan Portal Bimbingan
Tugas Akhir ini diantaranya:
1. Menguji karakteristik functionality suitability berdasarkan standar ISO/IEC
25010.
2. Menguji karakteristik perfomance efficiency berdasarkan standar ISO/IEC
25010.
3. Menguji karakteristik reliability berdasarkan standar ISO/IEC 25010.
4. Menguji karakteristik security berdasarkan standar ISO/IEC 25010.
5. Menguji karateristik usability website berdasarkan standar ISO/IEC 25010.
1.4. Luaran
Luaran yang diperoleh dari realisasi dari perancangan website atau
implementasi alat ini diantaranya sebagai berikut:
1. Website Program Studi Broadband Multimedia dengan Penambahan Fitur
Sistem Layanan Chatbot dan Portal Bimbingan Tugas Akhir.
2. Laporan Skripsi dan Jurnal sebagai publikasi dari pembuatan Skripsi.
BAB V
KESIMPULAN
Kesimpulan
Berdasarkan kegiatan perancangan dan pengujian website Program Studi
Broadband Multimedia dengan Penambahan Fitur Portal Bimbingan Tugas Akhir
dan Sistem Layanan Chatbot, dapat disimpulkan sebagai berikut.
1. Kualitas website diuji menggunakan standar ISO 25010 dengan melihat
berbagai karakteristik yaitu functionality suitability, Performance efficiency,
usability, Reliability dan Security. Hasil uji functional suitability dengan
metode black-box mendapat persentase keberhasilan sebesar 100% artinya
semua fungsi pada website dapat berjalan dengan baik.
2. Hasil pengujian Performance efficiency dengan GTMetrix mendapatkan
Performance Grade A dan Structure Grade A, dengan waktu muat sebesar 0.2
detik.
3. Hasil pengujian Reliability dengan WAPT memperoleh nilai Reliability
sebesar 99.8% yang memenuhi standar Telcordia minimal sebesar 95%.
4. Hasil pengujian usability dengan metode skala Likert mendapatkan presentase
kepuasan pengguna sebesar 68.13%.
5. Hasil pengujian Security dengan Acunetix Web Vulnerability Scanner
mendapat tingkat kerentanan pada level medium, sedangkan pada CVSS
calculator versi 2 mendapat nilai rata-rata 2.5 yang dimana tingkat kerentanan
pada level low.
157
Politeknik Negeri Jakarta
Politeknik Negeri Jakarta
DAFTAR PUSTAKA
Ahmad, A. (2017). Mengenal Artificial Intelligence, Machine Learning, Neural Network,
dan Deep Learning. Yayasan Cahaya Islam, Jurnal Teknologi Indonesia.
Attila, H., Erdosi, M. P., & Kiss, F. (2016). The Common Vulnerability Scoring System
(CVSS) Generations. Usefulness And Deficiencies, 137-153.
Azan, K., Meirawan, D., & Sutarsih, C. (2015). Mutu Layanan Akademik. Jurnal
Administrasi Pendidikan(22), 190-203.
Barata, A. A. (2003). Dasar-dasar Pelayanan Prima. Jakarta: PT Elex Media Komputindo.
Chandra, Y. A. (2019). Analisis Performansi Antara Apache & Nginx Web Server dalam
Menangani Client Request. Jurnal Sistem dan Informatika, 48-56.
Cloud, G. (n.d.). Dialogflow CX documentation. Retrieved June 19, 2021, from
https://cloud.google.com/dialogflow/cx/docs
Cloud, G. (n.d.). Dialogflow ES documentation. Retrieved June 19, 2021, from
https://cloud.google.com/dialogflow/es/docs
Escobar, A. (2016). The Impact of the Digital Revolution in the Development of Market
and Communication Strategies for the Luxury Sector (Fashion Luxury). Central
European Business Review(5), 17-36.
Fauzan, R. M., Budiman, E., & Setiyadi, J. H. (2018). Monitoring Rencana Kerja Anggaran
dan Serapan Penggunaan Dana Institusi Fakultas Ilmu Komputer dan Teknologi
Informasi Universitas Mulawarman. Prosding SAKTI (Seminar Nasional Ilmu
Komputer dan Teknologi Informasi), 3(2), 59-65.
Hakim, L. (2010). Membangun Web Berbasis PHP dengan Framework Codeigniter.
Yogyakarta: Lokomedia.
Haoues, M., Sellami, A., Ben-Abdallah, H., & Cheikhi, L. (2017). A guideline for software
architecture selection based on ISO 25010quality related characteristics.
International Journal of System Assurance Engineering and Management, 8(2),
886-909.
IDCloudHost. (2020, Maret 11). Tutorial Cara Menggunakan XAMPP untuk Menjalankan
PHP & MySQL. Retrieved from IDCloudHost:
157
Politeknik Negeri Jakarta
https://idcloudhost.com/panduan/tutorial-cara-menggunakan-xampp-untuk-
menjalankan-php-mysql/
Jovan, F. (2007). Panduan Praktis Membuat Web Dengan PHP untuk Pemula. Jakarta:
Mediakita.
Kadir, A. (2009). Membuat Aplikasi Web dengan PHP + Database MySQL. Yogyakarta:
Andi Offset.
Konsep dasar sistem. (2018, February 14). Retrieved Juni 27, 2021, from Kurtek
Universitas Pendidikan Indonesia: http://kurtek.upi.edu/2018/02/14/konsep-
sistem/
Kurniawan, A., Arifianto, D., & Muharom, L. A. (2020). ANALISIS KUALITAS
SISITEM INFORMASI AKADEMIK MOBILE MENGGUNAKAN ISO 25010
(STUDI KASUS: UNIVERSITAS MUHAMMADIYAH JEMBER). Universitas
Muhammadiyah Jember, 1-16.
Larasati, S. S., Rusdianto, D. S., & Kurniawan, T. A. (2018). Pembangunan Sistem Ujian
Harian Siswa Berbasis Web Dengan Mengacu Pada Standar Kualitas ISO 25010.
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer, 2(11), 4357-4364.
Lavarino, D., & Yustanti, W. (2016). RANCANG BANGUN E – VOTING BERBASIS
WEBSITE DI UNIVERSITAS NEGERI SURABAYA. Manajemen Informatika,
72-81.
M, S., & Sukamto, R. A. (2014). Rekayasa Perangkat Lunak. Bandung: Informatika
Bandung.
Maulana, R., & Rachmawati, F. (2017). Membangun Website E-Commerce
MenggunakanFramework Codeigniter Pada Chemistry Merch. Jurnal Teknik
Informatika, 5(2), 86-96.
Mulyawan, M. D., Kumara, N. S., Swamardika, I. B., & Saputra, K. O. (2021). Kualitas
Sistem Informasi Berdasarkan ISO/IEC 25010:Literature Review. Majalah Ilmiah
Teknologi Elektro, 20(1), 15-28.
Nikko, S. (2015, September 24). Pengertian UML Dan Jenis-Jenisnya Serta Contoh
Diagramnya. Retrieved from Pengertianku.net:
http://www.pengertianku.net/2015/09/pengertian-uml-dan-jenis-jenisnya-serta-
contoh-diagramnya.html
Politeknik Negeri Jakarta
Nikko, S. (2017, December 03). Rangkuman Pengertian PHP Dan Kegunaannya.
Retrieved from Pengertianku.net:
http://www.pengertianku.net/2017/12/pengertian-php-dan-kegunaannya.html
Oktavia, C. A. (2019). Implementasi Chatbot Menggunakan Dialogflow danMessenger
Untuk Layanan Customer ServicePada E-Commerce. Jurnal Informatika Merdeka
Pasuruan, 36-40.
Pamungkas, C. A. (2017). Dasar pemrograman web dengan PHP. Yogyakarta: Deepublish.
Pressman, R. S. (2012). Rekayasa Perangkat Lunak (7 ed.). Yogyakarta: ANDI.
Rahmawati. (2017). CodeIgniter Web Framework.
Ristanto, R. D., Kurniawati, Dwinanto, A., & Nawassyarif. (2020). Analisis Software
Product Quality ISO/IEC 25010 pada Pengembangan Tes Bakat Menggunakan
Sistem Computer-Based Test (CBT). Edu Komputika, 7(2), 49-60.
Sabdojati, P. T. (2016). Pembuatan Web E-Commerce Menggunakan Framework.
Yogyakarta: Universitas Amikom.
Setiawan, H., & Jati, H. (2017). Analisis Kualitas Sistem Informasi Pantauan Pembentukan
Karakteristik Siswa SMKN 2 Depok Sleman. Elinvo (Electronics, Informatics, and
Vocational Education), 2(1), 102-109.
Spurlock, J. (2013). Bootstrap. Sebastopol: O'Reilly Media, Inc.
Sutono, E. P., & Finandhita, A. (2019). Aplikasi Chatbot Menggunakan Dialogflow API
Untuk Informasi Jadwal Misa di Gereja Katolik Berbasis Android. Program Studi
TeknikInformatika, 102-116.
Triyono. (2017). Aplikasi Sistem Monitori Daftar Tunggu Pelanggan Pada PT PLN
(PERSERO) Area Teluk Naga Tanggerang. Tanggerang: SEKOLAH TINGGI
MANAJEMEN DAN ILMU KOMPUTER (STMIK) RAHARJA.
Walditama, N. (2020). RANCANG BANGUN WEB USER INTERFACE UNTUK SISTEM
KEAMANAN SEPEDA MOTOR. Depok: Politeknik Negeri Jakarta.
Whitten, J. L., Dittman, K. C., & Bentley, L. D. (2007). Metode desain dan Analisa Sistem
(6 ed.). Yogyakarta: 2007.
Politeknik Negeri Jakarta
Wukkadada, B., & Wankhede, K. (2018). Comparison with HTTP and MQTT In Internet
of Things (IoT). International Conference on Inventive Research in Computing
Applications (ICIRCA), 249-253.
Yani, A., & Saputra, B. (2018). Rancang Bangun Sistem Informasi Evaluasi Siswa dan
Kehadiran Guru Berbasis WEB. Jurnal Petir, 107-123.
Yellowweb. (2018, January 14). Yellowweb.id. Retrieved from Tipe Data MySQL:
https://www.yellowweb.id/blog/tipe-data-mysql/
(L1) – Source Code Website Broadband Multimedia
Politeknik Negeri Jakarta
1. Landing Page
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <link rel="apple-touch-icon" sizes="76x76" href="assets/img/favicon (1).ico" /> <link rel="icon" type="image/png" href="assets/img/favicon (1).ico" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <title>Broadband Multimedia</title> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no" name="viewport" /> <!-- Fonts and icons --> <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,200" rel="stylesheet" /> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous" /> <!-- CSS Files --> <link href="./assets/css/bootstrap.min.css" rel="stylesheet" /> <link href="./assets/css/now-ui-kit.css?v=1.3.0" rel="stylesheet" /> <!-- CSS Just for demo purpose, don't include it in your project --> <link href="./assets/demo/demo.css" rel="stylesheet" /> </head> <body class="index-page sidebar-collapse"> <!-- Navbar --> <nav class="navbar navbar-expand-lg bg-primary fixed-top navbar-transparent" color-on-scroll="400" > <div class="container"> <div class="navbar-translate"> <a class="navbar-brand" rel="tooltip" data-placement="bottom"> Broadband Multimedia </a> <button
(Lanjutan)
class="navbar-toggler navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation" aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation" > <span class="navbar-toggler-bar top-bar"></span> <span class="navbar-toggler-bar middle-bar"></span> <span class="navbar-toggler-bar bottom-bar"></span> </button> </div> <div class="collapse navbar-collapse justify-content-end" id="navigation" data-nav-image="./assets/img/blurred-image-1.jpg" > <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" href="javascript:void(0)" onclick="scrollToDownload('home')" > <p>Home</p> </a> </li> <li class="nav-item"> <a class="nav-link" href="javascript:void(0)" onclick="scrollToDownload('apps')" > <p>Layanan Aplikasi</p> </a> </li> <li class="nav-item"> <a class="nav-link" href="javascript:void(0)" onclick="scrollToDownload('contact')" > <p>Kontak dan Informasi</p> </a>
(Lanjutan)
</li> <li class="nav-item"> <a class="nav-link icon" rel="tooltip" title="Like us on Facebook" data-placement="bottom" href="https://www.facebook.com/" target="_blank" > <i class="fab fa-facebook-f"></i> <p class="d-lg-none d-xl-none">Facebook</p> </a> </li> <li class="nav-item"> <a class="nav-link" rel="tooltip" title="Follow us on Twitter" data-placement="bottom" href="https://www.twitter.com/" target="_blank" > <i class="fab fa-twitter"></i> <p class="d-lg-none d-xl-none">Twitter</p> </a> </li> </ul> </div> </div> </nav> <!-- End Navbar --> <div class="wrapper"> <div class="page-header clear-filter" filter-color="teal" id="home"> <div class="page-header-image" data-parallax="true" style="background-image: url('./assets/img/header2.jpg')" ></div> <div class="container"> <div class="content-center brand"> <img class="n-logo" src="./assets/img/pnj.png" alt="" /> <h3>Selamat Datang di Website Program Studi</h3> <h1 class="h1-seo">Broadband Multimedia</h1> <h3>Politeknik Negeri Jakarta</h3>
(Lanjutan)
</div> </div> </div> <div class="main"> <div class="section" id="apps"> <div class="container text-center"> <h2 class="title">Layanan Aplikasi</h2> <div class="row justify-content-md-center mt-5"> <div class="col-md-6 col-sm-12"> <div class="card"> <div class="card-hea"> <h4>Portal Bimbingan Tugas Aplikasi</h4> </div> <div class="card-body"> <ul class=" nav nav-pills nav-pills-primary nav-pills-just-icons justify-content-center " role="tablist" > <li class="nav-item"> <a class="nav-link disabled" data-toggle="tab" role="tablist" > <i class="fas fa-book apps"></i> </a> </li> </ul> <p class="description mt-2"> Sistem layanan portal bimbingan tugas akhir merupakan aplikasi bimbingan skripsi untuk mahasiswa Broadband Multimedia melakukan bimbingan online berbasis web. </p> <a href="bimta" class="btn btn-primary btn-round"> Masuk </a> </div> <div class="card-footer"></div> </div> </div> </div> </div>
(Lanjutan)
</div> <div class="section"> <div class="container text-center"> <h2 class="title">Kerjasama</h2> <div class="row justify-content-center"> <img class="img-operator" src="./assets/img/logo-operator/Telkomsel.png" alt="Telkomsel" /> <img class="img-operator" src="./assets/img/logo-operator/Three.png" alt="Three" /> <img class="img-operator" src="./assets/img/logo-operator/Indosat.png" alt="Indosat" /> <img class="img-operator" src="./assets/img/logo-operator/Smartfren.png" alt="Smartfren" /> <img class="img-operator" src="./assets/img/logo-operator/XL Axiata.png" alt="XL Axiata" /> </div> </div> </div> <div id="botcopy-embedder-d7lcfheammjct" class="botcopy-embedder-d7lcfheammjct" data-botId="611386165c876700099fc0b0" > <script type="text/javascript"> var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'https://widget.botcopy.com/js/injection.js'; document.getElementById('botcopy-embedder-d7lcfheammjct').appendChild(s);
(Lanjutan)
</script> </div> <div class="section"> <div class="container text-center"> <h2 class="title">Berita</h2> <div class="row"> <div class="col-md-4 col-sm-12"> <ul class=" nav nav-pills nav-pills-primary nav-pills-just-icons justify-content-center mb-1 " role="tablist" > <li class="nav-item"> <a class="nav-link active" data-toggle="tab" role="tablist" href="#" > <i class="fas fa-calendar-alt"></i> </a> </li> </ul> <h4>Kalender Akademik</h4> </div> <div class="col-md-4 col-sm-12"> <ul class=" nav nav-pills nav-pills-primary nav-pills-just-icons justify-content-center mb-1 " role="tablist" > <li class="nav-item"> <a class="nav-link active" data-toggle="tab" role="tablist" href="#" > <i class="fas fa-newspaper"></i>
(Lanjutan)
</a> </li> </ul> <h4>Berita Program Studi</h4> </div> <div class="col-md-4 col-sm-12"> <ul class=" nav nav-pills nav-pills-primary nav-pills-just-icons justify-content-center mb-1 " role="tablist" > <li class="nav-item"> <a class="nav-link active" data-toggle="tab" role="tablist" href="#" > <i class="fas fa-people-carry"></i> </a> </li> </ul> <h4>Kegiatan Mahasiswa</h4> </div> </div> </div> </div> <div id="contact" class="section section-signup" style=" background-image: url('./assets/img/bg-contact2.jpg'); background-size: cover; background-position: top center; min-height: 500px; " > <div class="container"> <div class="col text-center"> <a href="https://api.whatsapp.com/send?phone=6289653336963&text=Halo%20admin%20saya%20ingin%20bertanya."
(Lanjutan)
class="btn btn-primary btn-round btn-lg" target="_blank" >Contact</a > </div> </div> </div> </div> <!-- End Modal --> <footer class="footer" data-background-color="black"> <div class="container mb-5"> <div class="row"> <div class="col-6"> <div class="row align-items-center"> <img src="assets/img/logo-pnj.png" style="width: 100px; height: 100px" class="mr-4" alt="" /> <div class="col"> <h4>Politeknik Negeri Jakarta</h4> <p> Jl. Prof. DR. G.A. Siwabessy, Kukusan, Kota Depok, Jawa Barat 16424 </p> </div> </div> </div> </div> </div> <div class="container"> <div class="text-center" id="copyright"> Copyright © <script> document .getElementById("copyright") .appendChild(document.createTextNode(new Date().getFullYear())); </script> Admisi | Powered by Admisi </div> </div> </footer> </div> <!-- Core JS Files -->
(Lanjutan)
<script src="./assets/js/core/jquery.min.js" type="text/javascript" ></script> <script src="./assets/js/core/popper.min.js" type="text/javascript" ></script> <script src="./assets/js/core/bootstrap.min.js" type="text/javascript" ></script> <!-- Plugin for Switches, full documentation here: http://www.jque.re/plugins/version3/bootstrap.switch/ --> <script src="./assets/js/plugins/bootstrap-switch.js"></script> <!-- Plugin for the Sliders, full documentation here: http://refreshless.com/nouislider/ --> <script src="./assets/js/plugins/nouislider.min.js" type="text/javascript" ></script> <!-- Plugin for the DatePicker, full documentation here: https://github.com/uxsolutions/bootstrap-datepicker --> <script src="./assets/js/plugins/bootstrap-datepicker.js" type="text/javascript" ></script> <!-- Google Maps Plugin --> <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE"></script> <!-- Control Center for Now Ui Kit: parallax effects, scripts for the example pages etc --> <script src="./assets/js/now-ui-kit.js?v=1.3.0" type="text/javascript" ></script> <script src="https://www.gstatic.com/dialogflow-console/fast/messenger/bootstrap.js?v=1"></script> <script> $(document).ready(function () { // the body of this function is in assets/js/now-ui-kit.js
(Lanjutan)
nowuiKit.initSliders(); }); function scrollToDownload(id) { if ($(`#${id}`).length != 0) { $("html, body").animate( { scrollTop: $(`#${id}`).offset().top, }, 1000 ); } } </script> </body> </html>
2. Chatbot
<div id="botcopy-embedder-d7lcfheammjct" class="botcopy-embedder-d7lcfheammjct" data-botId="611386165c876700099fc0b0" > <script type="text/javascript"> var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'https://widget.botcopy.com/js/injection.js'; document.getElementById('botcopy-embedder-d7lcfheammjct').appendChild(s); </script> 3. Login Portal
<?php session_start(); if (isset($_SESSION['user_session'])!="") { header("location: home.php"); } ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
(Lanjutan)
<title>Portal Bimbingan Tugas Akhir</title> <link href="assets/css/bootstrap.min.css" rel="stylesheet"> <link href="assets/css/font-awesome.css" rel="stylesheet"> <link href="assets/css/style.css" rel="stylesheet" type="text/css"> <link rel="shoutcut icon" href="logo.png"> </head> <body class="special-page"> <div class="signin-form"> <div class="container"> <form class="" method="post" id="login-form" autocomplete="off"> <div class="form-signin panel panel-default"> <div class="panel-body body2"> <center> <img src='logo.png' width='130' height='130' /> <h4 class="h41">PORTAL BIMBINGAN TUGAS AKHIR</h4> <h3 class="h31">BROADBAND MULTIMEDIA</h3> </center> <hr /> <div id="error"></div> <div class="form-group"> <input type="text" class="form-control" placeholder="Username" name="username" id="username" /> <span id="check-e"></span> </div> <div class="form-group"> <input type="password" class="form-control" placeholder="Password" name="password" id="password" /> </div> </div> <div class="panel-footer"> <div class="row"> <div class="col-sm-2"> <button type="submit" class="btn btn-default btndefault2" name="btn-login" id="btn-login"> <span class="glyphicon glyphicon-log-in"></span> Login </button> </div> </div> </div> </div> </form>
(Lanjutan)
<center> <p> </p> <p><small style="color: #fff"><span class="style3" style="color: black; font-weight: bold;">BIMTA - BROADBAND MULTIMEDIA © <?php echo date('Y');?></span><br> <strong><span class="style3"><span style="color: black; class="style3">Jl. Prof. DR. G.A. Siwabessy, Kukusan, Kota Depok, Jawa Barat 16424<br> Developed by : Kukuh Al Ansor </span></strong></small> </p> </center> </div> </div> <script src="assets/js/jquery-1.11.3-jquery.min.js"></script> <script src="assets/js/bootstrap.min.js"></script> <script src="assets/js/validation.min.js"></script> <script src="assets/js/script.js"></script> </body> </html> 4. Dashboard
<link rel="shoutcut icon" href="logo.png"> <?php session_start(); if(!isset($_SESSION['user_session'])){ header("location: index.php"); } include_once 'dbconfig.php'; $stmt = $db_con->prepare("SELECT * FROM dosen WHERE id_dosen=:uid"); $stmt->execute(array(":uid"=>$_SESSION['user_session'])); $row=$stmt->fetch(PDO::FETCH_ASSOC); $stmt2 = $db_con->prepare("SELECT * FROM mahasiswa WHERE nim=:uid"); $stmt2->execute(array(":uid"=>$_SESSION['user_session'])); $row2=$stmt2->fetch(PDO::FETCH_ASSOC); $stmt3 = $db_con->prepare("SELECT * FROM admin_prodi WHERE id_admin=:uid"); $stmt3->execute(array(":uid"=>$_SESSION['user_session'])); $row3=$stmt3->fetch(PDO::FETCH_ASSOC); $stmt4 = $db_con->prepare("SELECT * FROM kaprodi WHERE id_kaprodi=:uid");
(Lanjutan)
$stmt4->execute(array(":uid"=>$_SESSION['user_session'])); $row4=$stmt4->fetch(PDO::FETCH_ASSOC); ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title><?php if ($_SESSION['user_level']=='dosen') {echo "Dosen Pembimbing";} elseif ($_SESSION['user_level']=='mahasiswa') {echo "Mahasiswa";} elseif ($_SESSION['user_level']=='admin') {echo "Administrator";} elseif ($_SESSION['user_level']=='kaprodi') {echo "Kepala Prodi";} ?></title> <link href="assets/css/bootstrap.min.css" rel="stylesheet"> <link href="assets/css/style.css" rel="stylesheet"> <link href="assets/css/font-awesome.css" rel="stylesheet"> <link href="assets/css/datatables.min.css" rel="stylesheet"> <style type="text/css"> .style3 { color: #000000 } .style4 { font-size: 16px } </style> </head> <body> <nav class="navbar navbar-default navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=" #navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-
(Lanjutan)
brand" href="./"><b>Portal Bimbingan Tugas Akhir</b><span class="style4"></span></a> </div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav"></ul> <ul class="nav navbar-nav navbar-right"> <?php if ($_SESSION['user_level']=='mahasiswa') { echo "<li><a download href=petunjuk/mahasiswa.pdf><span class=\"fa fa-download\"></span> Unduh Petunjuk Penggunaan Portal</a></li>"; } elseif ($_SESSION['user_level']=='dosen') { echo "<li><a download href=petunjuk/dosen.pdf><span class=\"fa fa-download\"></span> Unduh Petunjuk Penggunaan Portal</a></li>"; } elseif ($_SESSION['user_level']=='kaprodi') { echo "<li><a download href=petunjuk/kaprodi.pdf><span class=\"fa fa-download\"></span> Unduh Petunjuk Penggunaan Portal</a></li>"; } ?> <li><a href="logout.php"><span class="fa fa-sign-out"></span> Keluar</a></li> </ul> </div> <!--/.nav-collapse --> </div> </nav> <div class="body-container"> <div class="container"> <div class='alert alert-success'> <marquee> <strong>HALO ' <?php if ($_SESSION['user_level']=='dosen') {echo $row['nm_dosen'];} elseif ($_SESSION['user_level']=='mahasiswa') {echo $row2['nm_mhs'];} elseif ($_SESSION['user_level']=='admin') {echo $row3['nm_admin'];} elseif ($_SESSION['user_level']=='kaprodi') {echo $row4['nm_kaprodi'];} ?></strong> | Selamat datang di halaman <?php if ($_SESSION['user_level']=='dosen') {echo "dosen pembimbing tugas akhir";} elseif ($_SESSION['user_level']=='mahasiswa') {echo "mahasiswa";} elseif ($_SESSION['user_level']=='admin') {echo "administrator";} elseif ($_SESSION['user_level']=='kaprodi') {echo "kepala prodi";} ?> </marquee> </div>
(Lanjutan)
<div class="row"> <div class="col-md-3"> <?php include 'apps/menu.php'; ?> </div> <div class="col-md-9"> <?php include 'apps/content.php'; ?> </div> </div> </div> </form> <center> <p> </p> <p><small style="color: #fff"><span class="style3" style="font-weight: bold;">BIMTA - BROADBAND MULTIMEDIA © <?php echo date('Y');?></span><br> <strong><span class="style3"><span class="style3">Jl. Prof. DR. G.A. Siwabessy, Kukusan, Kota Depok, Jawa Barat 16424<br> Developed by : Kukuh Al Ansor </span></strong></small> </p> </center> </div> </div> <strong> <script src="assets/js/jquery-1.11.3-jquery.min.js"></script> <script src="assets/js/datatables.min.js"></script> <script src="assets/js/bootstrap.min.js"></script> <script src="assets/js/validation.min.js"></script> <script src="assets/js/script.js"></script> </strong> </body> </html>
(Lanjutan)
5. Unduh Laporan Evaluasi
6. Pilih Judul Tugas Akhir
<?php $id = $_GET['id']; $edit = $db_con->query("SELECT * FROM judul_ta WHERE id_ta='$id'"); $row = $edit->fetch(PDO::FETCH_ASSOC); ?> <div class="panel panel-default"> <!-- Default panel contents --> <div class="panel-body"> <form action="" method="POST" class="form-horizontal" role="form"> <div class="form-group"> <center> <legend>Pilih Judul Tugas Akhir Mahasiswa</legend> </center> </div> <div class="form-group"> <label for="input" class="col-sm-4 control-label">Judul 1 :</label> <div class="col-sm-6"> <input type="hidden" name="id_ta" value="<?php echo $id; ?>"> <textarea type="text" name="judul1" id="input" class="form-control" disabled required="required"><?php echo $row['judul1']; ?></textarea> </div> </div> <div class="form-group">
(Lanjutan)
<label for="input" class="col-sm-4 control-label">Judul 2 :</label> <div class="col-sm-6"> <input type="hidden" name="id_ta" value="<?php echo $id; ?>"> <textarea type="text" name="judul2" id="input" class="form-control" disabled required="required"><?php echo $row['judul2']; ?></textarea> </div> </div> <div class="form-group"> <label for="input" class="col-sm-4 control-label">Judul 3 :</label> <div class="col-sm-6"> <input type="hidden" name="id_ta" value="<?php echo $id; ?>"> <textarea type="text" name="judul3" id="input" class="form-control" disabled required="required"><?php echo $row['judul3']; ?></textarea> </div> </div> <div class="form-group"> <label for="inputLevel" class="col-sm-4 control-label">Judul Pilihan Anda :</label> <div class="col-sm-4"> <select name="judul_kaprodi" id="inputLevel" class="form-control" required="required"> <option>-- Pilih Judul --</option> <option value="<?php echo $row['judul1']; ?>">Judul 1</option> <option value="<?php echo $row['judul2']; ?>">Judul 2</option> <option value="<?php echo $row['judul3']; ?>">Judul 3</option> </select></div> </div> <div class="form-group"> <div class="col-sm-6 col-sm-offset-4"> <button name="pilih_judulta" type="submit" class="btn btn-primary">Pilih Judul</button> <a href="?apps=judulta" class="btn btn-warning">Batal</a> </div> </div> </form> </div> </div> 7. Data Evaluasi Mahasiswa
<div class="panel panel-default"> <div class="panel-heading">
(Lanjutan)
<a href="apps/app_laporan/datamahasiswa.php" target="_blank" class="btn btn-info btn-sm"><i class="fa fa-download"></i> Unduh Laporan Evaluasi</a> <span class="pull-right"><h4>Data Mahasiswa </h4></span> </div> <div class="panel-body"> <div id="alert"></div> <table width="20%" class="table table-hover" id="tbl_users"> <thead> <tr> <th width="2%" style="width: 2%"><div align="center">No</div></th> <th width="3%" style="width: 3%"><div align="center">NIM</div></th> <th width="13%" style="width: 13%"><div align="center">Nama Mahasiswa</div></th> <th width="22%" style="width: 22%"><div align="center">Dosen Pembimbing</div></th> <th width="3%" style="width: 3%"><div align="center">Evaluasi</div></th> </tr> </thead> <tbody> <?php if ($_SESSION['user_level']=='kaprodi') { $where = $row4['id_prodi'];; }else{ $where = ""; } $stmt = $db_con->prepare("SELECT * FROM mahasiswa, dosen where id_prodi=$where && dosen.id_dosen=mahasiswa.id_dosen ORDER BY nm_mhs ASC"); $stmt->execute(); $no=1; while($row=$stmt->fetch(PDO::FETCH_ASSOC)) { ?> <tr> <td><div align="center"><?php echo $no; ?></div></td> <td><div align="center"><?php echo $row['nim']; ?></div></td> <td><div align="center"><?php echo $row['nm_mhs']; ?></div></td> <td><div align="center"><?php echo $row['nm_dosen']; ?></div></td> <td> <?php $evaluasi=$row['nim'];
(Lanjutan)
$stmt2 = $db_con->prepare("SELECT * FROM evaluasi where nim_mhs ='$evaluasi' "); $stmt2->execute(); $check=$stmt2->rowCount(); if($check == 1) { ?> <div align="center"><a class="btn btn-success" href="?apps=evaluasi&act=lihatevaluasi&id=<?php echo $row['nim']; ?>" title="Lihat Evaluasi"> <span class="fa fa-graduation-cap"></span> Lihat Evaluasi</a></div> <?php } else { ?> <div align="center"><a class="btn btn-danger" disabled title="Lihat Evaluasi">Belum dievaluasi</a></div> <?php } ?> </td> </tr> <?php $no++; } ?> </tbody> </table> </div> </div>
8. Evaluasi Mahasiswa
<div class="panel panel-default"> <!-- Default panel contents --> <div class="panel-body"> <form action="" method="POST" class="form-horizontal" role="form"> <div class="form-group"> <center> <legend>Edit Evaluasi Bimbingan Tugas Akhir Mahasiswa </legend> </center> </div> <?php $id = $_GET['id']; $edit = $db_con->query("SELECT * FROM mahasiswa, evaluasi WHERE mahasiswa.nim='$id' && evaluasi.nim_mhs='$id'"); $row = $edit->fetch(PDO::FETCH_ASSOC); ?> <div class="form-group">
(Lanjutan)
<label for="input" class="col-sm-5 control-label">Nama Mahasiswa :</label> <div class="col-sm-5"> <input type="hidden" name="nim_mhs" value="<?php echo $id; ?>"> <input type="hidden" name="id_evaluasi" value="<?php echo $row['id_evaluasi']; ?>"> <input type="text" name="" id="input" class="form-control" readonly="" value="<?php echo $row['nm_mhs']; ?>" required="required"> </div> </div> <div class="form-group"> <label for="input" class="col-sm-5 control-label">Status Akhir Bimbingan </br>(Menurut Penilaian Anda) :</label> <div class="col-sm-6"> <?php if($row['status_bimbingan']=="telah selesai") { ?> <input name="status_bimbingan" type="radio" class="radiobutton" value="telah selesai" checked=""> Telah Selesai</br> <input name="status_bimbingan" type="radio" class="radiobutton" value="tidak selesai"> Tidak Selesai</br> <?php } else { ?> <input name="status_bimbingan" type="radio" class="radiobutton" value="telah selesai"> Telah Selesai</br> <input name="status_bimbingan" type="radio" class="radiobutton" value="tidak selesai" checked=""> Tidak Selesai</br> <?php } ?> </div> </div> <div class="form-group"> <label for="input" class="col-sm-5 control-label">Perumusan/Pemilihan Judul :</label> <div class="col-sm-6"> <?php if($row['evaluasi_judul']=="ok") { ?> <input name="evaluasi_judul" type="radio" class="radiobutton" value="ok" checked=""> Ok</br> <input name="evaluasi_judul" type="radio" class="radiobutton" value="kurang"> Kurang</br> <?php } else { ?> <input name="evaluasi_judul" type="radio" class="radiobutton" value="ok"> Ok</br> <input name="evaluasi_judul" type="radio" class="radiobutton" value="kurang" checked=""> Kurang</br>
(Lanjutan)
<?php } ?> </div> </div> <div class="form-group"> <label for="input" class="col-sm-5 control-label">Proposal/Pendahuluan :</label> <div class="col-sm-6"> <?php if($row['evaluasi_pendahuluan']=="ok") { ?> <input name="evaluasi_pendahuluan" type="radio" class="radiobutton" value="ok" checked=""> Ok</br> <input name="evaluasi_pendahuluan" type="radio" class="radiobutton" value="kurang"> Kurang</br> <?php } else { ?> <input name="evaluasi_pendahuluan" type="radio" class="radiobutton" value="ok"> Ok</br> <input name="evaluasi_pendahuluan" type="radio" class="radiobutton" value="kurang" checked=""> Kurang</br> <?php } ?> </div> </div> <div class="form-group"> <label for="input" class="col-sm-5 control-label">Tinjauan Pustaka/Landasan Teori :</label> <div class="col-sm-6"> <?php if($row['evaluasi_pustaka']=="ok") { ?> <input name="evaluasi_pustaka" type="radio" class="radiobutton" value="ok" checked=""> Ok</br> <input name="evaluasi_pustaka" type="radio" class="radiobutton" value="kurang"> Kurang</br> <?php } else { ?> <input name="evaluasi_pustaka" type="radio" class="radiobutton" value="ok"> Ok</br> <input name="evaluasi_pustaka" type="radio" class="radiobutton" value="kurang" checked=""> Kurang</br> <?php } ?> </div> </div> <div class="form-group"> <label for="input" class="col-sm-5 control-label">Metodologi Penelitian/Pengumpulan </br>Data/ Analisis dan Perancangan :</label> <div class="col-sm-6">
(Lanjutan)
<?php if($row['evaluasi_metodologi']=="ok") { ?> <input name="evaluasi_metodologi" type="radio" class="radiobutton" value="ok" checked=""> Ok</br> <input name="evaluasi_metodologi" type="radio" class="radiobutton" value="kurang"> Kurang</br> <?php } else { ?> <input name="evaluasi_metodologi" type="radio" class="radiobutton" value="ok"> Ok</br> <input name="evaluasi_metodologi" type="radio" class="radiobutton" value="kurang" checked=""> Kurang</br> <?php } ?> </div> </div> <div class="form-group"> <label for="input" class="col-sm-5 control-label">Hasil dan Pembahasan/ </br>Pengujian dan Analisa :</label> <div class="col-sm-6"> <?php if($row['evaluasi_pembahasan']=="ok") { ?> <input name="evaluasi_pembahasan" type="radio" class="radiobutton" value="ok" checked=""> Ok</br> <input name="evaluasi_pembahasan" type="radio" class="radiobutton" value="kurang"> Kurang</br> <?php } else { ?> <input name="evaluasi_pembahasan" type="radio" class="radiobutton" value="ok"> Ok</br> <input name="evaluasi_pembahasan" type="radio" class="radiobutton" value="kurang" checked=""> Kurang</br> <?php } ?> </div> </div> <div class="form-group"> <label for="input" class="col-sm-5 control-label">Kesimpulan dan Saran :</label> <div class="col-sm-6"> <?php if($row['evaluasi_kesimpulan']=="ok") { ?> <input name="evaluasi_kesimpulan" type="radio" class="radiobutton" value="ok" checked=""> Ok</br> <input name="evaluasi_kesimpulan" type="radio" class="radiobutton" value="kurang"> Kurang</br> <?php } else { ?> <input name="evaluasi_kesimpulan" type="radio" class="radiobutton" value="ok"> Ok</br> <input name="evaluasi_kesimpulan" type="radio" class="radiobutton
(Lanjutan)
" value="kurang" checked=""> Kurang</br> <?php } ?> </div> </div> <div class="form-group"> <div class="col-sm-6 col-sm-offset-4"> <button name="edit_evaluasi" type="submit" class="btn btn-primary">Save</button> <a href="?apps=evaluasi&act=lihatevaluasidosen&id=<?php echo $id; ?>" class="btn btn-warning">Batal</a> </div> </div> </form> </div> </div>
9. File Bimbingan Mahasiswa
<div class="panel panel-default"> <div class="panel-heading"> <span> <h4>File Mahasiswa Terkait Bimbingan</h4> </span> </div> <div class="panel-body"> <div id="alert"></div> <table class="table table-hover" id="tbl_mahasiswa"> <thead> <tr> <th style="width: 1%"><div align="center">No</div></th> <th style="width: 10%"><div align="center">Nama Mahasiswa</div></th> <th style="width: 10%"><div align="center">Prodi</div></th> <th style="width: 7%"><div align="center">Materi Bimbingan</div></th> <th style="width: 5%"><div align="center">File</div></th> </tr> </thead> <tbody> <?php $stmt = $db_con->prepare("SELECT * FROM file_mahasiswa, subject, mahasiswa, prodi where subject.nim=file_mahasiswa.mhs_pengirim && mahasiswa.id_dosen='$_SESSION[user_session]' && prodi.id_prodi=mahasiswa.id_prodi
(Lanjutan)
&& subject.id_subject=file_mahasiswa.id_subject && file_mahasiswa.mhs_pengirim=mahasiswa.nim ORDER BY nm_mhs DESC"); $stmt->execute(); $no=1; while($row=$stmt->fetch(PDO::FETCH_ASSOC)) { ?> <tr> <td><div align="center"><?php echo $no; ?></div></td> <td><div align="center"><?php echo $row['nm_mhs']; ?></div></td> <td><div align="center"><?php echo $row['nama_prodi']; ?></div></td> <td><div align="center"><?php echo $row['subject']; ?></div></td> <td align="center"><a href="filemahasiswa/<?php echo $row['file'] ?>" target="_blank"><span class="fa fa-file"></span> View File</a></td> </tr> <?php $no++; } ?> </tbody> </table> </div> </div> 10. Pesan Tambahan
<div class="panel panel-default"> <div class="panel-heading"> <?php if ($_SESSION['user_level']=='dosen') { ?> <a href="?apps=pesantambahan&act=add" class="btn btn-primary btn-sm"><i class="fa fa-plus-square"></i> Kirim Pesan Tambahan </a> <span class="pull-right"> <h4>Pesan Terkirim Anda ke Mahasiswa</h4> </span> <?php } ?> </div> <style type="text/css"> .circle { width: 25px; height: 25px; border-radius: 50%; font-size: 14px;
(Lanjutan)
background: #9cc; line-height: 25px; text-align: center; } </style> <div class="panel-body"> <div id="alert"></div> <table width="20%" class="table table-hover" id="tbl_users"> <thead> <tr> <th width="1%" style="width: 1%"> <div align="center">No</div> </th> <th width="9%" style="width: 9%"> <div align="center">Penerima</div> </th> <th width="15%" style="width: 15%"> <div align="center">Topik Pesan</div> </th> <th width="9%" style="width: 9%"> <div align="center">Tanggal</div> </th> <th width="8%" style="width: 8%"> <div align="center">Detail & Comment</div> </th> <th width="1%" style="width: 1%"> <div align="center">Aksi</div> </th> </tr> </thead> <tbody> <?php $stmt = $db_con->prepare("SELECT * FROM pesan_tambahan, mahasiswa where mahasiswa.id_dosen='$_SESSION[user_session]' && pesan_tambahan.dosen_pengirim='$_SESSION[user_session]' && mahasiswa.nim=pesan_tambahan.mhs_penerima ORDER BY tgl DESC"); $stmt->execute(); $no=1; while($row=$stmt->fetch(PDO::FETCH_ASSOC)) { ?> <tr> <td> <div align="center"><?php echo $no; ?></div> </td> <td>
(Lanjutan)
<div align="center"><?php echo $row['nm_mhs']; ?></div> </td> <td> <div align="left"><?php echo $row['topik_pesan']; ?></div> </td> <td> <div align="center"><?php $tgl=date_create($row['tgl']); echo date_format($tgl, 'd F Y, H:i'); ?></div> </td> <?php $message=$row['id_pesantambahan']; $stmt2 = $db_con->prepare("SELECT * FROM comment_tambahan where id_pesantambahan ='$message' && pengirim='mahasiswa' && status_read='0' "); $stmt2->execute(); $check=$stmt2->rowCount(); $stmt3 = $db_con->prepare("SELECT * FROM comment_tambahan where id_pesantambahan ='$message' && pengirim='mahasiswa'"); $stmt3->execute(); $check2=$stmt3->rowCount(); ?> <td align="center"> <?php if($check > 0) { ?> <a href="?apps=pesantambahan&act=viewchat&id=<?php echo $row['id_pesantambahan']; ?>" title="Komentar baru"> <div align="center" class="circle"><?php echo $check; ?></div>Komentar Baru <i class="fa fa-wechat" aria-hidden="true"></i> </a> <?php } else { if($check2 == 0) { ?> <a class="edit-link" href="?apps=pesantambahan&act=viewchat&id=<?php echo $row['id_pesantambahan']; ?>" title="Tampilkan detail pesan">Detail Pesan <i class="fa fa-chevron-circle-right" aria-hidden="true"></i></a> <?php } else { ?> <a class="edit-link" href="?apps=pesantambahan&act=viewchat&id=<?php echo $row['id_pesantambahan']; ?>" title="Lihat komentar">Lihat Komentar <i class="fa fa-comment" aria-hidden="true"></i></a> <?php } } ?> </td>
(Lanjutan)
<td> <div align="center"> <a href="?apps=pesantambahan&act=editpesaninti&id=<?php echo $row['id_pesantambahan']; ?>" title="Edit"><i class="fa fa-pencil fa-lg" aria-hidden="true"></i></a> </div> </td> </tr> <?php $no++; } ?> </tbody> </table> </div> </div> 11. Evaluasi
<style type="text/css"> .style1 { font-family: Harrington; font-weight: bold; } .penjelasan{ margin-left: 45px; margin-top: 22px; margin-right: 45px; } .nilai{ margin-left: 45px; margin-top: 10px; margin-right: 45px; } .batas{ padding: 5px; } .w3-centered tr th,.w3-centered tr td{text-align:center} .w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)} .w3-table-all{border-collapse:collapse;border-spacing:0;width:80%;display:table}.w3-table-all{border:1px solid #ccc} .w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}--> </style> <div class="panel panel-default"> <div class="panel-heading">
(Lanjutan)
<?php $id = $_GET['id']; $stmt = $db_con->prepare("SELECT * FROM judul_ta, mahasiswa, dosen where judul_ta.nim='$id' && mahasiswa.nim='$id' && dosen.id_dosen='$_SESSION[user_session]' && dosen.id_dosen=mahasiswa.id_dosen"); $stmt->execute(); while($row=$stmt->fetch(PDO::FETCH_ASSOC)) { ?> <h4 align="center">EVALUASI BIMBINGAN TUGAS AKHIR MAHASISWA</h4> <h4 align="center">oleh <?php echo $row['nm_dosen']; ?></h4> <p align="center"> </p> <table width="559" height="139" border="0" align="center"> <tr> <td width="154" height="36">NIM</td> <td width="13">:</td> <td width="378"><?php echo $row['nim']; ?></td> </tr> <tr> <td height="43">Nama </td> <td>:</td> <td><?php echo $row['nm_mhs']; ?></td> </tr> <tr> <td height="52">Judul Tugas Akhir </td> <td>:</td> <td><?php echo $row['judul_akhir']; ?></td> </tr> <?php } ?> </table> <?php $stmt2 = $db_con->prepare("SELECT * FROM evaluasi, prodi, mahasiswa where evaluasi.nim_mhs='$id' && mahasiswa.nim='$id' && mahasiswa.id_prodi=prodi.id_prodi"); $stmt2->execute(); while($row_2=$stmt2->fetch(PDO::FETCH_ASSOC)) { ?> <p align="justify" class="penjelasan">Dinyatakan <strong><?php echo $row_2['status_bimbingan']; ?></strong> dalam pelaksanaan bimbingan tugas akhir di Program Studi <strong><?php echo $row_2['nama_prodi']; ?></strong> Politeknik Negeri Medan. Adapun pelaksanaan yang dimaksud yaitu pelaksanaan bimbingan tugas akhir melalui Portal Bimbingan Tugas Akhir milik Politeknik Negeri Medan, dengan daftar capaian yaitu sebagai berikut :</p> <div class="batas"></div> <table class="w3-table-all w3-card-2 w3-centered" width="94%" height="321" border="1" align="center">
(Lanjutan)
<tr> <td width="57" rowspan="2"><div align="center"><strong>No</strong></div></td> <td width="449" rowspan="2"><div align="center"><strong>Bidang Penilaian</strong></div></td> <td height="32" colspan="2"><div align="center"><strong>Status</strong></div></td> </tr> <tr> <td width="148" height="32"><div align="center"><strong>Ok</strong></div></td> <td width="148"><div align="center"><strong>Kurang</strong></div></td> </tr> <tr> <td height="37"><div align="center">1</div></td> <td><div align="center">Perumusan/Pemilihan Judul </div></td> <?php if($row_2['evaluasi_judul']=="ok") { ?> <td>✅</td> <td> </td> <?php } elseif($row_2['evaluasi_judul']=="kurang") { ?> <td> </td> <td>✅</td> <?php } else { ?> <td> </td> <td> </td> <?php } ?> </tr> <tr> <td height="37"><div align="center">2</div></td> <td><div align="center">Proposal/Pendahulan </div></td> <?php if($row_2['evaluasi_pendahuluan']=="ok") { ?> <td>✅</td> <td> </td> <?php } elseif($row_2['evaluasi_pendahuluan']=="kurang") { ?> <td> </td> <td>✅</td> <?php } else { ?> <td> </td> <td> </td> <?php } ?> </tr> <tr> <td height="37"><div align="center">3</div></td> <td><div align="center">Tinjauan Pustaka/Landasan Teori </div></td> <?php if($row_2['evaluasi_pustaka']=="ok") { ?>
(Lanjutan)
<td>✅</td> <td> </td> <?php } elseif($row_2['evaluasi_pustaka']=="kurang") { ?> <td> </td> <td>✅</td> <?php } else { ?> <td> </td> <td> </td> <?php } ?> </tr> <tr> <td height="55"><div align="center">4</div></td> <td><div align="center">Metodologi Penelitian/Pengumpulan Data/Analisis dan Perancangan </div></td> <?php if($row_2['evaluasi_metodologi']=="ok") { ?> <td>✅</td> <td> </td> <?php } elseif($row_2['evaluasi_metodologi']=="kurang") { ?> <td> </td> <td>✅</td> <?php } else { ?> <td> </td> <td> </td> <?php } ?> </tr> <tr> <td height="55"><div align="center">5</div></td> <td><div align="center">Hasil dan Pembahasan/Pengujian dan Analisa </div></td> <?php if($row_2['evaluasi_pembahasan']=="ok") { ?> <td>✅</td> <td> </td> <?php } elseif($row_2['evaluasi_pembahasan']=="kurang") { ?> <td> </td> <td>✅</td> <?php } else { ?> <td> </td> <td> </td> <?php } ?> </tr> <?php } ?> </table> <div class="batas"></div> <span> <p><div align="right"><a class="btn btn-
(Lanjutan)
info" href="?apps=evaluasi&act=editevaluasi&id=<?php echo $id; ?>" title="Edit Evaluasi"><span class="fa fa-edit"></span> Evaluasi Ulang Mahasiswa</a> <a href="?apps=judulta" class="btn btn-warning">Kembali</a></div></p></span> </div> </div>
Recommended