ii
LEMBAR PENGESAHAN
Disetujui
Diketahui
Ketua Program Studi
iii
KATA PENGANTAR
iv
3. Kedua orang tua serta saudara/i saya, yang telah mendukung penulis melalui
doa dan motivasi serta materi dalam melakukan kerja praktek.
4. Kepada teman-teman angkatan 2017 yang telah memberikan saran,
semangat, kritik, dan kerjasamanya.
5. Kepada teman-teman yolo gank yang telah mendukung, membantu,
menyemangati, meberikan dukungan selama mengerjakan laporan ini.
Pada penulisan laporan Kuliah Praktek ini penulis menyadari bahwa masih ada
kekurangan di dalamnya. Maka dari itu penulis Berharap adanya kritik dan saran
yamg membangun dari pembaca agar laporan Kuliah Praktek ini dapat berkembang
menjadi lebih baik lagi kedepannya. Mohon maaf penulis sampaikan jika terjadi
kesalahan kata pada laporan Kuliah Praktek ini. Sekian dan terima kasih
v
DAFTAR ISI
vi
DAFTAR GAMBAR
vii
DAFTAR TABEL
viii
DAFTAR LAMPIRAN
ix
I PENDAHULUAN
Dengan tujuan agar pembahasan laporan ini terfokus dan tidak melenceng
dari rumusan masalah yang ada, maka ditentukan batasan masalah adalah SI yang
di buat dapat memproses data inventory di Toko Ami It & Creative.
1.4 Tujuan
2
3. Mempermudah proses pengelolaan data inventory pada Toko Ami It &
Creative.
1.5 Manfaat
Waktu dalam masa kerja praktek dimulai dari tanggal 10 Januari 2022 hingga
berakhir pada tanggal 10 februari 2022 yang bertempat di Toko Ami It & Creative.
3
II KEADAAN UMUM
Toko Ami It & Creative merupakan Suatu pelaku usaha yang bergerak di
bidang It dan perlengkapan atk dan lain lain, Toko Ami It & Creative terletak di
kampung Sumber Boga Sp 7 Distrik Masni, lebih tepatnya di jalur 3 poros barat sp
7. Toko ini di dirikan pada tahun 2015 dan telah mengatasi persoalan pengetikan,
pencetakan, desain yang berada di distrik masni.
Toko Ami It & Creative sebagai pelaku usaha tempat melakukan Kerja
Praktek ini khusus menangani penjualan barang – barang dan perfoto copyan.
Namun masih perlu dilakukan pengembangan dalam pengelola datanya. Oleh
karena itu di perlukan system inventory barang untuk mengetahui stok barang dan
harga barang secara terkomputerisasi untuk memenuhi kebutuhan tersebut.
4
III TINJAUAN PUSTAKA
5
dipakai pada awal abad ke-21. Versi ini banyak dipakai disebabkan kemampuannya
untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan dan
stabilitas yang tinggi.
Pada Juni 2004, Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter
PHP mengalami perubahan besar. Versi ini juga memasukkan model pemrograman
berorientasi objek ke dalam PHP untuk menjawab perkembangan bahasa
pemrograman ke arah paradigma berorientasi objek. Peladen web bawaan
ditambahkan pada versi 5.4 untuk mempermudah pengembang menjalankan kode
PHP tanpa menginstal peladen perangkat lunak.
3.2 XAMPP
6
MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa
pemrograman PHP dan Perl.
Program ini tersedia dalam GNU General Public License dan bebas,
merupakan web server yang mudah untuk digunakan yang dapat menampilkan
halaman web yang dinamis. Untuk mendapatkanya XAMPP anda dapat
mendownload langsung dari web resminya. Dan berikut beberapa definisi program
lainnya yang terdapat dalam XAMPP.
7
macam kebutuhan. Perl ini bisa berjalan di dalam banyak sistem operasi
sehingga sangat fleksibel dan banyak digunakan.
3.3 Framework
3.4 Codeigniter
3.5 Bootstrap
8
Dengan adanya bootstrap tersebut tentu saja membuat halaman website bisa
menyesuaikan dengan ukuran monitor device. Baik jika di akses lewat ponsel, tablet
ataupun desktop. Awal mulanya, bootstrap sendiri bernama Twitter Blueprint. ini
dulunya diciptakan dan dikembangkan oleh Jacob Thornton dan Mark Otto yang
ada di Twitter untuk perangkat kerja yang bisa mendorong konsistensi pada alat
internalnya. Dengan memakai bootstrap tentu saja seorang developer bisa lebih
mudah dan cepat untuk membuat front end dalam sebuah website itu sendiri.
Visual Studio Code (VS Code) adalah sebuah teks editor ringan dan handal
yang dibuat oleh Microsoft untuk sistem operasi multiplatform, artinya tersedia
juga untuk versi Linux, Mac, dan Windows. Teks editor ini secara langsung
mendukung bahasa pemrograman JavaScript, Typescript, dan Node.js, serta bahasa
pemrograman lainnya dengan bantuan plugin yang dapat dipasang via marketplace
Visual Studio Code (seperti C++, C#, Python, Go, Java, dst). Banyak sekali fitur-
fitur yang disediakan oleh Visual Studio Code, diantaranya Intellisense, Git
Integration, Debugging, dan fitur ekstensi yang menambah kemampuan teks editor.
Fitur-fitur tersebut akan terus bertambah seiring dengan bertambahnya versi Visual
Studio Code. Pembaruan versi Visual Studio Code ini juga dilakukan berkala setiap
bulan, dan inilah yang membedakan VS Code dengan teks editor-teks editor yang
lain.
9
Gambar 3. 5 Logo Visual Studio Code
Ini termasuk dukungan untuk debugging, kontrol Git yang tertanam dan
GitHub, penyorotan sintaksis, penyelesaian kode cerdas, snippet, dan refactoring
kode. Ini sangat dapat disesuaikan, memungkinkan pengguna untuk mengubah
tema, pintasan keyboard, preferensi, dan menginstal ekstensi yang menambah
fungsionalitas tambahan. Kode sumbernya gratis dan open source dan dirilis di
bawah Lisensi MIT yang permisif. Binari yang dikompilasi adalah freeware dan
gratis untuk penggunaan pribadi atau komersial.
10
IV MATERI KERJA PRAKTEK
11
Gambar 4. 2 Website CI
12
Gambar 4. 3 Isi folder htdocs
Setelah folder dibuat, ubah nama folder tersebut dengan nama “invent” agar
mudah diakses di localhost. jika nama telah diubah, maka ketikkan
http://localhost/invent/ dan akan muncul tampilan seperti pada Gambar 4.4.
13
Tabel 4. 1 Kamus Data
TABEL BARANG
Nama Field Tipe Panjang Data Keterangan
Id_barang Integer 11 Primary Key
Kode_barang Varchar 10
Nama_barang Varchar 50
Harga Integer 11
Stok Integer 5
Id_jenis Integer 11
Id_merk Integer 11
TABEL BARANG_KELUAR
Nama Field Tipe Panjang Data Keterangan
Id_barang_keluar Integer 11 Primary Key
Kode_barang Varchar 20
Tgl_keluar Date
Jumlah Integer 100
TABEL BARANG_MASUK
Nama Field Tipe Panjang Data Keterangan
Id_barang_masuk Integer 11 Primary Key
Kode_barang Varchar 10
Jumlah Integer 3
harga Integer 10
TABEL DETAIL_TRANSAKSI
Nama Field Tipe Panjang Data Keterangan
Kode_transaksi Varchar 11
Kode_barang Varchar 10
qty Integer 5
TABEL JENIS_BARANG
14
Nama Field Tipe Panjang Data Keterangan
Id_jenis Integer 11 primary key
Jenis_barang Varchar 50
TABEL MERK_BARANG
Nama Field Tipe Panjang Data Keterangan
Id_merk Integer 11 primary key
Merk_barang Varchar 50
status integer 11
TABEL TRANSAKSI
Nama Field Tipe Panjang Data Keterangan
Id_transaksi Integer 11 Primary Key
Kode_transaksi Varchar 10
Tgl_transaksi date 3
Total_harga Integer 11
TABEL USERS
Nama Field Tipe Panjang Data Keterangan
Id_user Integer 11 Primary Key
Nama_user Varchar 100
Username Varchar 50
Password Varchar 50
Level Varchar 20
4.2.3 Konfigurasi CI
Dalam CI terdapat beberapa macam kelas (class) yang berbentuk library dan
helper. Keduanya berfungsi untuk membantu pemrogram (programmer) dalam
mengembangkan aplikasinya. Untuk mengatur library dan helper, buka
application/config/autoload.php pada Visual Studio Code dan atur menjadi seperti
Gambar 4.6.
15
Gambar 4. 6 Kelas Library dan Helper
16
dari tabel
barang_keluar
admin di
database. Dan
data barang
diambil dari tabel
barang di
database.
Data barang
masuk di ambil
dari tabel
Barang masuk barang_masuk di
Barang_masuk Barang_masuk_model
dan barang database Dan data
barang diambil
dari tabel barang
di data base.
Data barang di
ambil pada dari
Barang Barang_model Barang
tabel barang di
database
Berisi data jenis
barang di ambil
Jenis_barang Jenis_barang_model Jenis barang dari table Jenis
barang pada
database
Berisi data merk
barang di ambil
Merk_barang Merk_barang_model Merk barang dari table merk
barang pada
database
17
Berisi data buat
kode barang dan
No_urut No_urut Barang
data buat kode
penjualan
Berisi data admin,
Users Users_model Users manajer dan
petugas Gudang.
2. View
Aplikasi invent juga menggunakan enam buah view, yaitu barang,
barang_keluar, barang_masuk, jenis_barang, merk_barang dan Users, (Tabel 4.3).
Tabel 4. 3 Tabel View
View Nama View Keterangan
Barang_form.php berguna untuk
menunjukan halaman mengisi data
barang
Barang_list.php berguna untuk
Barang_form.php,
menunjukan halaman daftar barang dan
Barang Barang_list.php dan
update, delete barang.
Barang_read.php
Barang_read.php berguna untuk
menunjukan halaman untuk
menambahkan data
Barang_keluar_form
Barang_keluar_form.php berguna untuk
.php,
menunjukan halaman mengisi data
Barang_keluar_list.p
Barang_keluar barang_keluar
hp dan
Barang_keluar_list.php berguna untuk
Barang_keluar_read.
menunjukan halaman daftar
php
18
barang_keluar dan update, delete barang
keluar.
Barang_keluar_read.php berguna untuk
menunjukan halaman untuk
menambahkan data barang keluar
Barang_masuk_form.php berguna untuk
menunjukan halaman mengisi data
Barang_masuk_form
barang_masuk
.php,
Barang_masuk_list.php berguna untuk
Barang_masuk_list.p
Barang_masuk menunjukan halaman daftar barang
hp dan
masuk dan update, delete barang masuk.
Barang_masuk_read.
Barang_masuk_read.php berguna untuk
php
menunjukan halaman untuk
menambahkan data barang masuk
View Nama View Keterangan
Jenis_barang_form.php berguna untuk
menunjukan halaman mengisi Jenis
Jenis_barang_form.p
barang
hp,
Jenis_barang_list.php berguna untuk
Jenis_barang_list.php
Jenis_barang menunjukan halaman daftar jenis_barang
dan
dan update, delete jenis barang
Jenis_barang_read.ph
Jenis_Barang_read.php berguna untuk
p
menunjukan halaman untuk
menambahkan data jenis barang
Merk_barang_form.php berguna untuk
menunjukan halaman mengisi data merk
barang
Merk_barang
Merk_barang_list.php berguna untuk
Merk_barang_form.p
menunjukan halaman daftar merk barang
hp,
dan update, delete merk barang.
19
Menis_barang_list.ph Merk_barang_read.php berguna untuk
p dan menunjukan halaman untuk
Menis_barang_read.p menambahkan data merk barang
hp
Users_form.php berguna untuk
menunjukan halaman mengisi data Users
Users_list.php berguna untuk
Users_form.php, menunjukan halaman daftar Users dan
Users
Users_list.php dan update, delete Users.
Users_read.php Users_read.php berguna untuk
menunjukan halaman untuk
menambahkan Users
3. Controller
Aplikasi inventaris juga menggunakan tujuh buah controller, yaitu App,
barang_keluar, barang_masuk, barang, jenis_barang, Jenis_barang, Merk_barang
dan Users, (Tabel 4.4). Jika sudah selesai, buka browser dan jalankan controller
admin dengan mengunjungi url: http://localhost/invent/ maka akan muncul
tampilan seperti Gambar 4.8.
Tabel 4. 4 Tabel Controller
Controller Nama controller Keterangan
Berfungsi untuk mengkontrol data yang ada
pada login, setelah berhasil login akan
App App.php meload view di v_index.php lalu
mengambil data di menu_php. Dan akan
menampilkan tampilan home
Berfungsi untuk mengkontrol data barang
Barang_keluar Barang_keluar.php
yang keluar pada transaksi_barang keluar
Berfungsi untuk mengkontrol data barang
Barang_masuk Barang_masuk.php
yang masuk pada transaksi_barang masuk
20
Berfungsi untuk mengkontrol data yang ada
Barang Barang.php
barang
Berfungsi untuk mengkontrol data yang ada
Jenis_barang Jenis_barang.php
pada jenis barang
Berfungsi untuk mengkontrol data yang ada
Merk_barang Merk_barang.php
pada merk barang
Berfungsi untuk mengkontrol data yang ada
Users Users.php
pada Users
Setelah melakukan login, user akan diarahkan sesuai level user, halaman
akan langsung menuju halaman utama, yang berisi data manajemen user, data
barang, jenis merk, jenis barang, transaksi barang keluar, transaksi barang masuk,
21
dan data transaksi. tiap login berdasarkan level user akan ditampilkan tiap menu
yang berbeda.
Data barang adalah fasilitas yang diberikan untuk melihat data barang yang
tersedia, pada fasilitas ini yang dapat melakukan tambah barang, hapus barang,
update barang, hanyalah admin dan manajer.
22
Gambar 4. 12 Tampilan data barang
Tambah barang akan mengarahkan user ke form isian data barang yang akan
ditambahkan. Di dalam form tersebut berisi isian yang harus di isi seperti, kode
barang, nama barang, harga, jemis barang, merk barang, dan stok. Pada tampilan
tambah data barang ini mirip dengan ubah data barang
Jenis barang adalah fasilitas yang diberikan untuk melihat jenis barang yang
telah ditambahkan, pada fasilitas ini yang dapat melakukan tambah jenis barang,
hapus jenis barang dan update jenis barang, hanyalah admin dan manajer.
23
Tambah jenis barang akan mengarahkan user ke form isian data jenis barang
yang akan ditambahkan. Di dalam form tersebut berisi isian yang harus di isi seperti
jenis barang. Pada tampilan tambah jenis barang ini mirip dengan ubah jenis barang
Merk barang adalah fasilitas yang diberikan untuk melihat merk barang
yang telah ditambahkan, pada fasilitas ini yang dapat melakukan tambah merk
barang, hapus dan update, hanyalah admin dan manajer.
Tambah merk barang akan mengarahkan user ke form isian data merk
barang yang akan ditambahkan. Di dalam form tersebut berisi isian yang harus di
isi seperti merk barang. Pada tampilan tambah merk barang ini mirip dengan ubah
merk barang
24
Gambar 4. 17 Tampilan tambah merk barang
Data barang masuk adalah fasilitas yang diberikan untuk melihat data
barang masuk yang telah ditambahkan, pada fasilitas ini yang dapat melakukan
tambah kode barang, jumlah barang, dan harga, hanyalah, manajer dan petugas
gudang. Pada data barang masuk ini jika ditambahkan maka pada menu data barang
otomatis akan bertambah.
Tambah data barang masuk akan mengarahkan user ke form isian data
barang masuk yang akan ditambahkan. Di dalam form tersebut berisi isian yang
harus di isi seperti, kode barang, jumlah, harga. Pada tampilan tambah barang
masuk ini mirip dengan ubah barang masuk.
25
Gambar 4. 19 Tampilan tambah data barang masuk
Data barang keluar adalah fasilitas yang diberikan untuk melihat data
barang keluar yang telah dibuat, pada fasilitas ini yang dapat mengisi, kode barang,
tanggal keluar, dan jumlah hanyalah, manajer dan petugas gudang. Pada data
barang keluar ini jika dibuat maka pada menu data barang otomatis akan berkurang
datanya.
Tambah data barang keluar akan mengarahkan user ke form isian data
barang keluar yang akan ditambahkan. Di dalam form tersebut berisi isian yang
harus di isi seperti, kode barang, tanggal keluar dan jumlah. Pada tampilan tambah
barang keluar ini mirip dengan ubah barang keluar.
26
Gambar 4. 21 Tampilan tambah data barang keluar
Data transaksi adalah fasilitas yang diberikan untuk melihat data transaksi
pada pelanggan yang telah membeli sebuah barang.
27
Menu detail transaksi adalah menu form yang telah di isi pada tambah
transaksi.
Menu cetak ini adalah menu form yang telah di isi pada tambah transaksi,
ketika akan klik cetak otomatis akan mengarahkan ke halaman baru untuk mencetak
dengan menekan ctrl + p disitu akan ada pilihan untuk print atau save ke pdf.
Data user adalah fasilitas yang diberikan untuk melihat data user yang telah
di daftarkan oleh admin, pada fasilitas ini yang dapat melakukan tambah user, hapus
user, update user, hanyalah admin.
28
Gambar 4. 26 Tampilan data user
Tambah data user akan mengarahkan user ke form isian data user yang akan
ditambahkan. Di dalam form tersebut berisi seperti, nama, user, passwoard dan
level. Pada level ini akun akan didaftarkan pada tingkatan admin, manajer atau
petugas gudang. Pada tampilan tambah user ini mirip dengan ubah user.
29
V PENUTUP
5.1 Kesimpulan
Dari kerja praktek yang dilakukan, dapat di ambil kesimpulan antara lain:
1. Sistem inventary barang yang telah di buat ini dapat mempercepat dan
meningkatkan efektifitas pendataan yang masuk dan keluar di Toko Ami It
& Creative.
2. Penumpukan atau kekurangan persediaan barang - barang pada toko dapat
timbul karena kurangnya informasi mengenai persediaan barang secara real
time.
5.2 Saran
Dari kerja praktek yang dilakukan, dapat di ambil saran antara lain:
1. Pembangunan aplikasi sistem inventary berbasis web ini perlu dilakukan
dengan seiringnya teknologi yang terus berkembang
2. Melakukan pengendalian terhadap stok barang secara berkala yang telah
di sediakan oleh sistem, dengan tujuan untuk mengetahui keadaan stok
barang
3. Sebelum sistem di implementasikan pada pemilik toko, di perlukan
pelatihan bagi user untuk dapat menggunakan sistem dengan baik dan
mengbackup data terhadap sistem tersebut.
30
DAFTAR PUSTAKA
31