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.