Implementasi - SISTEM INFORMASI PENGUMPULAN LAPORAN KKP BERBASIS WEB PADA ITB STIKOM AMBON

BAB V IMPLEMENTASI

5.1. Implementasi

Tahapan implementasi ini ialah kelanjutan dari aktivitas perancangan sistem. Tahapan ini hendak mempraktikkan hasil dari perancangan yang sudah terbuat ke dalam kode pemrograman ataupun baris perintah yang dipahami oleh mesin. Dari hasil implementasi hendak menciptakan sesuatu sistem yang bisa mencerna sesuatu informasi jadi data. Buat mengimplementasikan perancangan yang sudah di rancang penulis dengan memakai bahasa pemrograman html css serta php. Dalam mengimplementasikan penyusunan kode, penulis menggunakan visual code selaku bacaan editor. Berikut adalah tampilan hasil implementasi dari perancangan yang sudah terbuat:

Gambar 5.1. Interface Login

Pada Gambar 5.1 di atas menggambarkan tampilan menu login pada sistem informasi pengumpulan laporan KKP Berbasis Web . Dalam menu login, terdapat form username dan password, jika user sudah memiliki akun maka bisa langsung login. Jika tidak maka harus registrasi akun terlebih dahulu.

Gambar 5.2. Interface Register

Pada Gambar 5.2 di atas menggambarkan tampilan menu registrasi pada sistem informasi pengumpulan laporan KKP Berbasis Web. Dalam menu registrasi terdapat beberapa field yang harus diisi untuk membuat akun agar dapat login ke dalam sistem.

Gambar 5.3. Tampilan Halaman Menu Upload Laporan

Pada Gambar 5.3 di atas menggambarkan tampilan menu upload laporan pada sistem informasi pengumpulan laporan KKP Berbasis Web. Dalam menu ini

hanya terdapat satu field yang harus diisi. Yakni, browse file untuk memilih file laporan yang ingin di upload.

Gambar 5.4. Tampilan Halaman Menu Input Kegiatan

Gambar 5.5. Tampilan Halaman Menu Input Kegiatan

Pada Gambar 5.4 dan Gambar 5.5 di atas menggambarkan tampilan menu input kegiatan pada sistem informasi pengumpulan laporan KKP Berbasis Web.

Dalam menu ini terdapat beberapa field yang harus diisi.

Gambar 5.6. Tampilan Halaman Menu Lihat Kegiatan

Pada Gambar 5.6 di atas menggambarkan tampilan menu lihat kegiatan yang diinput mahasiswa pada sistem informasi pengumpulan laporan KKP Berbasis Web. Dalam menu ini terdapat beberapa aksi yang bisa dilakukan seperti dapat mngedit dan menghapus data kegiatan yang sudah di inputkan user.

Gambar 5.7. Tampilan Halaman Menu Profil User

Pada Gambar 5.7 di atas menggambarkan tampilan menu profil user pada sistem informasi pengumpulan laporan KKP Berbasis Web.

Gambar 5.8. Tampilan Halaman Menu Lengkapi Data

Pada Gambar 5.8 di atas menggambarkan tampilan menu lengkapi data pada sistem informasi pengumpulan laporan KKP Berbasis Web. Mahasiswa harus melengkapi data sebelum melakukan upload laporan dan input kegiatan KKP.

Gambar 5.9. Tampilan Halaman Menu Lihat Laporan dan Kegiatan Pada Gambar 5.9 di atas menggambarkan tampilan menu lihat laporan dan kegiatan pada sistem informasi pengumpulan laporan KKP Berbasis Web. Dalam

menu ini terdapat kumpulan laporan dan kegiatan mahasiswa selama KKP.

Tampilan ini ada jika yang login sistem adalah Ketua Program Studi.

Gambar 5.10. Tampilan Halaman Kegiatan KKP

Pada Gambar 5.10 di atas menggambarkan tampilan halaman melihat kegiatan KKP dalam bentuk pdf pada sistem informasi pengumpulan laporan KKP Berbasis Web. Dalam halaman ini terdapat informasi mengenai kegiatan mahasiswa selama KKP.

Gambar 5.11. Tampilan Halaman Dashboard Admin

Gambar 5.12. Tampilan Halaman Dashboard Admin

Pada Gambar 5.11 dan Gambar 5.12 di atas menggambarkan tampilan dashboard admin pada sistem informasi pengumpulan laporan KKP Berbasis Web. Dalam tampilan ini terdapat info-info kecil seperti jumlah admin, jumlah mahasiswa yang berstatus aktif, jumlah mahasiswa yang berstatus tidak aktif, dan jumlah kepala program studi. Dan juga ada sedikit informasi mengenai Kampus ITB Stikom Ambon.

Gambar 5.13. Tampilan Halaman Admin Untuk Melihat Data User

Pada Gambar 5.13 di atas menggambarkan tampilan halaman admin untuk melihat data user yang ada pada sistem.

Gambar 5.14. Tampilan Halaman Menu Management System

Pada Gambar 5.14 di atas menggambarkan tampilan halaman menu management pada sistem yang hanya bisa diakses oleh admin.

Gambar 5.15. Tampilan Halaman Submenu Management Sistem

Gambar 5.16. Tampilan Halaman Submenu Management Sistem Pada Gambar 5.15 dan Gambar 5.16 di atas menggambarkan tampilan halaman sub menu management pada sistem yang hanya bisa diakses oleh admin.

Gambar 5.17 Tampilan Halaman Data Mahasiswa

Pada Gambar 5.17 di atas menggambarkan tampilan halaman data mahasiswa yang sudah melengkapi data. Tampilan ini hanya bisa diakses pada halaman admin.

Gambar 5.18 Tampilan Halaman Data Ketua Program Studi

Pada Gambar 5.18 di atas menggambarkan tampilan halaman data ketua program studi. Tampilan ini hanya bisa diakses pada halaman admin.

Gambar 5.19 Tampilan Halaman Data Program Studi

Pada Gambar 5.19 di atas menggambarkan tampilan halaman data program studi. Tampilan ini hanya bisa diakses pada halaman admin. Admin dapat melakukan penambahan, edit, dan hapus data program studi.

Gambar 5.20 Tampilan Data Base

Pada Gambar 5.20 di atas menggambarkan tampilan data base dari sistem yang saya buat.

45 BAB VI

HASIL PENELITIAN DAN PEMBAHASAN 6.1 Pengujian Sistem

Berikut ini adalah tabel pengujian sistem yang telah dibuat pada Sistem Informasi Pengumpulan Laporan KKP Berbasis Web pada ITB Stikom Ambon : Tabel 6.1. Hasil Pengujian

Tabe

Case Tujuan Input Output yang

diharapkan

Actual Output 1. Menguji

Fungsi Login

Username dan password yang belum

terdaftar

Menampilkan pesan username belum

terdaftar

valid

Password yang diinputkan salah

Menampilkan pesan password salah

valid

Username belum aktif

Menampilkan pesan username belum aktif

valid

Inputkan username dan password yang

cocok

Masuk ke halaman utama

valid

2. Menguji Fungsi Registrasi

Mengosongkan semua field

Menampilkan pesan field wajib diisi

Valid

Mengosongkan field konfirmasi password

Menampilkan pesan field password dan konfirmasi password

wajib diisis

valid

Input semua data Menampilkan pesan registrasi berhasil dilakukan. Silahkan

menunggu aktivasi kampus

valid

3. Menguji Fungsi Upload Laporan

Mengupload file format tidak sesuai

Menampilkan pesan format file tidak sesuai.

Mohon upload file dengan format yang

sesuai

valid

Mengupload file dengan format yang sesuai

Menampilkan Pesan File Berhasil Diupload.

Dan masuk ke halaman untuk dapat melihat ,

mengubah, atau menghapus file yang

sudah di upload

valid

4. Menguji Fungsi Input Kegiatan

Mengosongkan semua field

Menampilkan pesan field wajib diisi

valid

Input semua data Menampilkan pesan kegiatan anda berhasil

ditambahkan

valid

49 BAB VII

KESIMPULAN DAN SARAN 7.1 Kesimpulan

Berdasarkan penelitian dan pembuatan Sistem Informasi Pengumpulan Laporan KKP Berbasis Web pada ITB STIKOM Ambon yang telah dipaparkan dalam bab-bab sebelumnya, maka dapat ditarik kesimpulan yaitu :

1. Sistem Informasi Pengumpulan Laporan KKP Berbasis Web ini hanya dapat diakses oleh Admin, Ketua Program Studi, dan Mahasiswa yang melakukan KKP.

2. Sesuai dengan tujuan dan manfaat, sistem ini dapat membantu mempermudah pengelolaan dan peninjauan laporan dan kegiatan mahasiswa KKP.

3. Penulis menggunakan Pdf (Portable Document Format) untuk menampilkan laporan dan kegiatan mahasiswa KKP.

7.2 Saran

Dalam pengembangan sistem informasi pengumpulan laporan KKP berbasis web ini masih jauh dari kesempurnaan karena masih memiliki banyak kekurangan. Oleh karena itu untuk pengembangan lebih lanjut mengenai sistem ini dapat disarankan:

1. Diharapkan nanti sistem ini memiliki fitur penyimpanan arsip laporan KKP.

2. Diharapkan nanti sistem ini dapat memiliki fitur untuk pengurusan KKP yang lain, seperti pembagian lokasi KKP.

3. Diharapkan nanti Sistem ini juga dapat menambahkan dan menampilkan maps location KKP.

DAFTAR PUSTAKA

A. Prihantara and B. K. Riasti, “Design Dan Implementasi Sistem Informasi Apotek Pada Apotek Mitra Agung Pacitan,” Speed - Sentra Penelit. Eng.

Dan Edukasi, vol. 4, no. 4, Apr. 2011.

A.S., Rosa dan Shalahuddin, M. 2015. Rekayasa Perangkat Lunak Terstruktur dan Berorientasi Objek.Bandung: Informatika Bandung.

Andriyanto, Teguh dan R Risky Aswi, (2016). Rancang Bangun Sistem Informasi Praktek Kerja Lapangan Terintegrasi Menggunakan Webservice. Jurnal SIMETRIS, 7(2), 551-558.

Asri, S. A., Bawa, I. G. N. B. C., & Suhendar, F. R. (2017). Sistem Informasi Pengelolaan Kegiatan UKM Berbasis Web di Lingkungan Politeknik Negeri Bali. Logic: Jurnal Rancang Bangun dan Teknologi, 16(2), 112.

Dameria, Anne. Paduan Dasar Warna Untuk Desain. Jakarta: PT.Gramedia Pustaka Utama, 2004

Fowler, Martin. 2004. UML Distilled Panduan Singkat Bahasa pemodelan Objek Standar, Edisi 3. Yogyakarta: Andi Publishing.

Hamidi dkk. (2017). Rancang Bangun Sistem Informasi Praktik Kerja Lapangan Pada Program Studi Teknik Informatika Universitas Mataram Menggunakan Extreme Programming. J-Cosine, 1(1), 11-17.

Lavarino, D. (2016). Rancang Bangun E–Voting Berbasis Website Di Universitas Negeri Surabaya. Jurnal Manajemen Informatika, 6(1).

Maharani, D. (2017). Perancangan Sistem Informasi Akademik Berbasis Web Pada Sekolah Islam Modern Amanah. Jurnal Manajemen Informatika dan Teknik Komputer, 2(1), 27-32.

Norsandi, D. (2018). Pengaruh Kuliah Kerja Lapangan(KKL) Terhadap Prestasi Belajar Mahasiswa Pendidikan Geografi Universitas PGRI Palangka Raya.

Jurnal Meretas, 5(1),66-71.

Safitri, Thya, &, Supriyadi, didi. (2015). Rancang Bangun Sistem Informasi Praktek Kerja Lapangan Berbasis Web Dengan Metode Waterfall. Jurnal Infotel, 7(1) : 69-74

Sergey, Smirnov, 2002, Software Teting: Black-Box Techniques, 1-4

Sidik, Betha. (2019). Mengembangkan Framework Aplikasi Database COdeigniter 3 Studi Kasus:Aplikasi Kehadiran Pegawai. Bandung:

Informatika

Sommerville, I. (2011). Software Engineering 9th Edition. Addison-Wesley.

LAMPIRAN

Source Code

1. Controller : mahasiswa.php

<?php

defined('BASEPATH') or exit('No direct script access allowed');

class Mahasiswa extends CI_Controller {

public function index() {

$data['title'] = 'Upload Laporan';

$data['user'] = $this->db->get_where('user', ['nim'

=> $this->session->userdata('nim')])->row_array();

$cek = $this->db->get_where('tb_mahasiswa', ['nim'

=> $this->session->userdata('nim')])->row_array();

$this->load->view('templates/header', $data);

$this->load->view('templates/sidebar', $data);

$this->load->view('templates/topbar', $data);

$this->load->view('mahasiswa/laporan', $data);

$this->load->view('templates/footer');

$config['upload_path'] = './assets/uploads/';

$config['allowed_types'] = 'doc|docx|pdf';

$config['max_size'] = 0;

$this->load->library('upload', $config);

if (!$this->upload->do_upload('laporan')) {

$error = array('error' => $this->upload-

>display_errors());

} else {

$data = $this->upload->data();

$data = array(

'id_user' => $cek['id_user'], 'prodi' => $cek['prodi'],

'laporan' => $data['file_name'], 'tgl_kumpul' => time()

);

$this->db->insert('tb_laporan',$data);

$this->session->set_flashdata('message', '<div class="alert alert-success" role="alert">

Laporan Telah di Upload!

</div>');

redirect('mahasiswa');

} }

public function kegiatan() {

$data['title'] = 'Input Kegiatan';

$data['user'] = $this->db->get_where('user', ['nim'

=> $this->session->userdata('nim')])->row_array();

$this->load->view('templates/header', $data);

$this->load->view('templates/sidebar', $data);

$this->load->view('templates/topbar', $data);

$this->load->view('mahasiswa/kegiatan', $data);

$this->load->view('templates/footer');

}

public function simpankegiatan() {

$data['title'] = 'Input Kegiatan';

$data['user'] = $this->db->get_where('user', ['nim'

=> $this->session->userdata('nim')])->row_array();

//$cek_username = $this->db-

>get_where('tb_kegiatan', ['id_user' => $this->session-

>userdata('id')])->num_rows();

$id_user = $this->db->get_where('user', ['nim' =>

$this->session->userdata('nim')])->row_array();

$this->db->where('id_user', $id_user['id']);

$num_rows = $this->db-

>count_all_results('tb_kegiatan');

$this->form_validation>set_rules('tanggal_kegiatan', 'Tanggal_kegiatan', 'required');

$this->form_validation->set_rules('kegiatan', 'Kegiatan', 'required');

$this->form_validation->set_rules('keterangan', 'Keterangan', 'required');

$tanggal_kegiatan = $this->input-

>post('tanggal_kegiatan');

$kegiatan = $this->input->post('kegiatan');

$keterangan = $this->input->post('keterangan');

if ($this->form_validation->run() == false) {

$this->load->view('templates/header', $data);

$this->load->view('templates/sidebar', $data);

$this->load->view('templates/topbar', $data);

$this->load->view('mahasiswa/kegiatan', $data);

$this->load->view('templates/footer');

} else {

if ($num_rows > 35) {

$this->session->set_flashdata('message', '<div class="alert alert-danger" role="alert"> Input Kegiatan Sudah Mencapai Batas Maksimum ! Silahkan Lihat Laporan Kegiatan</div>');

redirect('mahasiswa/kegiatan');

} else {

$data2 = [ 'id' => '',

'id_user' => $id_user['id'], 'tanggal' => $tanggal_kegiatan, 'kegiatan' => $kegiatan,

'keterangan' => $keterangan ];

$this->db->insert('tb_kegiatan', $data2);

$this->session->set_flashdata('message', '<div class="alert alert-success" role="alert">Kegiatan Anda Telah di Tambahkan!</div>');

redirect('mahasiswa/kegiatan');

} } }

public function tampilkegiatan() {

$data['title'] = 'Data Laporan Kegiatan';

$data['user'] = $this->db->get_where('user', ['nim'

=> $this->session->userdata('nim')])->row_array();

$id_user = $this->db->get_where('user', ['nim' =>

$this->session->userdata('nim')])->row_array();

$data['kegiatan'] = $this->db-

>get_where('tb_kegiatan', ['id_user' => $id_user['id']])-

>result_array();

$this->load->view('templates/header', $data);

$this->load->view('templates/sidebar', $data);

$this->load->view('templates/topbar', $data);

$this->load->view('mahasiswa/tampilkegiatan',

$data);

$this->load->view('templates/footer');

}

public function editlaporan($id) {

$data['title'] = 'Ubah Laporan';

$data['user'] = $this->db->get_where('user', ['nim'

=> $this->session->userdata('nim')])->row_array();

$data['uploads'] = $this->db-

>get_where('tb_laporan', ['id' => $id])->row_array();

$cek = $this->db->get_where('tb_laporan', ['id' =>

$id])->row_array();

$this->load->view('templates/header', $data);

$this->load->view('templates/sidebar', $data);

$this->load->view('templates/topbar', $data);

$this->load->view('mahasiswa/editlaporan', $data);

$this->load->view('templates/footer');

$config['upload_path'] = './assets/uploads/';

$config['allowed_types'] = 'doc|docx|pdf';

$config['max_size'] = 0;

//$config['max_width'] = 1024;

//$config['max_height'] = 768;

$this->load->library('upload', $config);

if (!$this->upload->do_upload('laporan')) {

$error = array('error' => $this->upload-

>display_errors());

} else {

$upload = $this->upload->data('file_name');

if ($data['uploads']['file'] != "") {

unlink('./assets/uploads/' .

$data['uploads']['file']);

}

$data = array(

'id_user' => $cek['id_user'], 'prodi' => $cek['prodi'], 'laporan' => $upload, 'tgl_kumpul' => time() );

$this->db->where('id', $id);

$this->db->update('tb_laporan',$data);

$this->session->set_flashdata('message', '<div class="alert alert-success" role="alert">

Laporan Telah Diubah!

</div>');

redirect('mahasiswa');

} }

public function hapuslaporan($id) {

$laporan = $this->db->get_where('tb_laporan', ['id'

=> $id])->row_array();

if ($laporan['file'] != "") {

unlink('./assets/uploads/' . $laporan['file']);

}

$this->db->where('id', $id);

$this->db->delete('tb_laporan');

$this->session->set_flashdata('message', '<div class="alert alert-success" role="alert">Laporan Telah Di hapus!</div>');

redirect('mahasiswa');

}

public function editkegiatan($id) {

$data['title'] = 'Edit Kegiatan';

$data['user'] = $this->db->get_where('user', ['nim'

=> $this->session->userdata('nim')])->row_array();

$data['kegiatan'] = $this->db-

>get_where('tb_kegiatan', ['id' => $id])->row_array();

$id_user = $this->db->get_where('user', ['nim' =>

$this->session->userdata('nim')])->row_array();

$this->form_validation-

>set_rules('tanggal_kegiatan', 'Tanggal_kegiatan', 'required');

$this->form_validation->set_rules('kegiatan', 'Kegiatan', 'required');

$this->form_validation->set_rules('keterangan', 'Keterangan', 'required');

$tanggal_kegiatan = $this->input-

>post('tanggal_kegiatan');

$kegiatan = $this->input->post('kegiatan');

$keterangan = $this->input->post('keterangan');

if ($this->form_validation->run() == false) {

$this->load->view('templates/header', $data);

$this->load->view('templates/sidebar', $data);

$this->load->view('templates/topbar', $data);

$this->load->view('mahasiswa/editkegiatan',

$data);

$this->load->view('templates/footer');

} else {

$data2 = [

'id_user' => $id_user['id'], 'tanggal' => $tanggal_kegiatan, 'kegiatan' => $kegiatan,

'keterangan' => $keterangan ];

$this->db->set($data2);

$this->db->where('id', $id);

$this->db->update('tb_kegiatan');

$this->session->set_flashdata('message', '<div class="alert alert-success" role="alert">Kegiatan Anda Telah di Ubah!</div>');

redirect('mahasiswa/tampilkegiatan');

} }

public function hapuskegiatan($id) {

$kegiatan = $this->db->get_where('tb_kegiatan', ['id' => $id])->row_array();

$this->db->where('id', $id);

$this->db->delete('tb_kegiatan');

$this->session->set_flashdata('message', '<div class="alert alert-success" role="alert">Kegiatan Telah Di hapus!</div>');

redirect('mahasiswa/tampilkegiatan');

} }

2. Controller : dosen.php

<?php

defined('BASEPATH') or exit('No direct script access allowed');

class Dosen extends CI_Controller {

public function __construct() {

Dalam dokumen SISTEM INFORMASI PENGUMPULAN LAPORAN KKP BERBASIS WEB PADA ITB STIKOM AMBON (Halaman 47-58)