laporan praktik kerja lapangan - pnj

88
LAPORAN PRAKTIK KERJA LAPANGAN RANCANG BANGUN SISTEM INFORMASI INVENTORY BARANG PADA HALAMAN DATA DAN LAPORAN MENGGUNAKAN FRAMEWORK LARAVEL KALVIAN DI CAHYO 4817070802 PROGRAM STUDI TEKNIK INFORMATIKA JURUSAN TEKNIK INFORMATIKA DAN KOMPUTER DEPOK 2020

Upload: others

Post on 03-Oct-2021

15 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

LAPORAN

PRAKTIK KERJA LAPANGAN

RANCANG BANGUN SISTEM INFORMASI INVENTORY

BARANG PADA HALAMAN DATA DAN LAPORAN

MENGGUNAKAN FRAMEWORK LARAVEL

KALVIAN DI CAHYO

4817070802

PROGRAM STUDI TEKNIK INFORMATIKA

JURUSAN TEKNIK INFORMATIKA DAN KOMPUTER

DEPOK

2020

Page 2: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

i

Page 3: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

ii

KATA PENGANTAR

Puji Syukur saya panjatkan kepada Tuhan Yang Maha Esa, karena atas berkat dan

rahmat-Nya, penulis dapat menyelesaikan laporan Praktik Kerja Lapangan ini.

Penulisan laporan Praktik Kerja Lapangan ini dilakukan dalam rangka memenuhi

salah satu syarat untuk mencapai gelar Diploma Empat Politeknik. Penulis

menyadari bahwa, tanpa bantuan dan bimbingan dari berbagai pihak, dari masa

perkuliahan sampai pada penyusunan laporan Praktik Kerja Lapangan, sangatlah

sulit bagi penulis untuk menyelesaikan Laporan Praktik Kerja Lapangan ini. Oleh

karena itu, penulis mengucapkan terima kasih kepada :

a. Euis Oktavianti, S.Si., M.T.I., selaku dosen pembimbing yang telah

menyediakan waktu, tenaga, dan pikiran untuk mengarahkan penulis dalam

penyusunan laporan Praktik Kerja Lapangan ini;

b. Ririn Fatmasari Dewanti, S.Si., selaku pembimbing Praktik Kerja Lapangan

yang telah banyak membantu dalam usaha memperoleh data yang penulis

perlukan dan telah banyak membantu penulis selama belajar dan melaksanakan

Praktik Kerja Lapangan;

c. Orang tua dan keluarga penulis yang telah memberikan bantuan dukungan

moral dan material;

d. Sahabat yang telah banyak membantu penulis dalam menyelesaikan laporan

Praktik Kerja Lapangan ini.

Akhir kata, penulis berharap Tuhan Yang Maha Esa berkenan membalas segala

kebaikan semua pihak yang telah membantu. Semoga laporan Praktik Kerja

Lapangan ini membawa manfaat bagi pengembangan ilmu.

Bekasi, 10 November 2020

Kalvian Di Cahyo

Page 4: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

iii

DAFTAR ISI

HALAMAN PENGESAHAN ............................................................................. i

KATA PENGANTAR ........................................................................................ ii

DAFTAR ISI ..................................................................................................... iii

DAFTAR GAMBAR .......................................................................................... v

DAFTAR TABEL ........................................................................................... viii

BAB I PENDAHULUAN ................................................................................... 1

1.1 Latar Belakang Kegiatan ........................................................................ 1

1.2 Ruang Lingkup Kegiatan ........................................................................ 1

1.3 Waktu dan Tempat Pelaksanaan ............................................................. 1

1.4 Tujuan dan Kegunaan ............................................................................. 2

1.4.1 Tujuan .................................................................................................... 2

1.4.2 Kegunaan ............................................................................................... 2

BAB II TINJAUAN PUSTAKA ........................................................................ 4

2.1 Sistem Informasi Inventory .................................................................... 4

2.1.1 Sistem .................................................................................................... 4

2.1.2 Sistem Informasi .................................................................................... 4

2.1.3 Sistem Informasi Inventory .................................................................... 4

2.1.4 ISA (Information System Application) .................................................... 4

2.2 RAD (Rapid Application Development) .................................................. 5

2.2.1 Rencana Kebutuhan (Requirement Planning) ......................................... 5

2.2.2 Proses Desain Sistem (Design System) ................................................... 6

2.2.3 Implementasi (Implementation) ............................................................ 13

2.3 Definisi Menu dan Fitur ....................................................................... 14

2.4 Penelitian Sejenis ................................................................................. 14

BAB III HASIL PELAKSANAAN PKL ........................................................ 17

3.1 Unit Kerja PKL .................................................................................... 17

Page 5: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

iv

3.2 Uraian Praktik Kerja Lapangan ............................................................ 18

3.3 Pembahasan Hasil PKL ........................................................................ 18

3.3.1 Pengumpulan Kebutuhan Pengguna...................................................... 20

3.3.2 Perancangan Sistem.............................................................................. 20

3.3.3 Implementasi ........................................................................................ 36

3.3.4 Testing ................................................................................................. 55

3.3.5 Dokumentasi ........................................................................................ 57

3.3.6 Pemeliharaan ........................................................................................ 57

3.4 Identifikasi Kendala yang Dihadapi ...................................................... 57

3.4.1 Kendala Pelaksanaan Tugas ................................................................. 58

3.4.2 Cara Mengatasi Kendala ....................................................................... 58

BAB IV PENUTUP .......................................................................................... 59

4.1 Kesimpulan .......................................................................................... 59

4.2 Saran .................................................................................................... 59

DAFTAR PUSTAKA ....................................................................................... 60

Lampiran-lampiran ......................................................................................... 64

Page 6: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

v

DAFTAR GAMBAR

Gambar 2.1 Tahapan RAD (Rapid Application Development) .............................. 5

Gambar 2.2 Contoh Diagram Use Case Inventory Barang .................................... 7

Gambar 2.3 Contoh Diagram Activity Inventory Barang ....................................... 8

Gambar 2.4 Contoh Diagram Sequence Inventory Barang .................................... 9

Gambar 2.5 Logo PhpMyAdmin ......................................................................... 10

Gambar 2.6 Logo MySQL ................................................................................. 10

Gambar 2.7 Logo XAMPP ................................................................................. 11

Gambar 2.8 Logo PHP ....................................................................................... 11

Gambar 2.9 Logo Laravel .................................................................................. 12

Gambar 2.10 Logo JavaScript ............................................................................ 12

Gambar 2.11 Logo Bootstrap ............................................................................. 13

Gambar 3.1 Struktur Departemen IT Perusahaan PT. SKF Indonesia ................. 17

Gambar 3.2 Diagram Sequence Login ................................................................ 21

Gambar 3.3 Diagram Sequence Admin............................................................... 22

Gambar 3.4 Diagram Sequence Mengelola Data Brand ...................................... 23

Gambar 3.5 Diagram Sequence Mengelola Data Category ................................. 24

Gambar 3.6 Diagram Sequence Mengelola Data Operating System .................... 25

Gambar 3.7 Diagram Sequence Mengelola Data Processor ................................. 26

Gambar 3.8 Diagram Sequence Mengelola Data RAM ....................................... 27

Gambar 3.9 Diagram Sequence Mengelola Data HDD ....................................... 28

Gambar 3.10 Diagram Sequence Mengelola Data Optical Drive ......................... 29

Gambar 3.11 Diagram Sequence Mengelola Data Ethernet ................................. 30

Gambar 3.12 Diagram Sequence Mengelola Data Modem .................................. 31

Gambar 3.13 Diagram Sequence Mengelola Data Keyboard............................... 32

Gambar 3.14 Diagram Sequence Mengelola Data Mouse ................................... 33

Gambar 3.15 Diagram Sequence Mengelola Data Transaksi ............................... 34

Gambar 3.16 Diagram Sequence Mengelola Data Laporan ................................. 35

Gambar 3.17 Diagram Class Sistem ISA ............................................................ 36

Gambar 3.18 Tampilan Halaman Login .............................................................. 37

Gambar 3.19 Tampilan Halaman Homepage ...................................................... 38

Page 7: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

vi

Gambar 3.20 Tampilan Halaman Operating System ........................................... 38

Gambar 3.21 Tampilan Fitur Tambah Data Operating System ............................ 39

Gambar 3.22 Tampilan Fitur Read Pada Halaman Operating System ................. 39

Gambar 3.23 Tampilan Fitur Update Pada Halaman Operating System .............. 40

Gambar 3.24 Tampilan Halaman Processor ........................................................ 40

Gambar 3.25 Tampilan Fitur Tambah Data Processor ........................................ 41

Gambar 3.26 Tampilan Fitur Read Pada Halaman Processor .............................. 41

Gambar 3.27 Tampilan Fitur Update Pada Halaman Processor........................... 42

Gambar 3.28 Tampilan Halaman Optical Drive .................................................. 42

Gambar 3.29 Tampilan Fitur Tambah Data Optical Drive .................................. 43

Gambar 3.30 Tampilan Fitur Read Pada Halaman Optical Drive ........................ 43

Gambar 3.31 Tampilan Fitur Update Pada Halaman Optical Drive .................... 44

Gambar 3.32 Tampilan Halaman Ethernet .......................................................... 44

Gambar 3.33 Tampilan Fitur Tambah Data Ethernet .......................................... 45

Gambar 3.34 Tampilan Fitur Read Pada Halaman Ethernet ................................ 45

Gambar 3.35 Tampilan Fitur Update Pada Halaman Ethernet ............................ 46

Gambar 3.36 Tampilan Halaman Modem ........................................................... 46

Gambar 3.37 Tampilan Fitur Tambah Data Modem ........................................... 47

Gambar 3.38 Tampilan Fitur Read Pada Halaman Modem ................................. 47

Gambar 3.39 Tampilan Fitur Update Pada Halaman Modem.............................. 48

Gambar 3.40 Tampilan Halaman Keyboard ....................................................... 48

Gambar 3.41 Tampilan Tambah Data Pada Halaman Keyboard ......................... 49

Gambar 3.42 Tampilan Fitur Read Pada Halaman Keyboard .............................. 49

Gambar 3.43 Tampilan Fitur Update Pada Halaman Keyboard .......................... 50

Gambar 3.44 Tampilan Halaman Mouse ............................................................ 50

Gambar 3.45 Tampilan Tambah Data Pada Halaman Mouse .............................. 51

Gambar 3.46 Tampilan Fitur Read Pada Halaman Mouse .................................. 51

Gambar 3.47 Tampilan Fitur Update Pada Halaman Mouse ............................... 52

Gambar 3.48 Tampilan Halaman Transaksi ........................................................ 52

Gambar 3.49 Tampilan Tambah Data Pada Halaman Transaksi ......................... 53

Gambar 3.50 Tampilan Fitur Read Pada Halaman Transaksi .............................. 53

Gambar 3.51 Tampilan Fitur Update Pada Halaman Transaksi........................... 54

Page 8: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

vii

Gambar 3.52 Tampilan Halaman Laporan Komputer ......................................... 54

Gambar 3.53 Tampilan Logout .......................................................................... 55

Gambar 3.54 Tampilan Form Skenario UAT ...................................................... 56

Gambar 3.55 Hasil Testing UAT ........................................................................ 57

Page 9: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

viii

DAFTAR TABEL

Table 2.1 Penelitian Sejenis ............................................................................... 14

Page 10: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

1

BAB I

PENDAHULUAN

1.1 Latar Belakang Kegiatan

Departemen IT pada PT. SKF Indonesia mempunyai berbagai macam tugas salah

satunya yaitu mengelola sistem inventory perangkat komputer yang digunakan oleh

karyawan. ISA (Information System Application) merupakan suatu sistem yang

dikelola oleh admin IT di perusahaan tersebut untuk mengetahui karyawan-

karyawan yang menggunakan peralatan komputer. Sistem ISA sebelumnya yang

digunakan di perusahaan tersebut berbasis desktop (Dewanti, 2020).

Kekurangan dari sistem ISA (Information System Application) berbasis desktop ini

mengalami kehilangan source code yang akan berdampak pada pengembangan

sistem selanjutnya yang secara otomatis sistem tersebut mengalami kendala dalam

pengembangannya. Selain itu, sistem ISA sebelumnya masih menggunakan

aplikasi tambahan seperti crystal report untuk proses reporting data komputer

(Dewanti, 2020). Untuk mempermudah user dalam memproses reporting data maka

dibuatlah sistem ISA berbasis website pada halaman data komputer dan laporan

komputer yang dapat mendownload laporan berupa PDF dan Excel.

Kondisi yang ditinjau saat kegiatan Praktik Kerja Lapangan, sistem ISA tersebut

tidak dapat dikembangkan karena source code hilang. Oleh karena itu, kegiatan

PKL ini mengangkat topik Sistem Informasi Inventory Barang (SIIB) versi baru

dengan beberapa fitur yang dapat memudahkan admin dalam mengelola sistem ISA

seperti fitur CRUD (Create, Read, Update dan Delete) dan ada fitur Search yang

berfungsi untuk mencari data.

1.2 Ruang Lingkup Kegiatan

Dilihat dari latar belakang kegiatan diatas, maka dapat disimpulkan ruang lingkup

kegiatan selama Praktik Kerja Lapangan dalam pembuatan sistem ISA (Information

System Application) berbasis website:

Page 11: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

2

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

a. Halaman data komputer dan laporan komputer pada sistem ISA tersebut

berhasil dijalankan dengan baik serta fungsi dari setiap fiturnya dapat berfungsi

sebagaimana mestinya.

b. Halaman-halaman dan fitur yang dibuat antara lain halaman operating system,

processor, optical drive, ethernet, modem brand, keyboard, mouse, transaksi

dengan fitur Search serta CRUD (Create, Read, Update dan Delete) dan laporan

komputer dengan fitur export PDF serta Excel.

Selain itu, adapula tools-tools yang digunakan dalam proses pembuatan sistem ISA

seperti XAMPP versi 7.2.5, PhpMyAdmin versi 4.8.0, Composer versi 1.10.13,

Laravel versi 5.8 dan Visual Studio Code versi 1.51.1.

1.3 Waktu dan Tempat Pelaksanaan

Waktu dan tempat pelaksanaan Praktik Kerja Lapangan adalah sebagai berikut:

Nama Perusahaan : PT. SKF Indonesia

Alamat : Jl. Tipar - Inspeksi Cakung Drain, RT.1/RW.9, Cakung

Barat, Jakarta Timur

Waktu : 18 Agustus 2020 – 26 November 2020 secara WFO (Work

From Office) dari pukul 07.30 sampai 16.30 WIB

1.4 Tujuan dan Kegunaan

Adapula tujuan dan kegunaan dari adanya pelaksanaan Praktik Kerja Industri

seperti berikut ini:

1.4.1 Tujuan

Tujuan dari Praktik Kerja Lapangan di PT. SKF Indonesia pada departemen IT ini

adalah membuat sistem informasi inventory peralatan komputer berbasis website

dengan nama ISA (Information System Application) yang merupakan salah satu

aplikasi di perusahaan tersebut yang dikelola oleh admin IT.

1.4.2 Kegunaan

Ada beberapa kegunaan dari Praktik Kerja Lapangan di departemen IT ini seperti:

1) Sistem ISA berbasis website dapat memudahkan admin untuk login ke

dalam sistem ISA tersebut dengan memasukkan email dan password.

Page 12: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

3

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

2) Sistem ISA berbasis website dapat berfungsi untuk mengelola data peralatan

komputer yang dipakai oleh karyawan.

3) Sistem ISA berbasis website dapat berfungsi untuk melihat, menambah

data, mengedit dan menghapus data-data seperti di halaman operating

system, processor, optical drive, ethernet, modem brand, keyboard, mouse,

transaksi dan laporan komputer.

4) Sistem ISA berbasis website dapat memudahkan user saat proses reporting

data seperti yang ada di halaman Laporan Komputer sudah disediakan fitur

export PDF dan export Excel.

Page 13: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

4

BAB II

TINJAUAN PUSTAKA

2.1 Sistem Informasi Inventory

2.1.1 Sistem

Suatu sistem merupakan hubungan satu unit dengan unit-unit lainya yang saling

berkaitan satu dengan yang lain dan tidak bisa terpisahkan serta menuju suatu

kesatuan didalam rangkan tujuan yang telah ditetapkan (Anggraini and Oliver,

2019).

2.1.2 Sistem Informasi

Sebuah sistem yang terdiri dari beberapa bagian yang saling terkait dan beroperasi

untuk mencapai suatu tujuan, sasaran, atau maksud. Jadi sistem informasi dapat

didefinisikan sebagai suatu sistem yang dibuat manusia yang terdiri dari beberapa

komponen yang terkomputerisasi yang bertujuan mengumpulkan data, menyimpan

dan menghasilkan informasi (Syafarina, 2016).

2.1.3 Sistem Informasi Inventory

Sistem Inventory adalah sekumpulan kebijakan dan pengendalian, yang memonitor

tingkat inventory, dan menentukan tingkat mana yang harus dijaga, bila stok harus

diisi kembali dan berapa banyak yang harus dipesan (Asiz and Hadi Sirad, 2019).

Sistem informasi data inventori merupakan sistem yang berfungsi memonitoring

stok barang dari setiap komputer yang digunakan oleh setiap karyawan (Syafarina,

2016).

2.1.4 ISA (Information System Application)

ISA (Information System Application) merupakan suatu sistem inventory barang di

PT. SKF Indonesia yang berfungsi untuk mengelola data inventory barang berupa

peralatan komputer baik software maupun hardware yang digunakan oleh

karyawan perusahaan (Dewanti, 2020).

Page 14: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

5

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

2.2 RAD (Rapid Application Development)

Metodologi pengembangan sistem menggunakan pendekatan RAD (Rapid

Application Development) yang menekankan pada siklus pembangunan pendek,

singkat dan cepat. RAD menggunakan metode iterative (berulang) dalam

mengembangkan sistem dimana working model (model bekerja) sistem

dikonstruksikan di awal tahap pengembangan dengan tujuan menetapkan

kebutuhan (requirement) user dan selanjutnya disingkirkan. Working model

digunakan kadang-kadang saja sebagai basis desain dan implementasi sistem final

(Kurniadi and Mulyani, 2017). Gambar 2.1 merupakan tahapan RAD dimana RAD

itu memiliki tiga tahapan seperti berikut ini:

a. Rencana Kebutuhan (Requirement Planning)

b. Proses Desain Sistem (Design System)

c. Implementasi (Implementation)

Gambar 2.1 Tahapan RAD (Rapid Application Development)

(Sumber: Susilowati and Tirta Negara, 2018)

2.2.1 Rencana Kebutuhan (Requirement Planning)

Fase ini merupakan fase pertemuan antara penganalisis dan pengguna untuk

mengidentifikasikan tujuan dari sistem yang akan dibangun serta

mengidentifikasikan syarat-syarat informasi yang akan timbul untuk mencapai

tujuan tersebut serta menganalisa semua sistem yang dibutuhkan oleh pengguna

(Susilowati and Negara, 2018)

Page 15: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

6

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

2.2.2 Proses Desain Sistem (Design System)

Fase ini merancang semua kegiatan yang melibatkan identifikasi dan deskripsi

abstraksi sistem perangkat lunak secara keseluruhan yang bertujuan untuk

meningkatkan pemahaman atas masalah berdasarkan analisis yang dilakukan. Pada

fase ini aktifitas yang dilakukan digambarkan dengan deskripsi proses bisnis, model

struktural dan model perilaku, serta desain lapisan interaksi komputer manusia.

Hasil yang didapatkan berupa pemodelan, rancang database dan desain antar muka

(Putri and Effendi, 2018).

A. UML (Unified Modeling Language)

UML (Unified Modeling Language) adalah bahasa pemodelan untuk sistem atau

perangkat lunak yang berparadigma berorientasi objek. Tujuan Penggunaan UML

adalah:

1) Memberikan bahasa pemodelan yang bebas dari berbagai Bahasa

pemrograman dan proses rekayasa.

2) Menyatukan praktek-praktek terbaik yang terdapat dalam pemodelan.

3) Memberikan model yang siap pakai, bahsa pemodelan visual yang ekspresif

untuk mengembangkan dan saling menukar model dengan mudah dan

dimengerti secara umum.

UML bisa juga berfungsi sebagai sebuah (blue print) cetak biru karena sangat

lengkap dan detail. Dengan cetak biru ini maka akan bisa diketahui informasi secara

detail tentang koding program atau bahkan membaca program dan

menginterpretasikan kembali ke dalam bentuk diagram (reserve enginering) (Wati

and Kusumo, 2016). Jenis-jenis diagram dalam UML yang dapat digunakan

diantaranya:

a. Use Case Diagram

Diagram use case adalah rangkaian atau uraian sekelompok yang saling terkait dan

membentuk sistem secara teratur yang dilakukan atau diawasi oleh sebuah aktor

(Haryati, Apriliah and Subekti, 2019). Gambar 2.2 merupakan contoh diagram use

case pada sistem informasi inventory.

Page 16: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

7

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 2.2 Contoh Diagram Use Case Inventory Barang

(Sumber: Fatmawati and Munajat, 2018)

b. Class Diagram

Class diagram merupakan diagram yang sering dijumpai pada pemodelan berbasis

UML. Class diagram digunakan untuk menunjukan interaksi antar class di dalam

sistem (Mur, Lia and Hafiz, 2019).

c. Activity Diagram

Diagram aktivitas atau activity diagram menggambarkan workflow (aliran kerja)

atau aktivitas dari sebuah sistem atau proses bisnis atau menu yang ada pada

perangkat lunak. Activity Diagram menggambarkan aktivitas system bukan apa

yang dilakukan aktor, jadi aktivitas yang dapat dilakukan oleh system (Fridayanthie

and Mahdiati, 2016). Gambar 2.3 merupakan contoh diagram use case pada sistem

informasi inventory.

Page 17: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

8

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 2.3 Contoh Diagram Activity Inventory Barang

(Sumber: Ayu and Permatas, 2018)

d. Diagram Sequence

Sequence diagram menggambarkan kelakuan objek pada use case dengan

mendeskripsikan waktu hidup objek dan message yang dikirimkan dan diterima

antar objek (Aprianti and Maliha, 2016). Sequence diagram (diagram urutan)

adalah suatu diagram yang menggambarkan interaksi antar Activity Diagram dan

mengidentifikasikan komunikasi diantara objek. Diagram ini menunjukkan

serangkaian pesan yang dipertukarkan oleh objek-objek yang melakukan suatu

tugas atau aksi tertentu (Muludi, Hijriani and Zhia, 2015).

Page 18: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

9

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 2.4 Contoh Diagram Sequence Inventory Barang

(Sumber: Urva et al., 2015)

B. Basis Data

Basis data (database) merupakan kumpulan dari data yang saling berhubungan satu

dengan yang lainnya, tersimpan di perangkat keras komputer dan digunakan

perangkat lunak untuk memanipulasi. Database merupakan salah satu komponen

yang penting dalam menyediakan informasi bagi para pemakai. Penerapan database

dalam sistem informasi disebut dengan database system, yaitu suatu sistem

informasi yang mengintegrasi kumpulan dari data yang saling berhubungan satu

dengan yang lainnya dan membuat tersedia untuk beberapa aplikasi yang

bermacam-macam di dalam suatu organisasi (Ramadhani, Suryadi and Irmayani,

2019).

C. PhpMyAdmin

PhpMyAdmin adalah aplikasi web yang dibuat oleh PhpMyAdmin.net.

PhpMyAdmin digunakan untuk administrasi database MySQL. Program ini

digunakan untuk mengakses database MySQL. Perintah untuk membuat tabel dapat

menggunakan form yang sudah tersedia pada PhpMyAdmin atau dapat langsung

menuliskan script pada menu SQL. PhpMyAdmin dijalankan dengan cara mengetik

http://localhost/PhpMyAdmin pada web browser (Rahmawati and Rachmat, 2018).

Page 19: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

10

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 2.5 Logo PhpMyAdmin

(Sumber: Ramadhan and Mukhaiyar, 2020)

D. MySQL

MySQL merupakan software RDBMS yang dapat mengelola database dengan

sangat cepat, dapat menampung data dalam jumlah sangat besar, dapat diakses oleh

banyak user (multi-user), dan dapat melakukan suatu proses secara sinkron atau

berbarengan (multi-treaded) (Nofyat, Ibrahim and Ambarita, 2018).

MySQL sebenarnya merupakan turunan salah satu konsep utama dalam database

sejak lama, yaitu SQL (Structured Query Language). SQL adalah sebuah konsep

pengoperasian database, terutama untuk pemilihan atau seleksi dan pemasukan

data, yang memungkinkan pengoperasian data dikerjakan dengan mudah secara

otomatis. Keandalan suatu sistem database (DBMS) dapat diketahui dari cara kerja

optimizernya dalam melakukan proses perintah-perintah SQL, yang dibuat oleh

user maupun program-program aplikasinya. Sebagai database server, MySQL dapat

dikatakan lebih unggul dibandingkan database server lainnya dalam query data

(Andrianto, 2017).

Gambar 2.6 Logo MySQL

(Sumber: Ramadhan and Mukhaiyar, 2020)

Page 20: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

11

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

E. XAMPP

XAMPP merupakan web server yang mudah digunakan yang dapat melayani

tampilan halaman web yang dinamis dan dapat diakses secara lokal menggunakan

web server local (localhost) (Yuliana and Azizah, 2019).

Gambar 2.7 Logo XAMPP

(Sumber: Santoso and Nurmalina, 2017)

F. PHP

PHP (Hypertext Preprocessor) adalah bahasa script yang dapat ditanamkan atau

disisipkan ke dalam HTML. PHP banyak dipakai untuk membuat program situs

web dinamis. PHP secara umum dikenal dengan sebagai bahasa pemrograman

script-script yang membuat dokumen HTML secara on the fly yang dieksekusi di

server web, dokumen HTML yang dihasilkan dari suatu aplikasi bukan dokumen

HTML yang dibuat dengan menggunakan editor teks atau editor HTML, dikenal

juga sebagai bahasa pemrograman server side (Nestary, 2019).

Gambar 2.8 Logo PHP

(Sumber: Mediana, 2018)

Page 21: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

12

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

G. Framework Laravel

Framework adalah wadah atau kerangka kerja dari sebuah website yang akan

dibangun. Dengan menggunakan kerangka tersebut waktu yang digunakan dalam

membuat website lebih singkat dan memudahkan dalam melakukan perbaikan.

Salah satu framework yang banyak digunakan oleh programmer adalah framework

laravel. Laravel adalah framework berbasis PHP yang sifatnya open source, dan

menggunakan konsep model-view-controller (Mediana, 2018).

Gambar 2.9 Logo Laravel

(Sumber: Yudhanto, 2018)

H. JavaScript

JavaScript adalah bahasa yang berbentuk kumpulan skrip berjalan pada suatu

dokumen HTML. Bahasa ini adalah bahasa pemrograman untuk memberikan

kemampuan tambahan terhadap bahasa HTML dengan mengizinkan

pengeksekusian perintah-perintah di sisi user artinya di sisi browser bukan di sisi

server web (Sujana and Darmansyah, 2018).

Gambar 2.10 Logo JavaScript

(Sumber: Simangunsong, 2019)

Page 22: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

13

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

I. Bootstrap

Bootstrap adalah sebuah framework yang dibuat dengan menggunakan bahasa dari

HTML dan CSS, namun juga menyediakan efek javascript yang dibangun dengan

menggunakan jquery (Suprayogi and Rahmanesa, 2018). Ada beberapa kelebihan

bootstrap dibandingkan dengan framework lain:

1) Tidak perlu harddisk, karena dapat digantikan perannya oleh Ethernet card

dan BOOT Lan memiliki log file sehingga dapat dilihat sewaktu- waktu

penyebab error dengan melihat log file tersebut.

2) Responsive Layout dan 12 column grid system. Dengan Responsive Layout

maka aplikasi web yang didesain dengan menggunakan bootstrap akan

langsung menyesuaikan dengan lebar dari media perambahnya.

3) Tampilan web akan tetap rapi dibuka dengan media apapun baik itu

handphone, tablet, laptop ataupun PC desktop.

Gambar 2.11 Logo Bootstrap

(Sumber: Risanurhaeni, 2015)

2.2.3 Implementasi (Implementation)

Fase ini penganalisis berkerja dengan para pengguna secara intensif selama

workshop berlangsung dan merancang beberapa aspek dan nonteknis yang

dibutuhkan. Segera setelah aspek-aspek ini disetujui dan sistem-sistem dibangun

dan disaring, sistem-sistem baru atau bagian dari sistem diuji coba kemudian

diperkenalkan kepada organisasi (Susilowati and Negara, 2018).

A. Website

Page 23: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

14

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Website atau Situs Web adalah sejumlah halaman web yang memiliki topik saling

terkait, terkadang disertai pula dengan berkas-berkas gambar, video, atau berkas

lainnya. Situs web merupakan kumpulan dari halaman web yang sudah

dipublikasikan di jaringan internet dan memiliki domain/URL (Unifed Resource

Locator) yang dapat diakses semua pengguna internet dengan cara mengetikan

alamatnya. Ditinjau dari aspek content atau isi, web dapat dibagi menjadi 2 jenis,

yaitu web statis dan web dinamis. Selain dari sisi content/isi, web statis dan web

dinamis dapat dilihat dari aspek teknologi yang digunakan untuk membuat jenis

web tersebut (Hirmawan, P and Azizah, 2016).

2.3 Menu dan Fitur

Menu merupakan bagian dari elemen website yang berisikan link-link penghubung

utama yang akan mengarah pada halaman tertentu pada sebuah website.

Menentukan menu merupakan halaman yang sebaiknya dilakukan sebelum

membuat suatu website (Nuryamin and Hermawan, 2017). Sedangkan fitur

merupakan suatu button yang memiliki fungsi masing-masing.

Menu-menu dan fitur pada website ISA dapat mempermudah admin dalam

mengelola data barang. Admin dapat melakukan login dengan mengisi email dan

password, kemudian dapat mengakses website ISA untuk mengelola data barang.

Adapun beberapa fitur yang butuh pengembangan seperti fitur add from history dan

find computer yang ada di halaman tambah data transaksi.

2.4 Penelitian Sejenis

Table 2.1 Penelitian Sejenis

Nama Judul Terbit Teknologi Hasil

Fitri Ayu,

Dedy Irfan,

Ambiyar, Mai

Rahmad dan

Akhmad

Zulkifli

Aplikasi

Persediaan

Barang

Elektronik

Menggunakan

Framework

Laravel (Studi

Kasus: Toko

2020 Metode

Waterfall

Aplikasi persediaan

barang elektronik

ini dibuat dengan

sistem

terkomputerisasi

sehingga dapat

meminimalisir

kesalahan

Page 24: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

15

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Seven

Komputer

Pekanbaru)

pengetikan input

yang sering terjadi

pada sistem yang

sedang berjalan saat

ini. Dan dalam

mengoptimalkan

pelayanan pada

Bagian penjualan,

data informasi

ketersediaan barang

dapat diakses oleh

bagian penjualan,

sehingga karyawan

dapat memperoleh

informasi data

barang ketika

terjadinya tranksasi

penjualan

Ismi Syarif

dan

Mustagfirin

Sistem

Informasi

Inventory

Barang Pada

Apotek Sultan

Menggunakan

Metode First

In First Out

(FIFO)

2019 Metode

First In

First Out

(FIFO)

Sistem yang

digunakan untuk

dapat mengelola

persediaan barang

dengan

menggunakan

metode FIFO (First

In First Out).

Metode ini mengacu

pada persediaan

barang sesuai

dengan tanggal

masuk barang

Page 25: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

16

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

pertama kali maka

itu yang harus

pertama keluar.

Lila Setiyani Pengujian

Sistem

Informasi

Inventory Pada

Perusahaan

Distributor

Farmasi

Menggunakan

Metode Black

Box Testing

2019 Metode

Black Box

Testing

Memberikan

kemudahan kepada

penguji perangkat

lunak dalam hal

pengujian

fungsinalitas

perangkat lunak.

Pengembangan

perangkat lunak

sistem informasi

inventory

perusahaan bidan

farmasi dapat

menguji

keseluruhan fitur

atau menu yang

terdapat pada sistem

tersebut

Page 26: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

17

BAB III

HASIL PELAKASANAAN PKL

3.1 Unit Kerja PKL

PT. SKF Indonesia merupakan perusahaan manufaktur yang menjadi salah satu

bagian dari Astra Group (Astra Otoparts). PT. SKF Indonesia adalah perusahaan

yang memproduksi bearing terkemuka di Indonesia untuk kendaraan bermotor roda

dua dan roda empat yang menjalin kerjasama dengan SKF Swedia yang merupakan

produsen bearing terbesar di dunia.

PT. SKF Indonesia beralamat di Jl. Tipar – Inspeksi Cakung Drain, RT.1/RW.9,

Cakung Barat, Jakarta Timur. PT. SKF Indonesia memiliki 18 departemen salah

satunya yaitu departemen IT. Pelaksanan Praktik Kerja Lapangan ini, developer

mempuyai jobdesc untuk membuat sistem informasi inventory barang-barang

komputer dengan nama ISA (Information System Application) berbasis website.

Sistem ISA tersebut merupakan salah satu sistem yang dimiliki oleh PT. SKF

Indonesia yang dikelola oleh admin IT, dibawah ini merupakan struktur organisasi

departemen IT di PT. SKF Indonesia:

Gambar 3.1 Struktur Departemen IT di PT. SKF Indonesia

(Sumber: Dewanti, 2020)

Page 27: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

18

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

3.2 Uraian Praktik Kerja Lapangan

Praktik Kerja Lapangan yang dilaksanakan di PT. SKF Indonesia berlangsung pada

tanggal 18 Agustus sampai dengan 26 November 2020 sebagai Web Developer

yang membuat projek ISA (Information System Application) berbasis website

bersama dengan tim. Sistem ISA adalah sistem informasi inventory barang-barang

komputer di PT. SKF Indonesia. Proses pembuatan sistem ISA ini menggunakan

framework Laravel dengan bahasa pemrograman yang digunakan yaitu PHP dan

menggunakan database MySQL. Dalam waktu pelaksanaan PKL selama tiga bulan

ini dibimbing oleh Manajer IT.

Dibawah ini ada rincian beserta penjelasan aktivitas berdasarkan User

Requirements PKL di PT. SKF Indonesia pada setiap minggunya yaitu:

a. Minggu Pertama

Melakukan installasi software seperti Node.js yang akan digunakan untuk membuat

latihan di React Native, karena pembimbing perusahaan sedang cuti. Kemudian,

menginstall Crystal Report, SQL Server, XAMPP, Composer dan Laravel yang

akan digunakan untuk membuat sistem ISA. Setelah itu, melakukan analisa

mengenai sistem yang akan dibuat.

b. Minggu Kedua

Melakukan diskusi dengan pembimbing mengenai masalah apa saja yang ada pada

sistem sebelumnya dan fitur apa saja yang akan dibuat untuk sistem ISA.

Selanjutnya, membuat perancangan sistem seperti Sequence Diagram dan Class

Diagram.

c. Minggu Ketiga - Minggu Ketujuh

Membuat manufacturing process mapping untuk Departement Business Excellent

dan mengukur ukuran tembok sepanjang lorong produksi serta membuat power

point berisi ukuran tembok untuk madding. Pembuatan halaman yang ada pada

sistem ISA seperti membuat codingan untuk halaman login, homepage, operating

system, processor, optical drive, keyboard, mouse, ethernet, modem brand, data

transaksi beserta fitur CRUD dan laporan komputer yang dapat diexport berupa

PDF atau Excel serta menu logout.

Page 28: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

19

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

d. Minggu Kedelapan dan Kesembilan

Diskusi dengan tim dan pembimbing mengenai code yang mengalami kendala

error. Proses pembuatan codingan controller untuk pengolah data yang berfungsi

sebagai penghubung antara view dan model. Controller yang dibuat berupa

controller operating system, processor, optical drive, modem brand, Ethernet,

keyboard, mouse, user, transaksi, laporan computer dan laporan transaksi.

e. Minggu Kesepuluh dan Kesebelas

Proses pembuatan codingan model pada admin, operating system, processor,

optical drive, modem, ethernet, keyboard, mouse dan transaksi. Melakukan

pencarian dan mengolah data perizinan di Departemen EHS.

f. Minggu Keduabelas

Melakukan diskusi dengan pembimbing mengenai kendala error pada halaman

tambah data keyboard, fitur update pada keyboard, fitur CRUD pada modem dan

halaman ethernet tidak menampilkan data yang berhasil ditambah. Melakukan

presentasi dengan pembimbing mengenai progress sistem yang sudah dibuat. Selain

itu, membuat dan mengeprint label sebanyak 35 label untuk binder di Departemen

HRGA dan membuat Master Plan 2020 di Departemen Business Excellent.

g. Minggu Ketigabelas

Melakukan diskusi dengan pembimbing mengenai penambahan data pada halaman

transaksi dan membuat revisi codingan fitur tambah data transaksi karena ada

beberapa tambahan data. Checklist Data BPU dan Invoice bulan Januari sampai

Agustus di Departemen Accounting. Melakukan pengecekan surat sakit karyawan

PT. SKF Indonesia di Departemen HRGA.

h. Minggu Keempatbelas

Membuat dan mencetak kartu obat karyawan sebanyak kurang lebih 400 karyawan.

Selain itu, membuat form untuk pengajuan sepeda motor dan untuk beasiswa Astra

di Microsoft Word di Departemen HRGA. Lalu, mengolah data perizinan di

Microsoft Excel pada Departemen EHS.

i. Minggu Kelimabelas

Page 29: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

20

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Melakukan presentasi terakhir mengenai sistem ISA yang sudah jadi dan

mengadakan Testing UAT yang dilakukan oleh admin IT dan melakukan 5S di

Departemen HRGA dengan cara merapihkan lemari-lemari dan menggantikan

beberapa label serta map supaya terlihat rapih dan tersusun sesuai warna map.

3.3 Pembahasan Hasil PKL

3.3.1 Pengumpulan Kebutuhan Pengguna

Pengumpulan kebutuhan pengguna ini dilakukan untuk menentukan batasan dari

sistem ISA berbasis website dan menguraikan halaman-halaman beserta dengan

fitur yang ada di website tersebut seperti semua data yang dimasukkan oleh admin

tersimpan didalam database, sistem ISA ini hanya dikelola oleh admin, admin dapat

memasukkan data di halaman seperti (operating system, processor, optical drive,

ethernet, modem brand, keyboard dan mouse), adanya fitur-fitur seperti CRUD

pada setiap halaman yang dapat memudahkan admin dalam melakukan (tambah

data, mengupgrade data, melihat data dan menghapus data), adanya fitur searching

untuk memudahkan admin saat mencari data, adanya halaman transaksi yang

berisikan data-data transaksi dari keseluruhan nama komponen komputer yang

sudah dimasukkan sebelumnya dan admin dapat lebih mudah dalam mendownload

laporan komputer secara langsung berupa PDF atau Excel tanpa harus menginstall

aplikasi lain untuk reporting data.

3.3.2 Perancangan Sistem

Perancangan sistem ini merupakan tahap pembuatan desain sistem secara

menyeluruh berdasarkan data kebutuhan atau persyaratan yang telah ditetapkan.

Selain itu juga mengidentifikasi dan mendeskripsikan gambaran umum dari sistem

perangkat lunak dan hubungan-hubungannya seperti:

a. Diagram Use Case

Diagram use case untuk sistem ISA dibuat oleh rekan satu tim.

b. Diagram Activity

Diagram activity yang menerangkan tentang aktivitas admin dalam mengelola

website untuk sistem ISA dibuat oleh rekan satu tim.

Page 30: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

21

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

c. Diagram Sequence

1. Login

Diagram sequence pada Gambar 3.2 merupakan diagram login. User dalam

menginputkan email dan password yang di validasi dalam sistem database yang

akan menampilkan hasil dari validasi login. Database akan mengirimkan status

validasi ke halaman homepage, jika benar akan menampilkan pesan login berhasil,

jika salah maka akan menampilkan pesan password atau email salah.

Gambar 3.2 Diagram Sequence Login

2. Admin

Diagram sequence pada Gambar 3.3 merupakan diagram admin untuk

menggambarkan aktor-aktor dari aplikasi yang dapat melakukan aktivitas di

website ISA tersebut.

Page 31: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

22

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.3 Diagram Sequence Admin

3. Mengelola Data Brand

Gambar 3.4 merupakan diagram sequence dari mengelola data brand. Admin

memilih menu master data pada halaman utama, kemudian memilih sub menu

brand. Pada halaman brand menampilkan no. id dan nama brand. Selain itu, terdapat

fitur-fitur seperti tambah data, read, update, delete dan search. Ketika admin

memilih tambah data brand, sistem akan menampilkan form yang harus diisi oleh

admin kemudian klik submit. Setelah itu data akan tersimpan otomatis di database.

Jika admin ingin mengedit, melihat dan menghapus data admin memilih fitur

CRUD kemudian sistem akan merequest data brand berdasarkan nama brand yang

tersimpan pada perangkat yang ada di database, kemudian database akan

memvalidasi data brand.

Page 32: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

23

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.4 Diagram Sequence Mengelola Data Brand

4. Mengelola Data Category

Gambar 3.5 merupakan diagram sequence dari mengelola data category. Admin

memilih menu master data pada halaman utama, kemudian memilih sub menu

category. Pada halaman category menampilkan no. id dan nama category. Selain

itu, terdapat fitur-fitur seperti tambah data, read, update, delete dan search. Ketika

admin memilih tambah data category, sistem akan menampilkan form yang harus

diisi oleh admin kemudian klik submit. Setelah itu data akan tersimpan otomatis di

database. Jika admin ingin mengedit, melihat dan menghapus data admin memilih

fitur CRUD kemudian sistem akan merequest data category berdasarkan nama

category yang tersimpan pada perangkat yang ada di database, kemudian database

akan memvalidasi data category.

Page 33: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

24

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.5 Diagram Sequence Mengelola Data Category

5. Mengelola Data Operating System

Gambar 3.6 merupakan diagram sequence dari mengelola data operating system.

Admin memilih menu master data pada halaman utama, kemudian memilih sub

menu operating system. Pada halaman operating system menampilkan no. id dan

nama operating system. Selain itu, terdapat fitur-fitur seperti tambah data, read,

update, delete dan search. Ketika admin memilih tambah data operating system,

sistem akan menampilkan form yang harus diisi oleh admin kemudian klik submit.

Setelah itu data akan tersimpan otomatis di database. Jika admin ingin mengedit,

melihat dan menghapus data admin memilih fitur CRUD kemudian sistem akan

merequest data operating system berdasarkan nama operating system yang

tersimpan pada perangkat yang ada di database, kemudian database akan

memvalidasi data operating system.

Page 34: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

25

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.6 Diagram Sequence Mengelola Data Operating System

6. Mengelola Data Processor

Gambar 3.7 merupakan diagram sequence dari mengelola data processor. Admin

memilih menu master data pada halaman utama, kemudian memilih sub menu

processor. Pada halaman processor menampilkan no. id dan nama processor. Selain

itu, terdapat fitur-fitur seperti tambah data, read, update, delete dan search. Ketika

admin memilih tambah data processor, sistem akan menampilkan form yang harus

diisi oleh admin kemudian klik submit. Setelah itu data akan tersimpan otomatis di

database. Jika admin ingin mengedit, melihat dan menghapus data admin memilih

fitur CRUD kemudian sistem akan merequest data processor berdasarkan nama

processor yang tersimpan pada perangkat yang ada di database, kemudian database

akan memvalidasi data processor.

Page 35: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

26

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.7 Diagram Sequence Mengelola Data Processor

7. Mengelola Data RAM

Gambar 3.8 merupakan diagram sequence dari mengelola data RAM. Admin

memilih menu master data pada halaman utama, kemudian memilih sub menu

RAM. Pada halaman RAM menampilkan no. id dan nama RAM. Selain itu, terdapat

fitur-fitur seperti tambah data, read, update, delete dan search. Ketika admin

memilih tambah data RAM, sistem akan menampilkan form yang harus diisi oleh

admin kemudian klik submit. Setelah itu data akan tersimpan otomatis di database.

Jika admin ingin mengedit, melihat dan menghapus data admin memilih fitur

CRUD kemudian sistem akan merequest data RAM berdasarkan nama RAM yang

tersimpan pada perangkat yang ada di database, kemudian database akan

memvalidasi data RAM.

Page 36: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

27

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.8 Diagram Sequence Mengelola Data RAM

8. Mengelola Data HDD

Gambar 3.9 merupakan diagram sequence dari mengelola data HDD. Admin

memilih menu master data pada halaman utama, kemudian memilih sub menu

HDD. Pada halaman HDD menampilkan no. id dan nama HDD. Selain itu, terdapat

fitur-fitur seperti tambah data, read, update, delete dan search. Ketika admin

memilih tambah data HDD, sistem akan menampilkan form yang harus diisi oleh

admin kemudian klik submit. Setelah itu data akan tersimpan otomatis di database.

Jika admin ingin mengedit, melihat dan menghapus data admin memilih fitur

CRUD kemudian sistem akan merequest data HDD berdasarkan nama HDD yang

tersimpan pada perangkat yang ada di database, kemudian database akan

memvalidasi data HDD.

Page 37: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

28

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.9 Diagram Sequence Mengelola Data HDD

9. Mengelola Data Optical Drive

Gambar 3.10 merupakan diagram sequence dari mengelola data optical drive.

Admin memilih menu master data pada halaman utama, kemudian memilih sub

menu optical drive. Pada halaman optical drive menampilkan no. id dan nama

optical drive. Selain itu, terdapat fitur-fitur seperti tambah data, read, update, delete

dan search. Ketika admin memilih tambah data optical drive, sistem akan

menampilkan form yang harus diisi oleh admin kemudian klik submit. Setelah itu

data akan tersimpan otomatis di database. Jika admin ingin mengedit, melihat dan

menghapus data admin memilih fitur CRUD kemudian sistem akan merequest data

optical drive berdasarkan nama optical drive yang tersimpan pada perangkat yang

ada di database, kemudian database akan memvalidasi data optical drive.

Page 38: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

29

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.10 Diagram Sequence Mengelola Data Optical Drive

10. Mengelola Data Ethernet

Gambar 3.11 merupakan diagram sequence dari mengelola data ethernet. Admin

memilih menu master data pada halaman utama, kemudian memilih sub menu

ethernet. Pada halaman ethernet menampilkan no. id dan nama ethernet. Selain itu,

terdapat fitur-fitur seperti tambah data, read, update, delete dan search. Ketika

admin memilih tambah data ethernet, sistem akan menampilkan form yang harus

diisi oleh admin kemudian klik submit. Setelah itu data akan tersimpan otomatis di

database. Jika admin ingin mengedit, melihat dan menghapus data admin memilih

fitur CRUD kemudian sistem akan merequest data ethernet berdasarkan nama

ethernet yang tersimpan pada perangkat yang ada di database, kemudian database

akan memvalidasi data ethernet.

Page 39: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

30

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.11 Diagram Sequence Mengelola Data Ethernet

11. Mengelola Data Modem Brand

Gambar 3.12 merupakan diagram sequence dari mengelola data modem brand.

Admin memilih menu master data pada halaman utama, kemudian memilih sub

menu modem brand. Pada halaman modem brand menampilkan no. id dan nama

modem brand. Selain itu, terdapat fitur-fitur seperti tambah data, read, update,

delete dan search. Ketika admin memilih tambah data modem brand, sistem akan

menampilkan form yang harus diisi oleh admin kemudian klik submit. Setelah itu

data akan tersimpan otomatis di database. Jika admin ingin mengedit, melihat dan

menghapus data admin memilih fitur CRUD kemudian sistem akan merequest data

modem brand berdasarkan nama modem brand yang tersimpan pada perangkat

yang ada di database, kemudian database akan memvalidasi data modem brand.

Page 40: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

31

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.12 Diagram Sequence Mengelola Data Modem Brand

12. Mengelola Data Keyboard

Gambar 3.13 merupakan diagram sequence dari mengelola data keyboard. Admin

memilih menu master data pada halaman utama, kemudian memilih sub menu

keyboard. Pada halaman keyboard menampilkan no. id dan nama keyboard. Selain

itu, terdapat fitur-fitur seperti tambah data, read, update, delete dan search. Ketika

admin memilih tambah data keyboard, sistem akan menampilkan form yang harus

diisi oleh admin kemudian klik submit. Setelah itu data akan tersimpan otomatis di

database. Jika admin ingin mengedit, melihat dan menghapus data admin memilih

fitur CRUD kemudian sistem akan merequest data keyboard berdasarkan nama

keyboard yang tersimpan pada perangkat yang ada di database, kemudian database

akan memvalidasi data keyboard.

Page 41: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

32

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.13 Diagram Sequence Mengelola Data Keyboard

13. Mengelola Data Mouse

Gambar 3.14 merupakan diagram sequence dari mengelola data mouse. Admin

memilih menu master data pada halaman utama, kemudian memilih sub menu

mouse. Pada halaman mouse menampilkan no. id dan nama mouse. Selain itu,

terdapat fitur-fitur seperti tambah data, read, update, delete dan search. Ketika

admin memilih tambah data mouse, sistem akan menampilkan form yang harus diisi

oleh admin kemudian klik submit. Setelah itu data akan tersimpan otomatis di

database. Jika admin ingin mengedit, melihat dan menghapus data admin memilih

fitur CRUD kemudian sistem akan merequest data mouse berdasarkan nama mouse

yang tersimpan pada perangkat yang ada di database, kemudian database akan

memvalidasi data mouse.

Page 42: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

33

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.14 Diagram Sequence Mengelola Data Mouse

14. Mengelola Data Transaksi

Gambar 3.15 merupakan diagram sequence dari mengelola data transaksi. Admin

memilih menu transaksi, kemudian sistem akan memproses dan menampilkan

halaman transaksi. Pada halaman transaksi id. no, brand, operating system,

processor, RAM, HDD dan VGA. Selain itu, terdapat fitur-fitur seperti tambah data,

read, update, delete dan search. Ketika admin memilih tambah data transaksi,

sistem akan menampilkan form yang harus diisi oleh admin kemudian klik submit.

Setelah itu data akan tersimpan otomatis di database. Jika admin ingin mengedit,

melihat dan menghapus data admin memilih fitur CRUD kemudian sistem akan

merequest data transaksi berdasarkan nama transaksi yang tersimpan di database,

kemudian database akan memvalidasi data transaksi.

Page 43: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

34

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.15 Diagram Sequence Mengelola Data Transaksi

15. Mengelola Data Laporan

Gambar 3.16 merupakan diagram sequence dari mengelola data laporan. Admin

memilih menu laporan pada halaman utama, kemudian pilih sub menu laporan

komputer atau laporan transaksi dan sistem akan memproses serta menampilkan

halaman laporan tersebut. Pada halaman laporan transaksi maupun laporan

komputer terdapat fitur untuk mendownload data yang berfungsi ketika admin ingin

melakukan report data. Fitur yang ada pada halaman tersebut yaitu export PDF dan

export Excel. Ketika admin memilih salah satu fitur tersebut, sistem akan merequest

pada database dan mendownload data dengan format yang dipilih baik itu pdf

maupun excel.

Page 44: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

35

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.16 Diagram Sequence Mengelola Data Laporan

d. Class Diagram

Gambar 3.17 merupakan diagram yang menggambarkan hubungan antar kelas-

kelas atau objek yang menjadi skema OOP (Object Oriented Programming). Dilihat

bahwa semua kelas-kelas bergantung pada kelas admin. Kelas-kelas ini tidak akan

terbentuk jika admin belum melakukan fungsi seperti login.

Page 45: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

36

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.17 Diagram Class Sistem ISA

e. Perancangan UI (User Interface)

Perancangan UI dikerjakan oleh rekan satu tim.

3.3.3 Implementasi

1. Halaman Login

Page 46: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

37

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Halaman login merupakan salah satu syarat supaya admin dapat menggunakan

website ISA ini. Kegunaan dari login yaitu sebagai jalur masuk ke website sesuai

dengan data admin secara spesisifik, serta untuk memproteksi data admin dengan

keamanan berupa email dan password. Jika admin salah memasukan email atau

password nya. maka validasi login gagal dan tidak dapat masuk ke halaman

homepage. Pada gambar 3.18 merupakan halaman dimana admin menginput kan

email dan passwordnya untuk mengakses ke dalam halaman homepage supaya

dapat melakukan aktivitas yang lainnya di website ISA tersebut.

Gambar 3.18 Tampilan Halaman Login

2. Halaman Homepage

Halaman homepage merupakan halaman utama saat admin sudah berhasil login. I

halaman homepage ini terdapat berbagai macam menu dan sub menu lainnya seperti

menu master data, transaksi, laporan dan logout. Sedangkan sub menu seperti

operating system, processor, optical drive, mouse, keyboard, ethernet dan modem

brand. Pada gambar 3.19 merupakan halaman utama yang dapat memudahkan

admin dalam mengakses atau mengolah data barang.

Page 47: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

38

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.19 Tampilan Halaman Homepage

3. Halaman Operating System

Gambar 3.20 merupakan halaman operating system yang dapat digunakan admin

untuk mengolah data-data operating system. Admin dapat menambah data,

mengubah, melihat dan menghapus data tersebut. Pada halaman operating system

ini juga dilengkapi oleh fitur search yang dapat memudahkan admin dalam mencari

data.

Gambar 3.20 Tampilan Halaman Operating System

Page 48: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

39

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.21 merupakan tampilan ketika admin mengklik fitur Tambah Data

Operating System. Jadi, admin dapat mengisi nama OS yang akan diinput kemudian

klik submit.

Gambar 3.21 Tampilan Fitur Tambah Data Operating System

Gambar 3.22 merupakan tampilan ketika admin mengklik fitur Read pada salah satu

data di halaman data OS. Jadi admin dapat membaca atau melihat Nama OS dan

No. Id salah satu data yang dipilih sebelumnya, kemudian klik button kembali.

Gambar 3.22 Tampilan Fitur Read Pada Halaman Operating System

Page 49: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

40

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.23 merupakan tampilan ketika admin mengklik fitur Update pada salah

satu data di halaman data OS. Jadi admin dapat mengedit data Nama OS yang akan

diubah, kemudian klik button update.

Gambar 3.23 Tampilan Fitur Update Pada Halaman Operating System

4. Halaman Processor

Gambar 3.24 merupakan halaman processor yang dapat digunakan admin untuk

mengolah data-data processor. Admin dapat menambah data, mengubah, melihat

dan menghapus data tersebut. Pada halaman processor ini juga dilengkapi oleh fitur

search yang dapat memudahkan admin dalam mencari data.

Gambar 3.24 Tampilan Halaman Processor

Page 50: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

41

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.25 merupakan tampilan ketika admin mengklik fitur Tambah Data

Processor. Jadi, admin dapat mengisi nama processor yang akan diinput kemudian

klik submit.

Gambar 3.25 Tampilan Fitur Tambah Data Processor

Gambar 3.26 merupakan tampilan ketika admin mengklik fitur Read pada salah satu

data di halaman data processor. Jadi admin dapat membaca atau melihat Nama

Processor dan No. Id salah satu data yang dipilih sebelumnya, kemudian klik button

kembali.

Gambar 3.26 Tampilan Fitur Read Pada Halaman Processor

Page 51: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

42

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.27 merupakan tampilan ketika admin mengklik fitur Update pada salah

satu data di halaman data processor. Jadi admin dapat mengedit data Nama

Processor yang akan diubah, kemudian klik button update.

Gambar 3.27 Tampilan Fitur Update Pada Halaman Processor

5. Halaman Optical Drive

Gambar 3.28 merupakan halaman optical drive yang dapat digunakan admin untuk

mengolah data-data optical drive. Admin dapat menambah data, mengubah, melihat

dan menghapus data tersebut. Pada halaman optical drive ini juga dilengkapi oleh

fitur search yang dapat memudahkan admin dalam mencari data.

Gambar 3.28 Tampilan Halaman Optical Drive

Page 52: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

43

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.29 merupakan tampilan ketika admin mengklik fitur Tambah Data

Optical Drive. Jadi, admin dapat mengisi nama optical drive yang akan diinput

kemudian klik submit.

Gambar 3.29 Tampilan Fitur Tambah Data Optical Drive

Gambar 3.30 merupakan tampilan ketika admin mengklik fitur Read pada salah satu

data di halaman data optical drive. Jadi admin dapat membaca atau melihat Nama

Optical Drive dan No. Id salah satu data yang dipilih sebelumnya, kemudian klik

button kembali.

Gambar 3.30 Tampilan Fitur Read Pada Halaman Optical Drive

Page 53: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

44

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.31 merupakan tampilan ketika admin mengklik fitur Update pada salah

satu data di halaman data optical drive. Jadi admin dapat mengedit data Nama

Optical Drive yang akan diubah, kemudian klik button update.

Gambar 3.31 Tampilan Fitur Update Pada Halaman Optical Drive

6. Halaman Ethernet

Gambar 3.32 merupakan halaman ethernet yang dapat digunakan admin untuk

mengolah data-data ethernet. Admin dapat menambah data, mengubah, melihat dan

menghapus data tersebut. Pada halaman ethernet ini juga dilengkapi oleh fitur

search yang dapat memudahkan admin dalam mencari data.

Gambar 3.32 Tampilan Halaman Ethernet

Page 54: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

45

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.33 merupakan tampilan ketika admin mengklik fitur Tambah Data

Ethernet. Jadi, admin dapat mengisi nama ethernet yang akan diinput kemudian klik

submit.

Gambar 3.33 Tampilan Fitur Tambah Data Ethernet

Gambar 3.34 merupakan tampilan ketika admin mengklik fitur Read pada salah satu

data di halaman data ethernet. Jadi admin dapat membaca atau melihat Nama

Ethernet dan No. Id salah satu data yang dipilih sebelumnya, kemudian klik button

kembali.

Gambar 3.34 Tampilan Fitur Read Pada Halaman Ethernet

Page 55: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

46

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.35 merupakan tampilan ketika admin mengklik fitur Update pada salah

satu data di halaman data ethernet. Jadi admin dapat mengedit data Nama Ethernet

yang akan diubah, kemudian klik button update.

Gambar 3.35 Tampilan Fitur Update Pada Halaman Ethernet

7. Halaman Modem Brand

Gambar 3.36 merupakan halaman modem brand yang dapat digunakan admin untuk

mengolah data-data modem. Admin dapat menambah data, mengubah, melihat dan

menghapus data tersebut. Pada halaman modem ini juga dilengkapi oleh fitur search

yang dapat memudahkan admin dalam mencari data.

Gambar 3.36 Tampilan Halaman Modem Brand

Page 56: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

47

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.37 merupakan tampilan ketika admin mengklik fitur Tambah Data

Modem. Jadi, admin dapat mengisi nama brand modem yang akan diinput

kemudian klik submit.

Gambar 3.37 Tampilan Fitur Tambah Data Modem

Gambar 3.38 merupakan tampilan ketika admin mengklik fitur Read pada salah satu

data di halaman data modem brand. Jadi admin dapat membaca atau melihat Nama

Modem dan No. Id salah satu data yang dipilih sebelumnya, kemudian klik button

kembali.

Gambar 3.38 Tampilan Fitur Read Pada Halaman Modem

Page 57: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

48

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.39 merupakan tampilan ketika admin mengklik fitur Update pada salah

satu data di halaman data modem brand. Jadi admin dapat mengedit data Nama

Modem yang akan diubah, kemudian klik button update.

Gambar 3.39 Tampilan Fitur Update Pada Halaman Modem

8. Halaman Keyboard

Gambar 3.40 merupakan halaman keyboard yang dapat digunakan admin untuk

mengolah data-data keyboard. Admin dapat menambah data, mengubah, melihat

dan menghapus data tersebut. Pada halaman keyboard ini juga dilengkapi oleh fitur

search yang dapat memudahkan admin dalam mencari data.

Gambar 3.40 Tampilan Halaman Keyboard

Page 58: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

49

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.41 merupakan tampilan ketika admin mengklik fitur Tambah Data

Keyboard. Jadi, admin dapat mengisi nama brand keyboard yang akan diinput

kemudian klik submit.

Gambar 3.41 Tampilan Fitur Tambah Data Keyboard

Gambar 3.42 merupakan tampilan ketika admin mengklik fitur Read pada salah satu

data di halaman data keyboard. Jadi admin dapat membaca atau melihat Nama

Keyboard dan No. Id salah satu data yang dipilih sebelumnya, kemudian klik button

kembali.

Gambar 3.42 Tampilan Fitur Read Pada Halaman Modem

Page 59: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

50

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.43 merupakan tampilan ketika admin mengklik fitur Update pada salah

satu data di halaman data keyboard. Jadi admin dapat mengedit data Nama

Keyboard yang akan diubah, kemudian klik button update.

Gambar 3.43 Tampilan Fitur Update Pada Halaman Modem

9. Halaman Mouse

Gambar 3.44 merupakan halaman mouse yang dapat digunakan admin untuk

mengolah data-data mouse. Admin dapat menambah data, mengubah, melihat dan

menghapus data tersebut. Pada halaman mouse ini juga dilengkapi oleh fitur search

yang dapat memudahkan admin dalam mencari data.

Gambar 3.44 Tampilan Halaman Mouse

Page 60: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

51

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.45 merupakan tampilan ketika admin mengklik fitur Tambah Data

Mouse. Jadi, admin dapat mengisi nama brand mouse yang akan diinput kemudian

klik submit.

Gambar 3.45 Tampilan Fitur Tambah Data Mouse

Gambar 3.46 merupakan tampilan ketika admin mengklik fitur Read pada salah satu

data di halaman data mouse. Jadi admin dapat membaca atau melihat Nama Mouse

dan No. Id salah satu data yang dipilih sebelumnya, kemudian klik button kembali.

Gambar 3.46 Tampilan Fitur Read Pada Halaman Mouse

Page 61: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

52

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.47 merupakan tampilan ketika admin mengklik fitur Update pada salah

satu data di halaman data mouse. Jadi admin dapat mengedit data Nama Mouse

yang akan diubah, kemudian klik button update.

Gambar 3.47 Tampilan Fitur Update Pada Halaman Mouse

10. Halaman Transaksi

Gambar 3.48 merupakan halaman transaksi yang dapat digunakan admin untuk

membuat atau memasukkan data-data transaksi barang yang nantinya akan di

report. Pada halaman data transaksi ini, admin dapat menambah data, mengubah,

melihat dan menghapus data tersebut.

Gambar 3.48 Tampilan Halaman Transaksi

Page 62: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

53

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.49 merupakan tampilan ketika admin mengklik fitur Tambah Data

Transaksi. Jadi, admin dapat mengisi secara detail tentang perangkat komputer

tersebut seperti brand, category, processor, operating system dan sebagainya yang

akan diinput kemudian klik submit.

Gambar 3.49 Tampilan Fitur Tambah Data Transaksi

Gambar 3.50 merupakan tampilan ketika admin mengklik fitur Read pada salah satu

data di halaman data transaksi. Jadi admin dapat membaca atau melihat detail dari

salah satu data yang dipilih sebelumnya, kemudian klik button kembali.

Gambar 3.50 Tampilan Fitur Read Pada Halaman Transaksi

Page 63: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

54

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.51 merupakan tampilan ketika admin mengklik fitur Update pada salah

satu data di halaman data transaksi. Jadi admin dapat mengedit data transaksi yang

akan diubah, kemudian klik button update.

Gambar 3.51 Tampilan Fitur Update Pada Halaman Transaksi

11. Halaman Laporan Komputer

Gambar 3.52 merupakan tampilan halaman laporan komputer yang dapat

digunakan untuk mendapatkan hasil report komputer berupa PDF dan Excel. Menu

laporan ada dua yaitu Laporan Komputer dan Laporan Transaksi. Laporan

Komputer berfungsi sebagai report dari data-data komputer yang sudah dimasukkan

atau diolah oleh admin seperti ID No, Brand, OS, OS Product Key, Model, Serial

No, Speed, RAM, HDD, VGA, Processor, Ethernet, Optical Drive dan lain-lain.

Gambar 3.52 Tampilan Halaman Laporan Komputer

Page 64: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

55

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

12. Halaman Logout

Gambar 3.53 merupakan tampilan halaman saat admin berhasil logout dari website

ISA. Tampilan halaman logout ini sama seperti tampilan saat ingin login, yang

membedakan hanya pada saat admin berhasil logout ada pernyataan bahwa kamu

sudah logout.

Gambar 3.53 Tampilan Halaman Logout

3.3.4 Testing

Proses testing ini merupakan suatu proses untuk pengecekan atau uji coba sistem

website yang sudah dibuat. Testing UAT (User Acceptance Test) dilakukan di

lingkungan internal tempat PKL tepatnya pada departemen IT saja karena hanya

department IT yang memiliki hak akses untuk mengelola sistem ISA. Sebelum

melakukan testing, dibuatkan naskah atau skrip yang sesuai dengan perannya.

Penguji diwajibkan untuk menyelesaikan seluruh halaman yang ada pada website

ISA dengan keadaan yang menyatakan positive case dan negative case.

Proses testing ini mewajibkan untuk penguji dalam mengakses halaman website

sesuai dengan panduan dalam penggunaan website pada keadaan yang menyatakan

positive case. Selain itu, pada keadaan negative case, penguji diperbolehkan untuk

mengakses website ISA dengan cara yang tidak sesuai di panduan. Jadi, hal seperti

inilah yang dapat dilakukan untuk mengidentifikasi bug dalam berbagai kondisi.

Bug-bug yang teridentifikasi dicantumakan dalam isian keterangan dengan

Page 65: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

56

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

menceritakan bug yang terjadi dan efek yang terjadi pada website ISA. Gambar

3.54 merupakan gambar UAT yang dilakukan oleh admin IT.

Gambar 3.54 Tampilan Form Skenario UAT

Sesuai Tidak Sesuai Sesuai Tidak Sesuai

1 Login Sebagai Admin √

2 Homepage √

Fitur yang ada di

halaman homepage

belum berfungsi

maksimal

3 Data Komputer Processor √

Oprating System √

Optical Drive √

Ethernet √

Modem Brand √

Keyboard √

Mouse √

4 Processor Tambah Data Processor √

Edit Data Processor √

Baca Data Processor √

Hapus Data Processor √

Search Data Processor √

5 Oprating System Tambah Data Oprating System √

Edit Data Oprating System √

Baca Data Oprating System √

Hapus Data Oprating System √

Search Data Oprating System √

6 Optical Drive Tambah Data Optical Drive √

Edit Data Optical Drive √

Baca data Optical Drive √

Hapus Data Optical Drive √

Search Data Optical Drive √

7 Ethernet Tambah Data Ethernet √

Edit Data Ethernet √

Baca Data Ethernet √

Hapus Data Ethernet √

Search Data Ethernet √

8 Modem Brand Tambah Data Modem Brand √

Edit Data Modem Brand √

Baca Data Modem Brand √

Hapus Data Modem Brand √

Search Data Modem Brand √

9 Keyboard Tambah Data Keyboard √

Edit Data Keyboard √

Baca Data Keyboard √

Hapus Data Keyboard √

Search Data Keyboard √

10 Mouse Tambah Data Mouse √

Edit Data Mouse √

Baca Data Mouse √

Hapus Data Mouse √

Search Data Mouse √

11 Transaksi Tambah Data Transaksi √

Pada halaman tambah

data masih ada

kekurangan dalam hal

otomatis di No. PO,

Purchase Date dan

Supplier Code

Edit Data Transaksi √

Baca Data Transaksi √

Hapus Data Transaksi √

Search Data Transaksi √

12 Laporan Komputer Export Pdf √

Export Excel √

13 Logout √

UAT ISA (Website-Admin)

Nama : Ririn Fatmasari

Role : Admin IT

Positive Case Negative CaseNo Modul Sub Modul Keterangan/Catatan

Page 66: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

57

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

3.3.5 Dokumentasi

Proses dokumentasi pembuatan website ISA terpaut dalam hasil dari proses testing,

teridentifikasi halaman dan fitur yang belum memenuhi kebutuhan user. Gambar

3.55 merupakan hasil dokumentasi dari proses testing.

Gambar 3.55 Hasil Testing UAT

3.3.6 Pemeliharaan

Sistem ISA belum dipakai oleh Departemen IT di perusahaan tersebut karena masih

banyak tambahan fitur yang diminta oleh user. Sistem ISA ini kedepannya akan

mengalami pengembangan beberapa fitur sesuai dengan yang diminta oleh user.

User telah melakukan pendataan serta memberikan feedback berupa fungsionalitas

website yang belum bekerja secara maksimal dan kebutuhan user yang lain yaitu:

a. Fitur more info yang ada di halaman homepage belum berfungsi

b. Fitur Add From History dan Find Computer yang ada di halaman tambah

data transaksi belum berfungsi

c. Memunculkan data secara otomatis pada kolom No. PO, Purchase Date dan

Supplier Code belum aktif

Permintaan dari user di atas akan menjadi fitur baru yang terbentuk sehingga akan

mengulangi proses perencanaan, implementasi dan testing untuk fitur baru yang

terbentuk.

3.4 Identifikasi Kendala yang Dihadapi

Sub ini menjelaskan mengenai kendala-kendala yang dihadapi selama Praktik Kerja

Lapangan berlangsung serta cara mengatasi dari kendala tersebut.

No.

1

2

3

4

5 Otomatis kemunculan data No. PO, Purchase Date dan Supplier Code belum aktif dan masih manual

6 Fitur Add from history belum berfungsi

7 Fitur Find Computer belum berfungsi

8 NPK, Nama, Jabatan dan Kode Departemen harus ada di halaman tambah data transaksi

Fitur more info user di halaman homepage belum ada action

Hasil UAT - Website

Website ISA

Fitur more info transaksi di halaman homepage belum ada action

Fitur more info sedang pinjam di halaman homepage belum ada action

Fitur more info komputer di halaman homepage belum ada action

Page 67: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

58

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

3.4.1 Kendala Pelaksanaan Tugas

Kendala yang dihadapi selama masa Praktik Kerja Lapangan adalah:

a. Kesulitan dalam menghadapi masalah error saat membuat fitur tambah data.

b. Kesulitan dalam menghadapi masalah error saat membuat halaman ethernet

karena, pada saat proses tambah data sudah berhasil tetapi nama ethernet yang

sebelumnya dimasukkan tidak muncul.

c. Sering terjadi penambahan fitur yang diinginkan oleh user sehingga membuat

perubahan pada perancangan sistem.

3.4.2 Cara Mengatasi Kendala

Berikut penanggulangan untuk mengatasi dari kendala-kendala yang dihadapi

adalah:

a. Mendiskusikan dan mencari tutorial tentang pembuatan sistem informasi

inventory barang.

b. Menganalisa source code yang ada dihalaman ethernet dengan halaman lainnya

yang sudah berhasil tidak mengalami masalah error.

c. Mendiskusikan fitur-fitur apa saja yang diinginkan oleh user bersama dengan

tim.

Page 68: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

59

BAB IV

PENUTUP

4.1 Kesimpulan

Praktik Kerja Lapangan di PT. SKF Indonesia yang berperan sebagai Web

Developer dan mendapat project membuat sistem informasi inventory barang pada

halaman data dan laporan dengan waktu PKL selama 3 bulan yang terhitung dari

tanggal 18 Agustus sampai 26 November 2020 berhasil melakukan pembuatan

website ISA dengan pengembangan metode RAD. Sistem ISA dapat memudahkan

user dalam mengelola data inventory perangkat komputer yang digunakan oleh

karyawan PT. SKF Indonesia.

Pengembangan sistem ISA dapat dilihat dari fitur-fitur yang sudah dibuat seperti:

1) Fitur login berfungsi untuk memudahkan admin untuk login ke dalam

sistem ISA tersebut dengan memasukkan email dan password.

2) Fitur data komputer berfungsi untuk mengelola data peralatan komputer

yang dipakai oleh karyawan.

3) Fitur CRUD berfungsi untuk melihat, menambah data, mengedit dan

menghapus data-data seperti di halaman operating system, processor,

optical drive, ethernet, modem brand, keyboard, mouse, transaksi dan

laporan komputer.

4) Fitur export PDF dan fitur export Excel memudahkan user saat proses

reporting data.

4.2 Saran

Saran untuk pengembangan sistem ISA selanjutnya yaitu:

1) Melakukan perancangan database setelah analisa kebutuhan secara matang

dan terdefinisi semua, supaya sistem database saling terkait dengan fitur dan

modul tambahan yang ingin dibuat.

2) Membutuhkan pengembangan lebih lanjut karena masih terdapat fitur-fitur

tambahan yang diinginkan oleh user

Page 69: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

60

DAFTAR PUSTAKA

Andrianto, P. (2017) ‘Sistem Informasi Pelayanan Kesehatan Berbasis Web di

Puskesmas’, Jurnal Prosiding Seminar Nasional Komputer dan Informatika

(SENASKI), 2017, pp. 978–602. Available at:

http://www.senaski.unikom.ac.id/prosiding-file/47-52 pradikta andrianto dkk 6

hal.pdf.

Anggraini, A. R. and Oliver, J. (2019) ‘Rancangan Sistem Informasi Inventory

Barang Berbasis Web Studi Kasus Pada Cv. Limoplast’, Journal of Chemical

Information and Modeling, 53(9), pp. 1689–1699.

Aprianti, W. and Maliha, U. (2016) ‘Sistem Informasi Kepadatan Penduduk

Kelurahan Atau Desa Studi Kasus Pada Kecamatan Bati-Bati’, 2(2013), pp. 21–28.

Asiz, M. R. and Hadi Sirad, M. A. (2019) ‘Inventory Information System of Goods

Using Codeigniter Framework’, Patria Artha Technological Journal, 3(1). doi:

10.33857/patj.v3i1.228.

Ayu, F. and Permatas (2018) ‘Perancangan Sistem Informasi Pengolahan Data PKL

pada Divisi Humas PT Pegadaian’, Jurnal Infra tech, 2(2), pp. 12–26. Available at:

http://journal.amikmahaputra.ac.id/index.php/JIT/article/download/33/25.

Dewanti, R. F., 2020. Definisi Sistem ISA [Interview] (21 August 2020).

Dewanti, R. F., 2020. Struktur Organisasi Departemen IT PT SKF Indonesia

[Interview] (20 November 2020).

Fatmawati, F. and Munajat, J. (2018) ‘Implementasi Model Waterfall Pada Sistem

Informasi Persediaan Barang Berbasis Web (Studi Kasus: PT.Pamindo Tiga T)’,

Jurnal Media Informatika Budidarma, 2(2), pp. 1–9. doi: 10.30865/mib.v2i2.559.

Fridayanthie, E. . and Mahdiati, T. (2016) ‘Rancang Bangun Sistem Informasi

Permintaan ATK Berbasis Intranet (Studi Kasus: Kejaksaan Negeri

Rangkasbitung)’, IV(August), pp. 126–138.

Haryati, T., Apriliah, W. and Subekti, N. (2019) ‘Penerapan Model Waterfall

Dalam Perancangan Aplikasi Sistem Informasi Simpan Pinjam Pada Koperasi Pt.

Chiyoda Integre Indonesia Karawang’, Jurnal Interkom, 14(2), pp. 34–42. doi:

Page 70: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

61

10.35969/interkom.v14i2.48.

Hirmawan, A., P, M. and Azizah, D. (2016) ‘Analisis Sistem Akuntansi Penggajian

Dan Pengupahan Karyawan Dalam Upaya Mendukung Pengendalian Intern (Studi

pada PT.Wonojati Wijoyo Kediri)’, Jurnal Administrasi Bisnis S1 Universitas

Brawijaya, 34(1), pp. 189–196.

Kurniadi, D. and Mulyani, A. (2017) ‘Implementasi Pengembangan Student

Information Terminal (S-IT) Untuk Pelayanan Akademik Mahasiswa’, Jurnal

Algoritma, 13(2), pp. 437–442. doi: 10.33364/algoritma/v.13-2.437.

Mediana, D. (2018) ‘Rancang Bangun Aplikasi Helpdesk (A-Desk) Berbasis Web

Menggunakan Framework Laravel ( Studi Kasus di PDAM Surya Sembada Kota

Surabaya )’, Jurnal Manajemen Informatika, 8(2), pp. 75–81. Available at:

http://ejournal.ukrida.ac.id/ojs/index.php/TIK/article/view/1495/1617.

Muludi, K., Hijriani, A. and Zhia, K. (2015) ‘Perancangan Aplikasi Desktop Sistem

Informasi Geografis (SIG) Penyebaran Wisata Kuliner di Kota Bandar Lampung’,

Ilmu Komputer Unila Publishing Network, 02(01), pp. 9–17. Available at:

https://jurnal.fmipa.unila.ac.id/komputasi/article/viewFile/1093/907.

Mur, M. M., Lia, L. and Hafiz, A. (2019) ‘Metode Extreme Programming Dalam

Membangun Aplikasi Kos-Kosan Di Kota Bandar Lampung Berbasis Web’,

XVIII(2013), pp. 377–383.

Nestary, N. (2019) ‘Perancangan Sistem Informasi Penjualan Pada Toko Stock

Point Lily Berbasis PHP MySQL’, Journal of Chemical Information and Modeling,

53(9), pp. 1689–1699.

Nofyat, Ibrahim, A. and Ambarita, A. (2018) ‘Sistem Informasi Pengaduan

Pelanggan Air Berbasis Website Pada Pdam Kota Ternate’, IJIS - Indonesian

Journal On Information System, 3(1). doi: 10.36549/ijis.v3i1.37.

Nuryamin, Y. and Hermawan, H. (2017) ‘Perancangan Sistem Informasi Penjualan

Voucher Telekomunikasi PT. Telefast Indonesia dengan Gamu 1.30 Menggunakan

Metode Waterfall’, Simnasiptek, 1(1), pp. 218–224. Available at:

http://seminar.bsi.ac.id/simnasiptek/index.php/simnasiptek-

2017/article/view/144/144.

Putri, M. P. and Effendi, H. (2018) ‘Implementasi Metode Rapid Application

Page 71: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

62

Development Pada Website Service Guide “Waterfall Tour South Sumatera”’,

Jurnal SISFOKOM, 07(September), pp. 130–136.

Rahmanesa, B. S. dan A. (2018) ‘TEMATIK - Jurnal Teknologi Informasi Dan

Komunikasi Vol. 5, No. 2 Desember 2018’, Jurnal Teknologi Informasi Dan

Komunikasi Vol. 5, No. 2 Desember 2018, 5(2), pp. 68–77.

Rahmawati, E. and Rachmat (2018) ‘Perancangan Sistem Informasi Akademik

Berbasis Web ( Studi Kasus SMK Insan Madani )’, 4(1).

Ramadhan, R. F. and Mukhaiyar, R. (2020) ‘Penggunaan Database Mysql dengan

Interface PhpMyAdmin sebagai Pengontrolan Smarthome Berbasis Raspberry Pi’,

JTEIN: Jurnal Teknik Elektro Indonesia, 1(2), pp. 129–134. Available at:

http://jtein.ppj.unp.ac.id/index.php/JTEIN/article/view/55.

Ramadhani, T. S., Suryadi, S. and Irmayani, D. (2019) ‘Sistem Informasi Stok

Gudang Pada Platinum Hotel Berbasis Web’, Jurnal Informatika, 6(2), pp. 35–40.

doi: 10.36987/informatika.v6i2.745.

Risanurhaeni, 2015. Bootstrap - Mengisikan Gambar atau Icon pada Navbar.

[Online] Available at: http://risanurhaeni03skansa.blogspot.com [Accessed 23

December 2020].

Santoso, S. and Nurmalina, R. (2017) ‘Perencanaan dan Pengembangan Aplikasi

Absensi Mahasiswa Menggunakan Smart Card Guna Pengembangan Kampus

Cerdas (Studi Kasus Politeknik Negeri Tanah Laut)’, Jurnal Integrasi, 9(1), pp. 84–

91.

Simangunsong, P. B. N. &. S. S. B., 2019. Sistem Pendukung Keputusan Pemilihan

Dosen Berprestasi. 1st ed. s.l.:Yayasan Kita Menulis.

Sujana, C. and Darmansyah (2018) ‘Analisa Dan Perancangan Sistem Penjualan

Barang Berbasis Web Pada Pt. Asia Tiara’, Jurnal Interkom, 12(4), pp. 35–36.

Susilowati, S. and Tirta Negara, M. (2018) ‘Implementasi Model Rapid Aplication

Development (Rad) Dalam Perancangan Aplikasi E-Marketplace’, Maret, 15(1), p.

25. Available at: http://www.bsi.ac.id.

Syafarina, G. A. (2016) ‘Perancangan Aplikasi Inventory Barang Materials Dan

Product’, Technologia : Jurnal Ilmiah, 7(1), pp. 25–33.

Urva, G. et al. (2015) ‘Pemodelan UML E- Marketing Minyak Goreng’, (9), pp.

Page 72: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

63

92–101.

Wati, E. F. and Kusumo, A. A. (2016) ‘Penerapan metode unified modeling

language ( UML ) berbasis desktop pada sistem pengolahan kas kecil studi kasus

pada PT indo mada yasa tangerang’, Jurnal Informatika, 5(1), pp. 24–36. Available

at: https://journal.unsika.ac.id/index.php/syntax/article/view/699.

Yudhanto, Y. &. P. H. A., 2018. Panduan Mudah Belajar Framework Laravel. 1st

ed. Jakarta: PT Elex Media Komputindo.

Yuliana, K. and Azizah, N. (2019) ‘223-867-1-Pb’, Perancangan Rekapitulasi

Pengiriman Barang Berbasis Web, 9(1).

Page 73: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

64

LAMPIRAN - LAMPIRAN

L-1 Surat Keterangan Selesai Magang

Page 74: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

65

L-2 Form Logbook PKL

Page 75: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

66

(Lanjutan)

Page 76: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

67

(Lanjutan)

Page 77: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

68

(Lanjutan)

Page 78: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

69

L-3 Form Logbook Dosen Pembimbing

Page 79: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

70

(Lanjutan)

Page 80: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

71

L-4 User Requirement

Page 81: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

72

(Lanjutan)

Page 82: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

73

(Lanjutan)

Page 83: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

74

(Lanjutan)

Page 84: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

75

(Lanjutan)

Page 85: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

76

L-5 Gambaran Umum Perusahaan

Nama Perusahaan : PT. SKF Indonesia

Alamat : Jl. Tipar – Inspeksi Cakung Drain, RT.1 RW.9

Cakung Barat, Jakarta Timur, Daerah Khusus

Ibukota Jakarta 13910

Telepon : (021) 4605925

Website : https://www.skf.com/id

PT. SKF Indonesia adalah perusahaan manufaktur bearing yang terkemuka di

Indonesia untuk kendaraan bermotor roda dua dan roda empat, bagian dari SKF

Group (SKF AB Swedia) dan Astra Group (Astra Otoparts). PT. SKF Indonesia

merupakan salah satu perusahaan manufaktur yang bergerak di bidang Bearing

yang dimulai pada tahun 1928 di Surabaya. Awalnya PT. SKF Indonesia

berkembang melalui distributor yang bergerak di bidang pengadaan bearing untuk

pasar lokal di Surabaya. Pada saat itu, semua kebutuhan bearing dalam negeri masih

sangat bergantung dari hasil import, karena belum adanya pabrik penghasil bearing.

Lalu, semakin berkembangnya teknologi diikuti pula dengan semakin

meningkatnya permintaan konsumen akan kebutuhan bearing maka terciptalah

gagasan untuk mendirikan PT. SKF Indonesia. Penggagas pendiri PT. SKF

Indonesia ini adalah Bapak H. Wiratono. Sebagai seorang yang berpengalaman di

bidang ini, karena profesi beliau sebagai seorang distributor bearing, maka beliau

memutuskan untuk mengembangkan bisnis beliau dalam bidang manufaktur dan

mendirikan perusahaan manufaktur penghasil bearing. Dengan tujuan utama

mendirikan PT. SKF ini yaitu untuk memenuhi semua kebutuhan dan permintaan

bearing di dalam negeri, sehingga tidak perlu melakukan import.

Page 86: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

77

L-6 Dokumentasi Kegiatan PKL

Dokumentasi Proses Testing UAT di Departemen IT

Dokumentasi Hasil 5S di Departemen HRGA

Page 87: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

78

(Lanjutan)

Dokumentasi Kegiatan PKL

Dokumentasi Kegiatan PKL

Page 88: LAPORAN PRAKTIK KERJA LAPANGAN - PNJ

79

L-7 Data Wawancara dengan Pembimbing PKL

Kalvian : Apakah untuk sistem informasi inventory barang yang

Digunakan di PT. SKF Indonesia sebelumnya sudah

berbasis website?

Ririn Fatmasari : Belum, sistem inventory barang ini disebut dengan nama

ISA yaitu (Information System Application) dan sistem

masih berbasis desktop.

Kalvian : Ruang lingkup dalam sistem ISA ini mencakup barang

seperti apa bu?

Ririn Fatmasari : Sistem ISA hanya untuk data inventory perangkat-

perangkat komputer yang digunakan oleh karyawan baik

itu komponen dari hardware maupun software dan sistem

ini akan dikelola oleh admin IT.

Kalvian : Kendala apa saja yang dialami oleh sistem ISA saat ini?

Ririn Fatmasari : Kendalanya meliputi hilangnya source code pada program

ISA yang mengakibatkan sistem tersebut tidak dapat di

modifikasi atau dikembangkan lagi dan kami masih

memerlukan aplikasi atau software tambahan jika ingin

reporting data laporan.

Kalvian : Terimakasih bu atas informasinya.