perancangan aplikasi pengelolaan penjualan …

63
1 PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN BERBASIS WEBSITE MENGGUNAKAN FRAMEWORK LARAVEL MENU ADMIN DAN PRODUK ARDHELIA ERWANDA 4817070382 PROGRAM STUDI TEKNIK INFORMATIKA JURUSAN TEKNIK INFORMATIKA DAN KOMPUTER POLITEKNIK NEGERI JAKARTA 2020

Upload: others

Post on 03-Oct-2021

14 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

1

PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN

BERBASIS WEBSITE MENGGUNAKAN FRAMEWORK

LARAVEL MENU ADMIN DAN PRODUK

ARDHELIA ERWANDA

4817070382

PROGRAM STUDI TEKNIK INFORMATIKA

JURUSAN TEKNIK INFORMATIKA DAN KOMPUTER

POLITEKNIK NEGERI JAKARTA

2020

Page 2: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

HALAMAN PENGESAHAN

LAPORAN PRAKTIK KERJA LAPANGAN

i

a. Judul : Perancangan Aplikasi Pengelolaan Penjualan

Berbasis Website Menggunakan Framework

Laravel Menu Admin dan Produk

b. Penyusun

1) Nama : Ardhelia Erwanda

2) NIM : 4817070382

c. Program Studi : Teknik Informatika

d. Jurusan : Teknik Informatika dan Komputer

e. Waktu Pelaksanaan : 09 September 2020 – 08 Desember 2020

f. Tempat Pelaksanaan : PT. Atur Toko Solusi Indonesia

Pembimbing PNJ

Depok, 21 Desember 2020

Pembimbing Perusahaan

Euis Oktavianti, S.S.I., M.T.I

NIP. 23072014090119801027

Christiono Hendrawan, S.Kom

NIP.

Mengesahkan,

KPS Teknik Informatika,

Risna Sari, S.Kom., M.Ti

NIP. 198502272015042001

Page 3: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

ii

KATA PENGANTAR

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

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

Penulisan laporan Praktik Kerja Lapangan ini dilakukan rangka memenuhi salah satu

syarat untuk mencapai gelar Diploma Empat Politknik. Penulis menyadari bahwa,

tanpa bantuan dan bimbingan dari berbagai pihak , dari masa perkuliahan sampai pada

penyusunan laporan Praktik Kerja Lapangan ini. Oleh karena itu, penulisan

mengucapkan terima kasih kepada:

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

menyediakan waktu, tenaga, dan pikiran untuk mengarahkan penulis dalam

penyusunan laporan Praktik Kerja Lapangan ini;

b. Christiono Hendrawan,S.Kom , selaku pembimbing yang telah membantu

usaha memperoleh data yang diperlukan penulis dalam penyusunan laporan

Praktik Kerja Lapangan;

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

moral dan material;

d. Sahabat yang telah banyak membantu penulis dalam menyelesaikan laporan

Praktik Kerja Lapanagan ini.

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

kebaikan semua pihak yang telah membantu . Semoga laporan Praktik Kerja Lapangan

ini membawa manfaat bagi pengembangan ilmu.

Depok, 18 Desember 2020

Ardhelia Erwanda

Page 4: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

iii

DAFTAR ISI

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

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

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

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

DAFTAR TABEL ....................................................................................................... vii

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

PENDAHULUAN ........................................................................................................ 1

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

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

1.3 Waktu dan Tempat Pelaksanaan ......................................................................... 2

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

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

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

BAB II ........................................................................................................................... 3

TINJAUAN PUSTAKA ............................................................................................... 3

2.1 Aplikasi Pengelolaan Penjualan ......................................................................... 3

2.1.1 Aplikasi ............................................................................................................... 3

2.1.2 Pengelolaan Penjualan ........................................................................................ 3

2.1.3 Menu ................................................................................................................. 4

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

2.2.1 Requirement Planning ........................................................................................ 4

2.2.2 Design ................................................................................................................. 5

2.2.3 Implementasi .................................................................................................... 12

2.3 Menu Admin dan Produk ................................................................................. 13

2.4 Penelitian Sejenis .............................................................................................. 13

BAB III ....................................................................................................................... 15

HASIL PELAKSANAAN PKL .................................................................................. 15

Page 5: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

iv

3.1 Unit Kerja PKL ................................................................................................. 15

3.2 Uraian Praktik Kerja Lapangan ........................................................................ 16

3.3 Pembahasan Hasil PKL .................................................................................... 19

3.3.1 Perancangan ...................................................................................................... 19

3.3.2 Implementasi .................................................................................................... 33

3.3.3 Pemeliharaan .................................................................................................... 39

3.4 Identifikasi kendala yang dihadapi ................................................................... 39

3.4.1 Kendala Pelaksanaan Tugas ............................................................................. 39

3.4.2 Cara Mengatasi Kendala ................................................................................... 40

BAB IV ...................................................................................................................... 41

PENUTUP ................................................................................................................... 41

4.1 Kesimpulan ....................................................................................................... 41

4.2 Saran ................................................................................................................. 41

DAFTAR PUSTAKA ................................................................................................. 42

LAMPIRAN - LAMPIRAN ........................................................................................ 44

Page 6: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

v

DAFTAR GAMBAR

Gambar 2.1 Tahapan Model RAD ................................................................................ 4

Gambar 2.2 Contoh usecase diagram ............................................................................ 6

Gambar 2.3 Contoh activity diagram login ................................................................... 6

Gambar 2.4 Contoh sequence diagram login ................................................................ 7

Gambar 2.5 Contoh class diagram ................................................................................ 8

Gambar 2.6 Logo Laravel ............................................................................................. 8

Gambar 2.7 Logo PhpMyAdmin ................................................................................ 10

Gambar 2.8 Logo Bootstrap ........................................................................................ 11

Gambar 2.9 Logo XAMPP .......................................................................................... 12

Gambar 3.1 Struktur Organisasi .................................................................................. 16

Gambar 3.2 Usecase Diagram ..................................................................................... 20

Gambar 3.3 Activity Diagram Login .......................................................................... 21

Gambar 3.4 Activity Diagram Tambah Data .............................................................. 22

Gambar 3.5 Activity Diagram Edit Data..................................................................... 23

Gambar 3.6 Activity Diagram Menghapus Data......................................................... 24

Gambar 3.7 Sequence Diagram Login ........................................................................ 25

Gambar 3.8 Sequence Diagram Admin ...................................................................... 26

Gambar 3.9 Sequence Diagram Daftar Departemen ................................................... 27

Gambar 3.10 Sequence Diagram Daftar Kategori ...................................................... 28

Gambar 3.11 Sequence Diagram Daftar Produk ......................................................... 29

Gambar 3.12 Sequence Diagram Produk Varian ........................................................ 30

Gambar 3.13 Sequence Diagram Deposit ................................................................... 31

Gambar 3.14 Sequence Diagram Daftar Harga Ojek Online ...................................... 32

Gambar 3.15 Class Diagram ....................................................................................... 33

Gambar 3.16 Halaman Login ...................................................................................... 34

Gambar 3.17 Halaman Admin .................................................................................... 35

Page 7: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

vi

Gambar 3.18 Halaman Daftar Departemen ................................................................. 35

Gambar 3.19 Halaman Kategori ................................................................................. 36

Gambar 3.20 Halaman Daftar Produk ......................................................................... 37

Gambar 3.21 Halaman Produk Varian ........................................................................ 37

Gambar 3.22 Halaman Deposit ................................................................................... 38

Gambar 3.23 Halaman Daftar Harga Ojek Online ...................................................... 39

Page 8: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

vii

DAFTAR TABEL

Table 2.1 Penelitian Sejenis ................................................................................................... 13

Page 9: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

1

BAB I

PENDAHULUAN

1.1 Latar Belakang Kegiatan

PT. Atur Toko Solusi Indonesia dalam mengembangkan perusahaannya ingin membuat

sebuah produk terbaru. Produk terbaru ini dibuat untuk memenuhi kebutuhan seller

yang memiliki produk yang akan dijual. Produk ini dibuat berbasis website agar seller

dapat mengaksesnya dengan mudah (Hendrawan, 2020).

Produk berbasis website ini yang menyediakan layanan penjualan untuk para seller.

Berbeda dengan produk aturtoko.id yang digunakan agar seller mendapatkan solusi

bisnis dan mempermudah seller dalam mengatur toko nya yang terdapat di beberapa

platform e-commerce. Sedangkan produk terbarunya ini menyediakan jasa layanan

penjualan untuk para seller berbasis website.

Layanan penjualan untuk para seller berbasis website ini memiliki halaman yang

menampilkan data admin atau user, halaman yang menampilkan data produk yang akan

dikelola. Halaman admin terdapat pada menu admin yang berfungsi untuk mengelola

user dan halaman produk terdapat pada menu produk. Pada menu produk terdapat 6

sub bab menu.

Upaya dalam mengembangkan bisnis dan memenuhi kebutuhan seller, maka pihak PT.

Atur Toko Solusi Indonesia menyediakan sebuah website penjualan kepada seller

untuk mengelola produknya yang akan dijual. Karena sebelum adanya aplikasi ini

seller mengelola produknya secara manual.

1.2 Ruang Lingkup Kegiatan

Adapun ruang lingkup kegiatan sebagai berikut :

1. Membuat menu Admin.

2. Membuat menu Produk yang berisikan 6 submenu.

3. Membuat hak akses web bersama dengan Prima Aghnia.

Page 10: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

2

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

4. Membuat database menggunakan phpMyAdmin.

5. Membuat desain tampilan web mobile.

Adapun ruang lingkup kegaiatan alat sebagai berikut :

1. Website ini dibuat menggunakan framework Laravel 5.8.38.

2. Database website ini dibuat menggunakan phpMyAdmin 7.4.3.

1.3 Waktu dan Tempat Pelaksanaan

Dalam kegiatan Praktik Kerja Lapangan ini dilaksanakan secara WFO (Work From

Office) dan WFH (Work From Home) waktu dan tempat pelaksanaan sebagai berikut:

Waktu Pelaksanaan : Rabu, 09 September 2020 – Selasa, 08 Desember 2020

Tempat Pelaksanaan : PT. Atur Toko Solusi Indonesia

Alamat Pelaksanaan : Metropolitan Tower, Lantai 2 Jl. R.A.Kartini No.Kav.

14, RW.4, Cilandak Barat, Cilandak, Jakarta Selatan,

Jakarta 12430

1.4 Tujuan dan Kegunaan

Adapun tujuan dan kegunaan dalam pembuatan projek ini sebagai berikut:

1.4.1 Tujuan

Tujuan dalam pembuatan projek ini adalah membuat website penjualan menggunakan

framework Laravel yang dapat digunakan oleh para seller dalam mengatur produknya

yang akan dijual.

1.4.2 Kegunaan

Kegunaan proyek ini sebagai berikut :

1. Memudahkan seller dalam mengelola produk yang akan dijual.

2. Memudahkan seller dalam proses menghitung data yang dipilih dengan adanya

fitur count.

Page 11: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

3

BAB II

TINJAUAN PUSTAKA

Bab ini diuraikan mengenai tinjauan pustaka untuk menunjang penelitian. Teori-teori

yang relevan dengan penelitian ini berisi teori tentang aplikasi pengelolaan penjualan,

metode pengembangan sistem yang digunakan, serta penelitian sejenis.

2.1 Aplikasi Pengelolaan Penjualan

2.1.1 Aplikasi

Aplikasi secara umum adalah alat terapan yang difungsikan secara khusus dan terpadu

sesuai kemampuan yang dimilikinya aplikasi merupakan suatu perangkat komputer

yang siap pakai bagi user (Siregar and Melani, 2019).

Aplikasi merupakan program yang dijalankan disuatu pemroses. Aplikasi adalah

penerapan, pengimplementasian suatu hal, data, permasalahan, pekerjaan kedalam

suatu sarana atau media yang dapat digunakan untuk menerapkan atau

mengimplementasikan hal atau permasalahan nilainilai dasar dari hal, data,

permasalahan atau pekerjaan (Utari and Silalahi, 2016).

2.1.2 Pengelolaan Penjualan

Menurut Andrew F. Sikul mengemukakan bahwa pengelolaan pada umumnya

dikaitkan dengan aktivitas-aktivitas perencanaan, pengorganisasian, pengendalian,

penempatan, pengarahan, pemotivasian, komunikasi dan pengambilan keputusan yang

dilakukan oleh setiap organisasi dengan tujuan untuk mengkoordinasikan berbagai

sumber daya yang dimiliki peruhsaan sehingga akan dihasilkan suatu prodyk atau jasa

secara efisien (Saiffudin, 2018).

Page 12: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

4

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

2.1.3 Menu

Menu menurut KBBI ( Kamus Besar Bahasa Indonesia) merupakan daftar perintah atau

pilihan yang terdapat pada layar computer (Badan Pengembangan dan Pembinaan

Bahasa, Kementerian Pendidikan dan Kebudayaan Republik Indonesia, 2016).

2.2 Rapid Application Development (RAD)

Rapid Application Development (RAD) atau rapid prototyping adalah model proses

pembangunan perangkat lunak yang tergolong dalam teknik inkremental (bertingkat).

Rapid Application Development (RAD) menekankan pada siklus pembangunan

pendek, singkat, dan cepat.Waktu yang singkat adalah batasan yang penting untuk

model ini. Rapid Application Development (RAD) menggunakan metode iterative

(berulang) dalam mengembangkan sistem dimana working model (model kerja) sistem

dikonstruksikan diawal tahap pengembangan dengan tujuan menetapkan kebutuhan

(requirement) pengguna. Model kerja digunakan hanya sesekali saja sebagai basis

desain dan implementasi sistem akhir (Sagala, 2018) .

Gambar 2.1 Tahapan Model RAD

(Sumber: Aswati et al., 2017)

Gambar 2.1 menjelaskan terdapat 3 tahapan model RAD yaitu requirement planning,

design, dan implementation. Berikut adalah penjelasan dari 3 tahapan model RAD

tersebut:

2.2.1 Requirement Planning

Fase ini, pengguna dan penganalisis bertemu untuk mengidentifikasikan tujuantujuan

aplikasi atau sistem serta untuk megidentifikasikan syarat-syarat informasi yang

ditimbulkan dari tujuan-tujuan tersebut. Orientasi dalam fase ini adalah menyelesaikan

Page 13: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

5

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

masalah-masalah perusahaan. Meskipun teknologi informasi dan sistem bisa

mengarahkan sebagian dari sistem yang diajukan, fokusnya akan selalu tetap pada

upaya pencapaian tujuan-tujuan perusahaan (Al-Hamdany, 2003).

Secara garis besar dalam fase Rencana Kebutuhan (Requirement Planning) : User dan

analyst melakukan pertemuan untuk mengidentifikasi tujuan dari sistem dan kebutuhan

informasi untuk mencapai tujuan. Pada tahap ini merupakan hal terpenting yaitu

adanya keterlibatan dari kedua belah pihak (Aswati et al., 2017).

2.2.2 Design

Fase ini adalah fase untuk merancang dan memperbaiki yang bisa digambarkan sebagai

workshop. Penganalisis dan dan pemrogram dapat bekerja membangun dan

menunjukkan representasi visual desain dan pola kerja kepada pengguna. Workshop

desain ini dapat dilakukan selama beberapa hari tergantung dari ukuran aplikasi yang

akan dikembangkan. Selama workshop desain RAD, pengguna merespon prototipe

yang ada dan penganalisis memperbaiki modul-modul yang dirancang berdasarkan

respon pengguna. Apabila seorang pengembangnya merupakan pengembang atau

pengguna yang berpengalaman, dapat dinilai bahwa usaha kreatif ini dapat mendorong

pengembangan sampai pada tingkat terakselerasi (Al-Hamdany, 2003).

A. Unified Modeling Language (UML)

Unified Modeling Language disingkat sebagai UML adalah sebuah Bahasa grafis yang

digunakan sebagai komunikasi desain yang spesifik atau merinci untuk sebuah software.

Object-oriented software development meciptakan UML untuk memenuhi kebutuhan

khusus yang menggambarkan desain perangkat lunak berorientasi objek. UML telah

berkembang menjadi standar untuk mendesain system secara umum (Teorey et al., 2006).

1. Use Case Diagram

Use case diagram, yaitu diagram yang digunakan untuk menggambarkan hubungan

antara sistem dengan actor. Diagram ini hanya menggambarkan sistem secara global

(Mulyani, 2016). Contoh penggunaan usecase diagram dapat dilihat pada Gambar 2.2

dibawah ini.

Page 14: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

6

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 2.2 Contoh usecase diagram

(Sumber:Ade Hendini, 2016)

2. Activity Diagram

Activity diagram, yaitu diagram yang digunakan untuk menggambarkan alur kerja

(aktivitas) pada use case (proses), logika, proses bisnis dan hubungan antara actor

dengan alur-alur kerja use case (Mulyani, 2016). Contoh activity diagram dapat dilihat

pada Gambar 2.3 dibawah ini.

Gambar 2.3 Contoh activity diagram login

(Sumber:Ade Hendini, 2016)

Page 15: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

7

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

3. Sequence Diagram

Sequence Diagram menggambarkan kelakuan objek pada use case dengan

mendeskripsikan waktu hidup objek dan pesan yang dikirimkan dan diterima antar

objek (Ade Hendini, 2016). Contoh sequence diagram dapat dilihat pada Gambar 2.4

dibawah ini.

Gambar 2.4 Contoh sequence diagram login

(Sumber:Ade Hendini, 2016)

3. 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 (Ade Hendini, 2016). Contoh class diagram dapat dilihat

pada Gambar 2.5 dibawah ini.

Page 16: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

8

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 2.5 Contoh class diagram

(Sumber:Ade Hendini, 2016)

B. Framework Laravel

Framework itu adalah sekumpulan fungsi yang memudahkan programmer atau

pengembang aplikasi web. Fungsi-fungsi yang berada di dalam framework seperti

plugin dan konsep. Konsep yang dimaksud bertujuan untuk membangun sistem supaya

dapat dikembangkan dengan rapi dan terstruktur. Selain menyediakan fungsi,

framework juga menyediakan library dan tools lain yang Anda butuhkan Ketika

mengembangkan aplikasi web (Habibi , et al., 2019)

Gambar 2.6 Logo Laravel

(Sumber: Laravel, 2020)

Page 17: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

9

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Laravel adalah sebuah framework PHP yang dirilis dibawah lisensi MIT dan dibangun

denga konsep MVC (Model View Controller). Laravel merupakan pengembangan

website berbasis MVP yang ditulis dalam PHP yang dirancang untuk meningkatkan

kualitas perangkat lunak dengan mengurangi biaya pengembangan awal dan biaya

pemeliharaan, serta untuk meningkatkan pengalaman bekerja dengan aplikasi yang

menyediakan sintaks yang ekspresif, jelas, dan menghemat waktu (Supardi, 2019).

MVC merupakan sebuah pendekatan perangkat lunak yang memisahkan aplikasi

logika dari presentasi. MVC memisahkan aplikasi berdasarkan komponen-komponen

aplikasi, seperti manipulasi data, controller, dan user interface (Supardi, 2019).

Model mewakili struktur data. Biasa model berisi fungsi-fungsi yang membantu

seseorang dalam pengelolaan basis data, seperti memasukan data ke basis data,

pembaruan data, dan lain-lain (Supardi, 2019).

View merupakan bagian yang mengatur tampilan ke pengguna, bisa dikatakan berupa

halaman web (Supardi, 2019).

Controller merupakan bagian yang menjembatani model dan view (Supardi, 2019).

Beberapa fitur yang terdapat di Laravel sebagai berikut:

a. Bundles, yaitu sebuah fitur dengan sistem pengemasan modular dan tersedia

beragam di aplikasi.

b. Eloquent ORM merupakan penerapan PHP lanjutan menyediakan metode

internal dari pola “active record” yang mengatasi masalah pada hubungan objek

database.

c. Application Logic merupakan bagian dari aplikasi menggunakan controller atau

bagian Route.

d. Reverse Routing mendefinisikan relasi atau hubungan antara Link dan Route.

e. Restful controllers memisahkan logika dalam melayani HTTP GET dan POST.

f. Class Auto Loading menyediakan loading otomatis untuk class PHP.

Page 18: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

10

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

g. View Composer merupakan kode unit logical yang dapat dieksekusi ketika view

sedang loading.

h. IoC Container memungkinkan objek baru dihasilkan dengan pembalikan

controller.

i. Migration merupakan penyedia sistem kontrol untuk skema database.

j. Unit Testing banyak tes untuk mendeteksi dan mencegah regresi.

k. Automatic Pagination menyederhanakan tugas dari penerapan halaman.

C. phpMyAdmin

Gambar 2.7 Logo PhpMyAdmin

(Sumber: phpMyAdmin, 2020)

phpMyAdmin adalah sebuah perangkat lunak gratis yang ditulis dalam PHP, yang

digunakan untuk menangani administrasi MySQL melalui Web. phpMyAdmin

mendukung berbagai operasi di MySQL dan MariaDB. Operasi yang sering digunakan

(mengelola database, table, kolom, relasi, indeks, pengguna, izin, dll) dapat dilakukan

melalui user interface, dan dapat langsung menjalankan pernyataan SQL apapun

(phpMyAdmin, 2020).

Menjadi perangkat lunak yang open source sejak kelahirannya, phpMyAdmin

mendapat dukungan dari banyak pengembang dan penerjemah diseluruh dunia (sedang

diubah menjadi 65 bahasa pada saat penulisan buku ini). Proyek ini saat ini dihosting

di SourceForge.net dan dikembangkan menggunakan fasilitas mereka oleh tim

phpMyAdmin (Delisle, 2012).

Page 19: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

11

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Tujuan dari phpMyAdmin adalah untuk menawarkan server dan data MYSQL berbasis

web yang lengkap, dan untuk mengikuti MYSQL dan evolusi standar web. Meskipun

produk selalu berkembang, ia mendukung semua operasi standar Bersama dengan fitur

tambahan (Delisle, 2012).

D. Bootstrap

Gambar 2.8 Logo Bootstrap

(Sumber: Bootsrap, 2020)

Bootstrap adalah framework frond-end yang intuitif dan powerful untuk

pengembangan aplikasi web yang lebih cepat dan muda. Bootstrap menggunakan

HTML, CSS, dan Javascript.

Bootstrap dikembangkan oleh Mark Otto dan Jacob Thornron dari Twitter. Framework

ini diluncurkan sebagau produk open source pada Agustus 2011 di GitHub.

Bootstrap memiliki fitur-fitur komponen interface yang bagus seperti Typography,

Forms, Buttons, Tables, Navigations, dropdowns, Alerts, Modal, tabs, Accordion,

Carousel, dan lain sebagainya (Jubilee Enterprise, 2016).

Page 20: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

12

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

E. Xampp

Gambar 2.9 Logo XAMPP

(Sumber: Apaches Friends, 2020)

XAMPP adalah sebuah software yang berfungsi untuk menjalankan website berbasis

PHP dan menggunakan pengolahan data MYSQL di computer lokal (Wicaksono,

2008). XAMPP berperan sebagai server web pada komputer lokal. XAMPP juga dapat

disebut sebuah Cpanel server virtual, yang dapat membantu melakukan preview

sehingga dapat dimodifikasi website tanpa harus online atau terakses dengan internet

(Khairuzzaman, 2016).

Sebagai informasi kata XAMPP merupakan singkatan dari :

X: berarti program ini dapat dijalankan diberbagai platform, misalnya Windows,

Linux, mac OS, dan Solaris. A: Apache, merupakan aplikasi web server, dan bertugas

untuk menghasilkan halaman web yang benar kepada user berdasarkan kode PHP yang

dituliskan oleh pembuat halaman web. M: MySQL, merupakan aplikasi database

server. Pengembangnya disebut Structure Query Language (SQL). P: PHP, bahasa

pemrograman lainnya yang serupa, dan lain sebagainya.

2.2.3 Implementasi

Pada fase implementasi ini, penganalisis bekerja dengan para pengguna secara intens

selama workshop dan merancang aspekaspek bisnis dan nonteknis perusahaan. Segera

setelah aspek-aspek ini disetujui dan sistem-sistem dibangun dan disaring,

Page 21: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

13

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

sistemsistem baru atau bagian dari sistem diujicoba dan kemudian diperkenalkan

kepada organisasi (Al-Hamdany, 2003).

2.3 Menu Admin dan Produk

Menu admin merupakan salah satu menu yang berada disidebar menu. Pada menu

admin ini dapat melakukan aktivitas Create, Read, Update, Delete (CRUD). Sedangkan

menu produk merupakan induk menu pada sidebar yang memiliki 6 submenu. Disetiap

submenu dapat melakukan aktivitas CRUD.

2.4 Penelitian Sejenis

Table 2.1 Penelitian Sejenis

Nama Judul Terbit Teknologi Hasil

Sari Susanti,

Erfian Junianto,

Rizal Rachman

Implementasi

Framework

Laravel Pada

Aplikasi

Pengolahan Nilai

Akademik

Berbasis Web

2017 Framework

Laravel

Membantu

mengatasi

lambatnya

pengelolaan nilai

bagi wali kelas dan

kemudahan bagi

siswa untuk melihat

nilainya.

Fitri Ayu, Dedy

Irfan, Ambiyar,

Mai Rahmad,

Akhmad

Zulkifli

Aplikasi

Persediaan Barang

Elektronik

Menggunakan

Framework

Laravel (Studi

Kasus: Toko

Seven Komputer

Pekanbaru)

2020 Framework

Laravel

Membantu dalam

mengolah data

secaa realtime,

meminimalisir

kesalahan input

data, dan dapat

mengoptimalkan

pelayanan

penjualan.

Page 22: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

14

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Fariz

Harisuddin

Rancang Bangun

Aplikasi

Pengelolaan

Praktikum

Mahasiswa

Berbasis Website

Menggunakan

Framework

Laravel

2020 Framework

Laravel

Memberikan

kemudahan bagi

mahasiswa agar

dapat mengetahui

jadwal serta

ruangan kelas

dalam mata kuliah

praktikum

Muhammad

Iqba, Ibnu Rusi,

Ferdy

Febriyanto

Sistem Informasi

Inventaris Barang

Berbasis Web

Menggunakan

Laravel Pada

Dinas

Kependudukan

dan Pencatatan

Sipil Sintang

2019 Framework

Laravel

Membantu pihak

Disdukcapil dalam

melakukan

inventaris barang

milik kantor

pemerintahan, agar

mencapai efisiensi

dan efektifitas

kinerja pegawai

Disdukcapil

Sintang.

Page 23: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

15

BAB III

HASIL PELAKSANAAN PKL

3.1 Unit Kerja PKL

PT. Atur Toko Solusi Indonesia merupakan perusahaan startup dibidang jasa

teknologi. PT. Atur Toko Solusi Indonesia memiliki produk utama yaitu aturtoko.id.

aturtoko.id adalah sebuah platform digital yang menyediakan solusi bisnis secara

online. Aturtoko.id pun menyediakan solusi layanan e-commerce terpadu dan

konsultasi bisnis Offline to Online store. Aturtoko.id juga termasuk kedalam website

e-commerce enabler.

PT. Atur Toko Indonesia bekerja sama dengan 9 perusahaan e-commerce yaitu

Tokopedia, Lazada, Shopee, JD.id, Blibli, Bukalapak Woocommerce, Midtrans, dan

Biteship. PT. Atur Toko Solusi Indonesia berada di Metropolitan Tower, Lantai 2 Jl.

R.A.Kartini No.Kav. 14, RW.4, Cilandak Barat, Cilandak, Jakarta Selatan, Jakarta

12430.

Pelaksanaan Praktik Kerja Lapangan ini dilaksanakan pada departemen IT yang

memiliki task untuk membuat aplikasi pengelolaan penjualan berbasis website. PT.

Atur Toko Solusi Indonesia memiliki struktur organisasi yang ditunjukkan pada

Gambar 3.1 .

Page 24: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

16

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.1 Struktur Organisasi

3.2 Uraian Praktik Kerja Lapangan

Praktik Kerja Lapangan yang dilaksanakan PT. Atur Toko Solusi Indonesia dimulai

dari hari Rabu, tanggal 09 September 2020 sampai dengan Hari Selasa tanggal 08

Desember 2020 terhitung selama 3 Bulan dengan beberapa task yang dikerjakan salah

satunya pembuatan aplikasi pengelolaan penjualan berbasis website. Aplikasi ini

dibuat menggunakan framework Laravel. Framework Laravel merupakan salah satu

framework yang popular dan banyak digunakan oleh para programmer dalam membuat

sebuah website. Praktik Kerja Lapangan ini dibimbing langsung oleh Chief Technology

Officer (CTO).

a. Bulan Pertama

Bulan pertama melakukan pembuatan desain mobile website menggunakan aplikasi

Figma. Terdapat 12 desain yang dibuat yaitu desain layar splash, halaman awal,

halaman sign in, halaman sign up, halaman home, halaman order, halaman product,

halaman customer, halaman report, halaman user, halaman synchronization, dan

halaman my marketplace. Selain membuat desain pada bulan pertama juga

mengimplentasikan desain menggunakan HTML dan framework AngularJS.

Page 25: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

17

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

- Minggu pertama dilakukan selama 3 hari, task diberikan oleh Developer Manager

dikarenakan pembimbing industry sedang meeting dan task yang dikerjakan yaitu

membuat desain layar splash, halaman awal, halaman sign in,halaman sign up, dan

halaman home menggunakan aplikasi Figma.

- Minggu kedua membuat revisi desain halaman home selama 2 hari karena halaman

home yang dibuat pada minggu pertama tampilannya terlalu polos, membuat

desain halaman order, membuat desain halaman product, dan membuat desain

halaman customer.

- Minggu ketiga membuat desain halaman report, halaman user, halaman

synchronization, dan halaman my marketplace serta mengimplentasikan desain

yang sudah dibuat menggunakan HTML (Hyper Text Markup Language) untuk

layar splash, halaman awal, halaman sign in, halaman sign up. Setelahnya

mengikuti training pengunaan framework AngularJS.

- Minggu keempat membuat layar splash , halaman awal, halaman sign in, halaman

sign up, halaman home, halaman order, dan halaman product menggunakan

framework AngularJS sesuai dengan design yang sudah dibuat menggunakan

Figma.

b. Bulan Kedua

Bulan kedua membuat halaman customer, halaman user, halaman report, halaman

synchronization, halaman my marketplace menggunakan framework AngularJS, dan

mempelajari database menggunakan Postman, serta mengikuti briefing Laravel dan

pemberian task baru untuk membuat website pengelolaan penjualan.

- Minggu pertama membuat halaman customer, halaman user, halaman report,

halaman synchronization, halaman my marketplace menggunakan framework

AngularJS, dan mempelajari database menggunakan Postman, serta mengikuti

briefing Laravel.

- Minggu kedua membuat website dengan template klorofil menggunakan

framework Laravel pada halaman admin, membuat fitur login dan logout user

Page 26: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

18

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

dengan data yang sudah terdaftar pada database. Terdapat dua user yaitu admin

dan staff.

- Minggu ketiga membuat hak akses (role) untuk admin dan user lalu direvisi agar

tabel databasenya terpisah atau memiliki tabel sendiri yang bernama table role

serta mengikuti briefing dan training penggunaan framework CodeIgniter (CI).

- Minggu keempat dilaksanakan selama 2 hari yaitu senin dan selesa, dikarenakan

cuti bersama dan maulid Nabi Muhammad SAW. Mempelajari metode Model

View Controller (MVC) yang ada pada framework CodeIgniter dan membuat

halaman catat produk menggunakan framework CodeIgniter .

c. Bulan Ketiga

Bulan ketiga membuat halaman catat produk dan fitur upload foto menggunakan

framework CodeIgniter (CI) , membuat beberapa form input, membuat chart

menggunakan Google Chart, dan membuat website menu product menggunakan

framework Laravel.

- Minggu pertama membuat halaman catat produk, membuat fitur upload foto pada

halaman catat produk menggunakan framework CI, dan mencoba fitur-fitur pada

website ngorder.id lalu menyampaikan kesimpulannya kepada pembimbing

industri.

- Minggu kedua membenarkan hak akses (role) menggunakan framework Laravel

dengan table role yang berbeda, dan membuat form input text, dropdown, text area,

datepicker, dan upload file menggunakan framework Laravel lalu melaporkan

hasil pembuatan form input.

- Minggu ketiga mengikuti briefing task baru untuk membuat chart pada halaman

dashboard menggunakan google chart, mempelajari google chart, menghubungkan

pie chart dengan database, dan membuat rancangan database menu produk.

- Minggu keempat membuat halaman daftar departemen, halaman daftar kategori,

halaman daftar produk, halaman produk varian, halaman deposit, dan halaman

daftar harga ojek online serta membuat fitur count data yang diambil dari form

input sesuai dengan pilihan yang dipilih menggunakan framework Laravel.

Page 27: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

19

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

3.3 Pembahasan Hasil PKL

Hasil Praktik Kerja Lapangan ini berupa aplikasi pengelolaan penjualan berbasis

website menggunakan framework Laravel Menu Admin dan Produk.

3.3.1 Perancangan

A. Requirement Planning

Tahapan requirement planning ini dilakukan untuk mengidentifikasi dan menjabarkan

halaman serta fitur-fitur yang terdapat di aplikasi pengelolaan penjualan sebagai

berikut:

a. Terdapat 4 tipe pengguna aplikasi yaitu Admin, Finance dan Staff. Untuk

Karyawan, Finance, dan Staff hanya dapat melihat atau mengakses dashboard.

Sedangkan untuk Admin dapat mengakses semua menu, dapat menambah data,

mengubah data, dan menghapus data.

b. Menu Admin dan Produk dapat melakukan aktivitas CRUD (Create, Read,

Update, Delete).

c. Sub menu daftar departemen dapat melakukan proses count jumlah kategori yang

dipilih oleh Admin.

d. Sub menu daftar kategori dapat melakukan proses count jumlah produk yang

dipilih oleh Admin.

e. Sub menu daftar harga ojek online dapat melakukan proses count jumlah produk

terdaftar yang dipilih Admin.

f. Sub menu daftar produk dan deposit dapat melakukan proses upload foto.

B. Design

Design pada tahapan ini menggunakan Unified Modeling Languanage (UML) dalam

merancang sistemnya. Diagram yang dibuat untuk merancang aplikasi pengelolaan

penjualan yaitu use case diagram, class diagram, sequence diagram, dan activity

diagram.

Page 28: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

20

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

1. Usecase Diagram

Usecase diagram pada Gambar 3.2 merupakan diagram yang menggambarkan actor-

actor yang dapat melakukan aktivitas pada aplikasi.

Gambar 3.2 Usecase Diagram Aplikasi Pengelolaan

Gambar 3.2 diatas menjelaskan setiap actor memiliki hak akses yang berbeda dalam

melakukan aktivitas pada aplikasi. Dapat dilihat actor Admin dapat melakukan semua

aktivitas pada aplikasi seperti melihat dashboard, dan mengelola data. Sedangkan

actor Staff hanya dapat mengakses menu dashboard.

2. Activity Diagram

a. Login

Activity diagram login pada Gambar 3.3 merupakan diagram yang menggambarkan

bagaimana alur aktivitas user dalam melakukan login pada aplikasi. Dimulai dari user

membuka aplikasi terlebih dahulu yang menampilkan halaman login, lalu user harus

Page 29: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

21

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

menginput email dan password sistem akan memvalidasi. Jika email dan password

yang dimasukan sesuai dengan database dan tervalidasi oleh sistem maka sistem akan

mendirect ke halaman dashboard. Apabila email dan password yang dimasukan salah

atau tidak terdaftar pada database dan sistem maka sistem akan mendirect ke halaman

login lagi.

Gambar 3.3 Activity Diagram Login

b. Menambah Data

Gambar 3.4 menjelaskan tahap tahap atau aktvitas user untuk menambah data. Setelah

melakukan aktivitas login yang telah berhasil akan menampilkan halaman dashboard,

user dapat melakukan aktivitas menambah data sesuai dengan menu yang dipilih.

Ketika user melakukan input data apabila bila data sudah sesuai maka data akan

tersimpan dan menampilkan pesan data berhasil ditambah namun apabila tidak sesuai

maka sistem mendirect ke halaman form inout tambah data.

Page 30: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

22

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.4 Activity Diagram Menambah Data

c. Mengedit Data

Gambar 3.5 menjelaskan tahap tahap atau aktvitas user untuk edit data. Setelah

melakukan aktivitas login yang telah berhasil akan menampilkan halaman dashboard,

user dapat melakukan aktivitas edit data sesuai dengan menu yang dipilih. Ketika user

melakukan input data apabila bila data sudah sesuai maka data akan tersimpan namun

apabila tidak sesuai maka sistem mendirect ke halaman form input edit data.

Page 31: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

23

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.5 Activity Diagram Mengedit Data

d. Menghapus Data

Gambar 3.6 menjelaskan tahap tahap atau aktvitas user untuk menghapus data. Setelah

melakukan aktivitas login yang telah berhasil akan menampilkan halaman dashboard,

user dapat melakukan aktivitas menghapus data sesuai dengan menu yang dipilih.

Apabila admin batal untuk melakukan hapus data maka sistem akan direct ke halaman

menekan tombol delete.

Page 32: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

24

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.6 Activity Diagram Menghapus Data

3. Sequence Diagram

1. Login

Gambar 3.7 merupakan sequence diagram untuk proses login. Dimulai dengan Admin

yang melakukan input email dan password yang akan divalidasi oleh sistem database.

Database akan mengirimkan status apabila true sistem akan menampilkan pesan login

berhasil namun apabila false sistem akan menampilkan pesan email dan password

salah.

Page 33: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

25

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.7 Sequence Diagram Login

2. Admin

Gambar 3.8 merupakan sequence diagram untuk proses halaman menu admin.

Dimulai dengan Admin yang menklik menu admin lalu sistem akan menampilkan

halaman menu admin dan admin akan menginput data sesuai yang diinginkan.

Database akan memvalidasi data lalu data kan terkirim.

Page 34: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

26

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.8 Sequence Diagram Admin

3. Mengelola Data Daftar Departemen

Gambar 3.9 merupakan sequence diagram untuk proses halaman menu daftar

departemen. Dimulai dengan Admin yang menklik menu daftar departemen lalu

sistem akan menampilkan halaman menu daftar departemen dan admin akan

menginput data sesuai yang diinginkan. Database akan memvalidasi data lalu data kan

terkirim.

Page 35: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

27

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.9 Sequence Diagram Daftar Departemen

4. Mengelola Data Daftar Kategori

Gambar 3.10 merupakan sequence diagram untuk proses halaman menu daftar

kategori. Dimulai dengan Admin yang menklik menu daftar kategori lalu sistem akan

menampilkan halaman menu daftar kategori dan admin akan menginput data sesuai

yang diinginkan. Database akan memvalidasi data lalu data kan terkirim.

Page 36: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

28

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.10 Sequence Diagram Daftar Kategori

5. Mengelola Data Daftar Produk

Gambar 3.11 merupakan sequence diagram untuk proses halaman menu daftar

produk. Dimulai dengan Admin yang menklik menu daftar produk lalu sistem akan

menampilkan halaman menu daftar produk dan admin akan menginput data sesuai

yang diinginkan. Database akan memvalidasi data lalu data kan terkirim.

Page 37: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

29

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.11 Sequence Diagram Daftar Produk

6. Mengelola Data Produk Varian

Gambar 3.12 merupakan sequence diagram untuk proses halaman menu produk

varian. Dimulai dengan Admin yang menklik menu produk varian lalu sistem akan

menampilkan halaman menu produk varian dan admin akan menginput data sesuai

yang diinginkan. Database akan memvalidasi data lalu data kan terkirim.

Page 38: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

30

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.12 Sequence Diagram Produk Varian

7. Mengelola Data Deposit

Gambar 3.13 merupakan sequence diagram untuk proses halaman menu deposit.

Dimulai dengan Admin yang menklik menu deposit lalu sistem akan menampilkan

halaman menu deposit dan admin akan menginput data sesuai yang diinginkan.

Database akan memvalidasi data lalu data kan terkirim.

Page 39: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

31

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.13 Sequence Diagram Deposit

8. Mengelola Data Daftar Harga Ojek Online

Gambar 3.14 merupakan sequence diagram untuk proses halaman menu daftar harga

ojek online. Dimulai dengan Admin yang menklik menu daftar harga ojek online lalu

sistem akan menampilkan halaman menu daftar harga ojek online dan admin akan

menginput data sesuai yang diinginkan. Database akan memvalidasi data lalu data kan

terkirim.

Page 40: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

32

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.14 Sequence Diagram Daftar Harga Ojek Online

4. Class Diagram

Class diagram pada Gambar 3.15 merupakan diagram yang menggambarkan kelas-

kelas dalam aplikasi pengelolaan penjualan. Terdapat 8 kelas yaitu kelas user, kelas

admin, kelas ojol, kelas catat produk, kelas departemen, kelas kategori, kelas deposit,

dan kelas produk varian. Untuk kelas user dapat melakukan login, sedangkan untuk

kelas lainnya dapat melakukan CRUD.

Page 41: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

33

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.15 Class Diagram

C. Implementation

Tahapan implementasi ini dapat dilihat pada point 3.3.2 Implementasi.

3.3.2 Implementasi

1. Modul Login 3.21

Modul Login merupakan salah satu syarat sebelum user dapat melakukan aktivitas

pada aplikasi. Modul login juga merupakan jalur masuk ke aplikasi sesuai dengan data

user yang terdaftar, serta untuk memproteksi data dan aplikasi.

Page 42: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

34

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.16 merupakan halaman login dimana user dapat menginput email dan

password untuk mengakses ke menu utama dan melakukan aktivitas lainnya.

Gambar 3.16 Halaman Login

2. Modul Admin

Modul Admin merupakan modul untuk menampilkan data user yang sudah terdaftar

dan dapat melakukan aktivitas pada aplikasi. Data yang terdapat pada halaman Admin

berupa : nama, jenis kelamin, no. telepon, email, dan alamat.

Gambar 3.17 menampilkan data user yang sudah terdaftar baik itu admin atau staff

sehingga dapat melakukan aktivitas pada aplikasi sesuai dengan hak aksesnya masing-

masing.

Page 43: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

35

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.17 Halaman Admin

3. Modul Daftar Departemen

Modul Daftar Departemen merupakan modul untuk menampilkan data daftar

departemen. Data yang terdapat pada halaman Daftar Departemen berupa :

departemen, urutan, jumlah kategori dan action.

Gambar 3.18 menampilkan data daftar departemen yang sudah diinput oleh Admin.

Jumlah Kategori merupakan proses count dari banyaknya kategori yang dipilih oleh

Admin.

Gambar 3.18 Halaman Daftar Departemen

Page 44: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

36

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

4. Modul Daftar Kategori

Modul Daftar Kategori merupakan modul untuk menampilkan data daftar kategori.

Data yang terdapat pada halaman Daftar Kategori berupa : nama kategori, urutan,

jumlah produk, departemen, status dan action.

Gambar 3.19 menampilkan data daftar kategori yang sudah diinput oleh Admin.

Jumlah produk merupakan proses count dari banyaknya produk yang dipilih oleh

Admin.

Gambar 3.19 Halaman Kategori

5. Modul Daftar Produk

Modul Daftar Produk merupakan modul untuk menampilkan data daftar Produk. Data

yang terdapat pada halaman Daftar Produk berupa : produk, sku, group, harga beli,

harga jual dan action.

Gambar 3.20 menampilkan data daftar produk yang sudah diinput oleh Admin.

Kategori pada daftar produk merupakan kategori yang sudah dibuat pada halaman

Daftar Kategori.

Page 45: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

37

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.20 Halaman Daftar Produk

6. Modul Produk Varian

Modul Produk Varian merupakan modul untuk menampilkan data daftar Produk

Varian. Data yang terdapat pada halaman Produk Varian berupa : nama varian, setting

pilihan varian dan action. Gambar 3.21 menampilkan data produk varian yang sudah

diinput oleh Admin.

Gambar 3.21 Halaman Produk Varian

Page 46: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

38

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

7. Modul Deposit

Modul Deposit merupakan modul untuk menampilkan data deposit. Data yang terdapat

pada halaman Deposit berupa : nama deposit, harga, masa berlaku, outlet, status dan

action. Pada modul ini admin dapat mengupload foto saat menambahkan data deposit.

Gambar 3.22 menampilkan data deposit yang sudah diinput oleh Admin.

Gambar 3.22 Halaman Deposit

8. Modul Daftar Harga Ojek Online

Modul Daftar Harga Ojek Online merupakan modul untuk menampilkan data daftar

harga ojek online. Data yang terdapat pada halaman Daftar Harga Ojek Online berupa

: nama ojek online, deskripsi, status, produk terdaftar dan action.

Gambar 3.23 menampilkan data daftar harga ojek online yang sudah diinput oleh

Admin. Produk terdaftar merupakan proses count dari banyaknya produk yang dipilih

oleh Admin.

Page 47: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

39

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Gambar 3.23 Halaman Daftar Harga Ojek Online

3.3.3 Pemeliharaan

Aplikasi pengelolaan penjualan belum dipakai oleh customer karena masih terdapat

banyak fitur yang belum dapat dipakai. Aplikasi ini kedepannya akan mengalami

banyak pengembangan fitur dan modul sesuai dengan permintaan perusahaan.

Fungsionalitas aplikasi yang belum bekerja yaitu:

a. Fitur search yang terdapat pada navbar belum berfungsi.

b. Fitur help yang terdapat pada navbar untuk mengadukan permasalahan yang

terjadi.

3.4 Identifikasi kendala yang dihadapi

Sub bab ini menjelaskan tentang kendala-kendala yang dihadapi selama Praktik Kerja

Lapangan berlangsung serta cara mengatasi kendala tersebut.

3.4.1 Kendala Pelaksanaan Tugas

Kendala yang dihadapi selama masa Praktik Kerja Lapangan sebagai berikut:

a. Kesulitan dalam membuat hak akses (role) dari table yang berbeda.

b. Kesulitan dalam membuat query database dari framework Laravel.

c. Seringnya terjadi kesalahan dalam membuat fitur input data menggunakan

dropdown yang datanya diambil dari database.

Page 48: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

40

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

d. Kesulitan dalam membuat fitur count yang perhitungannya diambil sesuai dengan

data yang dipilih oleh user.

3.4.2 Cara Mengatasi Kendala

Berikut cara mengatasi kendala yang terjadi pada saat Praktik Kerja Lapangan:

a. Mengidentifikasi masalah dengan algoritma divide dan conquer yaitu dengan cara

membagi masalah menjadi beberapa bagian yang lebih kecil, lalu memecahkan

masalahnya masing-masing, dan menggabungkan solusi masing-masing sehingga

membentuk solusi dari permasalahan awal.

b. Melihat dokumentasi query builder yang telah disediakan oleh pihak Laravel pada

websitenya.

c. Mendisuksikannya permasalahan dengan pembimbing industry sehingga

mendapatkan penyelesaian masalah.

d. Melihat penyelesaian masalah dari forum grup diskusi seperti stackoverflow.

Page 49: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

41

BAB IV

PENUTUP

4.1 Kesimpulan

Praktik Kerja Lapangan pada PT. Atur Toko Solusi Indonesia yang berada didivisi

developer dilakukan selama 3 bulan yang terhitung dari tanggal 9 September 2020

sampai dengan tanggal 8 Desember 2020 dengan perancangan aplikasi pengelolaan

penjualan berbasis website berhasil dilakukan.

Adapun kegunaan dari Praktik Kerja Lapangan sebagai berikut:

a. Fitur CRUD berfungsi untuk mempermudah seller dalam mengelola produk yang

akan dijual.

b. Fitur count berfungsi untuk mempermudah seller dalam proses menghitung

produk, departemen, dan kategori yang dipilih.

4.2 Saran

Saran untuk pengembangan sistem selanjutnya berdasarkan pengalaman Praktik Kerja

Lapangan yang telah dilakukan sebagai berikut:

a. Mengembangkan fitur search dan help yang terdapat pada navbar agar

mempermudah seller dalam mencari data dan apabila terjadi kesalahan seller dapat

langsung mendapatkan bantuan untuk menyelesaikan permasalahan yang terjadi.

b. Melakukan perancangan database dan analisis kebutuhan sistem agar sistem

database tersinkronisasi dengan fitur dan modul tambahan yang akan

dikembangkan.

Page 50: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

42

DAFTAR PUSTAKA

Ade Hendini (2016) ‘PEMODELAN UML SISTEM INFORMASI MONITORING

PENJUALAN DAN STOK BARANG (STUDI KASUS: DISTRO ZHEZHA

PONTIANAK)’, PEMODELAN UML SISTEM INFORMASI MONITORING

PENJUALAN DAN STOK BARANG (STUDI KASUS: DISTRO ZHEZHA

PONTIANAK), 23(2), pp. 201–205. doi:

10.2135/cropsci1983.0011183x002300020002x.

Aswati, S. et al. (2017) ‘Studi Analisis Model Rapid Application Development Dalam

Pengembangan Sistem Informasi’, Jurnal Matrik, 16(2), p. 20. doi:

10.30812/matrik.v16i2.10.

Khairuzzaman, M. Q. (2016) ‘RANCANG BANGUN SISTEM INFORMASI

PERMINTAAN ATK BERBASIS INTRANET’, 4(1), pp. 64–75.

Sagala, J. R. (2018) ‘Model Rapid Application Development (Rad) Dalam

Pengembangan Sistem Informasi Penjadwalan Belajar Mengajar’, Jurnal Mantik

Penusa, 2(1), pp. 87–90.

Siregar, H. F. and Melani, M. (2019) ‘Perancangan Aplikasi Komik Hadist Berbasis

Multimedia’, Jurnal Teknologi Informasi, 2(2), p. 113. doi: 10.36294/jurti.v2i2.425.

Teorey, T. et al. (2006) Database Modeling and Design, Database Modeling and

Design. doi: 10.1016/B978-0-12-685352-0.X5000-9.

Utari, H. and Silalahi, N. (2016) ‘Perancangan aplikasi peramalan permintaan

kebutuhan tenaga kerja pada perusahaan outsourcing menggunakan algoritma simple

moving average’, Jurnal TIMES, 5(2), pp. 1–5. Available at: http://ejournal.stmik-

time.ac.id/index.php/jurnalTIMES/article/view/546.

Al-Hamdany, T. A. H., 2003. Analisis dan Perancangan Sistem,. Jakarta: PT

Prenhallindo.

Apache Friends, 2020. XAMPP. [Online]

Available at: https://www.apachefriends.org/

[Accessed 23 December 2020].

Badan Pengembangan dan Pembinaan Bahasa, Kementerian Pendidikan dan

Kebudayaan Republik Indonesia, 2016. KBBI Daring. [Online]

Available at: https://kbbi.kemdikbud.go.id/entri/menu

[Accessed 23 December 2020].

Page 51: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

43

Delisle, M., 2012. Mastering phpMyAdmin 3.4 for Effective MySQL Management.

Birmingham: Packt Publishing.

Github, 2020. Bootsrap. [Online]

Available at: https://github.com/twbs/bootstrap

[Accessed 23 December 2020].

Habibi , R., Fakhri, D. B. N. & Damayanti, F. S., 2019. Penggunaan Framework

Laravel untuk Membuat Aplikasi Absensi Terintegrasi Mobile. Bandung: Kreatif

Industri Nusantara.

Hendrawan, C., 2020. Aplikasi Pengelolaan Penjualan [Interview] (18 September

2020).

Jubilee Enterprise, 2016. Pemrograman Bootsrap untuk Pemula. Jakarta: PT Elex

Media Komputindo.

Laravel, 2020. Laravel. [Online]

Available at: https://laravel.com/

[Accessed 23 December 2020].

Mulyani, S., 2016. Analisis dan Perancangan Sistem Informasi Manajemen

Keuangan Daerah: Notasi Pemodelan Unified Modelling Language (UML). 2 ed.

Bandung: Abdi Sistematika.

phpMyAdmin, 2020. phpMyAdmin. [Online]

Available at: https://www.phpmyadmin.net/

[Accessed 21 December 2020].

phpMyAdmin, 2020. phpMyAdmin. [Online]

Available at: https://www.phpmyadmin.net/

[Accessed 23 December 2020].

S., 2018. Pengelolaan Pembelajaran Teoritis dan Praktis. Yogyakarta: Deepublish.

Supardi, Y., 2019. Semua Bisa Menjadi Programmer Laravel Basic. Jakarta: PT Elex

Media Komputindo.

Page 52: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

44

LAMPIRAN – LAMPIRAN

L-1 Surat Keterangan Selesai Magang

Page 53: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

45

L-2 Tugas Harian PKL

Page 54: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

46

(Lanjutan)

Page 55: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

47

(Lanjutan)

Page 56: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

48

(Lanjutan)

Page 57: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

49

(Lanjutan)

Page 58: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

50

L-3 User Requirement

Page 59: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

51

(Lanjutan)

Page 60: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

52

L-4 Gambaran Umum Perusahaan

Nama Perusahaan : PT. Atur Toko Solusi Indonesia

Alamat : Metropilitan Tower, Lantai 2 Jl. R.A. Kartini

No.Kav. 14, RW.4, Cilandak Barat, Cilandak,

Jakarta Selatan, Jakarta 12430

Telepon : 0811 - 8880 - 258

Website : aturtoko.id

PT. Atur Toko Solusi Indonesia merupakan perusahaan startup dibidang jasa

teknologi. PT. Atur Toko Solusi Indonesia memiliki produk utama yaitu

aturtoko.id. aturtoko.id adalah sebuah platform digital yang menyediakan

solusi bisnis secara online. Aturtoko.id pun menyediakan solusi layanan e-

commerce terpadu dan konsultasi bisnis Offline to Online store. Aturtoko.id

juga termasuk kedalam website e-commerce enabler. PT. Atur Toko Indonesia

bekerja sama dengan 9 perusahaan e- commerce yaitu Tokopedia, Lazada,

Shopee, JD.id, Blibli, Bukalapak Woocommerce, Midtrans, dan Biteship

Page 61: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

53

L-5 Foto Suasana Kantor

Foto Suasana Kantor

Foto Saat Presentasi Aplikasi Pengelolaan

Page 62: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

54

(Lanjutan)

Foto Bersama Pembimbing Industri

Page 63: PERANCANGAN APLIKASI PENGELOLAAN PENJUALAN …

55

L-6 Data Wawancara

Ardhelia : Apa yang diharapkan dari pembuatan aplikasi ini bagi

perusahaan?

Christiono Hendrawan : Aplikasi ini diharapkan dapat mengembangkan

perusahaan.

Ardhelia : Apakah tujuan dari pembuatan aplikasi ini ?

Christiono Hendrawan : Aplikasi ini dibuat untuk memenuhi kebutuhan seller

yang memiliki produk yang akan dijual.

Ardhelia : Berbasis apakah aplikasi yang akan dibuat ini?

Christiono Hendrawan : Aplikasi ini dibuat berbasis website agar seller dapat

mengaksesnya dengan mudah.

Ardhelia : Baik pak terimakasih atas informasi yang telah

diberikan