laporan praktik kerja lapangan perancangan …
TRANSCRIPT
LAPORAN
PRAKTIK KERJA LAPANGAN
PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN BERBASIS
WEBSITE MENGGUNAKAN FRAMEWORK LARAVEL
MENU DASHBOARD DAN PELANGGAN
PRIMA AGHNIA ADIYATI
4817070196
PROGRAM STUDI TEKNIK INFORMATIKA
JURUSAN TEKNIK INFORMATIKA DAN KOMPUTER
DEPOK
2020
i
HALAMAN PENGESAHAN
LAPORAN PRAKTIK KERJA LAPANGAN
a. Judul : Perancangan Aplikasi Pengelolaan Penjualan
Berbasis Website Menggunakan Framework
Laravel Menu Dashboard dan Pelanggan
b. Penyusun
1) Nama : Prima Aghnia Adiyati
2) NIM : 4817070196
c. Program Studi : Teknik Informatika
d. Jurusan : Teknik Informatika dan Komputer
e. Waktu Pelaksanaan : 9 September 2020 s.d 8 Desember 2020
f. Tempat Pelaksanaan : PT Atur Toko Solusi Indonesia
Metropolitan Tower, lantai 2. Kelurahan
Cilandak Barat, Kecamatan Cilandak, Jakarta
Selatan. 12430
Jakarta, 21 Desember 2020
Pembimbing PNJ
Pembimbing Perusahaan
Euis Oktavianti, S.Si., M.T.I.
NIP. 23072014090119801027
Christiono Hendrawan, S.Kom
Mengesahkan,
KPS Teknik Informatika,
(Risna Sari, S.Kom., M.T.I.)
NIP. 198502272015042001
ii
KATA PENGANTAR
Puji Syukur saya panjatkan kepada Allah SWT, 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. Ibu Euis Oktavianti, S.Si., M.T.I., selaku dosen pembimbing yang telah
menyediakan waktunya dalam mengarahkan dan membimbing penulis dalam
menyelesaikan Praktik Kerja Lapangan serta pembuatan laporan.
b. PT. Atur Toko Solusi Indonesia yang telah memberi kesempatan kepada penulis
untuk melaksanakan Praktik Kerja Lapangan.
c. Pembimbing Praktik Kerja Lapangan, yaitu Pak Christiono Hendrawam yang
telah banyak memberikan pengetahuan seputar ilmu terkait project Praktik Kerja
Lapangan.
d. Orang tua dan keluarga penulis yang telah memberikan bantuan dukungan secara
moral maupun material.
e. Ardhelia Erwanda yang telah banyak membantu penulis dalam menyelesaikan
laporan Praktik Kerja Lapangan ini.
Akhir kata, penulis berharap Allah SWT berkenan membalas segala kebaikan semua
pihak yang telah membantu. Semoga laporan Praktik Kerja Lapangan ini membawa
manfaat bagi pengembangan ilmu.
Depok, 21 Desember 20120
Prima Aghnia Adiyati
iii
DAFTAR ISI
HALAMAN PENGESAHAN ........................................................................................ i
KATA PENGANTAR .................................................................................................. ii
DAFTAR ISI ................................................................................................................ iii
PENDAHULUAN ........................................................................................................ 1
1.1 Latar Belakang Kegiatan .............................................................................................. 1
1.2 Ruang Lingkup Kegiatan ............................................................................................. 2
1.3 Waktu dan Tempat Pelaksanaan .................................................................................. 2
1.4 Tujuan dan Kegunaan .................................................................................................. 2
1.4.1 Tujuan ......................................................................................................................... 3
1.4.2 Kegunaan .................................................................................................................... 3
TINJAUAN PUSTAKA .............................................................................................. 4
2.1 Website Pengelolaan Pejualan .................................................................................... 4
2.1.1 Website ........................................................................................................................ 4
2.1.2 Pengelolaan Penjualan ................................................................................................ 4
2.2 Rapid Application Development (RAD) ..................................................................... 4
2.2.1 Requirement Planning ................................................................................................. 5
2.2.2 System Design ............................................................................................................ 5
2.2.3 Implementasi ............................................................................................................. 11
2.3 Fitur Chart dan Pelanggan......................................................................................... 11
2.4 Penelitian Sejenis ...................................................................................................... 12
HASIL PELAKSANAAN PKL ................................................................................ 14
3.1 Unit Kerja PKL .......................................................................................................... 14
3.2 Uraian Praktik Kerja Lapangan ................................................................................. 15
3.3 Pembahasan Hasil PKL Perencanaan.............................................................. 17
3.3.1 Requirement ............................................................................................................... 17
3.3.2 Design ........................................................................................................................ 18
3.3.3 Implementasi .............................................................................................................. 29
1. Modul Login ............................................................................................................... 29
2. Modul Dashboard ....................................................................................................... 29
3. Modul Daftar Pelanggan ............................................................................................. 30
iv
4. Modul Group Pelanggan ............................................................................................. 30
5. Modul Group Harga Special ....................................................................................... 31
3.4 Identifikasi Masalah Yang Dihadapi ........................................................................... 32
PENUTUP .............................................................................................................................. 33
4.1 Kesimpulan ................................................................................................................. 33
4.2 Saran ........................................................................................................................... 33
DAFTAR PUSTAKA ............................................................................................................ 34
LAMPIRAN
v
DAFTAR GAMBAR
Gambar 2. 1 Rapid Apllication Development ............................................................. 5
Gambar 2. 2 Use Case Diagram .................................................................................. 7
Gambar 2. 3 Activity Diagram ..................................................................................... 8
Gambar 2. 4 Sequence Diagram .................................................................................. 9
Gambar 2. 5 Class Diagram ...................................................................................... 10
Gambar 3. 1 Struktur Organisasi Perusahaan ............................................................ 14
Gambar 3. 2 Diagram Use Case Website Pengelolaan .............................................. 18
Gambar 3. 3 Diagram Activity login Website Pengelolaan ....................................... 19
Gambar 3. 4 Diagram Activity Melihat Data ............................................................ 20
Gambar 3. 5 Diagram Activity Menambah Data....................................................... 21
Gambar 3. 6 Diagram Activity Mengedit Data ........................................................ 22
Gambar 3. 7 Diagram Activity Menghapus Data ...................................................... 23
Gambar 3. 8 Diagram Sequence Login ..................................................................... 24
Gambar 3. 9 Diagram Sequence Daftar Pelanggan .................................................. 25
Gambar 3. 10 Diagram Sequence Group pelanggan ................................................ 26
Gambar 3. 11 Diagram Sequence Group Harga Special .......................................... 27
Gambar 3. 12 Diagram Class .................................................................................... 28
Gambar 3. 13 Modul Login ...................................................................................... 29
Gambar 3. 14 Modul Dashboard .............................................................................. 29
Gambar 3. 15 Modul Data Pelanggan ...................................................................... 30
Gambar 3. 17 Modul Group Harga Special .............................................................. 31
vi
DAFTAR TABLE
Table 2.4 Penelitian Sejenis ................................................................................................. 12
1
BAB I
PENDAHULUAN
1.1 Latar Belakang Kegiatan
PT Atur Toko Solusi Indonesia, merupakan perusahaan yang bergerak dalam bidang
teknologi khususnya menyediakan solusi bisnis secara online (AturToko, 2020).
Melihat fenomena perkembangan dunia bisnis yang kini banyak menggunakan
teknologi dalam menjalankan bisnisnya, maka sangat selaras dengan latar belakang
perusahaan, sehingga dibuatlah website untuk mengelola penjualan produk sebagai
proyek Praktik Kerja Lapangan.
Website pengelolaan penjualan ini dilatar belakangi oleh banyaknya para seller yang
mempunyai toko online lebih dari satu, belum lagi memasarkan produknya dibeberapa
marketplace.Maka dari itu, terbentuklah website ini sebagai wadah mengelola
penjualan suatu produk secara sistematis agar para seller menjadi lebih efisien dalam
memonitor bisnisnya.
Melakukan pendataan secara manual rentan untuk kehilangan data-data penting (Laras,
2020). Pembuatan website pengelolaan penjualan barang berfokus untuk membantu
seller mengatur toko secara keseluruhan, baik dari mengelola daftar data karyawan,
produk, pelanggan, persentase pegawai dan juga invoice sehingga website ini hanya
dapat dijalankan oleh pihak toko atau disebut admin. Jika terdapat hak akses selain
admin mencoba untuk masuk ke dalam website, maka hanya akan diarahkan ke dalam
halaman dashboard dan tidak akan diarahkan ke dalam halaman data yang dimiliki
toko.
2
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
1.2 Ruang Lingkup Kegiatan
Pelaksanaan PKL ini peserta magang hanya melakukan hal yang berkaitan dengan
program studi teknik informatika mengingat latar belakang pendidikan yang sedang
ditempuh para peserta magang. Adapun ruang lingkup kegiatan dalam merancang
website penjualan produk ini yaitu:
a. Pembuatan website pengelolaan penjualan produk belum terhubung dengan
marketplace.
b. Pembuatan halaman dan fitur yang dimaksud adalah; Chart Pegawai serta
Pelanggan dengan 3 submenu yang terdiri dari daftar pelanggan, group pelanggan
dan group harga spesial.
Adapun tools yang digunakan untuk mengerjakan halaman dan fitur di atas antara lain:
a. Laravel versi 5.8
b. Xampp versi 7.4.11
c. Visual Studio Code
d. PhpMyAdmin versi 4.8.0
1.3 Waktu dan Tempat Pelaksanaan
Waktu pelaksanaan kegiatan praktik kerja lapangan (PKL) ini dilaksanakan pada
tanggal 9 September 2020 sampai dengan 8 Desember 2020 bertempat di PT Aturtoko
Solusi Indonesia yang beralamat di Metropolitan Tower, lantai 2. Kelurahan Cilandak
Barat, Kecamatan Cilandak, Jakarta Selatan. 12430. Pelaksaan Praktik Kerja Lapangan
dilakukan secara daring, setiap hari Senin sampai Jumat.
1.4 Tujuan dan Kegunaan
Sub bab ini akan dijelaskan tujuan dan kegunaan dari Praktik Kerja Lapangan
sebagaimana berikut.
3
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
1.4.1 Tujuan
Tujuan dari Praktik Kerja Lapangan ini adalah melakukan pembuatan website
pengelolaan penjualan produk yang diharapkan dapat memberikan kemudahan dan
keefisienan untuk para pemilik toko dalam mengelola penjualanannya.
1.4.2 Kegunaan
Adapun kegunaan pembuatan proyek pada kegiatan Praktik Kerja Lapangan ini
yaitu:
a. Pembuatan modul login dibedakan menjadi 2 hak akses.
b. Fitur chart dapat melihat persentase jumlah pegawai berdasarkan jenis kelamin
sebagai bahan penimbangan dalam merekrut pegawai.
c. Fitur CRUD dan count dapat digunakan untuk mengelola data pelanggan,
group pelanggan dan harga special.
4
BAB II
TINJAUAN PUSTAKA
2.1 Website Pengelolaan Pejualan
2.1.1 Website
Website atau situs dapat diartikan sebagai kumpulan halaman-halaman yang berasal
dari file-file berisi bahasa pemrograman yang saling berhubungan digunakan untuk
menampilkan informasi, gambar bergerak dan tidak bergerak, suara dan atau
gabungan dari semuanya itu baik yang bersifat statis maupun dinamis (Hendini,
2016).
2.1.2 Pengelolaan Penjualan
Pengelolaan merupakan Pengelolaan adalah proses yang membantu merumuskan
kebijaksanaan dan tujuan memberikan pengawasan pada semua hal yang terlibat
dalam pelaksanaan dan pencapaian tujuan (Hendini, 2016). Sedangkan penjualan
yaitu pemindahan hak milik atas barang atau pemberian jasa yang dilakukan
penjualan kepada pembeli dengan harga yang disepakati bersama (Prasetyo and
Susanti, 2016)
2.2 Rapid Application Development (RAD)
RAD merupakan model proses perangkat lunak yang menekankan pada daur
pengembangan hidup yang singkat. RAD merupakan versi adaptasi cepat dari
model waterfall, dengan menggunakan pendekatan konstruksi komponen. RAD
merupakan gabungan dari bermacam-macam teknik terstruktur dengan teknik
prototyping dan teknik pengembangan joint application untuk mempercepat
pengembangan aplikasi. Dari definisi konsep RAD ini, dapat dilihat bahwa
pengembangan aplikasi dengan menggunakan metode RAD dapat dilakukan dalam
waktu yang relatif lebih cepat (Puteri and Effendi, 2018).
5
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
Gambar 2. 1 Rapid Apllication Development
Sumber:(Kosasi, Studi and Informasi, 2015)
Ada tiga tahapan dalam metode RAD yang terstruktur dan saling bergantung pada
masing-masing tahapan, yaitu:
2.2.1 Requirement Planning
Tahapan pertama pada metode RAD yaitu perencanaan persyaratan yang bertujuan
untuk mengidentifikasi tujuan dari pembuatan aplikasi namun berorientasi pada
pemecahan masalah bisnis (E-marketplace, 2018)
2.2.2 System Design
Tahapan kedua pada metode RAD yaitu merancang desain sesuai dengan
kebutuhan aplikasi berisikan visual desain dan alur kerja aplikasi. Pada tahapan
system design membutuhkan Bahasa bertbetuk diagram memberikan gambaran cara
aplikasi bekerja (E-marketplace, 2018).
2.2.2.1 Unified Modeling Language (UML)
UML adalah salah satu standar mendefinisikan requirement, membuat analisis dan
desain, serta menggambarkan arsitektur dalam pemrograman berorientasi objek.
Dengan adanya UML akan lebih memudahkan manusia khusus nya developer
dalam memvisualisasikan proses pengembangan sebuah sistem perangkat lunak,
6
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
sama seperti penggunaan denah (blueprint) dalam pembuatan bangunan. Sekarang
UML sudah banyak digunakan oleh para developer dalam merancangkan maupun
mengembangkan sebuah sistem.(Hendini, 2016). a Use Case Diagram
Use case diagram merupakan pemodelan untuk kelakuan (behavior) aplikasi atau
sistem yang akan dibuat. Use case digunakan untuk mengetahui fungsi apa saja
yang ada di dalam sistem informasi dan siapa saja yang berhak menggunakan
fungsi-fungsi tersebut (Ade, 2016).
Tujuan utama pemodelan use case adalah (Yunita & Devitra, 2017) :
a) Mendeskripsikan kebutuhan-kebutuhan fungsional system
b) Memberikan deskripsi yang jelas dan konsisten sehingga model use case
digunakan diseluruh proses pengembangan dan sebagai bahan acuan untuk
pemodelan pengembangan selanjutnya
c) Menyediakan basis untuk melakukan pengajuan sistem dan menguji apakah
sistem telah memberikan fungsionalitas yang diminta
d) Menyederhanakan perubahan dan ekstensi ke sistem serta melacak kebutuhan
fungsionalitas yang menjadi kelas-kelas dan operasi-operasi aktual di system
Sebagai gambaran mengenai kelakukan (behavior) aplikasi yang dibuat, maka pada
Gambar 2.2 tersedia use case yang hampir serupa dengan pembuatan website ini.
Terdapat 2 jenis pengguna yang dapat menggunakan website yaitu karyawan. dan
untuk pengelola website disebut admin. Untuk karyawan hanya dapat mengakses
beranda namun untuk operator dapat mengelola data seperti tambah, edit, update
dan hapus. Sama seperti use case di bawah ini administrator berperan sebagai
operator sedangkan pengunjung berperan sebagai pegawai.
7
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
Gambar 2. 2 Use Case Diagram
Sumber:(Puteri and Effendi, 2018)
b Acitivity Diagram
Activity Diagram menggambarkan workflow (aliran kerja) atau aktivitas dari sebuah
sistem atau proses bisnis. Perlu diperhatikan bahwa diagram aktivitas
menggambarkan aktivitas sistem bukan apa yang dilakukan oleh aktor, jadi
aktivitas yang dilakukan oleh sistem (Yunita & Devitra, 2017).
Sebagai gambaran untuk menggambarkan aliran kerja, pada Gambar 2. Tersedia
activity diagram yang sejenis. Pada diagram di bawah ini admin berperan sebagai
admin yang dapat mengakses halaman karyawan, bedanya pada aliran kerja admin
tidak hanya menampilkan halaman karyawan namun dapat mengelolanya.
8
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
Sumber:(Puteri and Effendi, 2018)
c Sequence Diagram
Sequence diagram atau diagram urutan menggambarkan kelakuan objek pada use
case dengan mendeskripsikan waktu hidup objek dan pesan yang dikirimkan dan
diterima antar objek.
Sequence diagram kurang mampu untuk menjelaskan sebuah detail algoritma tapi
sangat tepat untuk memeperlihatkan dengan jelas bagaimana urutan kejadian suatu
proses karena didalamnya terlihat interaksi beberapa objek (Winata & Setiawan,
2013).
Sebagai gambaran urutan dari behavior objek, pada Gambar 2. tersedia sequence
diagram yang serupa. Pada diagram di bawah admin dibawa ke halaman index
karyawan lalu dilanjutkan ke form data karyawan yang dapat mengelola data
dengan fitur create, edit dan delete.
Gambar 2. 3 Activi ty Diagram
9
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
Sumber:(Puteri and Effendi, 2018)
d Class Diagram
Merupakan hubungan antar kelas dan penjelasan detail tiap-tiap kelas di dalam
model desain dari suatu sistem, juga memperlihatkan aturan-aturan dan tanggung
jawab entitas yang menentukan perilaku sistem. Class Diagram juga menunjukkan
atribut-atribut dan operasi-operasi dari sebuah kelas dan constraint yang
berhubungan dengan objek yang dikoneksikan. Class Diagram secara khas meliputi
: Kelas (Class), Relasi Assosiations, Generalitation dan Aggregation, attribut
(Attributes), operasi (operation/method) dan visibility, tingkat akses objek eksternal
kepada suatu operasi atau attribut. Hubungan antar kelas mempunyai keterangan
yang disebut dengan Multiplicity atau Cardinality (Ade Hendini, 2016).
Gambar 2. 4 Sequence Diagram
10
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
Gambar 2. 5 Class Diagram
(Sumber:(Puteri and Effendi, 2018))
2.2.2.2 Framework Laravel
Framework secara sederhana dapat diartikan kumpulan dari fungsi-fungsi/prosedur-
prosedur dan class-class untuk tujuan tertentu yang sudah siap digunakan sehingga
bisa lebih mempermudah dan mempercepat pekerjaan seorang programmer, tanpa
harus membuat fungsi atau class dari awal (Mualim and Putra, 2017). Laravel adalah
framework berbasis PHP yang sifatnya open source, dan menggunakan konsep
model-view-controller (Mediana, 2018).
2.2.2.3 Bootstrap
Bootstrap merupakan sebuah framework yang dapat menyelesaikan permasalahan
dalam mendesain web. Slogan dari framework ini adalah “Sleek, intuitive,
andpowerful front-end framework for faster and easierweb development”, yang
berarti kita dapat mendesainsebuah website dengan lebih rapi, cepat dan
mudah.(Zakir, 2016)
11
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
2.2.3 Implementasi
Tahap implementasi merupakan tahap terakhir dari metode RAD, pada tahap ini
penganalisis berkerja dengan para pengguna secara intensif selama workshop
berlangsung, dan merancang beberapa aspek dan nonteknis yang dibutuhkan.
Segera setelah aspekaspek ini disetujui dan sistem-sistem dibangun dan disaring,
sistem-sistem baru atau bagian dari sistem diujicoba dan kemudian diperkenalkan
kepada organisasi (Hendini, 2016).
2.3 Fitur Chart dan Pelanggan
Pada bagian ini akan menjelaskan mengenai fitur yang telah dibuat pada pembuatan
website pengelolaan penjualan.
2.3.1 Fitur Chart
Google Charts merupakan media penyaji data ke dalam bentuk grafik yang
mendasar dan sederhana, yang digunakan untuk memvisualisasikan data. Selain itu
Google Charts juga memiliki banyak kelebihan seperti up-to-date, fleksibel, stabil,
dan serba guna (Rahardja, Aini and Faradilla, 2018)
Pembuatan fitur chart pada website ini bertujuan untuk mengetahui persentase
jumlah karyawan pada PT Atur Toko Solusi Indonesia berdasarkan jenis kelamin
sebagai bahan pertimbangan dalam merekrut karyawan kedepannya.
2.3.2 Fitur Pelanggan
Pembuatan fitur pelanggan pada website ini bertujuan untuk mendata daftar
pelanggan yang dapat sehingga dapat bergabung ke dalam group pelanggan dan
group harga special. Pada pembuatan menu pelanggan menggunakan fitur Create
Read Update Delete (CRUD).
12
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
2.4 Penelitian Sejenis
Table 2.1.4 Penelitian Sejenis
Nama Judul Terbit Teknologi Hasil
Ani Oktarini Sari,
Elan Nuari
RANCANG BANGUN SISTEM
INFORMASI PERSEDIAAN BARANG
BERBASIS WEB DENGAN METODE
FAST(FRAMEWORK FOR THE
APPLICATIONS)
2017
PHP, HTML serta MYSQL
Pengolahan data untuk keluar
masuk barang lebih efektif dan
efisien; pencarian data dapat
lebih efisien karena data sudah
teroganisir dengan baik sesuai
dengan level akses admin, sales
dan gudang; data persediaan
barang/stock barang dapat
terpantau dengan baik;
David Wahyu
Kuncoro, Bambang
Eka Purnama,
Indah
Uly Wardati
Sistem Kasir Dan Pendataan Stok Barang
Pada Tata Distro Pacitan
2015 PHP, MYSQL Dengan adanya sistem kasir dan
pendataan barang pada Tata
Distro Ploso Pacitan dapat
membantu proses pendataan
barang. Dengan adanya sistem
kasir dan pendataan barang pada
Tata Distro Ploso Pacitan yang
terkomputerisasi dapat
memudahkan pendataan barang.
13
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
Wildan Mualim,
Gema Ulama Putra
IMPLEMENTASI FRAMEWORK MVC
PADA SISTEM INFORMASI
AKADEMIK
DI STMIK YADIKA BANGIL
2017 Laravel, MySQL Hasil dari pembuatan system
informasi akademik
memudahkan dalam mendata,
Pembuatan system informasi
menggunakan framework
membuat lebih efisien dalam
pengkodeannya.
Muhammad Iqbal,
Ibnur Rusi dan
Ferdy Febriyanto
SISTEM INFORMASI INVENTARIS
BARANG BERBASIS WEB
MENGGUNAKAN LARAVEL
PADA DINAS KEPENDUDUKAN DAN
PENCATATAN SIPIL SINTANG
2019
Laravel, MySQL Pembuatan system informasi inventarisasi menghasilkan peningkatan layanan yang ada di Disdukcapil Sintang dalam hal
inventarisasi barang dari segi waktunya lebih cepat dari pada sistem sebelumnya dan mempermudah dalam pendataan dan pengelolaan inventaris barang di Disdukcapil Sintang
14
BAB III
HASIL PELAKSANAAN PKL
3.1 Unit Kerja PKL
PT Atur Toko Solusi Indonesia merupakan sebuah startup e-commerce enabler
yang berlokasi di Metropolitan Tower, lantai 2. Kecamatan Cilandak, Jakarta
Selatan telah bekerja sama dengan 6 martkeplace di Indonesia untuk menyediakan
layanan e-commerce terpadu dan konsultasi bisnis offline menjadi sebuah toko
online.
Pelaksaan Praktik Kerja Lapangan ini, para developer mempunyai mengerjakan
proyek yang berbeda salah satunya yaitu membuat aplikasi pengelolaan penjualan
berbasis website untuk memudahkan para pemilik toko dalam mengelola tokonya,
sesuai dengan latar belakang perusahaan yang menyediakan layanan jasa. Gambar
3.1 merupakan struktur organisasi PT Atur Toko Solusi Indonesia
Gambar 3. 1 Struktur Organisasi Perusahaan
15
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
3.2 Uraian Praktik Kerja Lapangan
Kegiatan Praktik Kerja Lapangan berlangsung selama 3 bulan, mulai dari tanggal
9 September 2020 hingga 8 Desember 2020 sebagai Web Developer yang diberi
proyek untuk membuat pengelolaan penjualan barang berbasis website. Pembuatan
website tersebut menggunakan bahasa pemrograman PHP yang mana banyak
digunakan untuk pengembangan website. Selain itu, pembuatan website tersebut
menggunakan framewok Laravel. Kegiatan Praktik Kerja Lapangan ini berlangsung
selama 3 bulan yang dibimbing oleh Chief Technology Officer (CTO) pada perusah
tersebut.
Berikut ini penjelasan tugas berdasarkan Log Book di PT Atur Toko Solusi
Indonesia setiap minggunya yaitu:
a. Minggu Pertama
Kegiatan pada minggu pertama kegiatan Praktik Kerja Lapangan dilaksanakan
mendapatkan proyek untuk mendesain mobile web AturToko dengan menggunakan
figma, terdiri dari splash screen, halaman masuk (sign in), halman daftar (sign up),
dashboard, form order, detail order, daftar order, produk dan form pengiriman.
Pembuatan desain mobile web ini berlangsung selama 2 pekan.
b. Minggu Kedua
Kegiatan pada minggu kedua yaitu mengimplementasikan desain mobibile web
yang telah dibuat pada minggu sebelumnya menggunakan HTML dan CSS.
c. Minggu Ketiga - Keempat
Kegiatan pada minggu ketiga sampai dengan keempat yaitu mengimplementasikan
desain yang telah dibuat pada minggu sebelumnya, dengan menggunakan
framework Javascript yaitu Angular. Halaman yang dibuat terdiri dari splash
screen, halaman masuk (sign in), halman daftar (sign up), form order, detail order,
daftar order, produk dan form pengiriman. Jika digabungkan dengan minggu
16
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
sebelumnya maka pembuatan front end ini berakhir pada minggu keempat atau
berlangsung selama 2 pekan.
d. Minggu Kelima
Kegiatan pada minggu kelima diberikan proyek untuk membuat halaman admin
yang sudah termasuk kustom kata sandi, halaman masuk (Sign in) dan keluar (Sign
Out) menggunakan framework Laravel. Pada halaman admin, terdiri dari data para
karyawan yang sudah termasuk role masing-masing karyawan.
e. Minggu Keenam
Kegiatan pada minggu keenam yaitu membuat hak akses untuk masuk ke dalam
website sesuai dengan role. Selanjutnya yaitu diadakan briefing untuk task baru
membuat halaman catat produk menggunakan Codelgniter.
f. Minggu Ketujuh
Kegiatan pada minggu ketujuh yaitu membuat form add, edit, update, delete untuk
halaman catat produk dan sudah termasuk pembuatan fitur upload foto produk
dengan menggunakan Codelgniter.
g. Minggu Kedelapan
Kegiatan pada minggu kedelapan yaitu melakukan laporan task Codelgniter
membuat menu catat produk dengan fitur create, read, update dan, delete. Lalu
diberikan task baru membuat halaman catat produk menggunakan Laravel untuk
fitur yang dibuat sama seperti task Codelgniter.
h. Minggu Kesembilan
Kegiatan pada minggu kesembilan yaitu melanjutkan pembuatan halaman catat
produk menggunakan Laravel, lalu menambahkan form input text, dropdown, text
area dan datepicker. Selanjutnya yaitu, brifieng untuk penambahan fitur chart
untuk halaman dashboard pada hari terakhir diminggu kesembilan.
17
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
i. Minggu Kesepuluh
Kegiatan pada minggu kesepuluh yaitu membuat pie chart dengan menggunakan
Goggle Chart yang tersambung dengan database sehingga dapat mengetahui
persentase jumlah pegawai. Selanjutnya yaitu, briefing untuk penambahan menu
yang mengacu pada website Majoo.id menggunakan Laravel. Masing-masing
peserta magang membuat satu menu.
j. Minggu Kesebelas – Dua belas
Kegiatan pada minggu kesebelas yaitu membuat menu pelanggan yang terdiri dari
3 submenu yaitu daftar pelanggan, group pelanggan dan group harga special.
Sudah termasuk membuat fitur count produk pada halaman group harga special.
3.3 Pembahasan Hasil PKL Perencanaan
3.3.1 Requirement
Pengumpulan requirement dilakukan untuk menentukan batasan dari website yang
dibuat dan menjabarkan fitur dari halaman yang terdapat pada website pengelolaan
penjualan sebagai berikut:
a. Hanya terdapat 2 tipe pengguna yang dapat masuk ke dalam halaman website
yaitu pihak dari pemilik toko dan juga karyawan. Untuk pihak pemilik toko
mempunyai peran sebagai operator yang dapat mengakses seluruh halaman
yang tersedia pada website dan menggunakan fitur-fitur yang ada. Untuk peran
para karyawan disesuaikan dengan jabatan masing-masing yang hanya dapat
mengakses halaman dashboard.
b. Fitur yang dapat diakses oleh operator yaitu menambah, mengedit, mengupdate
data dan menghapus data sudah termasuk melakukan upload foto, memilih role
dan menghitung jumlah produk yang dipilih.
c. Untuk menambahkan role baru hanya dapat dilakukan dengan cara
menambahkan nama dan id role pada database role
18
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
d. Untuk halaman dashboard berisi informasi yang sifatnya bukan rahasia, untuk
saat ini hanya berisi chart persentase jumlah karyawan beradasarkan jenis
kelamin.
e. Dapat memilih produk secara multiple.
f. Website ini belum terhubung dengan toko yang berada dalam marketplace.
3.3.2 Design
Website ini dibuat dengan menggunakan Unified Modeling Language (UML).
Diagram UML yang digunakan untuk merancang website ini diantaranya adalah
use case diagram, activity diagram, sequence diagram dan class diagram. Di bawah
ini merupakan desain yang diterjemahkan dalam bentuk diagram.
a. Diagram Usecase
Gambar 3.2 merupakan diagram usecase untuk menggambarkan aktivitas apa saja
yang dapat dilakukan oleh aktor aktor pada website ini.
Gambar 3. 2 Diagram Use Case Website Pengelolaan
19
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
Setiap aktor memiliki perannya masing-masing, untuk admin melakukan input data
untuk login dan mengelola data seperti tambah, edit atau hapus data pada halaman
data produk dan pelanggan serta membuat invoice lalu mengeluarkan akun. Untuk
karyawan dapat melakukan input data untuk login, melihat dashboard dan
mengeluarkan akun.
b. Diagram Activity 1) Login
Diagram activity login pada Gambar 3.3 merupakan penjelasan mengenai alur dari
aktivitas yang dilakukan oleh user dan respon yang diberikan sistem. Dimulai
dengan user yang membuka websitr lalu sistem menampilkan halaman login,
kemudian user menginput username dan password, setelah itu sistem akan
memvalidasi data yang telah diinput, jika tervalidasi maka akan diarahkan ke
halaman dashboard namun jika tidak tervalidasi, maka akan menampilkan sebuah
pesan terjadi kesalahan.
Gambar 3. 3 Diagram Activity Login Website
20
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
2) Melihat Data
Sebelumnya, terdapat 3 submenu yang dibuat pada menu pelanggan yaitu daftar
pelanggan, group pelanggan dan group harga special. Ketiga submenu tersebut
mempunya fitur yang sama yaitu create, read, update dan delete. Sedangkan
untuk menu chart hanya bisa melihat data, maka dari itu pembuatan diagram
dilakukan berdasarkan aktivitas fitur. Pada Gambar 3. 4 merupakan aktivitas dari
alur melihat data, mulai dari user memilih menu, lalu sistem akan menampilkan
data.
Gambar 3. 4 Diagram Activity Melihat Data
3) Menambah Data
Activity diagram selanjutnya yaitu penjelasan alur dari penambahan data yang
terdapat pada Gambar 3.5 Dimulai dari user memilih menu, lalu sistem akan
menampikan menu yang dipilih, selanjutnya user menekan tombol add form,
21
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
maka sistem akan menampilkan form add, lalu user akan menginput data,
selanjutnya sistem akan memproses data yang sudah diinput. Jika berhasil maka
data akan tersimpan, namun jika gagal maka akan muncul dialog terjadi
kealahan dan dapat menginput ulang data.
Gambar 3. 5 Diagram Activity Menambah Data
4) Mengedit Data
Gambar 3.6 Merupakan alur dari aktivitas mengedit data, dimulai dari user
(admin) yang memilih menu, lalu sistem akan menampilkan menu tersebut.,
selanjutnya user akan menekan tombol edit, maka sistem akan mengarahkan ke
22
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
halaman form edit, setelah itu user akan menginput data yang akan diedit,
selanjutnya sistem akan memproses data. Jika berhasil maka data berhasil
terupdate, namun jika gagal akan muncul dialog kesalahan dan dapat mengedit
data Kembali.
Gambar 3. 6 Diagram Activity Mengedit Data
23
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
5) Menghapus Data
Yang terakhir yaitu activity diagram dari menghapus data yang terdapat pada
Gambar 3.7 dimulai dari user nemilih menu, lalu sistem akan menampilkan
meu yang dipilih. Lalu, user menekan tombol delete dan sistem akan
menampilkan pesan konfirmasi. Jika memilih ya akan dianggap setuju untuk
menghapus data lalu data pun terhapus, namun jika tidak maka data batal
dihapus.
Gambar 3. 7 Diagram Activity Menghapus Data
24
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
c Diagram Sequence
1) Login
Gambar 3.8 merupakan diagram sequence dari tahap login, dimulai dari admin
menginput email dan password pada halaman login, lalu akan divalidasi. Jika
terdapat kesalahan pada penginputan data, maka akan mengirim pesan false dan
menampilkan pesan email atau password salah. Namun jika sesuai, maka akan
mengirim status true dan menampilkan login berhasil.
Gambar 3. 8 Diagram Sequence Login
25
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
2) Mengelola Data Daftar Pelanggan
Diagram sequence dalam mengelola data daftar pelanggan yang terdapat pada
Gambar 3.9 dimulai dari admin yang mengklik menu data pelanggan pada
halaman utama, lalu akan diproses dan menampilkan halaman data pelanggan,
selanjutnya merequest data pelanggan dari database dan akan memvalidasinya
dan mengirim data pelanggan tersebut.
Gambar 3. 9 Diagram Sequence Daftar Pelanggan
26
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
3) Mengelola Data Group Pelanggan
Gambar 3.10 merupakan diagram sequence dari data group pelanggan, dimulai
dari admin yang menglik menu pelanggan pada halaman utama, lalu mengakses
menu pelanggan dan menampilkan halaman group pelanggan, selanjutnya
merequest data group pelanggan pada database dan memvalidasinya,
selanjutnya mengirim data group pelanggan.
Gambar 3. 10 Diagram Sequence Group pelanggan
27
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
4) Mengelola Data Harga Special
Pada Gambar 3.11 merupakan diagram sequence dari harga special, dimulai
dari admin mengklik menu group harga pada halaman utama, selanjutnya
mengakses halaman menu group dan menampilkan halaman group harga, lalu
merequest data harga pada database dan mevalidasinya, selanjutnya yaitu
mengirim data group harga.
Gambar 3. 11 Diagram Sequence Group Harga Special
28
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
a Class Diagram
Diagram pada Gambar 3.12 membahas mengenai diagram yang
menggambarkan hubungan antar kelas atau objek yang menjadi skema. Dapat
dilihat bahwa user memiliki peran penentu, apabila user tidak menjalankan
fungsinya maka akan terjadi kendala.
Gambar 3. 12 Diagram Class
29
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
3.3.3 Implementasi
1. Modul Login
Untuk dapat mengakses website ini, maka hal pertama yang dilakukan adalah
menginput email dan password yang sudah terdaftar pada modul login sesuai
dengan hak akses masing-masing jabatan. Hal ini bertujuan untuk memproteksi
data sehingga hanya pihak dari toko saja yang dpat mengakses website ini. Gambar
3.13 merupakan halaman login pada website pengelolaan penjualan.
2. Modul Dashboard
Selanjutnya yaitu modul dashboard yang berisikan informasi terkait hal-hal kanot.
Untuk saat ini menu dashboard hanya tersedia persentase jumlah pegawai
berdasarkan jenis kemain yang divisualisasikan dengan pie chart. Gambar 3.14 ini
merupakan halaman dashboard
Gambar 3. 13 Modul Logi n
Gambar 3. 14 Modul Dashboard
30
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
3. Modul Daftar Pelanggan
Sesuai dengan namanya, modul daftar pelanggan merupakan kumpulan dari
datadata para pelanggan yang berisikan kode pelanggan, nama, alamat, telepon,
jenis kelamin, poin, saldo deposit dan group pelanggan yang ditampilkan pada
index. Sedangkan yang tidak ditampilkan yaitu no. telepon, email dan alamat
pelanggan dapat dilihat pada Gambar 3.15. Fitur yang disediakan dalam modul ini
yaitu create, read, update dan delete.
4. Modul Group Pelanggan
Modul group pelanggan pada Gambar 3.16 bertujuan untuk membentuk suatu
group yang dapat diisi oleh beberapa pelanggan. Masing-masing group tersebut
dapat memilih harga special yang tersedia. Pada halaman group pelanggan terdapat
urutan group, nama, deskripsi, pelanggan terdaftar dan status dari group yang
ditampilkan pada index group pelanggan. Fitur yang disediakan dalam modul ini
yaitu create, read, update dan delete.
Gambar 3. 15 Modul Data Pelanggan
31
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
5. Modul Group Harga Special
Modul group harga special pada Gambar 3.17 merupakan group yang bertujuan
untuk memberikan harga yang khusus. Untuk menentukan harga tersebut maka
diperlukan untuk menginput status dari group yang akan dibentuk, nama group,
deskripsi group, group pelanggan mana yang tedaftar untuk harga khusus yang
akan dibuat, dan produk apa saja yang termasuk dalam harga khusus tersebut. Di
bawah ini merupakan index dari harga special, terdapat tipe, deskripsi, produk
terdaftar dan status dari group. Pemilihan produk dapat dilakukan secara multiple.
Gambar 3. 17 Modul Group Harga Special
Gambar 3. 16 Modul Group Pelanggan
32
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
3.4 Identifikasi Masalah Yang Dihadapi
Sub ini menjelaskan mengenai kendala-kendala yang dihadapi selama Praktik Kerja
Lapangan berlangsung serta cara mengatasi dari kendala tersebut.
3.4.1 Kendala Pelaksanaan Tugas
Kendala yang dihadapi selama masa Praktik Kerja Lapangan adalah:
a. Kesulitan dalam merancang database dikarenakan terdapat beberapa attribute
yang sama dalam menu yang berbeda.
b. Pembuatan fitur count produk sempat tidak terhubung.
3.4.2 Cara Mengatasi Kendala
a. Mencoba semua fitur pada website acuan yaitu Majoo.id terlebih dahulu, lalu
membuat Entity Relationship Diagram (ERD) Bersama team dan
menggabungkannya ke dalam database.
b. Mendiskusikan cara menghubungi fitur tersebut bersama team
33
BAB IV
PENUTUP
4.1 Kesimpulan
Berperan sebagai developer pada kegiatan Praktik Kerja Lapangan di PT Atur Toko
Solusi Indonesia yang berlangsung selama 3 bulan terhitung dari tanggal 9 September
2020 hingga 8 Desember 2020, berhasil mengerjakan sebuah proyek website
pengelolaan penjualan dengan menggunakan metode RAD.
Modul-modul yang berhasil dibuat:
a) Pembuatan modul login dibedakan menjadi 2 hak akses.
b) Fitur chart dapat melihat persentase jumlah pegawai berdasarkan jenis kelamin
sebagai bahan penimbangan dalam merekrut pegawai.
c) Fitur CRUD dan count dapat digunakan untuk mengelola data pelanggan, group
pelanggan dan harga special.
4.2 Saran
Saran untuk pengembangan sistem selanjutnya berdasarkan pengalaman Praktik Kerja
Lapangan yang telah dilakukan adalah:
Kondisi website saat ini hanya terdapat fitur basic dan belum terhubung kepada
marketplace, diharapkan kedepannya terdapat pengembangan yang dapat
menghubungkan website pengelolaan dengan marketplace dan memperbaiki tampilan
website agar lebih menarik karena saat ini untuk pemilihan warna terlalu monoton.
34
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
DAFTAR PUSTAKA
E-marketplace, D. P. A. (2018) ‘IMPLEMENTASI MODEL RAPID APLICATION
DEVELOPMENT ( RAD )’, 15(1), pp. 25–30.
Hendini, A. (2016) ‘Pemodelan Uml Sistem Informasi Monitoring Penjualan Dan Stok
Barang’, Jurnal Khatulistiwa Informatika, 2(9), pp. 107–116. doi:
10.1017/CBO9781107415324.004.
Kosasi, S., Studi, P. and Informasi, S. (2015) ‘PENERAPAN RAPID
APPLICATION DEVELOPMENT PADA SISTEM PENJUALAN SEPEDA
ONLINE’, 6(1), pp. 27–36.
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.
Mualim, W. and Putra, G. U. (2017) ‘Implementasi Framework Mvc Pada Sistem
Informasi Akademik Di Stmik Yadika Bangil’, Jurnal SPIRIT, 9(2), pp. 35–39.
Prasetyo, A. and Susanti, R. (2016) ‘Sistem Informasi Penjualan Berbasis Web Pada
PT . Cahaya Sejahtera Sentosa Blitar’, 10(2), pp. 1–16.
Puteri, M. P. and Effendi, H. (2018) ‘Implementasi Metode RAD Pada Website
Service Guide “Tour Waterfall South Sumatera”’, Jurnal Sisfokom (Sistem Informasi
dan Komputer), 7(2), p. 130. doi: 10.32736/sisfokom.v7i2.570.
Rahardja, U., Aini, Q. and Faradilla, F. (2018) ‘Implementasi Viewboard Berbasis
Interaktif Javascript Charts Pada Sistem Penilaian Perkuliahan’, Jurnal Ilmiah
Teknologi Informasi Asia, 12(2), p. 91. doi: 10.32815/jitika.v12i2.233.
Zakir, A. (2016) ‘Rancang Bangun Responsive Web Layout Dengan Menggunakan
Bootstrap Framework’, InfoTekJar (Jurnal Nasional Informatika dan Teknologi
L
L-1 Surat Keterangan Magang
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
L-2 Rincian Tugas Harian
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
(Lanjutan)
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
(Lanjutan)
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
L-3 User Requrement
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
(Lanjutan)
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
L-4 Gambaran Umum Perusahaan
Nama Perusahaan : PT. Atur Toko Solusi Indonesia
Alamat : Metropolitan Tower, lantai 2. Cilandak Barat
Cilandak. Jakarta Selatan 12430.
Telepon : 08118880258
Website : aturtoko.id
PT. Atur Toko Solusi Indonesia merupakan sebuah startup yang bergerak dalam bidang
teknologi khususnya sebagai jasa penyedeia layanan e-comerce. PT. Atur Toko Solusi
Indonesia disebut juga sebgai sebuah statup e-commerce enabler yang telah bekerjasama
dengan 6 marketplace di Indonesia dalam menyediakan jasa e-commerce enabler untuk
membantu para seller untuk mengefisienkan proses penjualan mereka sekaligus meningkatkan
penjualan mereka melalui berbagai channel penjualan. Salah satu platform yang dikembangkan
PT. Atur Toko Solusi Indonesia yaitu AturToko.id, sebuah platform digital yang menyediakan
jasa solusi bisnis secara online.
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
L-5 Dokumentasi
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
L-6 Wawancara
Wawancara saya dengan seorang seller yang bernama Laras
Prima : Sebagai seorang seller apakah ada kesulitan dalam mengatur toko secara
manual?
Laras : Tentu, mengatur toko secara manual rentan sekali kehilangan data-data penting
karena tidak tersedia wadah untuk mengatur data pada satu tempat saja.
Prima : Apakah jika web pengolaan atur toko ini direalisasikan akan membantu para
seller dalam memanage data kedepannya?
Laras : Dari yang sudah dijelaskan, saya rasa web tersebut dapat membantu para
seller dalam mengelola data toko.