LAPORAN AKHIR
RANCANG BANGUN APLIKASI INVENTARIS BARANG BERBASIS WEB MENGGUNAKAN FRAMEWORK CODEIGNITER PADA
POLITEKNIK DARUSSALAM
Laporan Akhir ini disusun sebagai salah satu syarat Menyelesaikan pendidikan Diploma III
Pada Jurusan Teknik Komputer
Oleh:
M RIFQI HANIF 061830700478
COVER
POLITEKNIK NEGERI SRIWIJAYA PALEMBANG
2021
LEMBAR PENGESAHAN
SURAT PERNYATAAN BEBAS PLAGIARISME
v
MOTTO DAN PERSEMBAHAN
Motto:
“Doa merupakan kekuatan keyakinan dan semangat. Usaha pada jalan yang benar dengan disertai doa, pasti akan sukses.”
(M Rifqi Hanif)
“Dan janganlah kamu (merasa) lemah, dan jangan (pula) bersedih hati, sebab kamu paling tinggi (derajatnya), jika kamu orang beriman.”
(QS. Ali ‘Imran, 03:139)
“Barang siapa belum pernah merasakan pahitnya mencari ilmu walau sesaat, ia akan menelan hinanya kebodohan sepanjang hidupnya.”
(Imam Syafi'i)
Dipersembahkan untuk:
1. Kedua orang tua dan keluarga yang senantiasa mendoakan dan memberikan support
2. Dosen Pembimbing Laporan Akhir 3. Almamater kebanggaan Politeknik
Negeri Sriwijaya
4. Teman-teman seperjuangan Jurusan Teknik Komputer Angkatan 2018 5. Keluarga besar kelas 6 CA
vi ABSTRAK
Rancang Bangun Aplikasi Inventaris Barang Berbasis Web Menggunakan Framework CodeIgniter Pada Politeknik Darussalam
M Rifqi Hanif (2021:111 Halaman)
Laporan akhir ini bertujuan untuk merancang aplikasi inventaris barang berbasis web di Politeknik Darussalam. Aplikasi inventaris barang berbasis web dapat membantu dalam pengelolaan data inventaris barang yang sebelumnya dirasa kurang efektif dan efisien dikarenakan masih dilakukan dengan pencatatan pada buku besar.
Dalam pembuatan aplikasi inventaris barang berbasis web ini digunakan bahasa pembangun HTML, CSS digunakan untuk styling, serta beberapa bahasa pemrograman seperti JavaScript dan PHP yang dibantu menggunakan framework CodeIgniter. Sedangkan MySQL digunakan untuk database management system (DBMS).
Hasil penelitian ini berupa aplikasi inventaris barang berbasis web yang dapat diakses dengan dua level yaitu admin dan pimpinan. Pada level admin memiliki hak akses dalam pengelolaan data inventaris barang serta mencetak laporan data inventaris barang, sedangkan pada level pimpinan hanya dapat melihat dan mencari data inventaris barang.
Kata Kunci: Teknologi Informasi, Inventaris, Website, PHP, CodeIgniter
vii ABSTRACT
Design Web-Based Inventory Application Using CodeIgniter Framework At Polytechnic Darussalam
M Rifqi Hanif (2021:111 Pages)
This final report aims to design a web-based inventory application at the Darussalam Polytechnic. Web-based inventory applications can assist in managing inventory data that were previously deemed less effective and efficient because they were still carried out by recording in the general ledger.
In making this web-based inventory application, HTML builder language is used, CSS is used for styling, and several programming languages such as JavaScript and PHP are assisted using the CodeIgniter framework. While MySQL is used for the database management system (DBMS).
The results of this study are a web-based inventory application that can be accessed at two levels, namely admin and leader. At the admin level, they have access rights in managing inventory data and printing inventory data reports, while at the leader level they can only view and search for inventory data.
Keywords: Information Technology, Inventory, Website, PHP, CodeIgniter
viii
KATA PENGANTAR
Segala Puji syukur Penulis haturkan kehadirat Allah SWT, atas segala rahmat dan karunia-Nya sehingga penulis dapat menyelesaikan penyusunan Laporan Akhir judul “RANCANG BANGUN APLIKASI INVENTARIS BARANG BERBASIS WEB MENGGUNAKAN FRAMEWORK
CODEIGNITER PADA POLITEKNIK DARUSSALAM”. Shalawat dan
salam selalu tercurah kepada Rasulullah SAW, keluarganya, sahabatnya dan para pengikutnya hingga akhir zaman.
Laporan akhir ini disusun dalam rangka melengkapi persyaratan kurikulum untuk menyelesaikan Pendidikan Diploma DIII Teknik Komputer di Politeknik Negeri Sriwijaya Palembang.
Dalam menyelesaikan laporan akhir ini penulis telah berusaha semaksimal mungkin untuk dapat memberikan yang terbaik, akan tetapi penulis menyadari sepenuhnya bahwa masih banyak kekurangan dalam penulisan laporan akhir ini.
Hal ini terjadi karena keterbatasan kemampuan dan pengetahuan yang penulis miliki. Namun berkat bimbingan, petunjuk dan nasihat dari semua pihak, baik secara langsung maupun tidak langsung sehingga laporan akhir ini dapat terselesaikan. Oleh karena itu, penulis ingin menyampaikan ucapan terima kasih kepada:
1. Allah SWT dan Nabi Muhammad Saw yang telah memberikan berkah rahmat dan karunia-Nya.
2. Orang tua yang telah memberikan materi, dorongan dan semangat serta doa dan ridho.
3. Bapak Dr. Ing. Ahmad Taqwa, M.T. selaku Direktur Politeknik Negeri Sriwijaya.
4. Bapak Azwardi, S.T., M.T. selaku Ketua Jurusan Teknik Komputer Politeknik Negeri Sriwijaya.
5. Ibu Ervi Cofriyanti, S.Si., M.T.I dan Bapak Mustaziri S.T., M.Kom selaku pembimbing laporan akhir ini.
ix
6. Bapak dan Ibu Dosen Jurusan Teknik Komputer Politeknik Negeri Sriwijaya.
7. Bapak Bambang selaku staff pengurus di Politeknik Darussalam yang telah membantu penulis dalam pengambilan data.
8. Teman-teman Jurusan Teknik Komputer Angkatan 2018 yang selalu memotivasi sehingga penulis dapat menyelesaikan penulisan laporan akhir ini.
9. Juga kepada teman-teman khususnya kelas 6 CA yang selalu membantu dan memotivasi penulis dalam pengerjaan laporan akhir ini.
10. Semua pihak yang telah membantu penulis dalam menyelesaikan laporan akhir ini yang tidak dapat disebutkan satu-persatu.
11. Last but not least, I wanna thank me, I wanna thank me for believing in me, I wanna thank me for doing all this hard work, I wanna thank me for having no days off, I wanna thank me for never quitting, for just being me at all times.
Penulis menyadari bahwa kesempurnaan hanya milik Allah SWT, tentunya laporan akhir ini sangat jauh dari sempurna. Untuk segala kritik dan saran yang bersifat membangun akan penulis terima dengan kerendahan hati.
Akhir kata penulis ucapkan semoga kita semua senantiasa mendapatkan limpahan rahmat dan hidayah-Nya, sehingga Laporan Akhir ini dapat bermanfaat bagi kita semua.
Palembang, 23 Juli 2021
(M Rifqi Hanif)
x DAFTAR ISI
COVER ... i
LEMBAR PENGESAHAN ... ii
LEMBAR PENGUJIAN ... iii
SURAT PERNYATAAN BEBAS PLAGIARISME ... iv
MOTTO DAN PERSEMBAHAN ... v
ABSTRAK ... vi
ABSTRACT ... vii
KATA PENGANTAR ... viii
DAFTAR ISI ... x
DAFTAR GAMBAR ... xiii
DAFTAR TABEL... xvii
BAB I PENDAHULUAN ... 1
1.1. Latar Belakang ... 1
1.2. Perumusan Masalah ... 2
1.3. Batasan Masalah... 2
1.4. Tujuan ... 3
1.5. Manfaat ... 3
BAB II TINJAUAN PUSTAKA ... 4
2.1. Penelitian Terdahulu ... 4
2.2. Teori Umum ... 6
2.2.1. Aplikasi ... 6
2.2.2. Inventaris ... 6
2.2.3. Website ... 7
2.2.4. Database ... 7
2.3 Teori Khusus ... 8
2.3.1. Entity Relationship Diagram (ERD) ... 8
2.3.2. Use case Diagram ... 10
2.3.3. Class Diagram ... 11
2.3.4. Activity Diagram ... 12
xi
2.3.5. Sequence Diagram ... 13
2.4 Teori Program ... 15
2.4.1. HyperText Markup Language (HTML) ... 15
2.4.2. Cascading Style Sheets (CSS) ... 16
2.4.3. JavaScript (JS) ... 16
2.4.4. JQuery ... 17
2.4.5. Perl Hypertext Preprocessor (PHP) ... 17
2.4.6. MySQL ... 18
2.4.7. XAMPP ... 18
2.4.8. PHPMyAdmin ... 19
2.4.9. Visual Studio Code ... 20
2.4.10. Framework ... 21
2.4.11. Bootstrap ... 21
2.4.12. CodeIgniter ... 21
2.4.13. CPanel ... 23
BAB III RANCANG BANGUN ... 24
3.1. Perancangan ... 24
3.2. Tahapan Pembuatan Sistem ... 24
3.3. Diagram Blok ... 26
3.4. Use Case Diagram ... 27
3.5. Activity Diagram ... 30
3.5.1. Activity Diagram Admin... 30
3.5.2. Activity Diagram Pimpinan ... 41
3.6. Sequence Diagram ... 45
3.6.1. Sequence Diagram Admin ... 45
3.6.2. Sequence Diagram Pimpinan ... 56
3.7. Class Diagram ... 60
3.8. Entity Relationship Diagram ... 61
3.9. Rancangan Database ... 61
3.10. Desain Tampilan Antarmuka ... 64
xii
BAB IV HASIL DAN PEMBAHASAN... 72
4.1. Hasil Database ... 72
4.2. Hasil Relasi Antar Tabel ... 74
4.4. Hasil Tampilan Antarmuka ... 76
4.5. Pengujian Aplikasi ... 89
4.5.1. Skenario Pengujian... 89
4.5.2. Kasus dan Hasil Pengujian ... 91
4.5.3. Analisis Hasil Pengujian ... 107
BAB V KESIMPULAN DAN SARAN ... 108
5.1. Kesimpulan ... 108
5.2. Saran ... 108
DAFTAR PUSTAKA ... 109
LAMPIRAN ... 112
xiii
DAFTAR GAMBAR
Gambar 1. 1 Wawancara dan Observasi yang Dilakukan ... 2
Gambar 2. 1 Tampilan XAMPP Control Panel ... 19
Gambar 2. 2 Tampilan Dashboard PHPMyAdmin ... 20
Gambar 2. 3 Tampilan Visual Studio Code ... 20
Gambar 2. 4 Konsep Aliran M-V-C ... 22
Gambar 2. 5 Tampilan Antarmuka CPanel ... 23
Gambar 3. 1 Tahapan Pembuatan Sistem ... 25
Gambar 3. 2 Diagram Blok ... 26
Gambar 3. 3 Use Case Diagram ... 27
Gambar 3. 4 Activity Diagram Admin Melakukan Login ... 30
Gambar 3. 5 Activity Diagram Admin Mengubah Profile ... 31
Gambar 3. 6 Activity Diagram Admin Mengubah Password ... 32
Gambar 3. 7 Activity Diagram Admin Menambahkan Data Admin ... 33
Gambar 3. 8 Activity Diagram Admin Mengubah Data Admin ... 34
Gambar 3. 9 Activity Diagram Admin Menghapus Data Admin ... 35
Gambar 3. 10 Activity Diagram Admin Menambahkan Data Jenis dan Penggunaan ... 35
Gambar 3. 11 Activity Diagram Admin Mengubah Data Jenis dan Penggunaan . 36 Gambar 3. 12 Activity Diagram Admin Menghapus Data Jenis dan Penggunaan 37 Gambar 3. 13 Activity Diagram Admin Menambahkan Data Barang Masuk dan Keluar ... 37
Gambar 3. 14 Activity Diagram Admin Mengubah Data Barang Masuk dan Keluar ... 38
Gambar 3. 15 Activity Diagram Admin Menghapus Data Barang Masuk dan Keluar ... 39
Gambar 3. 16 Activity Diagram Admin Mencari Data Barang Masuk dan Keluar ... 39
Gambar 3. 17 Activity Diagram Admin Mencetak Laporan Barang Masuk dan Keluar ... 40
xiv
Gambar 3. 18 Activity Diagram Pimpinan Melakukan Login ... 41
Gambar 3. 19 Activity Diagram Pimpinan Mengubah Profile ... 42
Gambar 3. 20 Activity Diagram Pimpinan Mengubah Password ... 43
Gambar 3. 21 Activity Diagram Pimpinan Melihat Data Barang Masuk dan Keluar ... 44
Gambar 3. 22 Activity Diagram Pimpinan Mencari Data Barang Masuk dan Keluar ... 44
Gambar 3. 23 Sequence Diagram Admin Melakukan Login ... 45
Gambar 3. 24 Sequence Diagram Admin Mengubah Profile ... 46
Gambar 3. 25 Sequence Diagram Admin Mengubah Password ... 47
Gambar 3. 26 Sequence Diagram Admin Menambahkan Data Admin ... 47
Gambar 3. 27 Sequence Diagram Admin Mengubah Data Admin ... 48
Gambar 3. 28 Sequence Diagram Admin Menghapus Data Admin ... 49
Gambar 3. 29 Sequence Diagram Admin Menambahkan Data Jenis dan Penggunaan ... 49
Gambar 3. 30 Sequence Diagram Admin Mengubah Data Jenis dan Penggunaan50 Gambar 3. 31 Sequence Diagram Admin Menghapus Data Jenis dan Penggunaan ... 51
Gambar 3. 32 Sequence Diagram Admin Menambahkan Data Barang Masuk dan Keluar ... 52
Gambar 3. 33 Sequence Diagram Admin Mengubah Data Barang Masuk dan Keluar ... 53
Gambar 3. 34 Sequence Diagram Admin Menghapus Data Barang Masuk dan Keluar ... 54
Gambar 3. 35 Sequence Diagram Admin Mencari Data Barang Masuk dan Keluar ... 54
Gambar 3. 36 Sequence Diagram Admin Mencetak Laporan Barang Masuk dan Keluar ... 55
Gambar 3. 37 Sequence Diagram Pimpinan Melakukan Login ... 56
Gambar 3. 38 Sequence Diagram Pimpinan Mengubah Profile ... 57
Gambar 3. 39 Sequence Diagram Pimpinan Mengubah Password ... 58
xv
Gambar 3. 40 Sequence Diagram Pimpinan Melihat Data Barang Masuk dan
Keluar ... 58
Gambar 3. 41 Sequence Diagram Pimpinan Mencari Data Barang Masuk dan Keluar ... 59
Gambar 3. 42 Class Diagram ... 60
Gambar 3. 43 Entity Relationship Diagram ... 61
Gambar 3. 44 Desain Halaman login ... 64
Gambar 3. 45 Desain Halaman Lupa Password ... 64
Gambar 3. 46 Desain Halaman Reset Password ... 65
Gambar 3. 47 Desain Halaman Aktivasi Akun ... 65
Gambar 3. 48 Desain Halaman Dashboard ... 66
Gambar 3. 49 Desain Halaman Ubah Profile ... 66
Gambar 3. 50 Desain Halaman Ubah Password ... 67
Gambar 3. 51 Desain Halaman Data Admin ... 67
Gambar 3. 52 Desain Halaman Data Jenis ... 68
Gambar 3. 53 Desain Halaman Data Penggunaan ... 68
Gambar 3. 54 Desain Halaman Data Barang Masuk ... 69
Gambar 3. 55 Desain Halaman Data Barang Keluar ... 69
Gambar 3. 56 Desain Halaman Laporan Barang Masuk... 70
Gambar 3. 57 Desain Halaman Laporan Barang Keluar ... 70
Gambar 3. 58 Desain Halaman Backup dan Restore ... 71
Gambar 4. 1 Tabel Admin ... 72
Gambar 4. 2 Tabel Jenis ... 72
Gambar 4. 3 Tabel Penggunaan ... 73
Gambar 4. 4 Tabel Barang Masuk ... 73
Gambar 4. 5 Tabel Barang Keluar ... 74
Gambar 4. 6 Relasi Antar Tabel ... 74
Gambar 4. 7 Struktur Navigasi... 75
Gambar 4. 8 Halaman Login ... 76
Gambar 4. 9 Halaman Lupa Password ... 77
Gambar 4. 10 Pesan Reset Password ... 77
xvi
Gambar 4. 11 Halaman Aktivasi Akun ... 78
Gambar 4. 12 Pesan Aktivasi Akun ... 78
Gambar 4. 13 Halaman Reset Password ... 79
Gambar 4. 14 Halaman Dashboard ... 79
Gambar 4. 15 Halaman Ubah Profile ... 80
Gambar 4. 16 Halaman Ubah Password ... 80
Gambar 4. 17 Halaman Data Admin ... 81
Gambar 4. 18 Halaman Data Jenis ... 82
Gambar 4. 19 Halaman Data Penggunaan ... 82
Gambar 4. 20 Halaman Data Barang Masuk ... 83
Gambar 4. 21 Halaman Data Barang Keluar ... 84
Gambar 4. 22 Halaman Data Laporan Barang Masuk ... 85
Gambar 4. 23 Laporan Data Barang Masuk dalam Format PDF ... 85
Gambar 4. 24 Laporan Data Barang Masuk dalam Format Excel ... 86
Gambar 4. 25 Halaman Print Laporan Data Barang Masuk ... 86
Gambar 4. 26 Halaman Data Laporan Barang Keluar ... 87
Gambar 4. 27 Laporan Data Barang Keluar dalam Format PDF ... 87
Gambar 4. 28 Laporan Data Barang Keluar dalam Format Excel ... 88
Gambar 4. 29 Halaman Print Laporan Data Barang Keluar ... 88
Gambar 4. 30 Halaman Backup dan Restore ... 89
xvii
DAFTAR TABEL
Tabel 2. 1 Simbol-Simbol Entity Relationship Diagram... 8
Tabel 2. 2 Simbol-Simbol Kardinalitas ... 9
Tabel 2. 3 Simbol-Simbol Use case Diagram ... 10
Tabel 2. 4 Simbol-Simbol Class Diagram ... 11
Tabel 2. 5 Simbol-Simbol Activity Diagram ... 12
Tabel 2. 6 Simbol-Simbol Sequence Diagram ... 13
Tabel 3. 1 Definisi Aktor ... 28
Tabel 3. 2 Glosarium Use Case ... 28
Tabel 3. 3 Tabel Admin ... 62
Tabel 3. 4 Tabel Jenis ... 63
Tabel 3. 5 Tabel Penggunaan ... 63
Tabel 3. 6 Tabel Barang Masuk ... 63
Tabel 3. 7 Tabel Barang Keluar ... 63
Tabel 4. 1 Skenario Pengujian ... 89
Tabel 4. 2 Pengujian Halaman Login ... 91
Tabel 4. 3 Pengujian Halaman Lupa Password ... 92
Tabel 4. 4 Pengujian Halaman Reset Password ... 92
Tabel 4. 5 Pengujian Halaman Aktivasi ... 93
Tabel 4. 6 Pengujian Halaman Dashboard ... 93
Tabel 4. 7 Pengujian Halaman Profile ... 94
Tabel 4. 8 Pengujian Halaman Ubah Password... 94
Tabel 4. 9 Pengujian Halaman Data Admin ... 95
Tabel 4. 10 Pengujian Halaman Data Jenis ... 97
Tabel 4. 11 Pengujian Halaman Data Penggunaan ... 99
Tabel 4. 12 Pengujian Halaman Data Barang Masuk... 101
Tabel 4. 13 Pengujian Halaman Data Barang Keluar... 103
Tabel 4. 14 Pengujian Halaman Laporan Barang Masuk ... 104
Tabel 4. 15 Pengujian Halaman Laporan Barang Keluar ... 105
Tabel 4. 16 Pengujian Halaman Backup dan Restore ... 106
xviii
Tabel 4. 17 Pengujian Melakukan Logout ... 106
