Upload
others
View
13
Download
0
Embed Size (px)
Citation preview
55
BAB IV
HASIL DAN ANALISIS
4.1. Hasil Karya/Implementasi
Kegiatan implementasi atau penerapan dilakukan dengan
dasar yang telah direncanakan dalam rencana implementasi. Pada
penerapan sistem yang diusulkan tentu saja harus disediakan
beberapa aspek yang akan mendukung kelancaran operasi sistem
dan hal yang akan dijadikan faktor pendukung adalah penentuan
kebutuhan sumber daya.
Implementasi adalah proses penerapan rancangan program
yang telah dibuat atau penerapan aplikasi dalam melaksanakan
sistem informasi yang dibangun.
Dari berbagai tahapan yang telah dilakukan sebelumnya
maka dapat dihasilkan sebuah website Pembuatan Sistem
Informasi Hasil Kerja Praktek dan Tugas Akhir D3 Teknik
Informatika Berbasis Web dan PHP yang berfungsi sebagai
sarana pencarian data Hasil Proyek, Kerja Praktek dan Tugas
Akhir yang bisa diakses secara online.
56
4.1.1 Tampilan Halaman Beranda
Gambar 4. 1 Gambar Tampilan Halaman Beranda
Pada saat pertama membuka website akan
ditampilkan halaman beranda yang memuat menu
nanvigasi login dosen dan login admin beserta form
pencarian bagi mahasiswa, jadi jika ada pengunjung
mahasiswa tidak perlu login hanya menginputkian
data pada form pencarian di halaman beranda yang
telah disediakan.
4.1.2 Tampilan Form Login Dosen
Gambar 4. 2 Gambar Tampilan Form Dosen
57
Pada Form Login Dosen untuk bisa masuk ke
halaman dosen harus mengisi username dan
password dengan baik dan benar. Username diisi
berdasrkan NID sedangkan Password diisi tanggal
lahir.
4.1.3 Tampilan Halaman Home
Gambar 4.3 Gambar Tampilan Halaman Home
Halaman Home adalah halaman yang menampilkan
keseluruhan halaman website yaitu menu navigasi
yang berada dibagian bawah header, judul web, dan
beberapa link yang menghubungkan ke beberapa
halaman website.
4.1.4 Tampilan Halaman About
Gambar 4.4 Gambar Tampilan Halaman About
58
Halaman ini merupakan informasi kontak mengenai
website.
4.1.5 Tampilan Halaman Panduan
Gambar 4.5 Gambar Tampilan Halaman Panduan Dosen
Gambar 4.6 Gambar Tampilan Halaman Panduan Mahasiswa
Pada Halaman ini menampilkan petunjuk dan tata
cara dalam pencarian data melalui website
Pembuatan Sistem Informasi Hasil Kerja Praktek
dan Tugas Akhir D3 Teknik Informatika Berbasis
Web dan PHP.
59
4.1.6 Tampilan Halaman Cari Data Proyek
Gambar 4.7 Gambar Tampilan Halaman Cari Data Proyek
Pada Halaman Cari Data Proyek pengunjung dapat
mengisi form pencarian data yang telah disediakan
dengan cara memilih kategori cari bedasarkan
misalnya tempat kemudian tuliskan nama tempat
pada keyword lalu klik button cari maka data
pencarian akan ditampilkan pada tabel pencarian
yang berada tepat dibawah form pencarian.
4.1.7 Tampilan Halaman Cari Data KP
Gambar 4.8 Gambar Tampilan Halaman Cari Data KerjaPraktek
60
Pada Halaman Cari Data Kerja Praktek pengunjung
dapat mengisi form pencarian data yang telah
disediakan dengan cara memilih kategori cari
bedasarkan misalnya tempat kemudian tuliskan
nama mahasiswa pada keyword lalu klik button cari
maka data pencarian akan ditampilkan pada tabel
pencarian yang berada tepat dibawah form
pencarian.
4.1.8 Tampilan Halaman Cari Data TA
Gambar 4.9 Gambar Tampilan Halaman Cari Data TugasAkhir
Pada Halaman Cari Data Tugas Akhir pengunjung
dapat mengisi form pencarian data yang telah
disediakan dengan cara memilih kategori cari
bedasarkan misalnya tempat kemudian tuliskan
nama mahasiswa pada keyword lalu klik button cari
maka data pencarian akan ditampilkan pada tabel
pencarian yang berada tepat dibawah form
pencarian, pada bagian form ini mahasiswa tidak
61
diperbolehkan untuk download file hanya dosen saja
yang diperbolehkan.
4.1.9 Tampilan Form Login Admin
Gambar 4. 10 Gambar Tampilan Form Login Admin
Pada Form Login Admin untuk bisa masuk ke
halaman admin harus mengisi username dan
password dengan baik dan benar.
4.1.10 Tampilan Halaman Input Data
Gambar 4. 11 Gambar Tampilan Halaman Input Data
62
Pada halaman input data terdapat beberapa menu
dan link untuk input data proyek kpta.
4.1.11 Tampilan Halaman Input Data TA
Gambar 4. 12 Gambar Tampilan Halaman Input DataTugas Akhir
Pada halaman ini terdapat form untuk input data
tugas akhir mahasiswa dan tampilan tabel hasil
pencarian setelah data berhasil diinputkan oleh
admin.
4.1.12 Tampilan Halaman Hapus Data TA
Gambar 4. 13 Gambar Tampilan Halaman Hapus DataTugas Akhir
63
Pada halaman ini admin dapat mencari data yang
akan dihapus, dengan cara pilih dropdown cari
berdasarkan, masukkan keyword kemudian klik
tombol cari, data pencarian akan ditampilkan pada
tabel lalu pilih link hapus pada tabel. Proses hapus
data juga dapat dilakukan setelah input data dengan
cara klik icon hapus pada tabel.
4.1.13 Tampilan Halaman Edit Data TA
Gambar 4. 14 Gambar Tampilan Halaman Edit Data
Tugas Akhir
Form halaman edit data tugas akhir ini digunakan
untuk mengubah data tugas akhir.
64
4.1.14 Tampilan Halaman Upload File
Gambar 4. 15 Gambar Tampilan Halaman Upload File
Halaman upload file admin dapat mengelola dan
mengupload file tugas akhir yang akan ditampilkan
pada halaman cari data tugas akhir.
4.1.15 Tampilan Halaman Beranda/Form Pencarian
Data
Gambar 4. 16 Gambar Tampilan Form Pencarian Data
Pada halaman ini user/mahasiswa pilih dropdown
pencarian berdasarkan nama mahasiswa atau
konsentrasi kemudian tuliskan pada textbox
disamping dropdown lalu klik tombol cari. Maka
65
data pecarian akan ditampilkan pada halaman hasil
pencarian.
4.1.16 Tampilan Halaman Hasil Pencarian
Gambar 4. 17 Gambar Tampilan Halaman Hasil Pencarian
Halaman ini berisi sebuah tabel hasil pencarian data
oleh user/mahasiswa.
4.2. Hasil Pengujian
Hasil Pengujian dilakukan dengan cara menjalankan
website mulai dari halaman utama input, proses dan output
dianggap berhasil apabila cara pengujian dan hasil yang
diharapkan dapat dijalankan maka hasil pengujian dianggap
berhasil.
66
Tabel 4.1 Tabel Hasil Pengujian
No Fungsi yang
DiujiCara Pengujian
Hasil Yang
Diharapkan
Hasil
Pengujian
1. Halaman
Beranda
Menampilkan
halaman
beranda
Dapat
menampilkan
akses halaman
menu login dosen
dan admin
beserta form
pencarian
OK
2. Halaman
Home
Menampilkan
halaman utama
dosen setelah
login
Dapat
menampilkan
menu navigasi,
judul website,
dan link lihat data
OK
3. Halaman
About
Menampilkan
informasi
kontak website
Dapat
menampilkan
informasi kontak
website
OK
4. Halaman
Panduan
Menampilkan
halaman
petunjuk
pencarian data
Dapat
menampilkan
halaman petunjuk
pencarian data
OK
67
5. Form Cari
Data Proyek
Memilih
dropdown cari
berdasarkan lalu
isikan pada
keyword
Menampilkan
hasil pencarian
pada tabel OK
6. Form Cari
Data Kerja
Praktek
Memilih
dropdown cari
berdasarkan lalu
isikan pada
keyword
Menampilkan
hasil pencarian
pada tabel OK
7. Form Cari
Data Tugas
Akhir
Memilih
dropdown cari
berdasarkan lalu
isikan pada
keyword
Menampilkan
hasil pencarian
pada tabel lalu
dosen dapat
mendownload file
OK
8. Button Cari
Pada Form
Cari Data
Proyek
Mengelola data
dari database
kemudian data
yang dicari akan
ditampilkan
pada tabel
Menampilkan
hasil pencarian
data pada tabel
hasil pecarianOK
68
9. Button Cari
Pada Form
Cari Data
Kerja
Praktek
Mengelola data
dari database
kemudian data
yang dicari akan
ditampilkan
pada tabel
Menampilkan
hasil pencarian
data pada tabel
hasil pecarian OK
10. Button Cari
Pada Form
Cari Data
Tugas Akhir
Mengelola data
dari database
kemudian data
yang dicari akan
ditampilkan
pada tabel
Menampilkan
hasil pencarian
data pada tabel
hasil pecarianOK
11. Form
Halaman
Login Dosen
Menampilkan
halaman form
login dosen
Dapat login dan
masuk ke
halaman home
OK
12. Form
Halaman
Login
Admin
Menampilkan
halaman form
login admin
Dapat login dan
masuk ke
halaman home
admin
OK
69
13. Button Login
Pada Form
Halaman
Login Dosen
Mengirimkan
data ke database
dan
memungkinkan
user masuk ke
halaman home
Dapat masuk ke
halaman home
dan melakukan
pencarian dataOK
14. Button Login
Pada Form
Halaman
Login
Admin
Mengirimkan
data ke database
dan
memungkinkan
admin masuk ke
halaman home
admin
Dapat masuk ke
halaman home
admin dan
mengelola data OK
15. Form
Halaman
Input Data
Proyek
Menginputkan
beberapa data
pada form input
data dan data
akan disimpan
pada database
Menampilkan
data pada tabel
hasil input data
ke halaman input
data proyek
OK
70
16. Form
Halaman
Input Data
Kerja
Praktek
Menginputkan
beberapa data
pada form input
data dan data
akan disimpan
pada database
Menampilkan
data pada tabel
hasil input data
ke halaman input
data kerja praktek
OK
17. Form
Halaman
Input Data
Tugas Akhir
Menginputkan
beberapa data
pada form input
data dan data
akan disimpan
pada database
Menampilkan
data pada tabel
hasil input data
ke halaman input
data tugas akhir
OK
18. Button
Simpan Pada
Form
Halaman
Input Data
Proyek
Mengirimkan
data ke database
dan
menampilkan
data pada tabel
hasil input data
Menampilkan
data pada tabel
hasil input data
ke halaman input
data proyek
OK
19. Button
Simpan Pada
Form
Halaman
Input Data
Kerja
Praktek
Mengirimkan
data ke database
dan
menampilkan
data pada tabel
hasil input data
Menampilkan
data pada tabel
hasil input data
ke halaman input
data kerja praktek
OK
71
20. Button
Simpan Pada
Form
Halaman
Input Data
Tugas Akhir
Mengirimkan
data ke database
dan
menampilkan
data pada tabel
hasil input data
Menampilkan
data pada tabel
hasil input data
ke halaman input
data tugas akhir
OK
21. Link Edit
Data Pada
Tabel Hasil
Input Data
Proyek
KPTA
Menghubungkan
ke halaman edit
data Proyek
KPTA
Menampilkan
data yang
berhasil ter
update ke
halaman input
data Proyek
KPTA
OK
22. Link Hapus
Data Pada
Tabel Hasil
Input Data
Proyek
Menghapus data
Proyek
Data yang dipilih
berhasil ter hapus
OK
23. Link Hapus
Data Pada
Tabel Hasil
Input Data
Kerja
Praktek
Menghapus data
kerja praktek
Data yang dipilih
berhasil ter hapus
OK
72
24. Link Hapus
Data Pada
Tabel Hasil
Input Data
Tugas Akhir
Menghapus data
tugas akhir
Data yang dipilih
berhasil ter hapus
OK
25. Button
Update Pada
Halaman
Edit Proyek
Memproses dan
mengirim data
ke database
Menampilkan
hasil update ke
halaman input
data proyek
OK
26. Button
Update Pada
Halaman
Edit Kerja
Praktek
Memproses dan
mengirim data
ke database
Menampilkan
hasil update ke
halaman input
data kerja praktek
OK
27. Button
Update Pada
Halaman
Edit Tugas
Akhir
Memproses dan
mengirim data
ke database
Menampilkan
hasil update ke
halaman input
data tugas akhir
OK
29. Button
Upload
Mengirimkan
data ke database
kemudian
Menampilkan file
pada tabel hasil
pencarian di
halaman Cari
Data Tugas Akhir
OK
73
4.3. Analisis
Berdasarkan hasil pengujian yang telah dilakukan,
website File Repository Hasil Proyek, Kerja Praktek dan
Tugas Akhir D3 Teknik Informatika Berbasis Web dan Php
ini digunakan untuk memudahkan dosen dan mahasiswa
dalam melakukan pencarian data hasil proyek, kerja praktek
dan tugas akhir, selain itu admin juga akan lebih mudah
untuk mengontrol dan mengelola website ini baik untuk
input, update, delete serta upload file, karena halaman
admin dibuat terpisah dari website tersebut.
Cara mengakses website ini sangat mudah karena
tampilan user interface yang terlihat simple sehingga user
akan lebih mudah dalam melakukan pencarian data. Dengan
adanya website diharapkan dapat mempermudah dosen dan
mahasiswa dalam mencari data.