BAHASAN 1
SISTEM
PENJUALAN HP BERBASIS WEB
1.1. Latar Belakang Masalah
Toko Kurniawan Cell
adalah sebuah toko yang bergerak
dibidang dan penjualan hp. Pada saat
ini sistem pembelian dan penjualan pada Toko Kurniawan Cell masih menggunakan
sistem manual yakni dicatat dalam buku. Hal ini menyulitkan pemilik Toko untuk
mengetahui laporan stok barang, jumlah transaksi
penjualan, jumlah Transaksi barang
masuk, Data Supplier. Berdasarkan analisis permasalahan yang dihadapi oleh Toko
Kurniawan Cell, maka dilakukan pembuatan aplikasi berbasis website untuk
mendukung kinerja Toko. Aplikasi diimplementasikan dapat memproses transaksi penjualan, transaksi pembelian, stock barang, data supplier. Aplikasi dibuat dengan menggunakan
phpMyAdmin dan MySQL sebagai penyimpan database, Sublime Text sebagai text
editor, serta PHP, HTML dan CSS sebagai bahasa pemrogramannya. Aplikasi dapat
melakukan penyimpanan data master dan transaksi, serta memberikan informasi
berupa laporan yang diperlukan.
Serta memudahkan para konsumen disaat
pandemi seperti sekarang ini ketika ingin memesan
barang yang ada di toko tersebut, jadi konsumen tidak harus datang
ke toko tersebut secara langsung
melainkan dapat dipesan
secara online.
1.2. Perumusan Masalah
Berdasarkan
latar belakang masalah tersebut di atas maka dapat dirumuskan:
Bagaimana membuat dan merancang Sistem
informasi Toko Kurniawan Cell
berbasis website yang baik dan informatif ?
Sesuai dengan perumusan masalah di
atas, dalam laporan praktikum ini penulis perlu membatasi masalah agar tidak
menyimpang dari tujuan semula, yaitu Website
yang untuk menyediakan data handphone dan
transaksi Kurniawan Cell
1.4. Tujuan Penelitian
1. Dapat menyimpan transaksi penjualan dan pembelian secara otomatis di
database tidak perlu menulis manual
2. Dapat mengetahui jumlah stok produk secara akurat
3. Dapat menghitung hasil penjualan barang
4. Memudahkan konsumen ketika ingin membeli barang
POKOK BAHASAN 2
FLOWCHART, DFD, ERD, UML
2.1.
Flowchart Program
Dalam sebuah aplikasi aplikasi media
Pnjualan Hp berbasis web diperlukan sebuah flowchart.
Flowchart sendiri merupakan diagram
alur yang gunanya untuk menunjukkan proses jalannya identifikasi sistem
aplikasi yang akan dibuat.
2.1.1.
Flowchart Program Untuk Admin
Gambar 2.1.
Flowchart Aplikasi pada Admin
Penjelasan:
Didalam flowchart ada terminator
“mulai” yang berguna untuk memulai tahapan bagan alir dari suatu aplikasi,
setelah itu admin diharapkan mengisi username
dan password. Jika “True” atau
berhasil login maka admin diarahkan kehalaman utama admin. Jika “False” atau
salah memasukkan username atau password maka admin diharapkan memasukkan kembali username dan password
dengan benar. Pada tampilan utama admin, admin bisa memilih menu Data
Hp,Suplier,Data Pembeli dan transaksi
yang jika diklik maka admin bisa mengetahui data-data yang ada dalam tabel tersebut, serta dapat mengelolah ketiga
tabel tersebut. Setelah
itu ditutup dengan terminator “selesai” sebagai tanda aplikasi berhent
Flowchart
Program Untuk User
Gambar 2.2.
Flowchart Aplikasi Pada User
Penjelasan :
Didalam flowchart ada terminator
“mulai” yang berguna untuk memulai tahapan bagian alur dari suatu aplikasi.
Mulanya user akan mengisi login menggunakan username dan password. Jika user belum memiliki akun, maka akan
program akan menampilkan menu daftar yang didalamnya ada beberapa form yang
harus diisi user jika ingin menggunakan
aplikasi. Setelah login sukses, maka program akan menampilkan halaman utama.
Halaman utama terdiri dari menu- menu “Handphone”. Jika user memilih
menu Handphone maka user akan dialihkan
kedalam tampilan kategori Handphone yang ingin
Dibeli. Misal: Samsung, Oppo, Vivo, Xiaomi, Iphone dan jika user ingin membeli
salah satu produk tersebut akan di alihkan di form transaksi, jika selesai
user bisa logout dan aplikasi
dapat berhenti
.
2.2
DFD
2.2.1
DFD level 0 (konteks)
Gambar 2.3. DFD
level 0 (konteks)
Tabel 2.1.
Diagaram DFD Level 0 (konteks)
|
Entitas
Luar |
Keterangan |
|
User |
User / pengguna aplikasi jika ingin mengakses informasi
handphone dan lainnya terlebih dahulu melakukan login sebagai (input)
dan (output)nya yakni user dapat masuk ke halaman utama.
Selain itu user dapat melakukan transaksi |
|
Admin |
Admin merupakan orang yang bertugas untuk mengatur segala data
pada aplikasi ini. Admin juga dapat melakukan login, mengelolah data tabel
atlit, mengelolah data tabel tebak gambar, dan mengelolah data tabel quiz,
maka dari itu aliran data yang masuk (input) adalah: ·
Data login untuk proses login ·
Data handphone untuk proses
mengelolah data handphone ·
Data transaksi untuk mengelolah data transaksi ·
Data user untuk proses mengelolah
data user Aliran data keluaran (output) adalah sebagai berikut: ·
Pesan login/logout dari proses login/logout ·
Data handphone dari proses
mengelolah data handphone ·
Data transaksi dari proses mengelolah data transaksi ·
Data user dari proses mengelolah data user |
2.1.1 DFD Level 1
Berikut ini adalah gambar DFD level 1
dengan mendekomposisi (proses mengelola sistem informasi aplikasi media edukasi
dan pengenalan olahragawan bulutangkis Indonesia baik oleh user maupun admin.
Gambar 2.4. DFD Level 1
2.3 ERD
ERD (Entity Relationship Diagram) adalah suatu model
untuk menjelaskan hubungan antar data dalam basis data berdasarkan objek-objek
dasar data yang mempunyai hubungan antar relasi.
ERD untuk memodelkan struktur data dan
hubungan antar data, untuk menggambarkannya digunakan beberapa notasi dan simbol.
Gambar 2.5. ERD
Sistem Pengolahan Data
Dalam
aplikasi ini terdapat entitas berupa admin, login, registrasi, atlit, tebak
gambar, dan quiz.
Tabel 2.2. Tabel ERD
|
No. |
Nama Entitas |
Atribut |
Keterangan |
|
1 |
admin |
·
id_admin sebagai
PK · username ·
password |
Tabel admin
berelasi dengan tabel login (1 to 1) |
|
2 |
login |
· id_login sebagai PK · username · password |
Tabel login berelasi dengan tabel admin (1 to 1) dan berelasi dengan tabel user (1 to N). |
|
3 |
user |
· id_user sebagai PK · nama · alamat · email · username · password |
Tabel user telah
berelasi dengan tabel admin (N to 1). |
|
4 |
transaksi |
· id_transaksi PK · total · barang_dibeli · tgl_transaksi |
Tabel transaksi berelasi dengan tabel handphone (1 to N), serta
berelasi dengan tabel user gambar (N to 1). |
|
5 |
handphone |
· id_hp sebagai PK · id_transaksi** · nama · merk · harga |
Tabel handphone
telah berelasi dengan tabel transaksi ( N to 1). |
2.4 UML
UML adalah sekumpulan alat yang
digunakan untuk melakukan abstraksi terhadap sebuah sistem atau perangkat lunak
berbasis objek. UML merupakan singkatan dari Unified Modeling Language. UML
juga menjadi salah satu cara untuk mempermudah pengembangan aplikasi yang
berkelanjutan. Aplikasi atau sistem yang tidak terdokumentasi biasanya dapat
menghambat pengembangan karena developer harus melakukan penelusuran dan
mempelajari kode program.
2.1.1.
Use Case Diagram
Use Case Diagram adalah gambaran grafis dari beberapa
atau semua actor, use case, dan interaksi diantaranya yang memperkenalkan suatu
sistem. Use case diagram tidak menjelaskan secara detil tentang penggunaan use
case, tetapi hanya memberi gambaran singkat hubungan antara use case, aktor,
dan sistem. Di dalam use case ini akan diketahui fungsi-fungsi apa saja yang
berada pada sistem yang dibuat.
Gambar 2.6. Use Case Diagram Aplikasi
Admin disini bisa melakukan input data seperti input
data hp,input data suplier,input username,hapus data,mengedit,melihat data
hp,dan transaksi user.Sedangkan iser disini bisa memilih hp,dan melakukan
transaksi yang nntinya akan masuk ke web admin sebagai laporan transaksi.
2.1.1.
Class Diagram
Class
diagram adalah diagram
yang menggambarkan struktur
sistem dari segi pendefinisian kelas-kelas yang akan dibuat untuk membangun sistem. kelas memiliki 3 bagian
utama yaitu attribute, operation,
dan name. kelas-kelas yang ada pada struktur sistem harus dapat melakukan fungsi-fungsi sesuai dengan
kebutuhan sistem.
Gambar 2.7. Class Diagram Aplikasi
Tabel admin memiliki atribut sesuai yang
digambarkan melalui class diagram diatas,
serta memiliki operasi / method yakni mengupdate informasi, manajemen data pada
tabel data hp,suplier dan trasaksi untuk yang
telah direlasikan, dan method
logout program. Untuk tabel login,
memiliki atribut seperti gambar diatas dan memiliki method
cek (digunakan untuk login user atau admin) yang kemudian telah direlasikan
dengan tabel register yang memiliki
beberapa atribut dan memiliki method menambah akun user, serta mendelete akun user.
Tabel sistem/aplikasi ini merupakan
tambahan dengan atributnya mengambil primary
key dari tabel data hp,suplier dan transaksi. Yang dimana, ini sebagai
tempat user mendapatkan info sesuai dengan methodnya yakni beranda, akses info,
dan logout program. Tabel data hp memiliki atribut seperti yang disebutkan
diatas, disertai dengan method (view, add, edit, dan delete termasuk
diterapkannya fungsi set() dan get()), serta direlasikan dengan tabel tebak
gambar
2.1.1. Sequence
Diagram
Aplikasi
Sequence Diagram adalah salah satu dari
diagram - diagram yang ada pada UML, sequence diagram ini adalah diagram yang menggambarkan kolaborasi dinamis antara sejumlah
object. Kegunaannya untuk menunjukkan rangkaian pesan yang dikirim antara object juga interaksi antara object. Sesuatu yang terjadi pada titik
tertentu dalam eksekusi system.
2.1.1.1.
Sequence Diagram Aplikasi Pada User
Gambar 2.8.
Sequence Diagram Aplikasi Pada User
Penjelasan :
Sequence diagram diatas merupakan alur aplikasi yang diperuntukkan bagi user dalam
mengoperasikan Aplikasi ini.
2.1.1.2.
Sequence Diagram Aplikasi Pada Admin
Gambar 2.9.
Sequence Diagram Admin
Gambar
2.10. Sequence Diagram Handphone
Gambar
2.10. Sequence Diagram Transaksi
Penjelasan :
Sequence Diagram pada admin,
menjelaskan alur program bagaimana admin menginputkan data, mengedit data,
serta menghapus data pada tabel data hp,detapelanggan,suplier
