LAPORAN PRAKTIK KERJA LAPANGAN PERANCANGAN …

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


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


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


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


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



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



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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


L-2 Rincian Tugas Harian


(Lanjutan)


L-3 User Requrement


(Lanjutan)


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.


L-5 Dokumentasi


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.

LAPORAN PRAKTIK KERJA LAPANGAN PERANCANGAN …

Documents

Transcript of LAPORAN PRAKTIK KERJA LAPANGAN PERANCANGAN …