`

RANCANG BANGUN APLIKASI M-COMMERCE

BERBASIS ANDROID DI BERKAH ALUMUNIUM

MENGGUNAKAN METODE PROTOTYPE

LAPORAN KULIAH PRAKTEK

Oleh :

Nim Nama

1711500119 ALLAN DHIKA SETIAWAN

1711500070 DONI ANGGARA

1711500038 RIFQY APRIANSYAH

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNOLOGI INFORMASI

INSTITUT SAINS DAN BISNIS ATMA LUHUR

PANGKALPINANG

2020/2021

i

RANCANG BANGUN APLIKASI M-COMMERCE

BERBASIS ANDROID DI BERKAH ALUMUNIUM

MENGGUNAKAN METODE PROTOTYPE

LAPORAN KULIAH PRAKTEK

Oleh :

Nim Nama

1711500119 ALLAN DHIKA SETIAWAN

1711500070 DONI ANGGARA

1711500038 RIFQY APRIANSYAH

HALAMAN COVER

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNOLOGI INFORMASI

INSTITUT SAINS DAN BISNIS ATMA LUHUR

PANGKALPINANG

2020/2021

ii

iii

iv

v

ABSTRAK

Aplikasi mobile commerce alumunium ini diberi nama Berkah Alumunium.

Aplikasi ini diciptakan untuk membantu masyarakat supaya lebih efisien dalam

membeli dan memesan barang jadi Alumunium sepeti lemari,raksepatu,dll.

Aplikasi Berkah Alumunium dibuat menggunakan bahasa JavaScript

menggunakan aplikasi Android Studio dan penyimpan data MySQL phpmydmin.

yang dibangun akan berbasis mobile dan kompatibel pada sistem operasi Android

dan iOS. Pengembangan aplikasi ini menggunakan metode Prototype. Aplikasi ini

diharapkan dapat: 1. Memudahkan masyarakat membeli dan memsan barang jadi

alumunium, 2. Meningkatkan daya jual toko, 3. Menciptakan lapangan kerja baru.

Dengan adanya M-Commerce, diharapkan Berkah Alumunium dapat memasarkan

barangnya secara mobile online sehingga konsumen bisa melihat dan memesan

pada Berkah Alumunium tanpa harus mendatangi toko secara langsung. Selain itu

diharapkan dengan adanya M-Commerce pada Berkah Alumunium ini dapat

meningkatkan grafik pendapatan atau omsetnya. Mengacu dari permasalahan

diatas, maka perlu dibuat suatu sistem yang dapat menyelesaikan permasalahan

yang ada saat ini. Pembangunan aplikasi berbasis mobile pada platform android

adalah suatu solusi untuk menyelesaikan berbagai permasalahan di atas guna

mencapai efektifitas maupun efisiensi Berkah Alumunium. Penelitian ini

diharapkan dengan dibangunnya Aplikasi Berkah Alumunium berbasis android,

dapat, Memudahkan para pegawai toko serta mempermudah penjualan antara

Konsumen dan Produsen serta guna untuk menambahkan pencapaian atau omset

penjualan di Berkah Alumunium.

Kata Kunci : Mobile Commerce, JavaScript, Android Studio, MySQL

PhpMyadmin, Prototype.

vi

KATA PENGANTAR

Puji syukur peneliti panjatkan kepada Allah SWT yang telah memberikan

rahmat dan karunianya, sehingga peneliti dapat menyelesaikan Laporan Kerja

Praktek ini dengan baik.

Kerja Praktek ini merupakan salah satu mata kuliah yang wajib ditempuh

di Institus Sains dan Bisnis Atma Luhur Pangkalpinang. Laporan Kerja Praktek

ini disusun sebagai pelengkap kerja praktek yang telah dilaksanakan kurang lebih

3 bulan Toko Berkah Alumunium .

Dengan selesainya laporan kerja praktek ini tidak terlepas dari bantuan

banyak pihak yang telah memberikan masukan-masukan kepada peneliti. Untuk

itu peneliti mengucapkan banyak terimakasih kepada :

1. Bapak Dr. Husni TejaSukmana, S.T, M.Sc, selaku Ketua Institut Sains

Dan Bisnis Atma Luhur Pangkalpinang.

2. Bapak Chandra Kirana, S.Kom, M.Kom selaku Kepala Program Studi

Teknik Informatika.

3. Bapak Devi Irawan, M. Kom selaku Dosen pembimbing Kuliah

Praktek.

4. Bapak Tomy Antofany, selaku pembimbing Lapangan Kerja Praktek.

5. Orang tua dan teman-teman yang selalu memberikan semangat dan

doa selama melakukan studi.

Peneliti menyadari bahwa laporan ini masih jauh dari kesempurnaan

dengan segala kekurangannya. Untuk itu peneliti mengharapkan adanya kritik dan

saran dari semua pihak demi kesempurnaan dari laporan kerja praktek ini. Semoga

laporan ini dapat bermanfaat bagi rekan-rekan mahasiswa-mahasiswi demi

menambah pengetahuan..

Pangkalpinang 4 Januari 2021

Peneliti

vii

DAFTAR ISI

Halaman

HALAMAN COVER ..................................................................................................... i

PERSETUJUAN LAPORAN KERJA PRAKTEK ...................................................... ii

LEMBAR PENGESAHAN SELESAI KP .................................................................. iii

LEMBAR PERNYATAAN ......................................................................................... iv

ABSTRAK .................................................................................................................... v

KATA PENGANTAR ................................................................................................. vi

DAFTAR ISI ............................................................................................................... vii

DAFTAR SIMBOL ...................................................................................................... ix

DAFTAR GAMBAR ................................................................................................. xiii

DAFTAR TABEL ....................................................................................................... xv

DAFTAR LAMPIRAN .............................................................................................. xvi

BAB 1. PENDAHULUAN ...................................................................................... 1

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

1.2 Rumusan Masalah ............................................................................................. 2

1.3 Batasan Masalah ................................................................................................ 2

1.4 Tujuan dan Manfaat Penelitian.......................................................................... 2

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

1.4.2 Manfaat Penelitian ............................................................................... 2

1.5 Metodologi Penelitian ....................................................................................... 3

1.6 Sistematika Penulisan ........................................................................................ 3

BAB 2. LANDASAN TEORI .................................................................................. 5

2.1 Metode Prototype .............................................................................................. 5

2.2 Tujuan Prototyping ............................................................................................ 5

2.3 Langkah-langkah Prototyping ........................................................................... 6

2.4 Analisa Kebutuhan ............................................................................................ 7

2.5 Desain Sistem .................................................................................................... 8

2.6 Aplikasi ............................................................................................................. 8

2.7 Android .............................................................................................................. 9

2.8 MySQL ............................................................................................................ 13

2.9 JSON ............................................................................................................... 13

2.10 UML ................................................................................................................ 13

2.11 M-COMMERCE ............................................................................................. 18

2.12 Tinjauan Penelitian Terdahulu ........................................................................ 19

BAB 3. ORGANISASI .......................................................................................... 24

3.1 Profil serta sejarah singkat Toko Berkah Alumunium .................................... 24

viii

3.2 Struktur Organisasi Berkah Alumunium ......................................................... 24

3.3 Jam Kerja Berkah Alumunium ........................................................................ 26

3.4 Lokasi Bengkel Toko Berkah Alumunium ..................................................... 27

3.5 Visi Dan Misi .................................................................................................. 28

BAB 4. PEMBAHASAN ....................................................................................... 29

4.1 Definisi Masalah ............................................................................................. 29

4.2 Analisa Sistem Berjalan .................................................................................. 29

4.3 Analisa Sistem Usulan .................................................................................... 31

4.3.1 Usecase Sistem Usulan ...................................................................... 31

4.3.2 Activity Diagram Sistem Usulan ........................................................ 33

4.3.3 Sequence Diagram Sistem Usulan ..................................................... 40

4.3.4 Class Diagram Sistem usulan ............................................................ 44

4.4 Rancangan Layar ............................................................................................. 45

BAB 5. KESIMPULAN DAN SARAN ................................................................ 60

5.1 Kesimpulan ...................................................................................................... 60

5.2 Saran ................................................................................................................ 60

DAFTAR PUSTAKA ................................................................................................. 61

LAMPIRAN

ix

DAFTAR SIMBOL

Daftar Simbol Use Case Diagram

ACTOR

Orang proses, atau sistem lain yang berinteraksi

dengan sistem informasi yang akan dibuat di luar

sistem informasi yang akan dibuat itu sendiri, jadi

walaupun simbol dari actor adalah gambar orang,

biasanya dinyatakan menggunakan kata benda di awal

frase nama actor.

USE CASE

Fungsionalitas yang disediakan sistem sebagai unit-

unit yang saling bertukar pesar antar unit atau actor

biasanya dinyatakan dengan menggunakan kata kerja

di awal frase nama use case.

ASOSIASI/ASSOCIATION

Komunikasi antara actor dan use case yang

berpartisipasi pada use case atau use case memiliki

interraksi dengan actor.

EKSTENSI/EXTEND

Relasi use case tambahan ke sebuah use case dimana

use case yang ditambahkan dapat berdiri sendiri walau

tanpa use case tambahan memiliki nama depan yang

sama dengan use case yang di tambahkan.

GENERALISASI/GENERALIZATION

Hubungan generalisasi dan spesialisasi (umum-

khusus) antara dua buah use case dimana fungsi yang

satu adalah fungsi yang lebih umum dari lainnya.

MENGGUNAKAN/INCLUDE

Relasi use case tambahan ke sebuah use case, use

case yang ditambahkan memerlukan ini untuk

menjalankan fungsional atau sebagai syarat dijalankan.

x

Daftar Simbol Activity Diagram

NO GAMBAR NAMA KETERANGAN

1

Initial

Titik awal, untuk memulai

suatu aktivitas.

2

Final

Titik akhir, untuk mengakhiri

aktivitas.

3

Action Menandakan sebuah aktivitas.

4

Decision

Pilihan untuk mengambil

keputusan.

5

Fork/Join

Digunakan untuk menunjukkan

kegiatan yang dilakukan secara

paralel atau untuk

menggabungkan dua kegiatan

paralel menjadi satu.

6

Swimlane

Menggambarkan pembagian /

pengelompokan berdasarkan

tugas dan fungsi tersendiri

7

Transition

State

Menggambarkan hubungan

antara dua state, dua activity

ataupun antara

state dan activity

xi

Daftar Simbol Class Diagram

GAMBAR NAMA KETERANGAN

Generalization

Hubungan dimana objek anak

(descendent) berbagi perilaku dan

struktur data dari objek yang ada di

atasnya objek induk (ancestor).

Nary

Association

Upaya untuk menghindari asosiasi

dengan lebih dari 2 objek.

Class

Himpunan dari objek-objek yang

berbagi atribut serta operasi yang

sama.

Collaboration

Deskripsi dari urutan aksi-aksi yang

ditampilkan sistem yang menghasilkan

suatu hasil yang terukur bagi suatu

actor

Realization

Operasi yang benar-benar dilakukan

oleh suatu objek.

Dependency

Hubungan dimana perubahan yang

terjadi pada suatu elemen mandiri

(independent) akan mempegaruhi

elemen yang bergantung padanya

elemen yang tidak mandiri

Association

Apa yang menghubungkan antara

objek satu dengan objek lainnya

xii

Daftar Simbol Squence Diagram

GAMBAR NAMA KETERANGAN

LifeLine

Objek entity, antarmuka yang saling

berinteraksi.

Message

Spesifikasi dari komunikasi antar

objek yang memuat informasi-

informasi tentang aktifitas yang

terjadi

Message

Spesifikasi dari komunikasi antar

objek yang memuat informasi-

informasi tentang aktifitas yang

terjadi

xiii

DAFTAR GAMBAR

Gambar 2.1 Langkah-langkah Prototyping ............................................................. 7

Gambar 3.1 Struktur Organisasi ............................................................................ 24

Gambar 4.1 Activity Diagram Sistem Berjalan ..................................................... 30

Gambar 4.2 Usecase Diagram Admin .................................................................. 31

Gambar 4.3 Usecase Diagram Customer .............................................................. 33

Gambar 4.4 Activity diagram Login Admin. ......................................................... 34

Gambar 4.5 Activity Diagram Kelola Stock Bahan ............................................... 35

Gambar 4.6 Activity Diagram Pesanan.................................................................. 36

Gambar 4.7 Activity Diagram Upload Barang ...................................................... 37

Gambar 4.8 Activity Diagram Register Customer ................................................. 38

Gambar 4.9 Activity Diagram Login Customer..................................................... 39

Gambar 4.10 Activity Diagram Katalog Barang ................................................... 40

Gambar 4.11 Sequence Diagram Login ................................................................ 41

Gambar 4.12 Sequence Diagram Kelola Stock Bahan .......................................... 42

Gambar 4.13 Sequence Diagram Pesanan ............................................................. 42

Gambar 4.14 Sequence Diagram Upload Barang ................................................. 43

Gambar 4.15 Sequnce Diagram Register .............................................................. 44

Gambar 4.16 Sequence Diagram Login Customer ................................................ 45

Gambar 4.17 Sequence Diagram Katalog Barang................................................. 46

Gambar 4.18 Class Diagram Sistem Usulan ......................................................... 47

Gambar 4.19 Tampilan login Admin .................................................................... 48

Gambar 4.20 Tampilan Halaman Utama Admin .................................................. 49

Gambar 4.21 Tampilan Kelola Stock Bahan......................................................... 50

Gambar 4.22 Tampilan Pesanan ........................................................................... 51

Gambar 4.23 Daftar Pesanan................................................................................. 52

Gambar 4.24 Tampilan Negosiasi ......................................................................... 53

Gambar 4.25 Tampilan Info Pembayaran ............................................................. 54

Gambar 4.26 Tampilan Masukan .......................................................................... 55

Gambar 4.27 Tampilan Upload Barang ................................................................ 56

xiv

Gambar 4.28 Tampilan Register Customer ........................................................... 57

Gambar 4.29 Tampilan Login Customer .............................................................. 58

Gambar 4.30 Tampilan Halaman Utama Customer .............................................. 59

Gambar 4.31 Tampilan Katalog Barang ............................................................... 60

Gambar 4.32 Tampilan Pesan Barang ................................................................... 61

Gambar 4.33 Tampilan Metode Pembayaran........................................................ 62

xv

DAFTAR TABEL

Table 2.1 Tinjauan Penelitian Terdahulu .............................................................. 19

Tabel 3.1 Jam Kerja Toko Berkah Alumunium .................................................... 26

xvi

DAFTAR LAMPIRAN

Lampiran 5.1 Lokasi Toko Berkah Alumunium ................................................... 63

Lampiran 5.2 Lokasi Kerja Toko Berkah Alumunium ......................................... 64

Lampiran 5.3 Surat Riset Kampus ........................................................................ 65

Lampiran 5.4 Surat Balasan .................................................................................. 66

Lampiran 5.5 Konsultasi pembimbing .................................................................. 67

Lampiran 5.6 Konsultasi Kunjungan KP .............................................................. 68

Lampiran 5.7 Sertifikat International ................................................................... 69