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 Sistem Penjualan berbasis web pada PT. Saputra melakukan registrasi melakukan pemesanan user melakukan konfirmasi 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 pada PT. Saputra memproses pesanan menambah, mengubah, menghapus produk mengubah, menghapus user menambah, mengubah, menghapus pengumuman admi n menambah, mengubah, menghapus resep mengubah, menghapus testimonial mengubah status pembayaran 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 resepresep 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, Bank yang digunakan untuk melakukan pembayaran atasnama total VARCH AR VARCH AR BNI, COD ) 100 Atas nama yang melakukan pembayaran 15 Total pembayaran statuspembayaran ENUM ( PENDING, Status pembayaran TRANSFER ) 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 komentarkomentar 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 berikut: Adapun pengguna sistem pada website PT Saputra adalah sebagai 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 :
Gambar 4.32 arsitektur jaringan 135