Hak cipta dan penggunaan kembali:
Lisensi ini mengizinkan setiap orang untuk menggubah, memperbaiki, dan membuat ciptaan turunan bukan untuk kepentingan komersial, selama anda mencantumkan nama penulis dan melisensikan ciptaan turunan dengan syarat yang serupa dengan ciptaan asli.
Copyright and reuse:
This license lets you remix, tweak, and build upon work
non-commercially, as long as you credit the origin creator
and license it on your new creations under the identical
terms.
BAB III
PELAKSANAAN KERJA MAGANG
3.1 Kedudukan dan Koordinasi
Kedudukan peserta magang di perusahaan PT. Jaya Putra Multiguna adalah sebagai intern programmer. Tanggung jawab selama pelaksanaan kerja magang diberikan langsung oleh bapak Nanang Harianto selaku head of engineer dan project manager dari PT. Jaya Putra Multiguna, Intern programmer bertanggung jawab dalam pembuatan dan implementasi web service, pengembangan modul admin dan debugging apabila terdapat kesalahan pemrograman pada website pemadamapionline.
Selama proses pengerjaan, Project Manager akan memantau dan melakukan kontrol berupa kesesuaian fitur dan pengecekan kesalahan yang mungkin terjadi. Jika saat evaluasi terdapat bagian yang tidak sesuai, maka perubahan yang telah dilakukan akan diperlihatkan dan didemokan lagi pada rapat evaluasi selanjutnya yang diadakan setiap minggunya.
3.2 Tugas yang Dilakukan
Tugas yang diberikan oleh pembimbing lapangan selama melakukan kerja magang di PT. Jaya Putra Multiguna adalah melakukan pengembangan modul pada sisi admin yaitu kategori artikel, artikel dan product dengan fungsinya yaitu create, read, update, Delete dan membuat web service artikel untuk penanganan request dan reply dari sisi halaman user. Berikut rincian pekerjaan yang dilakukan di PT Jaya Putra Multiguna.
Tabel 3.1 Rincian Pelaksanaan Kerja Magang Tiap Minggu Minggu Ke Pekerjaan yang Dilakukan
1 Instalasi PHP framework Laravel 5.7 dan XAMPP
Memahami penggunaan framework Laravel 2 Mempelajari struktur website pemadamapionline
Mempelajari struktur database pemadamapionline
Melakukan pengintegrasian secara localhost
3 - 4 Membuat dan mengimplementasikan webservice artikel pada halaman user
Melakukan testing
Pembetulan Error
5 Mempelajari struktur admin panel pada pemadamapionline
Mempelajari struktur database pemadamapionline 6 - 10 Mengembangkan modul kategori artikel dan artikel
pada halaman admin
Melakukan testing
Pembetulan Error
10 - 12 Mengembangkan modul produk pada halaman admin
Melakukan testing
Pembetulan Error 13 Perbaikan bugs
Merapikan codingan
Membuat dokumentasi
3.3 Proses Pelaksanaan Kerja Magang
Dalam proses pembuatan web service artikel, modul kategori artikel, modul artikel dan modul product diperlukan beberapa software dan hardware yang digunakan sebagai berikut.
1. Framework Laravel 5.7 2. Xampp v3.2.2
3. Google Chrome 4. Visual Studio Code
5. Sistem Operasi Windows 10 Home (64 Bit)
Hardware yang digunakan adalah Acer Predator Helios 300 dengan spesifikasi sebagai berikut.
1. Prosessor Intel Core i7 7700HQ 2. RAM 16 GB
3. Hardisk 1TB
4. Nvidia GTX 1060 6 GB 3.3.1 Modul Kategori Artikel
A. User Requirement
Pengembangan modul kategori artikel bertujuan sebagai pengklasifikasi jenis – jenis artikel. Terdapat beberapa spesifikasi yang harus dipenuhi yaitu sebagai berikut.
1. Membuat sebuah fungsi dan form untuk create, read, update, dan delete.
2. Penggunaan fungsi bulk action delete.
3. Penggunaan fungsi pagination.
B. Perancangan Modul Kategori Artikel
Gambar 3.1 Flowchart Utama Modul Kategori Artikel
Gambar 3.1, Modul kategori memiliki beberapa fitur. Fitur yang dijalankan pertama kali adalah mengambil data kategori artikel pada database do_kategori_artikel. Fitur lain pada kategori artikel adalah menambah kategori artikel, mengubah kategori artikel, dan menghapus kategori artikel.
Gambar 3.2 Flowchart Insert Modul Kategori Artikel
Alur proses Insert modul kategori artikel terlihat pada Gambar 3.2, ketika akan melakukan proses Insert, User akan dicek melalui modul sentinel permission yang telah disediakan oleh perusahaan, apakah memiliki otoritas untuk menambahkan data atau tidak, jika ya data akan ditambahkan pada database do_kategori_article jika tidak proses akan langsung berakhir.
Gambar 3.3 Flowchart Update Modul Kategori Artikel
Alur proses Update modul kategori artikel terlihat pada Gambar 3.3, ketika akan melakukan proses update, User akan dicek apakah memiliki otoritas untuk mengubah data atau tidak, jika ya data akan diperbaharui jika tidak proses akan langsung berakhir.
Gambar 3.4 Flowchart Delete Modul Kategori Artikel
Alur proses delete modul kategori artikel terlihat pada Gambar 3.4, ketika akan melakukan proses delete, User akan dicek apakah memiliki otoritas untuk menghapus data atau tidak, jika ya maka akan muncul modal konfirmasi berikutnya, apakah data jadi dihapus jika ya data akan terhapus jika tidak proses akan langsung berakhir.
C. Struktur Tabel
1. Tabel do_kategori_artikel
Tabel do_kategori_artikel menyimpan data kategori artikel yang berfungsi untuk mengklasifikasikan jenis – jenis artikel.
Tabel 3.2 Struktur Tabel do_kategori_artikel
No Nama Kolom Tipe data Keterangan
1 kategori_id int(11) Primary key dan
auto_increment 2 kategori_nama varchar(255)
3 kategori_seo varchar(255) 4 kategori_meta varchar(255) 5 kategori_sort int(11)
6 kategori_publish enum(‘Y’,’T’)
D. Implementasi
Gambar 3.5 Tampilan Halaman Awal Modul Kategori Artikel
Pada Gambar 3.5, modul kategori artikel menampilkan sebuah tabel yang berisi sebuah daftar kategori artikel yang sudah terdaftar dengan fungsi pagination.
Di dalam tabel tersebut, admin dapat melakukan manipulasi data yang terpilih, seperti meng-edit, menambahkan dan menghapus data.
Gambar 3.6 Tampilan Form Add Kategori Artikel
Pada Gambar 3.6, modul kategori artikel menampilkan sebuah form yang diperlukan admin saat meng-input data yang dibutuhkan agar dapat menambahkan data ke dalam database.
Gambar 3.7 Tampilan Form Edit Kategori Artikel
Pada Gambar 3.7, modul kategori artikel menampilkan sebuah form yang diperlukan admin saat ingin meng-edit data yang dibutuhkan agar dapat mengubah data yang ada dalam database.
Gambar 3.8 Tampilan Form Delete Kategori Artikel
Pada Gambar 3.8, modul kategori artikel menampilkan sebuah modal yang muncul untuk melakukan verifikasi ulang dengan tindakan menghapus kategori artikel, Admin dapat melakukan delete beberapa artikel secara langsung melalui bulk action lalu delete dan melakukan konfirmasi yes.
3.3.2 Modul Artikel A. User Requirement
Pengembangan modul artikel bertujuan untuk dapat mengelola dan memanajemen artikel – artikel yang ada. Terdapat beberapa spesifikasi yang harus dipenuhi yaitu sebagai berikut.
1. Membuat sebuah fungsi dan form untuk create, read, update, dan delete.
2. Penggunaan fungsi bulk action delete.
3. Penggunaan fungsi pagination.
B. Perancangan Modul Artikel
Gambar 3.9 Flowchart Utama Modul Artikel
Gambar 3.9, Modul artikel memiliki beberapa fitur. Fitur yang dijalankan pertama kali adalah mengambil data kategori artikel dan isi artikel pada database do_kategori_artikel dan do_artikel. Fitur lain pada modul artikel adalah menambah artikel, mengubah artikel, dan menghapus artikel.
Gambar 3.10 Flowchart Insert Modul Artikel
Alur proses Insert modul artikel terlihat pada Gambar 3.10, ketika akan melakukan proses Insert, User akan dicek melalui modul sentinel permission yang telah disediakan oleh perusahaan, apakah memiliki otoritas untuk menambahkan data atau tidak, jika ya data akan ditambahkan pada database do_article jika tidak proses akan langsung berakhir.
Gambar 3.11 Flowchart Update Modul Artikel
Alur proses Update modul artikel terlihat pada Gambar 3.11, ketika akan melakukan proses update, User akan dicek apakah memiliki otoritas untuk mengubah data atau tidak, jika ya data akan diperbaharui jika tidak proses akan langsung berakhir.
Gambar 3.12 Flowchart Delete Modul Artikel
Alur proses delete modul kategori artikel terlihat pada Gambar 3.12, ketika akan melakukan proses delete, User akan dicek apakah memiliki otoritas untuk
menghapus data atau tidak, jika ya maka akan muncul modal konfirmasi berikutnya, apakah data jadi dihapus jika ya data akan terhapus jika tidak proses akan langsung berakhir.
C. Database Schema
Gambar 3.13 Database Schema Modul Artikel
D. Struktur Tabel
Dalam pengembangan modul artikel, terdapat dua tabel yang digunakan.
Tabel tersebut adalah tabel do_kategori_artikel dan tabel do_artikel. Berikut detail dari kedua tabel tersebut.
1. Tabel do_kategori_artikel
Tabel ini menyimpan data kategori artikel yang berfungsi untuk mengklasifikasikan jenis – jenis artikel.
Tabel 3.3 Struktur Tabel do_kategori_artikel
No Nama Kolom Tipe data Keterangan
1 kategori_id int(11) Primary key dan
auto_increment 2 kategori_nama varchar(255)
3 kategori_seo varchar(255) 4 kategori_meta varchar(255) 5 kategori_sort int(11)
6 kategori_publish enum(‘Y’,’T’)
2. Tabel do_artikel
Tabel ini berisi data seputar artikel yang akan ditampilkan di halaman berita dan halaman utama.
Tabel 3.4 Struktur Tabel do_artikel
No Nama Kolom Tipe data Keterangan
1 artikel_id Int(11) Primary Key dan
auto_increment
2 kategori_id Int(11) Foreign Key
3 artikel_judul Varchar(255) 4 Artikel_meta Varchar(255)
5 artikel_seo Varchar(255)
6 artikel_tanggal date
7 artikel_gambar Varchar(255)
8 artikel_isi text
9 artikel_sort Int(11)
10 artikel_publish Enum(‘Y’,’T’)
E. Implementasi
Gambar 3.14 Tampilan Halaman Awal Modul Artikel
Pada Gambar 3.14, modul artikel menampilkan sebuah tabel yang berisi sebuah daftar artikel yang sudah terdaftar dengan fungsi pagination. Di dalam tabel tersebut, admin dapat melakukan manipulasi data yang terpilih, seperti meng-edit, menambahkan dan menghapus data.
Gambar 3.15 Tampilan Form Add Artikel
Gambar 3.16 Tampilan Form Add Artikel
Pada Gambar 3.15 dan Gambar 3.16, modul artikel menampilkan sebuah form yang diperlukan admin saat meng-input data yang dibutuhkan agar dapat menambahkan data ke dalam database.
Gambar 3.17 Tampilan Form Edit Artikel
Pada Gambar 3.17, modul artikel menampilkan sebuah form yang diperlukan admin saat ingin meng-edit data yang dibutuhkan agar dapat mengubah data yang ada dalam database.
Gambar 3.18 Tampilan Form Delete Kategori Artikel
Pada Gambar 3.18, modul artikel menampilkan sebuah modal yang muncul untuk melakukan verifikasi ulang dengan tindakan menghapus kategori artikel, Admin dapat melakukan delete beberapa artikel secara langsung melalui bulk action lalu delete dan melakukan konfirmasi yes.
3.3.3 Modul Product A. User Requirement
Pengembangan modul product bertujuan untuk dapat mengelola dan memanajemen produk - produk yang ada. Terdapat beberapa spesifikasi yang harus dipenuhi yaitu sebagai berikut.
1. Membuat sebuah fungsi dan form untuk create, read, update, dan delete.
2. Penggunaan fungsi bulk action delete.
3. Penggunaan fungsi pagination.
B. Perancangan Modul Product
Gambar 3.19 Flowchart Utama Modul Product
Gambar 3.19, Modul product memiliki beberapa fitur. Fitur yang dijalankan pertama kali adalah mengambil data kategori product dan informasi product pada database do_kategori dan do_produk. Fitur lain pada modul produk adalah menambah produk, mengubah produk, dan menghapus produk.
Gambar 3.20 Flowchart Insert Modul Product
Alur proses Insert modul artikel terlihat pada Gambar 3.20, ketika akan melakukan proses Insert, User akan dicek melalui modul sentinel permission yang
telah disediakan oleh perusahaan, apakah memiliki otoritas untuk menambahkan data atau tidak, jika ya data akan ditambahkan pada database do_produk jika tidak proses akan langsung berakhir.
Gambar 3.21 Flowchart Update Modul Product
Alur proses Update modul artikel terlihat pada Gambar 3.21, ketika akan melakukan proses update, User akan dicek apakah memiliki otoritas untuk
mengubah data atau tidak, jika ya data akan diperbaharui jika tidak proses akan langsung berakhir.
Gambar 3.22 Flowchart Delete Modul Product
Alur proses delete modul product terlihat pada Gambar 3.22, ketika akan melakukan proses delete, User akan dicek apakah memiliki otoritas untuk
menghapus data atau tidak, jika ya maka akan muncul modal konfirmasi berikutnya, apakah data jadi dihapus jika ya data akan terhapus jika tidak proses akan langsung berakhir.
B. Database Schema
Gambar 3.23 Database Schema Modul Product
C. Struktur Tabel
Dalam pengembangan modul product, terdapat dua tabel yang digunakan.
Tabel tersebut adalah tabel do_produk dan tabel do_kategori. Berikut detail dari kedua tabel tersebut.
1. Tabel do_produk
Tabel ini berisi data - data produk yang akan ditampilkan di halaman user sebagai katalog dan halaman admin untuk melakukan manajemen.
Tabel 3.5 Struktur Tabel do_produk
No Nama Kolom Tipe data Keterangan
1 produk_id int(11) Primary key dan
auto_increment
2 kategori_id Int(11) Foreign Key
3 Produk_nama varchar(100)
4 Produk_seo varchar(100)
5 Produk_meta int(225)
6 Produk_keyword Varchar(200)
7 Produk_harga Int(10)
8 Produk_diskon Int(10)
9 Produk_berat Int(10)
10 Produk_gambar Varchar(100) 11 Produk_highlight Text
12 Produk_deskripsi Text
13 Produk_stock enum(‘Y’,’T’) 14 Produk_unggulan enum(‘Y’,’T’) 15 Produk_publish enum(‘Y’,’T’) 16 Produk_tanggal Date
17 Produk_sort Int(5)
2. Tabel do_kategori
Tabel ini berisi data kategori produk yang berfungsi untuk mengklasifikasikan jenis – jenis produk yang ada.
Tabel 3.6 Struktur Tabel do_artikel
No Nama Kolom Tipe data Keterangan
1 kategori_id Int(11) Primary Key dan
auto_increment 2 kategori_induk Int(11)
3 kategori_nama Varchar(150) 4 kategori_nama_panjang Varchar(225) 5 kategori_deskripsi Text
6 kategori_seo Varchar(150)
7 kategori_meta text
8 kategori_sort Int(10)
9 kategori_publish Enum(‘Y’,’T’)
D. Implementasi
Gambar 3.24 Tampilan Halaman Awal Modul Product
Pada Gambar 3.24, modul product menampilkan sebuah tabel yang berisi sebuah daftar produk yang sudah terdaftar dengan fungsi pagination. Di dalam tabel
tersebut, admin dapat melakukan manipulasi data yang terpilih, seperti meng-edit, menambahkan dan menghapus data.
Gambar 3.25 Tampilan Form Add Product
Pada Gambar 3.25, modul product menampilkan sebuah form yang diperlukan admin saat meng-input data yang dibutuhkan agar dapat menambahkan data ke dalam database.
Gambar 3.26 Tampilan Form Edit Product
Pada Gambar 3.26, modul product menampilkan sebuah form yang diperlukan admin saat ingin meng-edit data yang dibutuhkan agar dapat mengubah data yang ada dalam database.
Gambar 3.27 Tampilan Form Delete Product
Pada Gambar 3.27, modul product menampilkan sebuah modal yang muncul untuk melakukan verifikasi ulang dengan tindakan menghapus produk, Admin dapat melakukan delete beberapa artikel secara langsung melalui bulk action lalu delete dan melakukan konfirmasi yes.
3.3.4 Web Service Artikel A. User Requirement
Pengembangan web service artikel bertujuan untuk dapat memberikan reply pada request user dengan menampilkan artikel yang ada sesuai dengan kategorinya.
Terdapat beberapa spesifikasi yang harus dipenuhi yaitu sebagai berikut.
1. Melakukan fungsi read artikel.
2. Penggunaan fungsi pagination.
B. Perancangan Web Service Artikel
Gambar 3.28 Flowchart Web Service Artikel
Pada Gambar 3.28, Web Service mengambil data dari database do_artikel dan do_kategori_artikel yang berisikan informasi kategori artikel dan isi artikel untuk ditampilkan pada halaman user.
C. Database Schema
Pada Gambar 3.29, menunjukan hubungan relasi antara tabel do_artikel dengan tabel do_kategori_artikel yang akan digunakan untuk mengambil keseluruhan data artikel dan dikelompokan sesuai dengan kategori artikelnya.
Gambar 3.29 Database Schema Web Service Artikel
D. Struktur Tabel
Dalam pengembangan web service artikel, terdapat dua tabel yang digunakan. Tabel tersebut adalah tabel do_kategori_artikel dan tabel do_artikel.
Berikut detail dari kedua tabel tersebut.
1. Tabel do_kategori_artikel
Tabel ini menyimpan data kategori artikel yang berfungsi untuk mengklasifikasikan jenis – jenis artikel.
Tabel 3.7 Struktur Tabel do_kategori_artikel
No Nama Kolom Tipe data Keterangan
1 kategori_id int(11) Primary key dan
auto_increment 2 kategori_nama varchar(255)
3 kategori_seo varchar(255) 4 kategori_meta varchar(255) 5 kategori_sort int(11)
6 kategori_publish enum(‘Y’,’T’)
2. Tabel do_artikel
Tabel ini berisi data seputar artikel yang akan ditampilkan di halaman berita dan halaman utama.
Tabel 3.8 Struktur Tabel do_artikel
No Nama Kolom Tipe data Keterangan
1 artikel_id Int(11) Primary Key dan
auto_increment
2 kategori_id Int(11) Foreign Key
3 artikel_judul Varchar(255) 4 Artikel_meta Varchar(255)
5 artikel_seo Varchar(255)
6 artikel_tanggal date
7 artikel_gambar Varchar(255)
8 artikel_isi text
9 artikel_sort Int(11)
10 artikel_publish Enum(‘Y’,’T’)
E. Implementasi
Gambar 3.30 Tampilan Kategori Artikel (info)
Gambar 3.31 Tampilan Kategori Artikel (Artikel)
Gambar 3.32 Tampilan Kategori Artikel (Promo)
Pada Gambar 3.30, Gambar 3.31, Gambar 3.32 web service artikel menampilkan sejumlah artikel yang sudah dikelompokan sesuai dengan kategorinya masing-masing. Terdapat 3 pilihan di bagian kiri yaitu page info yang berisikan seputar tabung pemadam api dan pemahamanya secara umum, page artikel yang berisikan pemahaman yang lebih mendalam mengenai jenis pemadam api, kelebihan, kekurangan, cara merawat, dan sebagainya, page promo berisikan informasi dan tawaran harga yang menarik.
Gambar 3.33 Tampilan isi Artikel
Pada Gambar 3.33, web service artikel menampilkan isi dari artikel yang dipilih user.
3.3.5 Kendala yang Dihadapi
Kendala yang dihadapi dalam pelaksanaan kerja magang adalah sebagai berikut.
1. Keterbatasan dokumentasi dari programmer sebelumnya sehingga penulisan coding terlihat tidak teratur.
2. Minimalnya dasar pengetahuan mengenai framework laravel, sehingga membutuhkan waktu lebih untuk beradaptasi.
3.3.6 Solusi Atas Kendala yang Dihadapi
Solusi atas kendala yang dihadapi dalam pelaksanaan kerja magang adalah sebagai berikut.
1. Membuat beberapa pertanyaan terkait modul dan web service yang dikerjakan kepada Project Manager lapangan.
2. Mencari sumber belajar yang terstruktur mengenai framework laravel sehingga tidak memakan banyak waktu.