PERANCANGAN SISTEM PENJUALAN DAUN ONLINE
PERANCANGAN SISTEM PENJUALAN DAUN ONLINE BERBASIS WEB
TUGAS
Diajukan untuk memenuhi salah satu syarat kelulusan Mata Kuliah Perancangan Web
Disusun oleh :
1. Ahmad Awaludin
(12140559)
2. Muhamad Bachruddin Yusuf
(12142572)
3. Muhamad Khusaeri
(12132217)
4. Carlos Stepen
(12145314)
5. Ahmad Kholil
(12140641)
Kelas 12.5A.03
Bidang Studi Manajemen Informatika
Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika
Tangerang
2016
KATA PENGANTAR
Puji syukur penulis panjatkan kehadirat Allah SWT yang telah memberikan rahmat dan
hidayahNya sehingga penulis dapat menyelesaikan makalah ini.Tak lupa pula shalawat serta
salam penulis panjatkan kepada Nabi Besar Muhammad SAW beserta para sahabat dan
keluarganya.
Makalah yang berjudul “Perancangan Web E-Commers Penjualan Daun Obat” ini
disusun sebagai salah satu tugas untuk mendapatkan nilai UAS dari matakuliah Perancangan
Web. Selama proses penulisan makalah ini, penulis mengalami beberapa hambatan maupun
kesulitan yang terkadang membuat penulis berada dititik terlemah dirinya. Namun atas ridhoNya, serta doa dan dorongan dari berbagai pihak, maka hambatan tersebut dapat diatasi. Oleh
karena itu, pada kesempatan ini penulis mengucapkan terimakasih kepada :
1. Direktur Akademi Manajemen Informatika dan Kompuer Bina Sarana Informatika.
2. Ibu Eka W Fridayanti , selaku Dosen Pembimbing Akademik Jurusan Manajemen
Informatika 12.5A.03.
3. Bapak Bambang Eko S, M.Kom, selaku Dosen Mata Kuliah Perancangan Web.
4. Rekan-rekan di kelas MI (12.5A.03).
Penulis menyadari bahwa tak ada gading yang tak retak, begitu juga dengan makalah ini
yang tak luput dari kekurangan. Sehingga dibutuhkan masukkan positif sangat membantu
penyusun dalam menyempurnakan makalah ini.
. Semoga Allah SWT menilai ibadah yang penulis kerjakan dan senantiasa membimbing
kita kejalan yang di ridhoi-Nya.Amiin.
Tangerang, 12 November 2016
Penulis
2
DAFTAR ISI
Lembar Judul ...................................................................................................................... i
Kata Pengantar .................................................................................................................. ii
Daftar Isi
..................................................................................................................... iii
BAB I PENDAHULUAN
1.1. Latar Belakang ........................................................................................... 1
1.2. Maksud dan Tujuan .................................................................................... 1
BAB II PEMBAHASAN
2.1. Analisis Kebutuhan ..................................................................................... 2
2.1.1. Kebutuhan User................................................................................. 2
2.1.2. Fitur Web .......................................................................................... 2
2.1.3. Spesifikasi Perangkat Keras ............................................................. 2
2.1.4. Spesifikasi Perangkat Lunak ............................................................ 2
2.2. Perancangan Perangkat Lunak .................................................................... 2
2.2.1. Rancangan Antar Muka .................................................................... 2
2.2.2. Rancangan Struktur Navigasi ......................................................... 10
2.2.3. Racangan Basis Data (ERD, LRS, Spesifikasi File) ..................... 11
2.3. Implementasi dan Pengujian ..................................................................... 20
BAB III PENUTUP
3.1. Kesimpulan ................................................................................................ 21
3.2. Saran .......................................................................................................... 21
DAFTAR PUSTAKA ....................................................................................................... 22
LAMPIRAN
3
BAB I
PENDAHULUAN
1.1 Latar Belakang
Di sebuah lingkungan yang modern ini sudah jarang ditemukan pekarangan hijau,
maka dari itu banyak orang yang sedang membutuhkan daun baik untuk konsumsi atau
obat merasa kesulitan mencari barang pangan tersebut.
1.2 Maksud & Tujuan
Dari analisis di atas maka kami mencoba untuk membantu dengan cara membuat
sistem penjualan daun online berbasis web, adapun tujuan sebagai berikut :
1. Membantu konsumen menemukan daun yang mereka butuhkan.
2. Membantu pemilik daun untuk mendistribusikan daun hasil produksi mereka.
1
BAB II
PEMBAHASAN
2.1 Analisis Kebutuhan
2.1.1 Kebutuhan User
Untuk bertransaksi dedaunan yang berguna sebagai obat maupun untuk di konsumsi
secara online.
Fitur Web
Transaksi online :
- Pembayaran online (M-Banking, Transfer Bank)
- Deskripsi produk daun
2.1.3 Spesifikasi Perangkat Keras
- Laptop Axioo neon tnh
- Processor Intel Celeron N2807 @1,6Ghz
- 2GB ddr2 RAM
- 500GB Harddisk
- VGA onboard 1gb
- Layar LCD 14 inch
- Touchpad
2.1.4 Spesifikasi Perangkat Lunak
- Program desain web : Adobe Dreamweaver CS5
- Web Server : Apache
- Database : MySql
- Browser : Mozilla Firefox & Google Chrome
- Bahasa yang digunakan : php
2.2 Perancangan Perangkat Lunak
2.2.1 Rancangan Antar Muka
2.1.2
Rancangan antar muka website merupakan penjelasan secara terperinci yang
harus dibuat untuk mendefinisikan bagian dari tampilan dalam mendesign tampilan
web tersebut. Rancangan harus sesuai dengan struktur navigasi yang telah dibuat,
sehingga design menjadi terarah. Berikut ini merupakan tampilan web toko alat
komputer sebagai berikut.
2
A. Rancangan Antar Muka Admin
Antar Muka Login
Antar Muka Barang
3
Antar Muka Kategori
Antar Muka Member
4
Antar Muka Transaksi
Antar Muka Konfirmasi
B. Rancangan Antar Muka User
5
Home
Produk
6
Cara Order
Kontak
7
Pendaftaran
C. Rancangan Antar Muka Member
Transaksi
8
Keranjang
Simpan Keranjang
2.2.2
Rancangan Struktur Navigasi
- Struktur Navigasi Member
9
-
Struktur Navigasi User
10
-
2.2.3
Struktur Navigasi Admin
Rancangan Basis Data (ERD, LRS, Spesifikasi File)
- LRS
11
-
ERD
12
-
Spesifikasi File
Dalam program ini menggunakan satu buah file database
dengan nama daun.sql, didalam database tersebut terdapat
beberapa tabel, yaitu :
1. Nama File
: File admin
Akronim
: admin.myd
Fungsi
: Sebagai tempat penyimpanan data admin
Tipe
: File Master
Organisasi File : Indexed Sequential
Akses File
: Random
Media
: Hardisk
Panjang Record : 20 karakter
Kunci Field
No
: Id_admin
Software
:MySQL
Elemen Data
Akronim
Tipe
Size
Keterangan
Id admin
Id_admin
integer
11
Primary Key
Username
username
varchar
32
Password
password
varchar
32
Table III.1 Spesifikasi File Admin
13
2. Nama File
: File detail_transaksi
Akronim
: detail_transaksi.myd
Fungsi
transaksi
: Sebagai tempat penyimpanan data detail dari
: File Transaksi
Tipe
Organisasi File : Indexed Sequential
Akses File
: Random
Media
: Hardisk
Panjang Record : 20 karakter
Kunci Field
No
: ga ada
Software
:MySQL
Elemen Data
Akronim
Tipe
Size
integer
11
id_produk
integer
11
jumlah
integer
11
id_transak
Id transaksi
si
Id produk
jumlah
Keterangan
Table III.2 Spesifikasi File detail_transaksi
14
: File kategori
3. Nama File
Akronim
: kategori.myd
Fungsi
: Sebagai tempat penyimpanan data kategori
: File Master
Tipe
Organisasi File : Indexed Sequential
Akses File
: Random
Media
: Hardisk
Panjang Record : 20 karakter
Kunci Field
No
: Id_kategori
Software
:MySQL
Elemen Data
Akronim
Tipe
Size
Keterangan
Id kategori
id_kategori
integer
11
Primary Key
varchar
32
nama_kate
nama kategori
gori
Table III.3 Spesifikasi File kategori
15
: File keranjang
4. Nama File
Akronim
: keranjang.myd
Fungsi
: Sebagai tempat penyimpanan data keranjang
: File Transaksi
Tipe
Organisasi File : Indexed Sequential
Akses File
: Random
Media
: Hardisk
Panjang Record : 20 karakter
Kunci Field
: ga ada
Software
No
:MySQL
Elemen Data
Akronim
Tipe
Size
username
username
varchar
32
Id produk
id_produk
Integer
32
Jumlah
jumlah
Integer
11
Table III.4 Spesifikasi File keranjang
16
Keterangan
: File konfirmasi
5. Nama File
Akronim
: konfirmasi.myd
Fungsi
: Sebagai tempat penyimpanan data konfirmasi
: File Transaksi
Tipe
Organisasi File : Indexed Sequential
Akses File
: Random
Media
: Hardisk
Panjang Record : 20 karakter
Kunci Field
: ga ada
Software
No
:MySQL
Elemen Data
Akronim
Tipe
Size
Id transaksi
id_transaksi
integer
11
bukti
bukti
text
Table III.5 Spesifikasi File konfirmasi
17
Keterangan
: File pelanggan
6. Nama File
Akronim
: pelanggan.myd
Fungsi
: Sebagai tempat penyimpanan data pelanggan
: File Master
Tipe
Organisasi File : Indexed Sequential
Akses File
: Random
Media
: Hardisk
Panjang Record : 20 karakter
Kunci Field
: username
Software
No
:MySQL
Elemen Data
Akronim
Tipe
Size
Keterangan
username
username
varchar
32
Primary key
nama
nama
varchar
32
alamat
alamat
varchar
32
email
email
varchar
32
telp
telp
varchar
32
password
password
varchar
32
Table III.6 Spesifikasi File pelanggan
18
: File produk
7. Nama File
Akronim
: produk.myd
Fungsi
: Sebagai tempat penyimpanan data produk
: File Master
Tipe
Organisasi File : Indexed Sequential
Akses File
: Random
Media
: Hardisk
Panjang Record : 20 karakter
Kunci Field
: id_produk
Software
No
:MySQL
Elemen Data
Akronim
Tipe
Size
Keterangan
Id produk
id_produk
integer
11
Primary key
Id kategori
id_kategori
integer
11
varchar
32
nama_prod
Nama produk
uk
harga
harga
double
deskripsi
deskripsi
text
gambar
gambar
varchar
32
Table III.7 Spesifikasi File produk
19
: File transaksi
8. Nama File
Akronim
: transaksi.myd
Fungsi
: Sebagai tempat penyimpanan data transaksi
: File Transaksi
Tipe
Organisasi File : Indexed Sequential
Akses File
: Random
Media
: Hardisk
Panjang Record : 20 karakter
Kunci Field
: id_transaksi
Software
No
:MySQL
Elemen Data
Akronim
Tipe
Size
Keterangan
Id transaksi
id_transaksi
integer
11
Primary key
Username
username
varchar
32
varchar
128
alamat
Alamat kirim
kirim
Total bayar
total bayar
double
Tanggal
tanggal
date
Status
status
varchar
16
Table III.8 Spesifikasi File transaksi
BAB III
PENUTUP
3.1 Kesimpulan
20
Semoga dengan adanya WebSite ini mempermudah orang untuk mencari daundaunan yang sulit utuk ditemukan bagi mereka yang tinggal di perkotaan. Maka dari itu
kami membuat WebSite ini dengan bertujuan untuk mempermudah seseorang mencari
Daun-daunan.
3.2 Saran
Adapun saran yanbg dapa penulis berikan yangdiarapkan berguna dimasa yang akan
datang yaitu.
Agar selalu dipercaya oleh pelanggan ataupun calon pembeli maka hendaknya
pihak/pemilik toko online ini slalu cepat dan tepat dalam memberikan informasi dan layanan
yang dibutuhkan.
21
DAFTAR PUSTAKA
22
TUGAS
Diajukan untuk memenuhi salah satu syarat kelulusan Mata Kuliah Perancangan Web
Disusun oleh :
1. Ahmad Awaludin
(12140559)
2. Muhamad Bachruddin Yusuf
(12142572)
3. Muhamad Khusaeri
(12132217)
4. Carlos Stepen
(12145314)
5. Ahmad Kholil
(12140641)
Kelas 12.5A.03
Bidang Studi Manajemen Informatika
Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika
Tangerang
2016
KATA PENGANTAR
Puji syukur penulis panjatkan kehadirat Allah SWT yang telah memberikan rahmat dan
hidayahNya sehingga penulis dapat menyelesaikan makalah ini.Tak lupa pula shalawat serta
salam penulis panjatkan kepada Nabi Besar Muhammad SAW beserta para sahabat dan
keluarganya.
Makalah yang berjudul “Perancangan Web E-Commers Penjualan Daun Obat” ini
disusun sebagai salah satu tugas untuk mendapatkan nilai UAS dari matakuliah Perancangan
Web. Selama proses penulisan makalah ini, penulis mengalami beberapa hambatan maupun
kesulitan yang terkadang membuat penulis berada dititik terlemah dirinya. Namun atas ridhoNya, serta doa dan dorongan dari berbagai pihak, maka hambatan tersebut dapat diatasi. Oleh
karena itu, pada kesempatan ini penulis mengucapkan terimakasih kepada :
1. Direktur Akademi Manajemen Informatika dan Kompuer Bina Sarana Informatika.
2. Ibu Eka W Fridayanti , selaku Dosen Pembimbing Akademik Jurusan Manajemen
Informatika 12.5A.03.
3. Bapak Bambang Eko S, M.Kom, selaku Dosen Mata Kuliah Perancangan Web.
4. Rekan-rekan di kelas MI (12.5A.03).
Penulis menyadari bahwa tak ada gading yang tak retak, begitu juga dengan makalah ini
yang tak luput dari kekurangan. Sehingga dibutuhkan masukkan positif sangat membantu
penyusun dalam menyempurnakan makalah ini.
. Semoga Allah SWT menilai ibadah yang penulis kerjakan dan senantiasa membimbing
kita kejalan yang di ridhoi-Nya.Amiin.
Tangerang, 12 November 2016
Penulis
2
DAFTAR ISI
Lembar Judul ...................................................................................................................... i
Kata Pengantar .................................................................................................................. ii
Daftar Isi
..................................................................................................................... iii
BAB I PENDAHULUAN
1.1. Latar Belakang ........................................................................................... 1
1.2. Maksud dan Tujuan .................................................................................... 1
BAB II PEMBAHASAN
2.1. Analisis Kebutuhan ..................................................................................... 2
2.1.1. Kebutuhan User................................................................................. 2
2.1.2. Fitur Web .......................................................................................... 2
2.1.3. Spesifikasi Perangkat Keras ............................................................. 2
2.1.4. Spesifikasi Perangkat Lunak ............................................................ 2
2.2. Perancangan Perangkat Lunak .................................................................... 2
2.2.1. Rancangan Antar Muka .................................................................... 2
2.2.2. Rancangan Struktur Navigasi ......................................................... 10
2.2.3. Racangan Basis Data (ERD, LRS, Spesifikasi File) ..................... 11
2.3. Implementasi dan Pengujian ..................................................................... 20
BAB III PENUTUP
3.1. Kesimpulan ................................................................................................ 21
3.2. Saran .......................................................................................................... 21
DAFTAR PUSTAKA ....................................................................................................... 22
LAMPIRAN
3
BAB I
PENDAHULUAN
1.1 Latar Belakang
Di sebuah lingkungan yang modern ini sudah jarang ditemukan pekarangan hijau,
maka dari itu banyak orang yang sedang membutuhkan daun baik untuk konsumsi atau
obat merasa kesulitan mencari barang pangan tersebut.
1.2 Maksud & Tujuan
Dari analisis di atas maka kami mencoba untuk membantu dengan cara membuat
sistem penjualan daun online berbasis web, adapun tujuan sebagai berikut :
1. Membantu konsumen menemukan daun yang mereka butuhkan.
2. Membantu pemilik daun untuk mendistribusikan daun hasil produksi mereka.
1
BAB II
PEMBAHASAN
2.1 Analisis Kebutuhan
2.1.1 Kebutuhan User
Untuk bertransaksi dedaunan yang berguna sebagai obat maupun untuk di konsumsi
secara online.
Fitur Web
Transaksi online :
- Pembayaran online (M-Banking, Transfer Bank)
- Deskripsi produk daun
2.1.3 Spesifikasi Perangkat Keras
- Laptop Axioo neon tnh
- Processor Intel Celeron N2807 @1,6Ghz
- 2GB ddr2 RAM
- 500GB Harddisk
- VGA onboard 1gb
- Layar LCD 14 inch
- Touchpad
2.1.4 Spesifikasi Perangkat Lunak
- Program desain web : Adobe Dreamweaver CS5
- Web Server : Apache
- Database : MySql
- Browser : Mozilla Firefox & Google Chrome
- Bahasa yang digunakan : php
2.2 Perancangan Perangkat Lunak
2.2.1 Rancangan Antar Muka
2.1.2
Rancangan antar muka website merupakan penjelasan secara terperinci yang
harus dibuat untuk mendefinisikan bagian dari tampilan dalam mendesign tampilan
web tersebut. Rancangan harus sesuai dengan struktur navigasi yang telah dibuat,
sehingga design menjadi terarah. Berikut ini merupakan tampilan web toko alat
komputer sebagai berikut.
2
A. Rancangan Antar Muka Admin
Antar Muka Login
Antar Muka Barang
3
Antar Muka Kategori
Antar Muka Member
4
Antar Muka Transaksi
Antar Muka Konfirmasi
B. Rancangan Antar Muka User
5
Home
Produk
6
Cara Order
Kontak
7
Pendaftaran
C. Rancangan Antar Muka Member
Transaksi
8
Keranjang
Simpan Keranjang
2.2.2
Rancangan Struktur Navigasi
- Struktur Navigasi Member
9
-
Struktur Navigasi User
10
-
2.2.3
Struktur Navigasi Admin
Rancangan Basis Data (ERD, LRS, Spesifikasi File)
- LRS
11
-
ERD
12
-
Spesifikasi File
Dalam program ini menggunakan satu buah file database
dengan nama daun.sql, didalam database tersebut terdapat
beberapa tabel, yaitu :
1. Nama File
: File admin
Akronim
: admin.myd
Fungsi
: Sebagai tempat penyimpanan data admin
Tipe
: File Master
Organisasi File : Indexed Sequential
Akses File
: Random
Media
: Hardisk
Panjang Record : 20 karakter
Kunci Field
No
: Id_admin
Software
:MySQL
Elemen Data
Akronim
Tipe
Size
Keterangan
Id admin
Id_admin
integer
11
Primary Key
Username
username
varchar
32
Password
password
varchar
32
Table III.1 Spesifikasi File Admin
13
2. Nama File
: File detail_transaksi
Akronim
: detail_transaksi.myd
Fungsi
transaksi
: Sebagai tempat penyimpanan data detail dari
: File Transaksi
Tipe
Organisasi File : Indexed Sequential
Akses File
: Random
Media
: Hardisk
Panjang Record : 20 karakter
Kunci Field
No
: ga ada
Software
:MySQL
Elemen Data
Akronim
Tipe
Size
integer
11
id_produk
integer
11
jumlah
integer
11
id_transak
Id transaksi
si
Id produk
jumlah
Keterangan
Table III.2 Spesifikasi File detail_transaksi
14
: File kategori
3. Nama File
Akronim
: kategori.myd
Fungsi
: Sebagai tempat penyimpanan data kategori
: File Master
Tipe
Organisasi File : Indexed Sequential
Akses File
: Random
Media
: Hardisk
Panjang Record : 20 karakter
Kunci Field
No
: Id_kategori
Software
:MySQL
Elemen Data
Akronim
Tipe
Size
Keterangan
Id kategori
id_kategori
integer
11
Primary Key
varchar
32
nama_kate
nama kategori
gori
Table III.3 Spesifikasi File kategori
15
: File keranjang
4. Nama File
Akronim
: keranjang.myd
Fungsi
: Sebagai tempat penyimpanan data keranjang
: File Transaksi
Tipe
Organisasi File : Indexed Sequential
Akses File
: Random
Media
: Hardisk
Panjang Record : 20 karakter
Kunci Field
: ga ada
Software
No
:MySQL
Elemen Data
Akronim
Tipe
Size
username
username
varchar
32
Id produk
id_produk
Integer
32
Jumlah
jumlah
Integer
11
Table III.4 Spesifikasi File keranjang
16
Keterangan
: File konfirmasi
5. Nama File
Akronim
: konfirmasi.myd
Fungsi
: Sebagai tempat penyimpanan data konfirmasi
: File Transaksi
Tipe
Organisasi File : Indexed Sequential
Akses File
: Random
Media
: Hardisk
Panjang Record : 20 karakter
Kunci Field
: ga ada
Software
No
:MySQL
Elemen Data
Akronim
Tipe
Size
Id transaksi
id_transaksi
integer
11
bukti
bukti
text
Table III.5 Spesifikasi File konfirmasi
17
Keterangan
: File pelanggan
6. Nama File
Akronim
: pelanggan.myd
Fungsi
: Sebagai tempat penyimpanan data pelanggan
: File Master
Tipe
Organisasi File : Indexed Sequential
Akses File
: Random
Media
: Hardisk
Panjang Record : 20 karakter
Kunci Field
: username
Software
No
:MySQL
Elemen Data
Akronim
Tipe
Size
Keterangan
username
username
varchar
32
Primary key
nama
nama
varchar
32
alamat
alamat
varchar
32
varchar
32
telp
telp
varchar
32
password
password
varchar
32
Table III.6 Spesifikasi File pelanggan
18
: File produk
7. Nama File
Akronim
: produk.myd
Fungsi
: Sebagai tempat penyimpanan data produk
: File Master
Tipe
Organisasi File : Indexed Sequential
Akses File
: Random
Media
: Hardisk
Panjang Record : 20 karakter
Kunci Field
: id_produk
Software
No
:MySQL
Elemen Data
Akronim
Tipe
Size
Keterangan
Id produk
id_produk
integer
11
Primary key
Id kategori
id_kategori
integer
11
varchar
32
nama_prod
Nama produk
uk
harga
harga
double
deskripsi
deskripsi
text
gambar
gambar
varchar
32
Table III.7 Spesifikasi File produk
19
: File transaksi
8. Nama File
Akronim
: transaksi.myd
Fungsi
: Sebagai tempat penyimpanan data transaksi
: File Transaksi
Tipe
Organisasi File : Indexed Sequential
Akses File
: Random
Media
: Hardisk
Panjang Record : 20 karakter
Kunci Field
: id_transaksi
Software
No
:MySQL
Elemen Data
Akronim
Tipe
Size
Keterangan
Id transaksi
id_transaksi
integer
11
Primary key
Username
username
varchar
32
varchar
128
alamat
Alamat kirim
kirim
Total bayar
total bayar
double
Tanggal
tanggal
date
Status
status
varchar
16
Table III.8 Spesifikasi File transaksi
BAB III
PENUTUP
3.1 Kesimpulan
20
Semoga dengan adanya WebSite ini mempermudah orang untuk mencari daundaunan yang sulit utuk ditemukan bagi mereka yang tinggal di perkotaan. Maka dari itu
kami membuat WebSite ini dengan bertujuan untuk mempermudah seseorang mencari
Daun-daunan.
3.2 Saran
Adapun saran yanbg dapa penulis berikan yangdiarapkan berguna dimasa yang akan
datang yaitu.
Agar selalu dipercaya oleh pelanggan ataupun calon pembeli maka hendaknya
pihak/pemilik toko online ini slalu cepat dan tepat dalam memberikan informasi dan layanan
yang dibutuhkan.
21
DAFTAR PUSTAKA
22