87
BAB 4
SISTEM YANG DIUSULKAN
4.1 Narasi yang Diusulkan
Adapun Narasi yang diusulkan adalah sebagai berikut:
• Pelanggan mengunjungi website PT. Saputra untuk melihat daftar produk.
Kemudian, jika pelanggan ingin melakukan pemesanan maka pelanggan
harus memiliki id pelanggan untuk dapat mengakses member site. Jika
pelanggan adalah pelanggan baru maka dapat mendaftar terlebih dahulu
kemudian login untuk dapat melakukan pemesanan.
• Setelah itu pelanggan dapat memilih produk dan jumlah yang mereka
inginkan. Pelanggan akan mendapatkan konfirmasi pesanan via email.
• Jika pelanggan sudah melakukan pembayaran ke rekening PT. Saputra,
pelanggan wajib mengkonfirmasikan pembayaran tersebut dengan via email
atau sms.
• Admin bertugas untuk mengelola dan mengupdate database setiap saat.
88
4.2 Use-case diagram
4.2.1 Use-case diagram user
user
Sistem Penjualan berbasis web padaPT. Saputra
melakukanregistrasi
melakukan pemesanan
melakukankonfirmasi pesanan
membuat resep
membuat testimonial
mengubah profil
Gambar 4.1 Use-case diagram user
89
4.2.2 Use case diagram admin
Sistem Penjualan berbasis web padaPT. Saputra
admin
memproses pesanan
menambah, mengubah,menghapus produk
mengubah,menghapus user
menambah, mengubah,menghapus pengumuman
menambah, mengubah,menghapus resep
mengubah,menghapus testimonial
mengubah statuspembayaran
Gambar 4.2 Use-Case diagram admin
90
4.3 Navigation Diagram
4.3.1 Navigation Diagram Halaman Utama
Gambar 4.3 navigation diagram
halaman utama
91
4.3.2 Navigation Diagram Member Site
Gambar 4.4 navigation diagram
halaman member site
92
4.3.3 Navigation Diagram Admin Site
Gambar 4.5 navigation diagram
halaman admin site
93
4.4 Class Diagram
Gambar 4.6 Class diagram
94
4.5 Database yang Diusulkan
4.5.1 Database User
Nama tabel : User
Fungsi tabel : Tabel ini berisikan tentang semua data mengenai user
Primary Key : IDUser
Field Type Digit Keterangan
idUser INT 10 Kode user
nama VARCHAR 20 Nama user
hp VARCHAR 20 Hp user
telp VARCHAR 20 Telp user
alamat VARCHAR 100 Alamat user
kota VARCHAR 20 Kota user
kodePos VARCAHAR 10 Kodepos user
Tabel 4.1 database user
95
4.5.2 Database Recipe
Nama tabel : recipe
Fungsi table : Tabel ini berisikan tentang semua data mengenai resep-
resep
Primary Key :IDRecipe
Foreign Key : IDUser
Field Type Digit Keterangan
idRecipe INT 10 Kode resep
tanggal DATE - Tanggal
diuploadnya resep
judul VARCHAR 50 Judul resep
keterangan VARCHAR 10000 Keterangan
mengenai resep
gambar VARCHAR 100 gambar resep
idUser INT 10 Kode user yang
mengupload resep
Tabel 4.2 Database recipe
96
4.5.3 Database Testimonial
Nama tabel : testimonial
Fungsi tabel : Tabel ini berisikan tentang semua data mengenai
testimonial
Primary Key : idTestimonial
Foreign Key : idUser
Field Type Digit Keterangan
idTestimonial INT 10 Kode testimonial
tanggal DATE - Tanggal ditulisnya
testimonial
judul VARCHAR 100 Judul testimonial
isi VARCHAR 300 Isi dari testimonial
status Testimonial ENUM (‘PENDING’,
’APPROVE’,
’DISAPPROVE’)
Status testimonial
yang akan di ubah
oleh admin
idUser INT 10 Kode user yang
menulis testimonial
Tabel 4.3 database testimonial
97
4.5.4 Database Login
Nama tabel : login
Fungsi tabel : Tabel ini berisikan tentang semua data mengenai
username dan password yang hanya diketahui oleh admin
Primary Key : email
Foreign Key : idUser
Field Type Digit Keterangan
email VARCHAR 20 Kode untuk login
password VARCHAR 20 Password login
status User ENUM (‘ACTIVE’,
‘BLOCKED’)
Status login yang
akan diubah oleh
admin
idUser INT 10 Kode user yang
login
Tabel 4.4 database login
98
4.5.5 Database Announcement
Nama tabel : announcement
Fungsi tabel : Tabel ini berisikan tentang semua data mengenai
pengumuman-pengumuman yang akan ditampilkan
Primary Key : idAnnouncement
Foreign Key : idUser
Field Type Digit Keterangan
idAnnouncement INT 10 Kode pengumuman
tanggal DATE - Tanggal dibuatnya
pengumuman
judul VARCHAR 20 Judul pengumuman
keterangan VARCHAR 10000 Isi dari
pengumuman
idUser INT 10 Id user yang
membuat
pengumuman
khusus untuk admin
Tabel 4.5 database announcement
99
4.5.6 Database Produk
Nama tabel : produk
Fungsi tabel : Tabel ini berisikan tentang semua data mengenai produk
Primary Key : idProduk
Field Type Digit Keterangan
idProduk INT 11 Kode produk
tanggal DATE - Tanggal
dimasukannya
produk kedalam
database
nama VARCHAR 20 Nama produk
keterangan VARCHAR 1000 Keterangan dari
produk
harga INT 11 Harga produk
stok INT 11 Total jumlah stok
gambar VARCHAR 20 Gambar produk
Tabel 4.6 database produk
100
4.5.7 Database Penjualan Detail
Nama tabel : PenjualanDetail
Fungsi tabel : Tabel ini berisikan tentang semua data mengenai
penjualan secara detail
Primary Key : IDPenjualan, IDBarang
Field Type Digit Keterangan
idPenjualan INT 10 Kode penjualan
idProduk INT 10 Kode produk
jumlah INT 11 Jumlah produk
harga INT 11 Harga produk
Tabel 4.7 database penjualan detail
101
4.5.8 Database Penjualan Header
Nama tabel : penjualanheader
Fungsi tabel : Tabel ini berisikan tentang semua data mengenai
penjualan
Primary Key : idPenjualan
Foreign Key : idUser, idPembayaran
Field Type Digit Keterangan
idPenjualan INT 11 Kode penjualan
tanggal DATE - Tanggal pelanggan
melakukan pemesanan
keterangan VARCHAR 500 Keterangan dari
pelanggan
idUser INT 10 Kode pelanggan
idPembayaran INT 10 Kode pembayaran
statusPenjualan ENUM (‘PENDING’,
’DELIVERED’)
Status pengiriman
barang
Tabel 4.8 database penjualan header
102
4.5.9 Database Pembayaran
Nama tabel : pembayaran
Fungsi tabel : Tabel ini tentang semua data mengenai pembayaran
Primary Key : idPembayaran
Foreign Key : idPenjualan
Field Type Digit Keterangan
idPembayaran INT 10 Kode pembayaran
tanggal DATE - Tanggal saat data pembayaran
dimasukan
bank ENUM (‘BCA’,
’MANDIRI’,
’BNI’,’COD’)
Bank yang digunakan untuk
melakukan pembayaran
atasNama VARCH
AR
100 Atas nama yang melakukan
pembayaran
total VARCH
AR
15 Total pembayaran
statusPembayaran ENUM (‘PENDING’,
’TRANSFER’)
Status pembayaran
Table 4.9 database pembayaran
103
4.6 Rancangan Layar
4.6.1 Rancangan Layar Utama
Rancanganan layar utama merupakan rancangan pada layar yang akan
ditampilkan oleh pelanggan dan calon pelanggan. Pada rancangan layar
utama terdapat home, about us, product, recipes, testimonials, how to order,
register dan login.
104
4.6.1.1 Rancangan Layar Home
Layar ini merupakan halaman utama saat memasuki situs
website PT Saputra. Didalam layar ini terdapat sejarah perusahaan
yang dipaparkan secara singkat, dan juga terdapat pengumuman yang
berhubungan dengan bidang usaha PT. Saputra.
Gambar 4.6 rancangan layar home
105
4.6.1.2 Rancangan Layar About Us
Layar ini merupakan sejarah perusahaan dari sejak awal
perusahaan berdiri sampai sekarang. Layar ini bertujuan untuk
membuat para pelanggan percaya jika memang ada perusahaan
dengan nama PT. Saputra.
Gambar 4.7 rancangan layar about us
106
4.6.1.3 Rancangan Layar Product
Layar ini adalah bagian utama dari pembuatan website PT.
Saputra. Layar ini dimana semua produk dari perusahaan yang ingin
ditawarkan kepada pelanggan.
Gambar 4.8 rancangan layar product
107
4.6.1.4 Rancangan Layar Recipes
Layar ini merupakan resep-resep dengan bahan dasar roti guna
menarik perhatian para pelanggan.
Gambar 4.9 rancangan layar recipes
108
4.6.1.5 Rancangan Layar Testimonials
Layar ini merupakan tampilan dari pendapat para pelanggan
mengenai pelayanan, produk, dan segala yang berhubungan dengan
PT. Saputra.
Gambar 4.10 rancangan layar Testimonials
109
4.6.1.6 Rancangan Layar How to Order
Layar ini merupakan petunjuk untuk para pelanggan mengenai
bagaimana cara melakukan pemesanan via website. Terdapat dua
bagian pada layar ini, yang pertama adalah cara berbelanja dengan
shopping cart, dan yang kedua adalah cara melakukan pembayaran.
Gambar 4.11 rancangan layar how to order
110
4.6.1.7 Rancangan Layar Login
Layar ini merupakan langkah untuk memasuki member atau
admin site. Dimana member dapat melakukan ubah profil, memesan
produk, menulis resep dan menulis testimonial.
Gambar 4.12 rancangan layar login
111
4.6.1.8 Rancangan Layar Register
Layar ini merupakan tampilan bagi calon pelanggan yang
akan mendaftarkan diri mereka. PT Saputra membutuhkan data
lengkap dari pelanggan dikarenakan pengiriman akan langsung
dikirim oleh perusahaan sehingga jika data yang diberikan adalah data
yng palsu, akan membuat perusahaan sulit untuk mengirimkan
barang.
Gambar 4.13 racangan layar register
112
4.6.2 Rancangan Layar Admin
Rancangan layar admin site merupakan rancangan yang disediakan
untuk karyawan PT. Saputra. Data yang ada didalam admin site ini adalah
data yang berhubungan dengan layar utama. Adapun yang terdapat pada
admin adalah: products, orders, users, recipes, testimonials, dan
announcement.
113
4.6.2.1 Rancangan Layar Admin Products
Pada rancangan layar product ini, akan ditampilkan data dari
produk-produk PT Saputra dalam bentuk tabel. Dimana data-data
tersebut dapat di tambah jenis produknya, juga dapat di ubah dan di
hapus.
Gambar 4.14 rancangan layar admin products
114
4.6.2.2 Rancangan Layar Admin Orders
Rancangan layar admin satu ini merupakan rancangan dimana
semua pemesanan ditampilkan dalam betuk tabel. Data yang ada
hanya bisa di edit dan tidak bisa dihapus karena akan memudahkan
karyawan dalam melakukan kecurangan-kecurangan yang ada jika
data dapat dihapus.
Gambar 4.15 rancangan layar admin orders
115
4.6.2.3 Rancangan Layar Admin Users
Rancangan layar admin user ini menampilkan data-data
pelanggan yang dibutuhkan oleh perusahaan. Dalam tabel ini
karyawan dapat mengubah, menghapus dan memblok database
pelanggan. Pemblokan database digunakan jika ada pelanggan yang
tidak mengikuti prosedur sistem yang akan diterapkan.
Gambar 4.16 rancangan layar admin users
116
4.6.2.4 Rancangan Layar Admin Recipes
Dalam rancangan layar ini, admin selain dapat melihat semua
resep yang dimasukan oleh pelanggan, admin juga dapat mengubah
dan menghapusnya. Admin juga diperbolehkan untuk membuat resep
yang baru.
Gambar 4.17 rancangan layar admin recipes
117
4.6.2.5 Rancangan Layar Admin Testimonials
Rancangan layar ini akan menampilkan semua komentar-
komentar dari pelanggan yang masuk kedalam database perusahaan.
Karyawanpun dapat memilih komentar yang ingin ditampilkan
ataupun yang tidak ingin ditampilkan.
Gambar 4.18 rancangan layar admin testimonials
118
4.6.2.6 Rancangan Layar Admin Announcement
Pada rancangan layar admin announcement, hanya karyawan
yang dapat memasukan data pengumuman ke tampilan utama.
Gambar 4.19 rancangan layar admin announcement
119
4.7 Tampilan Layar
4.7.1 Tampilan Layar Utama
4.7.1.1 Tampilan Layar Home
Gambar 4.20 tampilan layar home
120
4.7.1.2 Tampilan Layar About Us
Gambar 4.21 tampilan layar about us
121
4.7.1.3 Tampilan Layar Products
Gambar 4.22 tampilan layar products
122
4.7.1.3 Tampilan Layar Recipes
Gambar 4.23 tampilan layar recipes
123
4.7.1.4 Tampilan Layar Testimonials
Gambar 4.24 tampilan layar testimonials
124
4.7.1.5 Tampilan Layar how to order
Gambar 4.25 tampilan layar how to order
125
4.7.2 Tampilan Layar Admin
4.7.2.1 Tampilan Layar Admin Products
Gambar 4.26 tampilan layar admin
products
126
4.7.2.2 Tampilan Layar Admin Orders
Gambar 4.27 tampilan layar admin
orders
127
4.7.2.3 Tampilan Layar Admin Users
Gambar 4.28 tampilan layar admin
users
128
4.7.2.4 Tampilan Layar Admin Recipes
Gambar 4.29 tampilan layar admin
recipes
129
4.7.2.5 Tampilan Layar Admin Testimonials
Gambar 4.30 tampilan layar admin
testimonials
130
4.7.2.6 Tampilan Layar Admin Announcement
Gambar 4.31 tampilan layar admin
announcement
131
4.8 Rencana Implementasi
Untuk penerapan Sistem Website yang diusulkan pada PT. Saputra, adalah
sebagai berikut:
1. Kebutuhan akan data yang akurat yang diperlukan untuk dapat ditampilkan
di dalam website sebagai informasi yang dibutuhkan oleh user.
2. Pemenuhan sarana pendukung berupa perangkat keras dan perangkat lunak
yang dibutuhkan untuk mengolah data menjadi informasi dengan ditunjang
oleh tenaga kerja yang memiliki kemampuan untuk menjalankannya.
4.8.1 Kebutuhan Sistem
Berikut ini adalah kebutuhan sistem untuk dapat mengaplikasikan
website yang dibuat.
4.8.1.1 Kebutuhan Perangkat Keras
Kebutuhan Perangkat keras yang diperlukan, antara lain:
1) Server
Spesifikasi minimum :
1. Intel Pentium IV 3, 0 GHz
2. 80GB HDD SATA
3. 512MB DDR-333 ECC DDRAM
4. L2 Cache 512 Kb
5. 52x CD
132
6. Floppy Disk Drive
7. VGA ATI Rage XL 8MB
8. Gigabit NIC
9. Koneksi internet 128 kbps
2) Client
Spesifikasi minimum :
1. Intel Pentium IV 1,5 GHz
2. Harddisk 20 GigaByte
3. Memory RAM 256 SDRAM
4. Koneksi internet 56 kbps
5. Floppy Disk Drive
4.8.1.2 Kebutuhan Perangkat Lunak
Kebutuhan Perangkat lunak yang diperlukan, antara lain:
1) Server
1. Sistem Operasi Windows 98, 2000, Me, atau XP dengan
dial up networking enable
2. Web browser : Internet Explorer, Mozilla Firefox atau
Opera
3. Control XAMPP Server panel (PHP)
4. Web Hosting : Web space 10 Mb, Support PHP
133
2) Client
1. Sistem Operasi Windows 98, 2000, Me, atau XP dengan
dial up networking enable
2. Web browser : Internet Explorer, Mozilla Firefox atau
Opera
4.8.2 Pengguna Sistem
Adapun pengguna sistem pada website PT Saputra adalah sebagai
berikut:
1. Guest
Merupakan pengguna website yang tidak memiliki iduser untuk
mengakses website PT Saputra tersebut. Tampilan yang akan
ditampilan oleh guest memiliki batasan-batasan pengaksesan.
2. User
User adalah seseorang yang memiliki iduser pada website PT.
Saputra. User PT. Saputra adalah pelanggan yang membeli roti
dengan jumlah yang banyak. User dapat melakukan pemesanan,
mengubah profil, melihat daftar pesanan, menuliskan terstimonial,
dan membuat resep.
134
3. Admin
Merupakan pegawai dari PT. Saputra yang akan memproses setiap
pesanan yang masuk, memberitakukan informasi-informasi penting
kepada pelanggan dan sebagainya.
4.8.3 Jaringan
Komputer pelanggan dan komputer bagian administrasi perusahaan
menggunakan web browser sebagai sarana untuk saling berhubungan satu
sama lainnya melalui jaringan internet, dengan protokol TCP/IP yang
disalurkan melalui modem untuk dapat mengirim atau menerima sinyal data
dari jaringan internet. Untuk dapat menghubungkan antar jaringan internet,
diperlukan adanya ISP melalui jaringan internet dunia (WWW). Sinyal
tersebut diterima oleh web server (IIS) dengan webhosting. Setelah data
tersebut diolah, kemudian dikirim kembali ke komputer bagian administrasi
perusahaan melalui proses kinerja yang sama. Arsitektur jaringan sistemnya
adalah sebagai berikut :
135
Gambar 4.32 arsitektur jaringan