Modem : Jurnal Informatika dan Sains Teknologi Volume.
Nomor.
2 April 2026 E-ISSN .
: 3046-7209.
P-ISSN .
: 3046-7217.
Hal.
DOI: https://doi.
org/10.
62951/modem.
Tersedia: https://journal.
id/index.
php/Modem Implementasi Sistem Informasi Pengelolaan Surat Jalan dan Invoice Menggunakan Framework CodeIgniter Beny Rahman Hakim Teknik Informatika.
Politeknik Hasnur.
Indonesia *Penulis Korespondensi: benyrh@gmail.
Abstract.
The development of information technology has become a primary pillar in enhancing corporate operational efficiency, where rapid and accurate data integration significantly determines business Case study in PT Gawi Anjung Bersama (GAB) revealed that the company is facing operational constraints because the management of delivery orders and invoices still relies on conventional office applications such as Microsoft Excel and Word.
This procedure causes hurdles in data sharing among staff and results in low information security due to the absence of integrated access control settings.
This research aims to design and develop the Gawi Anjung Bersama Information System (SIGAB), a web-based system implementing the CodeIgniter framework.
The system is developed using Waterfall model, encompassing stages from analysis, design, and implementation to testing.
The research flow starts with problem identification, primary and secondary data collection, and functional and non-functional requirements analysis.
The system is designed using Unified Modeling Language (UML) modeling, specifically Use Case and Class Diagrams, as well as Entity Relationship Diagrams (ERD) for the database.
The system interface is designed as wireframes on Figma web.
This system separates access rights into three main actors namely owner, administrator, and staff, to ensure data Blackbox testing results, conducted after the system was hosted, indicate that all functional features operate as intended.
The implementation of SIGAB is expected to optimize the management of delivery orders and invoices at PT GAB.
Keywords: CodeIgniter.
Delivery Order.
ERD.
Invoice.
SIGAB.
Abstrak.
Perkembangan teknologi informasi telah menjadi pilar utama dalam meningkatkan efisiensi operasional perusahaan, dimana integrasi data yang cepat dan akurat sangat menentukan daya saing bisnis.
Studi kasus pada PT Gawi Anjung Bersama (GAB) menunjukkan bahwa perusahaan menghadapi kendala operasional sebab pengelolaan surat jalan dan invoice .
masih mengandalkan aplikasi perkantoran konvensional seperti Microsoft Excel dan Word.
Prosedur ini menyebabkan hambatan dalam berbagi data antar pegawai, serta rendahnya keamanan informasi akibat ketiadaan pengaturan hak akses yang terintegrasi.
Penelitian ini bertujuan untuk melakukan rancang bangun Sistem Informasi Gawi Anjung Bersama (SIGAB) berbasis web menerapkan framework CodeIgniter.
Metode penelitian yang digunakan adalah model Waterfall yang mencakup tahap analisis, desain, implementasi, hingga pengujian.
Alur penelitian dimulai dari identifikasi masalah, pengumpulan data primer dan sekunder, hingga analisis kebutuhan fungsional dan non-fungsional.
Sistem didesain menggunakan pemodelan Unified Modeling Language (UML), meliputi use case dan class diagram, serta Entity Relationship Diagram (ERD) untuk perancangan basis data.
Antarmuka sistem didesain dalam bentuk wireframe dengan aplikasi Figma web.
Sistem ini membagi hak akses ke dalam tiga aktor utama, yaitu owner .
, administrator, dan staf untuk menjamin keamanan data.
Hasil pengujian blackbox, setelah sistem di-hosting, menunjukkan bahwa seluruh fitur fungsional dapat berjalan sebagaimana mestinya.
Implementasi SIGAB diharapkan mampu mengoptimalkan pengelolaan surat jalan dan invoce pada PT GAB.
Kata kunci: CodeIgniter.
ERD.
Faktur.
SIGAB.
Surat Perintah Pengiriman.
LATAR BELAKANG
Teknologi informasi kini tidak lagi sekadar menjadi pendukung, melainkan instrumen fundamental yang menentukan reliabilitas operasional perusahaan di berbagai sektor industri.
Integrasi data yang presisi dan distribusi informasi yang cepat menjadi parameter krusial dalam menjaga stabilitas rantai pasok dan daya saing bisnis (Pratama & Hartono, 2.
Namun nyatanya, banyak entitas bisnis menengah yang masih terjebak dalam pola manajemen Naskah Masuk: 20 Februari 2026.
Revisi: 21 Maret 2026.
Diterima: 22 April 2026.
Terbit: 24 April 2026 Implementasi Sistem Informasi Pengelolaan Surat Jalan dan Invoice Menggunakan Framework CodeIgniter administratif konvensional.
PT GAB (Gawi Anjung Bersam.
merupakan salah satu perusahaan yang bergerak di bidang distribusi produk berskala besar, yang telah membangun reputasi melalui kerja sama strategis dengan perusahaan ternama, serta menangani berbagai permintaan pasar.
Sebagai distributor yang melayani klien dengan standar operasional tinggi, pengelolaan dokumen transaksi seperti surat jalan dan invoice .
menjadi jantung dari proses bisnis perusahaan.
Pada manajemen administrasi di PT Gawi Anjung Bersama ditemukan permasalahan yakni ketergantungan tinggi terhadap penggunaan perangkat lunak perkantoran umum seperti Microsoft Excel dan Word dalam mengelola data transaksi harian.
Berdasarkan hasil observasi dan wawancara yang dilakukan penulis bersama owner, administrator, dan staf operasional, teridentifikasi bahwa prosedur kerja ini menimbulkan inefisiensi yang signifikan.
Dokumen yang dibuat secara manual sering kali menyebabkan duplikasi data, risiko kesalahan pengetikan .
uman erro.
, serta kesulitan dalam melakukan pencarian data historis.
Selain itu, prosedur pengiriman file yang harus dilakukan secara manual antar staf memicu hambatan komunikasi dan memperlambat alur kerja (Mulyani, 2.
Masalah keamanan dan integritas data juga ditemukan, sebab file-file tersebut dapat diakses atau diubah oleh siapapun tanpa adanya pembatasan hak akses.
Penelitian ini bertujuan untuk melakukan rancang dan bangun sistem informasi berbasis web sebagai solusi dalam mengatasi kendala tersebut.
Sistem Informasi Gawi Anjung Bersama (SIGAB) dirancang untuk optimalisasi pengelolaan surat jalan dan invoice, sekaligus menyediakan manajemen hak akses terkendali guna menjamin akuntabilitas setiap pengguna.
SIGAB dikembangkan menggunakan framework .
erangka kerj.
CodeIgniter versi 3 (CI.
sebagai komponen backend-nya.
CI3 digunakan sebab karakteristiknya yang small footprint atau sangat ringan, sehingga tidak membebani sumber daya server perusahaan.
Selain itu.
CI3 menggunakan paradigma Model-View-Controller (MVC) yang efisien dalam memisahkan logika bisnis dengan tampilan antarmuka (Siddique & Ali, 2.
Hal ini bermanfaat agar memudahkan pemeliharaan .
kode dan pengembangan fitur di masa mendatang.
Dukungan dokumentasi yang stabil dan keamanan bawaan terhadap serangan Cross-Site Request Forgery (CSRF) dan SQL Injection menjadikan CodeIgniter 3 sebagai pilihan yang rasional dan handal untuk kebutuhan operasional PT Gawi Anjung Bersama yang menuntut stabilitas tinggi.
Metode yang digunakan dalam penelitian ini adalah Waterfall, yaitu pendekatan sekuensial yang sistematis untuk memastikan setiap tahapan pengembangan sistem terdokumentasi dengan baik (Pressman & Maxim, 2.
Alur penelitian dimulai dari MODEM - VOLUME.
NOMOR.
2 APRIL 2026
E-ISSN .
: 3046-7209.
P-ISSN .
: 3046-7217.
Hal.
identifikasi masalah melalui observasi langsung di lapangan.
Selanjutnya, dilakukan pengumpulan data primer melalui wawancara bersama owner .
emilik usah.
hingga staf, serta data sekunder melalui studi pustaka.
Tahap analisis mencakup pendefinisian kebutuhan fungsional dan kebutuhan non-fungsional.
Pada desain sistem, digunakan pemodelan Unified Modeling Language (UML) yang mencakup use case diagram untuk mendefinisikan interaksi aktor dalam sistem, serta class diagram untuk struktur sistem (Fowler, 2.
Database sistem dirancang dengan Entity Relationship Diagram (ERD) agar relasi antar tabel data surat jalan dan invoice tetap konsisten.
Adapun antarmuka sistem didesain menggunakan wireframe pada Figma web guna mempermudah pembuatan tampilan sistem dengan bahasa HTML.
CSS dan Javascript.
Tahap akhir adalah implementasi kode program dan pengujian menggunakan metode blackbox testing untuk memastikan setiap fitur sistem berjalan sesuai kebutuhan Hasil dari penelitian ini diharapkan mampu meningkatkan kinerja operasional perusahaan agar SIGAB tidak hanya menjadi solusi teknis, tetapi juga motor penggerak bagi PT Gawi Anjung Bersama dalam meningkatkan profesionalisme pelayanan terhadap mitramitra strategisnya.
KAJIAN TEORITIS
Dalam memetakan kebaruan dan posisi riset ini, penulis merujuk pada beberapa studi terkait yang telah dilakukan sebelumnya.
Pertama, penelitian oleh (Saputra, 2.
mengembangkan sistem administrasi gudang yang membuktikan bahwa digitalisasi dokumen dapat mereduksi waktu pencarian data hingga 70%.
Kedua, studi yang dilakukan (Rahmawati, 2.
mengenai sistem penagihan berbasis web menunjukkan bahwa penerapan framework mempercepat proses rekonsiliasi keuangan perusahaan distribusi.
Ketiga, penelitian oleh (Kurniawan, 2.
mengimplementasikan model Waterfall pada sistem manajemen surat jalan, namun fokusnya terbatas pada pelacakan logistik tanpa integrasi invoice.
Keempat, penelitian (Arisandi, 2.
menyoroti pentingnya kontrol akses berbasis peran (Role-Based Access Contro.
pada sistem informasi perusahaan untuk mencegah kebocoran data.
Kelima, penelitian (Hidayat, 2.
menggunakan PHP murni untuk sistem administrasi, namun menyarankan penggunaan framework untuk keamanan yang lebih baik.
Berdasarkan tinjauan pustaka yang telah dilakukan, diketahui bahwa sebagian besar sistem yang ada hanya berfokus pada salah satu aspek .
ogistik saja atau keuangan saj.
dan jarang yang mengintegrasikan alur spesifik antara surat jalan dengan penerbitan invoice secara otomatis dalam satu pintu akses sesuai kebutuhan distributor produk.
SIGAB hadir untuk mengisi celah tersebut dengan mengintegrasikan kedua dokumen krusial tersebut dalam satu Implementasi Sistem Informasi Pengelolaan Surat Jalan dan Invoice Menggunakan Framework CodeIgniter ekosistem web yang memiliki pembagian peran spesifik untuk owner, administrator dan staf, sehingga aliran data menjadi linear juga tervalidasi.
METODE PENELITIAN
Metode Waterfall Pengembangan sistem informasi SIGAB dilakukan melalui alur kerja Software Development Life Cycle (SDLC), yaitu proses standar yang digunakan oleh organisasi untuk membangun, memelihara, dan mengganti suatu sistem informasi guna meningkatkan kualitas perangkat lunak (Pressman & Maxim, 2.
Salah satu metode klasik yang sangat populer dalam ekosistem SDLC adalah model Waterfall.
Metode ini merupakan pendekatan sekuensial linier dimana setiap fase harus diselesaikan sepenuhnya sebelum melangkah ke fase berikutnya, sehingga memastikan dokumentasi dan struktur proyek yang sangat disiplin (Dhika et al.
, 2.
Pada penelitian ini, tahapan Waterfall dibatasi mulai dari tahap analisis kebutuhan .
hingga tahap pengujian sistem .
ystem testin.
saja, tanpa mencakup tahap pemeliharaan .
Pembatasan ini dilakukan karena fokus utama riset adalah pada validasi rancang bangun dan fungsionalitas sistem informasi di lingkungan operasional PT Gawi Anjung Bersama.
Gambar 1 mengilustrasikan pemodelan Waterfall (Sommerville.
Gambar 1.
Tahapan metode Waterfall menurut Sommerville.
Tahapan metode Waterfall dapat bervariasi, tergantung sumber rujukan yang digunakan.
Setiap versinya memiliki kekurangan dan kelebihan.
Penelitian ini memilih versi Sommerville karena tahapannya yang mudah diikuti.
Adapun uraian tentang Waterfall menurut Soumerville adalah sebagai berikut:
Requirements Definition (Penentuan Kebutuha.
Sering pula disebut requirements analysis and definition .
efinisi/penentuan dan analisis kebutuha.
atau tahap analisis.
Pada fase ini, seluruh layanan, batasan, dan tujuan sistem ditetapkan melalui konsultasi dengan pengguna sistem, yang kemudian didefinisikan secara MODEM - VOLUME.
NOMOR.
2 APRIL 2026
E-ISSN .
: 3046-7209.
P-ISSN .
: 3046-7217.
Hal.
rinci untuk berfungsi sebagai spesifikasi sistem (Sirajuddin & Souwakil, 2.
Proses ini merupakan langkah krusial untuk memastikan bahwa pengembang memahami sepenuhnya permasalahan bisnis yang dihadapi oleh PT GAB sebelum solusi teknis dirancang (Fachrizal & Ismail, 2.
System and Software Design (Desain Sistem dan Perangkat Luna.
Biasa dikenal dengan sebutan tahap desain.
Proses ini melibatkan identifikasi dan deskripsi abstraksi sistem mendasar, seperti pemodelan UML (Unified Modelling Languag.
, relasi database, antarmuka sistem, serta hubungannya satu sama lain (Rosa & Shalahuddin.
Implementation and Unit Testing (Implementasi dan Pengujian Uni.
Lebih populer dengan istilah proses implementasi.
Pada tahap ini, desain perangkat lunak direalisasikan sebagai satu set program atau unit program melalui proses pengkodean (Sirajuddin & Souwakil, 2.
Integration and System Testing (Integrasi dan Pengujian Siste.
Unit program atau program individu diintegrasikan dan diuji sebagai sistem yang lengkap untuk memastikan bahwa persyaratan perangkat lunak telah dipenuhi.
Setelah pengujian sistem selesai dan dinyatakan valid melalui metode blackbox, perangkat lunak siap di-hosting dan digunakan oleh pihak PT GAB (Rosa & Shalahuddin, 2.
Operation and Maintenance (Operasi dan Pengelolaa.
Tahap ini merupakan fase terlama dalam siklus hidup di mana sistem dipasang dan digunakan secara praktis oleh pengguna.
Pemeliharaan melibatkan koreksi kesalahan yang tidak ditemukan pada tahap awal, meningkatkan implementasi unit sistem, dan memperluas layanan sistem seiring munculnya persyaratan baru (Sirajuddin & Souwakil, 2.
Pengumpulan Data Tahapan pengumpulan data dalam penelitian ini dilakukan secara sistematis untuk memperoleh informasi yang akurat dan relevan dengan kebutuhan sistem pada PT Gawi Anjung Bersama.
Peneliti mengategorikan sumber data ke dalam dua jenis utama, yaitu data primer yang diperoleh langsung dari lapangan dan data sekunder yang berasal dari referensi pendukung yang telah ada sebelumnya.
Data primer dikumpulkan melalui teknik observasi dan wawancara mendalam untuk memahami proses bisnis pengelolaan surat jalan dan invoice saat ini.
Observasi dilakukan dengan mengamati secara langsung bagaimana staf administrasi mengelola dokumen menggunakan perangkat lunak konvensional, sementara wawancara dilakukan dengan pihak Implementasi Sistem Informasi Pengelolaan Surat Jalan dan Invoice Menggunakan Framework CodeIgniter owner dan administrator untuk mengidentifikasi kendala operasional serta kebutuhan fungsional sistem SIGAB yang akan dikembangkan.
Selain data lapangan, peneliti juga menghimpun data sekunder melalui studi pustaka untuk memperkuat landasan teoretis penelitian.
Proses ini melibatkan penelaahan berbagai literatur, seperti buku teks mengenai rekayasa perangkat lunak, jurnal ilmiah terkait framework CodeIgniter, serta dokumen internal perusahaan yang berkaitan dengan format standar surat jalan dan invoice.
HASIL DAN PEMBAHASAN
Bagian ini membahas tentang penerapan metode Waterfall versi Sommerville dalam proses rancang bagun web SIGAB berbasis framework CodeIgniter.
Tahapan dimulai dari analisis .
equirements definitio.
, desain .
ystem and doftware desig.
, implementasi .
mplementation and unit testin.
, dan pengujian .
ntegration and system testin.
Analisis Analisis dalam penelitian ini menggunakan pendekatan kebutuhan fungsional .
unctional requirement.
dan non-fungsional .
on-functional requirement.
guna mendefinisikan apa yang harus dilakukan sistem beserta batasannya.
Kebutuhan Fungsional Sistem Kebutuhan fungsional merupakan pernyataan layanan yang harus disediakan oleh sistem, mencakup bagaimana sistem harus bereaksi terhadap input tertentu serta bagaimana sistem berperilaku pada situasi yang spesifik (Sirajuddin & Souwakil, 2.
Fungsi utama dari analisis ini adalah untuk mendefinisikan secara rinci seluruh prosedur kerja, fitur, dan kapabilitas teknis yang wajib dimiliki oleh perangkat lunak guna memenuhi ekspektasi pengguna (Pressman & Maxim, 2.
Dalam penelitian ini, analisis kebutuhan fungsional menjadi sangat krusial untuk memastikan bahwa transisi dari pengelolaan manual berbasis Excel ke sistem informasi dapat mengakomodasi seluruh alur kerja surat jalan dan invoice secara akurat.
Penentuan kebutuhan ini didasarkan pada hasil studi pustaka, observasi dan wawancara bersama owner serta staf PT GAB.
Tabel 1 berikut menunjukkan hasil analisis kebutuhan fungsional SIGAB.
MODEM - VOLUME.
NOMOR.
2 APRIL 2026
E-ISSN .
: 3046-7209.
P-ISSN .
: 3046-7217.
Hal.
Tabel 1.
Analisis Kebutuhan Fungsional Sistem.
Aktor Sistem Owner Administrator Staf Mampu memproses login sebagai owner.
Mampu mengubah profil dan katasandi.
Mampu mengelola data administrator dan staf, seperti tambah, edit, hapus beserta mengatur hak aksesnya.
Mampu menampilkan halaman beranda yang memuat data jumlah RfQ (Request for Quotatio.
PO (Purchase Orde.
, invoice, surat jalan dan pengguna, serta pendapatan tahun berjalan.
Mampu mengelola data RfQ, seperti tambah data secara manual, edit, hapus, impor .
data via file Excel, cetak dan expor data ke format Excel.
Mampu mengubah, ekspor dan cetak data PO.
Mampu menampilkan, menerbitkan, edit, cetak dan unduh .
esuai format perusahaa.
, serta hapus data surat jalan.
Mampu menampilkan, menerbitkan, edit, cetak dan unduh .
esuai format perusahaa.
, serta hapus data invoice.
Mampu mengubah profil usaha.
Mampu memantau aktivitas seluruh pegawai .
dministrator dan sta.
yang melakukan tambah, edit, dan hapus data (RfQ.
PO, surat jalan, serta invoic.
melalui halaman Activity Log.
Mampu menghapus seluruh data Activity Log.
Mampu memproses login sebagai administrator.
Mampu mengubah profil dan katasandi.
Mampu mengelola data staf .
ecuali owne.
, seperti tambah, edit, hapus dan mengatur hak akses pengguna.
Mampu menampilkan halaman beranda yang memuat data jumlah RfQ (Request for Quotatio.
PO (Purchase Orde.
, invoice, surat jalan dan pengguna, serta pendapatan tahun berjalan.
Mampu mengelola data RfQ, seperti tambah data secara manual, edit, hapus, impor .
data via file Excel, cetak dan expor data ke format Excel.
Mampu mengubah, ekspor dan cetak data PO.
Mampu menampilkan, menerbitkan, edit, cetak dan unduh .
esuai format perusahaa.
, serta hapus data surat jalan.
Mampu menampilkan, menerbitkan, edit, cetak dan unduh .
esuai format perusahaa.
, serta hapus data invoice.
Mampu mengubah profil usaha.
Mampu memantau aktivitas administrator dan staf .
ecuali owne.
yang melakukan tambah, edit, dan hapus data (RfQ.
PO, surat jalan, serta invoic.
melalui halaman Activity Log.
Mampu menghapus seluruh data Activity Log.
Mampu memproses login sebagai staf.
Mampu mengubah profil dan katasandi.
Mampu menampilkan halaman beranda yang memuat data jumlah RfQ (Request for Quotatio.
PO (Purchase Orde.
, invoice, surat jalan dan pengguna, serta pendapatan tahun berjalan.
Mampu mengelola data RfQ sesuai hak akses, seperti tambah data secara manual, edit, hapus, impor .
data via file Excel, cetak dan expor data ke format Excel.
Mampu mengubah, ekspor dan cetak data PO sesuai hak akses.
Mampu menampilkan, menerbitkan, edit, cetak dan unduh .
esuai format perusahaa.
, serta hapus data surat jalan sesuai hak akses.
Mampu menampilkan, menerbitkan, edit, cetak dan unduh .
esuai format perusahaa.
, serta hapus data invoice sesuai hak akses.
Mampu memantau aktivitasnya saat melakukan tambah, edit, dan hapus data (RfQ.
PO, surat jalan, serta invoic.
melalui halaman Activity Log.
Hak akses dalam SIGAB terbagi menjadi 4, yaitu lihat halaman, tambah, edit dan hapus Aturan tersebut berlaku untuk halaman-halaman tertentu yakni halaman Penawaran Implementasi Sistem Informasi Pengelolaan Surat Jalan dan Invoice Menggunakan Framework CodeIgniter (RfQ).
Purchase Order (PO).
Surat Jalan, dan Invoice.
Pengaturan ini penting agar data yang diolah pada SIGAB dapat dipertanggungjawabkan di lingkup perusahaan.
Kebutuhan Non-Fungsional Sistem Kebutuhan non-fungsional adalah batasan pada layanan atau fungsi yang ditawarkan oleh sistem, yang mencakup aspek-aspek seperti kendala waktu, standar operasional, hingga persyaratan teknis terkait perangkat keras dan perangkat lunak (Sirajuddin & Souwakil, 2.
Tabel 2 memperlihatkan hasil analisis kebutuhan non-fungsional sistem.
Tabel 2.
Analisis Kebutuhan Non-fungsional Sistem.
Aktor Sistem Keamanan (Securit.
Mampu menerima atau menolak akses pengguna, serta menampilkan fitur-fitur sistem informasi sesuai hak akses.
Mampu diakses 24/7 jam melalui jaringan internet.
Mampu mencatat log aktivitas setiap pengguna yang melakukan penambahan, perubahan dan penghapusan data pada halamanhalaman tertentu.
Ketersediaan (Availabilit.
Akuntabilitas (Accountabilit.
Desain Pada tahap ini, hasil analisis kebutuhan fungsional dan non-fungsional diterjemahkan menjadi desain sistem.
Proses ini bertujuan agar meminimalisir kesalahan dan mempermudah tahap implementasi sistem.
Desain yang digunakan dalam penelitian ini mencakup pemodelan UML .
se case dan class diagra.
ERD dan wireframe dari sistem yang akan dibangun.
Use Case Diagram Diagram kasus penggunaan .
se case diagra.
adalah model grafis yang berfungsi untuk menggambarkan interaksi antara aktor dengan serangkaian kegiatan utama yang disediakan oleh sistem (Sirajuddin & Souwakil, 2.
Diagram ini menggunakan beberapa simbol standar seperti actor .
untuk mewakili entitas luar, use case .
asus penggunaa.
untuk mewakili fungsi sistem, serta association .
untuk menunjukkan hubungan di antara keduanya (Rosa & Shalahuddin, 2.
Gambar 2 berikut memperlihatkan use case diagram dari SIGAB.
Gambar 2.
Use case diagram sistem.
MODEM - VOLUME.
NOMOR.
2 APRIL 2026
E-ISSN .
: 3046-7209.
P-ISSN .
: 3046-7217.
Hal.
Class Diagram Disebut juga diagram kelas, merupakan model statis yang berfungsi untuk menggambarkan struktur sistem dengan merinci kelas-kelas yang ada, atribut, metode .
ethod/functio.
, serta hubungan antar objek dalam perangkat lunak (Booch et al.
, 2.
Diagram ini menggunakan simbol-simbol standar seperti kotak kelas yang terbagi menjadi tiga bagian .
ama, atribut, dan metho.
serta garis association atau multiplicity .
untuk menunjukkan relasi antar kelas (Rosa & Shalahuddin, 2.
Gambar 3 berikut menunjukkan class diagram dari SIGAB.
Gambar 3.
Class diagram sistem.
Entity Relationship Diagram (ERD) Entity Relationship Diagram .
iagram hubungan entita.
adalah model konseptual yang berfungsi untuk menggambarkan struktur logis serta hubungan antar data dalam sebuah basis data relasional (Elmasri & Navathe, 2.
Dengan adanya ERD, developer dapat memastikan bahwa integritas data tetap terjaga dan struktur tabel yang dibangun telah memenuhi kaidah normalisasi guna menghindari redundansi data (Raditya Putra, 2.
ERD untuk SIGAB dapat dilihat pada Gambar 4 berikut.
Gambar 4.
Desain ERD sistem.
Implementasi Sistem Informasi Pengelolaan Surat Jalan dan Invoice Menggunakan Framework CodeIgniter Wireframe Wireframe .
erangka dasa.
merupakan skema visual dua dimensi yang berfungsi untuk merepresentasikan struktur halaman, tata letak konten, serta fitur antarmuka .
sistem sebelum implementasi visual dilakukan (Garrett, 2.
Dalam penelitian ini, wireframe digunakan untuk memetakan alur interaksi pengguna pada sistem SIGAB secara presisi guna memastikan setiap fitur, seperti manajemen surat jalan dan invoice, memiliki tata letak yang rapih dan mudah dioperasikan oleh pengguna (Lazuardi & Hasibuan, 2.
Terdapat banyak antarmuka dari sistem yang dibangun, namun dalam penelitian ini dibatasi pada desain-desain wireframe pokok saja, seperti surat jalan, invoice, dan seterusnya.
Desain Halaman Penawaran (RfQ) Halaman RfQ berguna untuk menambahkan data barang yang akan disuplai oleh Data dari halaman ini nantinya menjadi induk untuk halaman-halaman lain dalam pengelolaan surat jalan dan invoice.
Desain halaman RfQ dapat dilihat pada Gambar 5 berikut.
Gambar 5.
Desain halaman Penawaran (RfQ).
Desain Purchase Order (PO) Barang-barang suplai yang diinput melalui halaman RfQ harus memperoleh kode PO, yang menandakan pesanan sudah difiksasi oleh pelanggan.
Data lain yang juga ditambahkan pengguna SIGAB pada halaman ini yakni status suplai dan tanggal PO.
Gambar 6 berikut mengilustrasikan desain halaman PO.
Gambar 6.
Desain halaman Purchase Order (PO).
MODEM - VOLUME.
NOMOR.
2 APRIL 2026
E-ISSN .
: 3046-7209.
P-ISSN .
: 3046-7217.
Hal.
Desain Surat Jalan Setelah mendapat kode PO, barang-barang kemudian didistribusikan ke pembeli melalui prosedur internal PT GAB.
Prosedur tersebut memerlukan surat jalan agar dapat dilaksanakan.
Halam ini berguna untuk menerbitkan surart yang dimaksud.
Adapun desain halaman Surat Jalan dapat dilihat pada Gambar 7 berikut.
Gambar 7.
Desain halaman Surat Jalan.
Desain Invoice Selain surat jalan, pihak perusahaan juga akan menerbitkan invoice .
urat tagiha.
saat distribusi dilakukan.
Halaman ini berguna untuk membuat surat tersebut.
Gambar 8 berikut menampilkan desain dari halaman invoice.
Gambar 8.
Desain halaman Invoice.
Implementasi Pada tahap ini, hasil analisis dan desain sistem direalisasikan menjadi sebuah web berbasis framework CodeIgniter.
Adapun yang diimplementasikan yakni database dan halaman-halaman dari web SIGAB.
Implementasi Database Tahap ini merupakan realisasi dari rancangan ERD ke dalam sistem manajemen basis data MySQL.
Di tahap ini, seluruh entitas, atribut, dan relasi yang telah direncanakan dikonversi ke dalam bentuk tabel-tabel fisik untuk menyimpan data operasional perusahaan secara terstruktur.
Gambar 9 berikut memperlihatkan hasil implementasi database SIGAB.
Implementasi Sistem Informasi Pengelolaan Surat Jalan dan Invoice Menggunakan Framework CodeIgniter Gambar 9.
Hasil implementasi database SIGAB.
Implementasi Sistem Setelah database sistem dibangun, maka implementasi sistem dapat dilaksanakan sebagai pusat pengelolaan data SIGAB agar surat jalan, invoce juga data-data lainnya bisa diproses.
Adapun halaman-halaman yang dibangun pada tahap ini diuraikan sebagai berikut.
Halaman Penawaran (RfQ) Pada halaman ini, pengguna dapat menambahkan barang yang akan disuplai yakni dengan memasukkan kode RfQ, perusahaan pembeli, nama barang, kuantitas, status dan catatan.
Input barang manual ini dapat dilakukan satu atau lebih produk.
Selain itu, pengguna dapat pula menambahkan barang dengan cara impor data melalui file Excel sehingga lebih praktis untuk jumlah data yang besar.
Tampilan halaman ini dapat dilihat pada Gambar 10 berikut.
Gambar 10.
Implementasi halaman Penawaran (RfQ).
Halaman Purchase Order (PO) Hanya barang yang sudah memiliki kode PO yang dapat diterbitkan surat jalan dan invoice-nya.
Halaman ini berguna untuk menambahkan kode tersebut beserta kelengkapan data lainnya.
Halaman ini dapat diamati pada Gambar 11 berikut.
MODEM - VOLUME.
NOMOR.
2 APRIL 2026
E-ISSN .
: 3046-7209.
P-ISSN .
: 3046-7217.
Hal.
Gambar 11.
Implementasi halaman Purchase Order (PO).
Halaman Surat Jalan Saat penerbitan surat jalan, pengguna perlu memasukkan data-data berupa kode PO, kode invoice, nama barang, nomor dan tanggal distribusi, serta alamat kirim.
Gambar 12 berikut menampilkan halaman tersebut.
Gambar 12.
Implementasi halaman Surat Jalan.
Halaman Invoice Pada halaman invoice, pengguna menerbitkan surat ini dengan menambahkan datadata berupa kode PO, nama barang, tanggal.
Pajak Pertambahan Nilai (PP.
, grand total, alamat kirim dan alamat tagihan.
Halaman ini dapat dilihat pada Gambar 13 Gambar 13.
Implementasi halaman Invoice.
Implementasi Sistem Informasi Pengelolaan Surat Jalan dan Invoice Menggunakan Framework CodeIgniter Halaman Kelola Pengguna Owner dan administrator dapat mengatur hak akses web melalui halaman ini.
Setiap pengguna dapat diatur untuk hanya bisa mengakses halaman dan fitur tertentu saja.
Dengan pengaturan ini.
SIGAB akan menyesuaikan fungsi-fungsinya bagi pengguna yang login.
Gambar 14 berikut adalah tampilan halaman ini.
Gambar 14.
Implementasi halaman Kelola Pengguna.
Pengujian Tahap pengujian merupakan fase krusial untuk memvalidasi bahwa seluruh fitur dan fungsi dalam SIGAB telah berjalan sebagaimana spesifikasi kebutuhan yang telah ditetapkan.
Menggunakan metode blackbox testing, pengujian ini dilakukan dengan menjalankan semua fungsionalitas sistem yang sebelumnya telah di-hosting.
Tabel 3 berikut menunjukkan hasil pengujian yang dilakukan.
Tabel 3.
Hasil pengujian SIGAB dengan metode Blackbox.
No.
Fungsi yang Diuji Skenario Pengujian Hasil yang Diharapkan Login Ubah Profil Sistem memvalidasi akun dan dashboard sesuai hak akses.
Profil dan kata sandi berhasil diperbarui dalam basis data.
Valid Memasukkan email dan password untuk owner, administrator, dan Mengubah data profil dan memperbarui kata sandi akun.
Kelola Pengguna Akses Beranda Kelola RfQ Kelola PO Melakukan perubahan .
, cetak, dan ekspor data PO.
Data pengguna terbaru dan hak akses berfungsi sesuai batasan Grafik dan angka statistik tampil secara akurat sesuai data yang Data RfQ tersimpan, terhapus.
Excel diunduh/diunggah.
Data PO berhasil diperbarui dan dokumen cetak sesuai format.
Valid Menambah, menghapus, dan mengatur hak akses .
dmininistrator dan sta.
Menampilkan data jumlah RfQ.
PO, pengguna, dan pendapatan.
Input data manual, impor Excel, edit, hapus, dan ekspor ke Excel.
Kelola Surat Jalan Menerbitkan, edit, hapus, cetak, dan unduh dokumen surat jalan.
Dokumen surat jalan berhasil dibuat dan diunduh dalam format resmi perusahaan.
Valid MODEM - VOLUME.
NOMOR.
2 APRIL 2026
Hasil Pengujian Valid Valid Valid Valid E-ISSN .
: 3046-7209.
P-ISSN .
: 3046-7217.
Hal.
Kelola Invoice Menerbitkan, edit, hapus, cetak, dan unduh dokumen invoice.
Profil Usaha Mengubah informasi identitas .
wner/admi.
Activity Log Memantau riwayat tambah, edit, dan hapus data yang dilakukan Dokumen invoice berhasil dibuat secara otomatis dan siap Informasi perusahaan pada format surat dan sistem berhasil Sistem mencatat setiap aksi pengguna di tabel log.
Valid
Valid
Valid
KESIMPULAN DAN SARAN
Berdasarkan hasil dan pembahasan penelitian, dapat disimpulkan bahwa SIGAB berhasil menjawab permasalahan pengelolaan surat jalan dan invoice yang ada di PT Gawi Anjung Bersama.
Perpindahan dari aplikasi konvensional berbasis Microsoft Excel dan Word menjadi sistem informasi berbasis CodeIgniter terbukti mampu menyelesaikan kendala duplikasi data, risiko human error, serta hambatan komunikasi antar staf khususnya dalam berbagi data surat jalan dan invoice.
Penggunaan arsitektur Model-View-Controller (MVC) menghasilkan sistem yang ringan, stabil, dan mudah dikelola.
Dari sisi keamanan, penerapan hak akses yang terbagi menjadi aktor owner, administrator, dan staf telah berhasil menjamin integritas data sesuai dengan tanggung jawab masing-masing pengguna.
Hasil pengujian blackbox testing menunjukkan bahwa seluruh fitur fungsional sistem dapat berjalan sesuai kebutuhan.
Meskipun demikian, penelitian ini masih memiliki keterbatasan yakni belum adanya fitur pemantauan posisi armada secara real-time .
aktu nyat.
, juga integrasi sistem pembayaran Oleh karena itu, penelitian selanjutnya disarankan untuk mengembangkan modul pelacakan logistik berbasis Global Positioning System (GPS) serta mengintegrasikan payment gateway .
erbang pembayara.
untuk mempercepat rekonsiliasi pembayaran.
Di sisi lain, pengembangan aplikasi ke arah platform mobile berbasis android maupun iOS juga direkomendasikan agar aksesibilitas data bagi pengemudi dan manajemen dapat dilakukan dengan lebih fleksibel di luar kantor.
DAFTAR REFERENSI
Arisandi.
Keamanan data berbasis role access pada web perusahaan.
Jurnal Sains Dan Informatika, 12.
, 88-96.
Booch.
Rumbaugh.
, & Jacobson.
The Unified Modeling Language user guide .
nd ed.
Addison-Wesley.
Dhika.
Dessy.
, & Putra.
Penerapan metode waterfall pada sistem informasi penjualan berbasis web.
Jurnal Teknologi Dan Sistem Informasi, 3.
, 1-8.
https://doi.
org/10.
54259/satesi.
Elmasri.
, & Navathe.
Fundamentals of database systems .
th ed.
Pearson.
Implementasi Sistem Informasi Pengelolaan Surat Jalan dan Invoice Menggunakan Framework CodeIgniter Fachrizal.
, & Ismail.
Implementasi model waterfall pada rancang bangun sistem informasi administrasi.
Jurnal Informatika Dan Teknologi, 6.
, 22-30.
Fowler.
UML distilled: A brief guide to the standard object modeling language .
rd Addison-Wesley.
Garrett.
The elements of user experience: User-centered design for the web and beyond .
nd ed.
New Riders.
Hidayat.
Komparasi framework MVC dalam pengembangan sistem administrasi.
Jurnal Tekno Komputer, 10.
, 33-41.
Kurniawan.
Implementasi metode waterfall dalam pengembangan sistem surat Jurnal Pengembangan Teknologi Informasi, 8.
, 55-64.
Lazuardi.
, & Hasibuan.
Penerapan user centered design dalam perancangan antarmuka sistem informasi.
Jurnal Informatika Dan Teknologi, 6.
, 45-53.
Mulyani.
Analisis dan perancangan sistem informasi manajemen perusahaan .
rd Abdi Sistematika.
Pratama, & Hartono.
Transformasi digital dan peran sistem informasi dalam skalabilitas bisnis modern.
Jurnal Sistem Informasi Dan Teknologi, 9.
, 45-52.
https://doi.
org/10.
54259/satesi.
Pressman.
, & Maxim.
Software engineering: A practitioner's approach .
th McGraw-Hill Education.
Raditya Putra.
Perancangan basis data relasional pada sistem informasi Jurnal Informatika Dan Rekayasa Perangkat Lunak, 3.
, 112-120.
Rahmawati.
Optimasi sistem penagihan menggunakan framework PHP pada sektor Jurnal Informatika Ekonomi, 11.
, 101-110.
Rosa.
, & Shalahuddin.
Rekayasa perangkat lunak terstruktur dan berorientasi Informatika.
Saputra.
Digitalisasi administrasi gudang pada perusahaan distribusi logistik.
Jurnal Riset Teknologi Informasi, 7.
, 12-20.
Siddique.
, & Ali.
Analisis performa framework PHP dalam pengembangan aplikasi web skala menengah.
Jurnal Sistem Komputer Dan Informatika, 5.
, 12-20.
Sirajuddin.
, & Souwakil.
Analisis dan perancangan sistem informasi pengolahan data penjualan berbasis web.
Jurnal Ilmiah ILKOMINFO: Ilmu Komputer & Informatika, 5.
, 34-42.
Sommerville.
Software engineering .
th ed.
Pearson Education.
MODEM - VOLUME.
NOMOR.
2 APRIL 2026