RANCANG BANGUN APLIKASI TOKO ONLINE
UNTUK CLIENT ERV SOFTWARE
LAPORAN KERJA MAGANG
Disusun Oleh Willy 00000022180
PROGRAM STUDI INFORMATIKA FAKULTAS TEKNIK DAN INFORMATIKA UNIVERSITAS MULTIMEDIA NUSANTARA
TANGERANG 2020
ii
LEMBAR PENGESAHAN LAPORAN KERJA MAGANG RANCANG BANGUN APLIKASI TOKO ONLINE
UNTUK CLIENT ERV SOFTWARE
Oleh
Nama : Willy
NIM : 00000022180
Program Studi : Informatika
Fakultas : Teknik Informatika
Tangerang, 7 Desember 2020
Dosen Pembimbing Dosen Penguji
Ito Wasito, Msc., Ph.D Moeljono Widjaja, B.Sc., M.Sc., Ph.D
Mengetahui, Ketua Program Studi
Informatika
iii
Lembar Pernyataan tidak melakukan plagiat dalam penyusunan Laporan Kerja Magang
Dengan ini saya:
Nama : Willy
NIM : 00000022180
Program Studi : Informatika
Menyatakan bahwa saya telah melaksanakan praktek kerja magang:
Nama Perusahaan : ERV Software
Divisi : Programmer
Alamat : Perumahan KFT Blok C3 No.32, Cengkareng Barat,
Jakarta
Laporan kerja magang ini merupakan hasil karya tulis saya sendiri dan saya tidak melakukan plagiat. Semua kutipan karya tulis orang lain atau Lembaga lain yang dirujuk dalam laporan magang ini telah disebutkan dan dicantumkan di daftar pustaka. Jika kemudian hari ditemukan bukti kecurangan atau penyimpangan dalam pelaksanaan kerja magang maupun dalam penulisan laporan, saya bersedia menerima konsekuensi dinyatakan tidak lulus mata kuliah magang yang telah saya tempuh.
Tangerang, 30 November 2020
iv
KATA PENGANTAR
Puji syukur kepada Tuhan Yang Maha Esa yang telah memberkati penulis
e gga a a Ke a Maga g a g be d Ra ca g Ba g g A a T
O e U C e ERV S f a e da a d e e a a e e salah
satu persyaratan dalam menyelesaikan mata kuliah internship. Penulis juga mengucapkan terima kasih kepada pihak-pihak yang turut mendukung penulis dalam menyelesaikan laporan ini yaitu.
1. Dr. Ninok Leksono selaku Rektor Universitas Multimedia Nusantara, 2. Dr. Eng. Niki Prastomo, S.T., M.Sc. selaku Dekan Fakultas Teknik dan
Informatika Universitas Multimedia Nusantara,
3. Marlinda Vasty Overbeek, S.Kom, M.Kom selaku Kepala Program Studi Informatika Universitas Multimedia Nusantara,
4. Ir. Ito Wasito, S.Kom., Msc., Ph.D selaku dosen pembimbing yang telah memberikan bimbingan selama pembuatan laporan magang,
5. Emi Sastra selaku Direktur ERV Software yang telah menerima dan menjadi pembimbing lapangan selama praktek Kerja Magang,
6. Rekan kerja selama kerja magang di ERV Software,
7. Pihak-pihak lain yang telah membantu pembuatan dan penyusuan laporan magang ini yang tidak dapat penulis sebutkan satu per satu.
Penulis menyadari bahwa dalam penulisan laporan magang ini masih banyak kekurangan. Semoga laporan Kerja Magang ini dapat bermanfaat, baik sebagai sumber informasi maupun sumber inspirasi bagi para pembaca.
v ABSTRAK
Pada zaman sekarang, beberapa perusahaan mulai beralih menggunakan aplikasi dalam membantu pekerjaan. Namun, perusahaan sulit dalam mengembangkan sebuah aplikasi dikarenakan tidak memiliki karyawan pada bidang pembuatan aplikasi. Untuk itu ERV Software yang bergerak dalam IT
solution memberikan layanan dalam pembuatan aplikasi. Kerja magang ini
dilakukan untuk memenuhi kebutuhan client dari ERV Software. Aplikasi yang dibuat merupakan aplikasi toko online berbasis website dengan menggunakan dua framework yaitu Laravel, dan Reactjs. Aplikasi ini juga menggunakan database untuk mengelola data pengguna. Database yang digunakan adalah MySQL.
vi ABSTRACT
In this day, some companies have begun to using applications to help work. However, companies are difficult to develop an application because they do not have employees in the field of application development. For this reason, ERV Software which is engaged in IT Solution provides services in making applications for companies. This internship is done to meet the requirement of ERV Software clients. The application is a website-based online store application using two frameworks, namely Laravel and Reactjs. This application also uses a database to manage user data. The database used is MySQL.
vii DAFTAR ISI
LEMBAR PERNYATAAN TIDAK MELAKUKAN PLAGIAT ... iii
KATA PENGANTAR ... iv
ABSTRAK ...v
ABSTRACT ... vi
DAFTAR ISI ... vii
DAFTAR GAMBAR ... ix
DAFTAR LAMPIRAN ... xi
BAB 1 PENDAHULUAN ...1
1.1 Latar Belakang...1
1.2 Maksud dan Tujuan Kerja Magang ...2
1.3 Waktu dan prosedur pelaksanaan kerja magang...3
BAB 2 GAMBARAN UMUM PERUSAHAAN ...4
2.1 Sejarah Singkat Perusahaan ...4
2.2 Visi dan Misi ...4
2.3 Produk Perusahaan ...5
2.4 Struktur Organisasi Perusahaan ...5
2.5 Posisi Pembimbing Kerja Magang ...6
BAB 3 PELAKSANAAN KERJA MAGANG...7
3.1 Kedudukan dan Koordinasi ...7
3.2 Tugas dan Uraian Kerja Magang ...7
3.3 Proses Pelaksanaan ...8
3.3.1 Requirement ...8
3.3.2 Framework dan Basis data yang Digunakan ...8
3.3.3 Use Case Diagram ...9
3.3.4 Activity Diagram ...10
3.3.5 Entity Relationship Diagram ...25
3.3.6 Sequence Diagram ...26
3.3.7 Flowchart...39
3.3.8 Implementasi ...44
3.4 Kendala yang Ditemukan ...57
3.5 Solusi atas Kendala yang Ditemukan ...57
BAB 4 SIMPULAN DAN SARAN ...58
4.1 Simpulan ...58
viii
ix
DAFTAR GAMBAR
Gambar 2.1 Logo ERV Software ...4
Gambar 2.2 Struktur organisasi ERV Software ...5
Gambar 3.1 Use case diagram toko online ...10
Gambar 3.2 Activity diagram register ...11
Gambar 3.3 Activity diagram login ...12
Gambar 3.4 Activity diagram forgot password ...13
Gambar 3.5 Activity diagram edit profile...14
Gambar 3.6 Activity diagram menambahkan produk ke keranjang ...15
Gambar 3.7 Activity diagram transaksi pembelian ...16
Gambar 3.8 Activity diagram pembayaran...17
Gambar 3.9 Activity diagram konfirmasi penerimaan barang ...18
Gambar 3.10 Activity diagram kelola alamat ...19
Gambar 3.11 Activity diagram verifikasi transaksi pembelian ...20
Gambar 3.12 Activity diagram pengadaan barang ...21
Gambar 3.13 Activity diagram CRUD produk ...22
Gambar 3.14 Activity diagram CRUD kategori produk...23
Gambar 3.15 Activity diagram CRUD supplier ...24
Gambar 3.16 Class diagram toko online ...25
Gambar 3.17 Sequence diagram register ...26
Gambar 3.18 Sequence diagram login ...27
Gambar 3.19 Sequence diagram forgot password ...28
Gambar 3.20 Sequence diagram edit profile...29
Gambar 3.21 Sequence diagram menambah produk ke keranjang ...30
Gambar 3.22 Sequence diagram transaksi pembelian ...31
Gambar 3.23 Sequence diagram pembayaran ...32
Gambar 3.24 Sequence diagram konfirmasi penerimaan barang ...32
Gambar 3.25 Sequence diagram kelola alamat ...33
Gambar 3.26 Sequence diagram verifikasi transaksi pembelian ...34
Gambar 3.27 Sequence diagram pengadaan barang ...35
Gambar 3.28 Sequence diagram CRUD produk ...36
Gambar 3.29 Sequence diagram CRUD kategori produk ...37
x
Gambar 3.31 Flowchart register ...39
Gambar 3.32 Flowchart login ...40
Gambar 3.33 Flowchart forgot password ...41
Gambar 3.34 Flowchart menambah produk ke keranjang ...42
Gambar 3.35 Flowchart transaksi pembelian ...43
Gambar 3.36 Flowchart pembayaran ...44
Gambar 3.37 Halaman utama ...45
Gambar 3.38 Halaman login untuk user ...46
Gambar 3.39 Halaman register untuk user ...47
Gambar 3.40 Halaman forgot Password untuk user ...47
Gambar 3.41 Halaman keranjang ...48
Gambar 3.42 Halaman checkout ...49
Gambar 3.43 Halaman pembayaran ...50
Gambar 3.44 Halaman pesanan...50
Gambar 3.45 Halaman login untuk admin ...51
Gambar 3.46 Halaman register untuk admin ...52
Gambar 3.47 Halaman forgot password untuk admin (1)...52
Gambar 3.48 Halaman verifikasi transaksi pembelian...53
Gambar 3.49 Halaman pengadaan barang (1) ...54
Gambar 3.50 Halaman pengadaan barang (2) ...55
Gambar 3.51 Halaman produk ...55
Gambar 3.52 Halaman kategori produk ...56
xi
DAFTAR LAMPIRAN
1. Daftar Riwayat Hidup 2. Surat Konfirmasi Magang 3. Salinan KM03
4. Salinan KM04 5. Salinan KM05 6. Salinan KM07