bab 4 sistem yang diusulkan 4.1 narasi yang diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab...

49
87 BAB 4 S IS TEM YANG DIUS ULKAN 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.

Upload: truongkien

Post on 30-Mar-2019

217 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

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.

Page 2: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

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

Page 3: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

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

Page 4: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

90 

 

4.3 Navigation Diagram

4.3.1 Navigation Diagram Halaman Utama

Gambar 4.3 navigation diagram

halaman utama

Page 5: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

91 

 

4.3.2 Navigation Diagram Member Site

Gambar 4.4 navigation diagram

halaman member site

Page 6: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

92 

 

4.3.3 Navigation Diagram Admin Site

Gambar 4.5 navigation diagram

halaman admin site

Page 7: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

93 

 

4.4 Class Diagram

Gambar 4.6 Class diagram

Page 8: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

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

Page 9: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

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

Page 10: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

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

Page 11: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

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

Page 12: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

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

Page 13: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

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

Page 14: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

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

Page 15: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

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

Page 16: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

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

Page 17: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

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.

Page 18: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

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

Page 19: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

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

Page 20: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

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

Page 21: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

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

Page 22: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

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

Page 23: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

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

Page 24: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

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

Page 25: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

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

Page 26: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

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.

Page 27: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

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

Page 28: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

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

Page 29: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

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

Page 30: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

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

Page 31: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

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

Page 32: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

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

Page 33: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

119 

 

4.7 Tampilan Layar

4.7.1 Tampilan Layar Utama

4.7.1.1 Tampilan Layar Home

Gambar 4.20 tampilan layar home

Page 34: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

120 

 

4.7.1.2 Tampilan Layar About Us

Gambar 4.21 tampilan layar about us

Page 35: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

121 

 

4.7.1.3 Tampilan Layar Products

Gambar 4.22 tampilan layar products

Page 36: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

122 

 

4.7.1.3 Tampilan Layar Recipes

Gambar 4.23 tampilan layar recipes

Page 37: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

123 

 

4.7.1.4 Tampilan Layar Testimonials

Gambar 4.24 tampilan layar testimonials

Page 38: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

124 

 

4.7.1.5 Tampilan Layar how to order

Gambar 4.25 tampilan layar how to order

Page 39: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

125 

 

4.7.2 Tampilan Layar Admin

4.7.2.1 Tampilan Layar Admin Products

Gambar 4.26 tampilan layar admin

products

Page 40: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

126 

 

4.7.2.2 Tampilan Layar Admin Orders

Gambar 4.27 tampilan layar admin

orders

Page 41: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

127 

 

4.7.2.3 Tampilan Layar Admin Users

Gambar 4.28 tampilan layar admin

users

Page 42: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

128 

 

4.7.2.4 Tampilan Layar Admin Recipes

Gambar 4.29 tampilan layar admin

recipes

Page 43: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

129 

 

4.7.2.5 Tampilan Layar Admin Testimonials

Gambar 4.30 tampilan layar admin

testimonials

Page 44: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

130 

 

4.7.2.6 Tampilan Layar Admin Announcement

Gambar 4.31 tampilan layar admin

announcement

Page 45: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

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

Page 46: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

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

Page 47: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

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.

Page 48: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

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 :

Page 49: BAB 4 SISTEM YANG DIUSULKAN 4.1 Narasi yang Diusulkanthesis.binus.ac.id/doc/bab4/2010-1-00803-ka bab 4.pdfisi VARCHAR 300 Isi dari testimonial status Testimonial ENUM (‘PENDING’,

135 

 

Gambar 4.32 arsitektur jaringan