SlideShare a Scribd company logo
1 of 38
Download to read offline
PERANCANGAN WEB E-COMMERCE 5K
LAPAK
Disusun Sebagai Persyaratan Penilaian Ujian Akhir Semester
pada Mata Kuliah Perancangan Web
Dosen Pengampu:
Lisnawanty, ST, M.Kom
Kelas: 12.5K.30
No. NIM Nama Mahasiswa
1
2
3
4
12147035
12146070
12142402
12147663
Antonius Andri
Muhammad Ifan Irfani
Ricky Chandra
Roni Darmanto
PROGRAM STUDI MANAJEMEN INFORMATIKA
AKADEMI MANAJEMEN INFORMATIKA DAN KOMPUTER “BSI
PONTIANAK”
PONTIANAK
2016
KATA PENGANTAR
Tiada puja dan puji yang patut dipersembahkan selain Allah SWT, zat yang
maha sempurna dari segala bentuk kesempurnaan. Teriring pula shalawat dan salam
semoga senantiasa tercurah kepada junjungan Nabi kita Nabi Muhammad SAW.
Terbingkai dalam rasa syukur yang teramat dalam, penulis dapat membuat
makalah ini dengan judul “PERANCANGAN WEB E-COMMERCE 5K LAPAK”.
Makalah ini disusun guna memenuhi nilai UAS salah satu mata perkuliahan yaitu mata
kuliah Perancangan Web.
Dalam penulisan makalah ini penulis memperoleh banyak bantuan dan
dukungan dari berbagai pihak, untuk itu penulis mengucapkan terima kasih yang
sebesar-besarnya kepada :
1. Bapak Dedi Saputra, S.Pd, M.Kom, selaku Direktur AMIK BSI Pontianak.
2. Ibu Lisnawanty, ST, M.Kom, selaku Dosen mata kuliah Perancangan Web.
Penulis menyadari bahwa penulisan makalah ini masih jauh sekali dari
sempurna, untuk itu penulis mohon kritik dan saran yang bersifat membangun demi
kesempurnaan penulisan dimasa yang akan datang.
Akhir kata, semoga makalah ini dapat berguna bagi penulis khususnya dan
bagi para pembaca yang berminat pada umumnya.
Pontianak, 5 November 2016
Penulis
DAFTAR ISI
Cover ...................................................................................................................... 1
Kata Pengantar ....................................................................................................... 2
Daftar Isi ................................................................................................................. 3
Daftar Gambar ........................................................................................................ 4
Daftar Tabel ........................................................................................................... 5
Lembar Penilaian ................................................................................................... 6
BAB I PENDAHULUAN
1.1 Latar Belakang ................................................................................................ 7
1.2 Rumusan Masalah ........................................................................................... 8
1.3 Metode Pengembangan Perangkat Lunak ....................................................... 8
BAB 2 LANDASAN TEORI
2.1 Rekayasa Web ................................................................................................. 9
2.2 E-Commerce ................................................................................................... 9
2.3 Model Prototype .............................................................................................. 10
BAB 3 PEMBAHASAN
3.1 Analisa Kebutuhan ........................................................................................... 11
3.1.1 Kubutuhan Fungsional ........................................................................... 11
3.2 Desain ............................................................................................................. 12
3.2.1 Desain Antar Muka ................................................................................ 12
3.2.2 Desain Basis Data .................................................................................. 17
3.2.3 Desain Struktur Navigasi ....................................................................... 17
3.3 Implementasi dan Pengujian Unit ................................................................... 20
3.3.1 Implementasi ......................................................................................... 20
3.3.2 Pengujian Unit ....................................................................................... 26
3.4 Unggulan Desain ............................................................................................. 30
BAB 4 PENUTUP ..............................................................................................31
Daftar Pustaka .....................................................................................................32
DAFTAR GAMBAR
Gambar III.1 Desain Antar Muka Halaman Daftar............................................... 13
Gambar III.2 Desain Antar Muka Halaman Login................................................ 13
Gambar III.3 Desain Antar Muka Halaman Utama .............................................. 14
Gambar III.4 Desain Antar Muka Halaman Produk ............................................. 14
Gambar III.5 Desain Antar Muka Halaman Edit Member.................................... 15
Gambar III.6 Desain Antar Muka Halaman Pemesanan....................................... 15
Gambar III.7 Desain Antar Muka Halaman Status Pembelian ............................. 16
Gambar III.8 Desain Antar Muka Halaman Isi Data Produk................................ 16
Gambar III.9 Desain Desain LRS Basis Data ....................................................... 17
Gambar III.10 Desain Navigasi Front End........................................................... 17
Gambar III.11 Desain Navigasi Back End ............................................................ 18
Gambar III.12 Implementasi Halaman Daftar ...................................................... 20
Gambar III.13 Implementasi Halaman Login ....................................................... 20
Gambar III.14 Implementasi Halaman Utama...................................................... 21
Gambar III.15 Implementasi Halaman Produk ..................................................... 22
Gambar III.16 Implementasi Halaman Edit Member ........................................... 23
Gambar III.17 Implementasi Halaman Halaman Pemesanan ............................... 23
Gambar III.18 Implementasi Halaman Status Pembelian..................................... 24
Gambar III.19 Implementasi Halaman Isi Data Produk........................................ 25
DAFTAR TABEL
Tabel 3.1 Pengujian Blackbox Halaman Login..................................................... 26
Tabel 3.2 Pengujian Blackbox Halaman Daftar.................................................... 26
Tabel 3.3 Pengujian Blackbox Halaman Isi Data Produk ..................................... 28
Tabel 3.4 Pengujian Blackbox Halaman Pemesanan ............................................ 29
LEMBAR PENILAIAN
Tanggal Penilaian: 24 November 2016
NO. NAMA POINT PENILAIAN TOTAL
MAKALAH PRESENTASI PENGUASAAN
MATERI
1. Antonius Andri 100 100 100 300
2. Muhammad Ifan Irfani 100 100 100 300
3. Ricky Chandra 0 0 0 0
4. Roni Darmanto 100 100 100 300
BAB I
PENDAHULUAN
1.1. Umum
Jual beli adalah kegiatan harian manusia, selama proses jual beli terjadi
interaksi oleh dua orang atau lebih dimana ada yang berperan sebagai pembeli dan ada
yang berperan sebagai penjual. Kegiatan jual beli sudah ada sejak dahulu, yang dimulai
dangan tukar menukar barang atau dapat disebut sistem barter. Setelah sistem barter,
muncul sistem jual beli dengan menggunakan uang yang sampai saat ini menjadi sistem
utama dalam jual beli oleh manusia.
Dengan semakin berkembangannya terknologi, proses jual beli yang dulu
hanya dapat dilakukan secara langsung atau bertatap muka antara penjual dan pembeli,
kini jual beli dapat pula dilakukan dengan cara tidak langsung, dimana antar penjual
dan pembeli terinteraksi dengan menggunakan media elektronik dan internet. Dengan
internet proses jual beli jarak jauh antar si penjual dan si pembeli dapat dimungkinkan.
Hal ini memudahkan para penjual untuk memperluas ruang lingkup penjualannya dan
mempermudah para pembeli untuk mencari barang yang ingin dibeli. Dengan begitu
muncul pula situs-situs jual beli di internet yang biasanya disebut website e-commerce.
Dari sistem jual beli online inilah yang memberikan pemecahan masalah bagi penjual
yang kesulitan dalam hal dana untuk membangun tempat usaha.
Berdasarkan uraian diatas, maka dengan ini penulis membuat makalah dengan judul:
“PERANCANGAN WEB E-COMMERCE 5K LAPAK”.
1.2. Rumusan Masalah
1. Bagaimana merancang web e-commerce yang dapat memudahkan
customer dalam melakukan pemesanan barang?
2. Bagaimana merancang web e-commerce yang dapat memudahkan admin
dalam mengolah data pemesanan?
1.3. Metode Pengembangan Perangkat Lunak
Metode pengembangan perangkat lunak yang digunakan dalam perancangan
web 5K Lapak ini adalah metode Prototype. Metode Prototype adalah metode
pengembangan perangkat lunak yang digunakan untuk menggali spesifikasi kebutuhan
pelanggan secara lebih detail tetapi beresiko tinggi terhadap membengkaknya biaya
dan waktu proyek.
BAB II
LANDASAN TEORI
2.1. Rekayasa Web
Simarmata (2010:1) mengemukakan bahwa “rekayasa web adalah sebuah
aplikasi yang menggunakan pendekatan sistematis, disiplin, dan terukur untuk
pengembangan, operasi dan pemeliharaan aplikasi berbasis web (web-based
applications)”.
Rekayasa web membantu pera pengembangan sistem dibawah kontrol,
memperkecil resiko-resiko yang akan terjadi dan meningkatkan kualitas, dapat
dipelihara, dan memiliki skabilitas aplikasi web. Tujuan utama dari rekayasa web
adalah kesuksesan dalam mengatur kompleksitas serta keanekaragaman
pengembangan aplikasi web. Oleh karena itu, kegagalan yang mungkin terjadi bisa
menjadi implikasi yang sangat serius (Simarmata, 2010:1).
2.2. E-Commerce
Hidayat (2008:5) memberikan batasan bahwa “e-commerce atau electronic
commerce adalah bagian dari e-lifestyle yang memungkinkan transaksi jual-beli
dilakukan secara online dari sudut tempat mana pun”.
E-commerce secara umum dapat diklasifikasikan menjadi busines to business
(B2B) dan business to costumer (B2C). B2B atau transaksi antar pelaku bisnis adalah
mekanisme trading dengan partners yang sudah diketahui dan pada umumnya memiliki
hubungan yang sudah cukup lama, sedangkan B2C adalah transaksi terbuka antara e-
merchant dengan costumer yang dapat dilakukan tanpa harus saling mengenal
(Hidayat, 2008:5).
2.3. Model Prototype
Cholis (2015:74) mengemukakan bahwa “model prototype adalah contoh atau
model awal yang dibangun untuk menguji sebuah konsep atau proses atau aksi sebagai
sesuati yang dapat digandakan atau dipelajarinya. pengertian prototype tidak selalu
harus berukuran sama dengan produk yang akan dibuat”.
Pengertian prototype tidak selalu merujuk pada ukuran, artinya prototype
tidak selalu harus berukuran sama dengan produk yang akan dibuat asalkan aksi atau
proses yang terjadi pada prototype mewakili aksi atau proses yang akan terjadi pada
sistem sebenarnya. Tujuan pembuatan prototype adalah untuk perbaikan atau
penyempurnaan rancangan (Cholis, 2015:74).
Pembuatan prototype meliputi pengembangan sistem uji coba yang cepat dan
murah untuk dievaluasi oleh pengguna akhir. Lewat interaksi dengan prototype, para
pengguna dapat memperoleh gagasan tang lebih baik mengenai kebutuhan informasi
mereka. Prototype yang telah disetujui oleh pengguna dapat digunakan sebagai patokan
untuk membuat sistem versi finalnya (Laudon, 2008:220).
BAB III
PEMBAHASAN
3.1. Analisa Kebutuhan
3.1.1. Kebutuhan Fungsional
Kebutuhan fungsional pada perancangan web e-commerce 5K Lapak, antara
lain:
1. Login
Halaman login diperlukan untuk menentukan pengguna yang berhak
mengakses web. Untuk dapat memiliki akses login tersebut, maka pengguna
harus melakukan daftar/registrasi terlebih dahulu.
2. Daftar
Halaman untuk mendaftar bagi pengguna yang belum memiliki akun di
website 5K Lapak.
3. Deskripsi Produk
Halaman produk diperlukan untuk menampilkan produk yang dijual, tiap
produk memiliki halaman masing-masing dengan detail sesuai produk
masing-masing.
4. Beranda/Halaman Kategori Produk
Sebagai alaman awal yang dituju oleh pengunjung ketika mengakses website
5K Lapak yang berisi kategori produk.
5. Halaman Edit Member
Halaman yang akan digunakan untuk mengedit pengguna yang sudah
mendaftar atau sudah menjadi member, dimana halaman ini berisi tentang
member yang dapat dicari menggunakan kolom pencarian dan member
terdaftar dapa dihapus dari daftar.
6. Halaman Pemesanan
Sebagai halaman yang berfungsi untuk memesan barang yang ingin dibeli.
7. Halaman Status Pembelian
Halaman yang digunakan untuk melihat status barang yang akan dibeli.
8. Halaman Isi Data Produk
Halaman untuk memasukkan data produk atau barang yang akan dijual.
3.2. Desain
3.2.1. Desain Antar Muka
Berikut ini diuraikan desain antar muka pada web e-commerce 5K Lapak:
1. Halaman Daftar
Gambar III.1 Desain Antar Muka Halaman Daftar
2. Halaman Login
Gambar III.2 Desain Antar Muka Halaman Login
3. Halaman Utama
Gambar III.3 Desain Antar Muka Halaman Utama
4. Halaman Produk
Gambar III.4 Desain Antar Muka Halaman Utama
5. Halaman Edit Member
Gambar III.5 Desain Antar Muka Edit Member
6. Halaman Pemesanan
Gambar III.6 Desain Antar Muka Halaman Pemesanan
7. Halaman Status Pembelian
Gambar III.7 Desain Antar Muka Halaman Status Pembelian
8. Halaman Isi Data Produk
Gambar III.8 Desain Antar Muka Halaman Isi Data Produk
3.2.2 Desain Basis Data
Berikut ini diuraikan desain Basis Data pada web e-commerce 5K Lapak:
Gambar III.9 Desain LRS Basis Data
3.2.3 Desain Navigasi
Berikut ini diuraikan desain Navigasi pada web e-commerce 5K Lapak.
1. Desain Navigasi Front End
Gambar III.10 Desain Navigasi Front End
Keterangan :
a. Beranda
Navigasi untuk menuju Halaman Utama atau Beranda jika tidak berada
di halaman awal.
b. Produk
Navigasi untuk menuju halaman daftar produk utama yang di promosikan
di 5K Lapak.
c. Tentang Kami
Navigasi untuk menuju halaman yang berisi informasi tentang website 5K
Lapak.
d. Hubungi Kami
Navigasi untuk menuju halaman pengguna untuk dapat berkomunikasi
dengan admin website, bisa berupa kiritik, saran dan masukan untuk
website.
2. Navigasi Back End
Gambar III.11 Navigasi Back End
Keterangan :
a. Login
Navigasi untuk masuk ke website sebagai admin.
b. Home
Navigasi untuk menuju awal yang khusus untuk admin.
c. Account
Navigasi untuk menuju ke halaman pengaturan akun. Navigasi menuju
halaman untuk mengedit member.
d. Product
Navigasi menuju ke halaman produk. Navigasi menuju ke halaman untuk
memilih lalu mengedit produk.
e. Order
Navigasi menuju ke halaman daftar produk yang sudah dipesan.
f. About Us
Navigasi menuju ke halaman tentang website yang dapat diedit oleh
admin.
g. Contact
Navigasi menuju halaman kontak website yang dapat diedit oleh admin.
h. Logout
Navigasi untuk keluar dari website.
3.3. Implementasi dan Pengujian Unit
3.3.1. Implementasi
1. Halaman Daftar
Gambar III.12 Implementasi Halaman Daftar
2. Halaman Login
Gambar III.13 Implementasi Halaman Login
3. Halaman Utama
Gambar III.14 Implementasi Halaman Utama
4. Halaman Produk
Gambar III.15 Implementasi Halaman Produk
5. Halaman Edit Member
Gambar III.16 Implementasi Halaman Edit Member
6. Halaman Pemesanan
Gambar III.17 Implementasi Halaman Pemesanan
7. Halaman Status Pembelian
Gambar III.18 Implementasi Halaman Status Pembelian
8. Halaman Isi Data Produk
Gambar III.19 Implementasi Halaman Isi Data Produk
3.3.2. Pengujian Unit
Pengujian unit beberapa halaman website ini menggunakan pengujian Black
Box, sebagai berikut :
1. Pengujian Halaman Login
Tabel 3.1 Pengujian Blackbox Halaman Login
No. Skenario Pengujian Test Case Hasil yang Diharapkan
1. Email dan Password tidak
diisi kemudian klik tombol
login
Email : (kosong)
Password : (kosong)
Sistem akan menolak
akses pengguna dan
menampilkan " Email dan
Password tidak dikenal"
2. Mengetikkan Email dan
Password tidak diisi atau
kemudian klik tombol login
Email: andri1967
Password : (kosong)
Sistem akan menolak
akses pengguna dan
menampilkan "Anda
Belum Memasukkan
Password"
3. Email tidak disisi dan
Password diisi kemudian
klik tombol login
Email : (kosong)
Password :
andritampanmaksimal
Sistem akan menolak
akses pengguna dan
menampilkan "Anda
Belum Memasukkan
Email "
4. Mengetikkan salah satu pada
Email atau Password
kemudian klik tombol login
Email : andri1967
(benar)
Password :
andrikurangtampan
(salah)
Sistem akan menolak
akses pengguna dan
menampilkan "P Email
dan Password tidak
sesuai"
5. Mengetikkan Email dan
Password dengan data yang
Email : andri1967
(benar)
Sistem akan menerima
akses login dan kemudian
benar kemudian klik tombol
login
Password :
andritampanmaksimal
(benar)
langsung menampilkan
menu utama
2. Pengujian Halaman Daftar
Tabel 3.2 Pengujian Blackbox Halaman Daftar
No. Skenario Pengujian Test Case Hasil yang Diharapkan
1. Nama, email, Password dan
ulangi Password tidak diisi
lalu mengklik tombol daftar
Nama : (kosong)
Email : (kosong)
Password : (kosong)
Ulangi Password :
(kosong)
Sistem akan menolak dan
menampilan "anda belum
mengisi form pendaftaran”
2. Mengisi nama,
mengosongkan email,
Password dan ulangi
Password lalu mengklik
tombol daftar
Nama : andri
Email : (kosong)
Password : (kosong)
Ulangi Password :
(kosong)
Sistem akan menolak dan
menampilakan “anda
belum mengisi ini” ditiap
field yang masih kosong”
3. Mengisi email,
mengosongkan nama,
Password dan ulangi
Password lalu mengklik
tombol daftar
Nama : (kosong)
Email :
andri@mail.com
Password : (kosong)
Ulangi Password :
(kosong)
Sistem akan menolak dan
menampilakan “anda
belum mengisi ini” ditiap
field yang masih kosong”
4. Mengisi Password,
mengosongkan nama, email
dan ulangi Password lalu
mengklik tombol daftar
Nama : (kosong)
Email : (kosong)
Password : andri123
Sistem akan menolak dan
menampilakan “anda
belum mengisi ini” ditiap
field yang masih kosong”
Ulangi Password :
(kosong)
5. Mengisi ulangi Password,
mengosongkan email,
Password dan nama lalu
mengklik tombol daftar
Nama : (kosong)
Email : (kosong)
Password : (kosong)
Ulangi Password :
andri123
Sistem akan menolak dan
menampilakan “anda
belum mengisi ini” ditiap
field yang masih kosong
6. Mengisi email menggunakan
email yang sudah digunakan
Dan mengisi nama,
Password dan ulangi
Password lalu mengklik
tombol daftar
Nama : andri
Email :
andri@ymail.com
(sudah pernah
digunakan)
Password : andri123
Ulangi Password :
andri123
Sistem akan menolak dan
menampilakan “email ini
sudah digunakan”
7. Mengisi nama, email,
Password dan ulangi
Password, tetapi isi di field
ulangi Password tidak sama
dengan di field Password
lalu mengklik tombol daftar
Nama : andri
Email :
andri@mail.com
Password : andri123
Ulangi Password :
andri113
Sistem akan menolak dan
menampilkan “Password
tidak sesuai”
8. Mengisi Nama, email (yang
belum pernah digunakan),
Password dan ulangi
Password (sesuai dengan isi
di field Password)
Nama : andri
Email :
andri@mail.com
Password : andri123
Ulangi Password :
andri123
Sistem akan menerima
dan menampilkan
halaman “silakan
konfirmasi email anda”.
3. Pengujian Halaman Isi Data Produk
Tabel 3.3 Pengujian Blackbox Halaman Isi Data Produk
No. Skenario Pengujian Test Case Hasil yang Diharapkan
1. Tidak mengisi semua field
lalu klik simpan
Nama Produk :
(kosong)
Keadaan : (kosong)
Kategori : (kosong)
Harga Satuan :
(kosong)
Deskripsi : (kosong)
Jasa Pengiriman :
(kosong)
Gambar : (kosong)
Sistem akan minta untuk
mengisi field yang masih
kosong dan menampilkan
"anda belum mengisi ini”
2. Mengisi semua filed yang
ada lalu klik kembali
Nama Produk :
ExperiaE1
Keadaan : baru
Kategori : gadget
Harga Satuan :
Rp1.200.000
Deskripsi : (berisi
spesifikasi)
Jasa Pengiriman :
JNE, TIKI, Pos
Gambar :
experiae1.jpg
Data tidak disimpan dan
Anda akan menuju ke
halaman sebelumnya.
3. Mengisi semua filed yang
ada lalu klik simpan
Nama Produk :
ExperiaE1
Keadaan : baru
Kategori : gadget
Sistem akan meyimpan
data dan menampilkan
“menyimpan data sukses”
Harga Satuan :
Rp1.200.000
Deskripsi : (berisi
spesifikasi)
Jasa Pengiriman :
JNE, TIKI, Pos
Gambar :
experiae1.jpg
4. Pengujian Halaman Pemesanan
Tabel 3.4 Pengujian Blackbox Halaman Pemesanan
No. Skenario Pengujian Test Case Hasil yang Diharapkan
1. Tidak mengisi semua field
lalu klik lanjut
Nama Penerima :
(kosong)
Telepone : (kosong)
Provinsi: (kosong)
Kota/ Kabupaten:
(kosong)
Kecamatan : (kosong)
Alamat Lengkap :
(kosong)
Kode Pos : (kosong)
Sistem akan minta untuk
mengisi field yang masih
kosong dan menampilkan
"anda belum mengisi ini”
2. Belum mengisi 1 field lalu
klik lanjut
Nama Penerima :
Andri
Telepone : (kosong)
Sistem akan minta untuk
mengisi field yang masih
kosong dan menampilkan
"anda belum mengisi ini.
Provinsi: Kalbar
Kota/ Kabupaten:
Pontianak
Kecamatan :
Pontianak Timur
Alamat Lengkap :
Perumnas 4
Kode Pos : 78312
3. Mengisi semua filed yang
ada lalu klik lanjut
Nama Penerima :
Andri
Telepone :
0856xxxxxx
Provinsi: Kalbar
Kota/ Kabupaten:
Pontianak
Kecamatan :
Pontianak Timur
Alamat Lengkap :
Perumnas 4
Kode Pos : 78312
Sistem akan menyimpan
lalu anda menuju ke tahap
selanjutnya.
3.4. Unggulan Desain
Website 5K Lapak menggunakan tampilan yang minimalis, yaitu dengan tidak
memunculkan banyak gambar, tombol, menu dan iklan. Dengan begitu website 5K
Lapak tidak akan membuat kesulitan bagi pengguna baru yang mengunjungi. Dengan
tidak banyaknya gambar yang dimunculkan waktu untuk memuat penuh halaman
website ini tidak akan lama jika pengguna menggunakan koneksi internet yang lamban.
Selain itu, di web ini pembeli dapat membatalkan pembelian jika dalam keadaan barang
yang belum dibayar. Website ini menyediakan fasilitas forum antar sesama penjual,
sesama pembeli bahkan dapat berkomunikasi langsung dengan admin web dengan
menggunakan menu Hubungi Kami.
BAB IV
PENUTUP
Dari hasil perancangan yang dikerjakan, penulis dapat menarik kesimpulan
mengenai beberapa kelebihan dari penggunaan dari Website 5K Lapak, diantaranya:
1. Web e-commerce 5K Lapak ini dirancang untuk 2 user, yakni customer dan admin.
2. Pada halaman admin, admin dapat mengolah data member, daftar produk, produk
yang sudah dipesan, dsb.
3. Pada halaman untuk produk, customer dapat mencari, melihat dan membeli produk
yang tersedia,
4. Dengan web e-commerce 5K Lapak ini, customer dapat dengan mudah melakukan
pemesanan produk secara online. Pembatalan pemesanan produk juga menjadi
unggulan dalam rancangan web ini, sehingga dapat meminimalisir kesalahan
pemesanan barang oleh pembeli.
Daftar Pustaka
Simarmata, Janner. 2010. Rekayasa Web. Penerbit Andi Offset Yogyakarta.
Hidayat, Taufik. 2008. Panduan Membuat Toko Online Dengan OsCommerce.
Penerbit Media Kita Jakarta.
Cholis, Noor. 2015. Pembelajaran Mekatronika Berbasis Objek. Penerbit Deepublish
Yogyakarta.
Laudon, Kenneth. Sistem Informasi Manajemen Edisi 10 Buku 2. Penerbit Salemba
Empat Jakarta.

More Related Content

What's hot

MAKALAH PROSES BISNIS
MAKALAH PROSES BISNISMAKALAH PROSES BISNIS
MAKALAH PROSES BISNISIlfan Juanda
 
Analisis Pieces Terhadap Sistem Informasi Lukman Hermanto 55518110066
Analisis Pieces Terhadap Sistem Informasi Lukman Hermanto 55518110066Analisis Pieces Terhadap Sistem Informasi Lukman Hermanto 55518110066
Analisis Pieces Terhadap Sistem Informasi Lukman Hermanto 55518110066LukmanHermanto
 
Analisis pada e-commerce dan website Tokopedia.com
Analisis pada e-commerce dan website Tokopedia.comAnalisis pada e-commerce dan website Tokopedia.com
Analisis pada e-commerce dan website Tokopedia.comCllszhr
 
Kata pengantar
Kata pengantarKata pengantar
Kata pengantarVio Robin
 
Laporan aplikasi perancangan database sederhana
Laporan aplikasi perancangan database sederhanaLaporan aplikasi perancangan database sederhana
Laporan aplikasi perancangan database sederhanasaniatyeva
 
Contoh Laporan Prakerin SMK Multimedia
Contoh Laporan Prakerin SMK MultimediaContoh Laporan Prakerin SMK Multimedia
Contoh Laporan Prakerin SMK MultimediaMuhamad Nursidik
 
Contoh Laporan Tugas Akhir (TA)
Contoh Laporan Tugas Akhir (TA)Contoh Laporan Tugas Akhir (TA)
Contoh Laporan Tugas Akhir (TA)Area Pratama
 
membuat function dalam mysql
membuat function dalam mysqlmembuat function dalam mysql
membuat function dalam mysqlsukangimpi
 
Contoh laporan kunjungan industri
Contoh laporan kunjungan industriContoh laporan kunjungan industri
Contoh laporan kunjungan industriAi Roudatul
 
Kesimpulan dan saran
Kesimpulan dan saranKesimpulan dan saran
Kesimpulan dan saranitemagil
 
Laporan AKhir atau Artikel Ilmiah PKM GFK
Laporan AKhir atau Artikel Ilmiah PKM GFKLaporan AKhir atau Artikel Ilmiah PKM GFK
Laporan AKhir atau Artikel Ilmiah PKM GFKUniversitas Gadjah Mada
 
Metodologi Penelitian pada Bidang Ilmu Komputer dan Teknologi Informasi
Metodologi Penelitian pada Bidang Ilmu Komputer dan Teknologi InformasiMetodologi Penelitian pada Bidang Ilmu Komputer dan Teknologi Informasi
Metodologi Penelitian pada Bidang Ilmu Komputer dan Teknologi InformasiAlbaar Rubhasy
 
Tugas laporan project aplikasi website
Tugas laporan project aplikasi websiteTugas laporan project aplikasi website
Tugas laporan project aplikasi websiteGilang Ramadhan
 
BAB I & BAB II Laporan KP
BAB I & BAB II Laporan KPBAB I & BAB II Laporan KP
BAB I & BAB II Laporan KPGoogle+
 
Proposal studi kelayakan_bisnis_cafe
Proposal studi kelayakan_bisnis_cafeProposal studi kelayakan_bisnis_cafe
Proposal studi kelayakan_bisnis_cafe20risman
 
ANALISIS DAN PERANCANGAN SISTEM INFORMASI PENGGAJIAN KARYAWAN PADA PT. Fajar ...
ANALISIS DAN PERANCANGAN SISTEM INFORMASI PENGGAJIAN KARYAWAN PADA PT. Fajar ...ANALISIS DAN PERANCANGAN SISTEM INFORMASI PENGGAJIAN KARYAWAN PADA PT. Fajar ...
ANALISIS DAN PERANCANGAN SISTEM INFORMASI PENGGAJIAN KARYAWAN PADA PT. Fajar ...Bud Thecilh
 
Laporan pembuatan aplikasi my so untuk android ppt
Laporan pembuatan aplikasi my so untuk android pptLaporan pembuatan aplikasi my so untuk android ppt
Laporan pembuatan aplikasi my so untuk android pptWahyu Anggara
 

What's hot (20)

Analisis Kebutuhan Sistem Informasi
Analisis Kebutuhan Sistem InformasiAnalisis Kebutuhan Sistem Informasi
Analisis Kebutuhan Sistem Informasi
 
MAKALAH PROSES BISNIS
MAKALAH PROSES BISNISMAKALAH PROSES BISNIS
MAKALAH PROSES BISNIS
 
Analisis Pieces Terhadap Sistem Informasi Lukman Hermanto 55518110066
Analisis Pieces Terhadap Sistem Informasi Lukman Hermanto 55518110066Analisis Pieces Terhadap Sistem Informasi Lukman Hermanto 55518110066
Analisis Pieces Terhadap Sistem Informasi Lukman Hermanto 55518110066
 
Cover laporan pkl
Cover laporan pklCover laporan pkl
Cover laporan pkl
 
Analisis pada e-commerce dan website Tokopedia.com
Analisis pada e-commerce dan website Tokopedia.comAnalisis pada e-commerce dan website Tokopedia.com
Analisis pada e-commerce dan website Tokopedia.com
 
Kata pengantar
Kata pengantarKata pengantar
Kata pengantar
 
Laporan aplikasi perancangan database sederhana
Laporan aplikasi perancangan database sederhanaLaporan aplikasi perancangan database sederhana
Laporan aplikasi perancangan database sederhana
 
Contoh Laporan Prakerin SMK Multimedia
Contoh Laporan Prakerin SMK MultimediaContoh Laporan Prakerin SMK Multimedia
Contoh Laporan Prakerin SMK Multimedia
 
Contoh Laporan Tugas Akhir (TA)
Contoh Laporan Tugas Akhir (TA)Contoh Laporan Tugas Akhir (TA)
Contoh Laporan Tugas Akhir (TA)
 
membuat function dalam mysql
membuat function dalam mysqlmembuat function dalam mysql
membuat function dalam mysql
 
Makalah Tentang Database
Makalah Tentang DatabaseMakalah Tentang Database
Makalah Tentang Database
 
Contoh laporan kunjungan industri
Contoh laporan kunjungan industriContoh laporan kunjungan industri
Contoh laporan kunjungan industri
 
Kesimpulan dan saran
Kesimpulan dan saranKesimpulan dan saran
Kesimpulan dan saran
 
Laporan AKhir atau Artikel Ilmiah PKM GFK
Laporan AKhir atau Artikel Ilmiah PKM GFKLaporan AKhir atau Artikel Ilmiah PKM GFK
Laporan AKhir atau Artikel Ilmiah PKM GFK
 
Metodologi Penelitian pada Bidang Ilmu Komputer dan Teknologi Informasi
Metodologi Penelitian pada Bidang Ilmu Komputer dan Teknologi InformasiMetodologi Penelitian pada Bidang Ilmu Komputer dan Teknologi Informasi
Metodologi Penelitian pada Bidang Ilmu Komputer dan Teknologi Informasi
 
Tugas laporan project aplikasi website
Tugas laporan project aplikasi websiteTugas laporan project aplikasi website
Tugas laporan project aplikasi website
 
BAB I & BAB II Laporan KP
BAB I & BAB II Laporan KPBAB I & BAB II Laporan KP
BAB I & BAB II Laporan KP
 
Proposal studi kelayakan_bisnis_cafe
Proposal studi kelayakan_bisnis_cafeProposal studi kelayakan_bisnis_cafe
Proposal studi kelayakan_bisnis_cafe
 
ANALISIS DAN PERANCANGAN SISTEM INFORMASI PENGGAJIAN KARYAWAN PADA PT. Fajar ...
ANALISIS DAN PERANCANGAN SISTEM INFORMASI PENGGAJIAN KARYAWAN PADA PT. Fajar ...ANALISIS DAN PERANCANGAN SISTEM INFORMASI PENGGAJIAN KARYAWAN PADA PT. Fajar ...
ANALISIS DAN PERANCANGAN SISTEM INFORMASI PENGGAJIAN KARYAWAN PADA PT. Fajar ...
 
Laporan pembuatan aplikasi my so untuk android ppt
Laporan pembuatan aplikasi my so untuk android pptLaporan pembuatan aplikasi my so untuk android ppt
Laporan pembuatan aplikasi my so untuk android ppt
 

Similar to Makalah perancangan web (website 5 k lapak)

CONTOH LAPORAN DLKM OPERASI SISTEM KOMPUTER IT-020-4
CONTOH LAPORAN DLKM OPERASI SISTEM KOMPUTER IT-020-4CONTOH LAPORAN DLKM OPERASI SISTEM KOMPUTER IT-020-4
CONTOH LAPORAN DLKM OPERASI SISTEM KOMPUTER IT-020-4Shahril Majid
 
Cara Membuat Program Chatting Sederhana Dengan Visual Basic (Program 3)
Cara Membuat Program Chatting Sederhana Dengan Visual Basic (Program 3)Cara Membuat Program Chatting Sederhana Dengan Visual Basic (Program 3)
Cara Membuat Program Chatting Sederhana Dengan Visual Basic (Program 3)Donny Kurniawan
 
Cara Membuat Program Chatting Sederhana Dengan Visual Basic (Program 4)
Cara Membuat Program Chatting Sederhana Dengan Visual Basic (Program 4)Cara Membuat Program Chatting Sederhana Dengan Visual Basic (Program 4)
Cara Membuat Program Chatting Sederhana Dengan Visual Basic (Program 4)Donny Kurniawan
 
2015-19. isrofi wahyu k. - management menggunakan htb & monitoring jaringan m...
2015-19. isrofi wahyu k. - management menggunakan htb & monitoring jaringan m...2015-19. isrofi wahyu k. - management menggunakan htb & monitoring jaringan m...
2015-19. isrofi wahyu k. - management menggunakan htb & monitoring jaringan m...Syiroy Uddin
 
Perancangan sistem informasi inventori
Perancangan sistem informasi inventoriPerancangan sistem informasi inventori
Perancangan sistem informasi inventoriMeli Amelia
 
Cara Membuat Program Chatting Sederhana Dengan Visual Basic (Program 1 dan 2)
Cara Membuat Program Chatting Sederhana Dengan Visual Basic (Program 1 dan 2)Cara Membuat Program Chatting Sederhana Dengan Visual Basic (Program 1 dan 2)
Cara Membuat Program Chatting Sederhana Dengan Visual Basic (Program 1 dan 2)Donny Kurniawan
 
Laporan Prakerin 2014 2015
Laporan Prakerin 2014 2015Laporan Prakerin 2014 2015
Laporan Prakerin 2014 2015Andi Suhandi
 
Laporan Aplikasi Penjualan Handphone Access
Laporan Aplikasi Penjualan Handphone AccessLaporan Aplikasi Penjualan Handphone Access
Laporan Aplikasi Penjualan Handphone Accessaim190696
 
Laporan program basis data
Laporan program basis dataLaporan program basis data
Laporan program basis dataRudy Kurniawan
 
Proposal penjualan toko online asia dress berbasis java dekstop
Proposal penjualan toko online asia dress berbasis java dekstopProposal penjualan toko online asia dress berbasis java dekstop
Proposal penjualan toko online asia dress berbasis java dekstopRevanyaDeriana
 
TA_IvanRizky_20172018_XII-TKJ1_SMKN4_Bandung
TA_IvanRizky_20172018_XII-TKJ1_SMKN4_BandungTA_IvanRizky_20172018_XII-TKJ1_SMKN4_Bandung
TA_IvanRizky_20172018_XII-TKJ1_SMKN4_BandungArsaW1
 
Aplikasi Pengelolaan Persedian Barang Dagang Berupa ATK
Aplikasi Pengelolaan Persedian Barang Dagang Berupa ATKAplikasi Pengelolaan Persedian Barang Dagang Berupa ATK
Aplikasi Pengelolaan Persedian Barang Dagang Berupa ATKFitri Evi Nasution
 
Makalah tugas besar bd 2013 new
Makalah tugas besar bd 2013 newMakalah tugas besar bd 2013 new
Makalah tugas besar bd 2013 newDevandy Enda
 
ANALISIS PENGENDALIAN INTERNAL ATAS PERSEDIAAN BARANG DAGANG
ANALISIS PENGENDALIAN INTERNAL ATAS PERSEDIAAN BARANG DAGANGANALISIS PENGENDALIAN INTERNAL ATAS PERSEDIAAN BARANG DAGANG
ANALISIS PENGENDALIAN INTERNAL ATAS PERSEDIAAN BARANG DAGANGUofa_Unsada
 
AST LAPORAN KP FIX ACC.pdf
AST LAPORAN KP FIX ACC.pdfAST LAPORAN KP FIX ACC.pdf
AST LAPORAN KP FIX ACC.pdfvanbastenropa
 
PROPOSAL SKRIPSI (1).pdf
PROPOSAL SKRIPSI (1).pdfPROPOSAL SKRIPSI (1).pdf
PROPOSAL SKRIPSI (1).pdfkhodijahnst
 
Laporan Prakerin - Dian Aditya - 2008/2009
Laporan Prakerin - Dian Aditya - 2008/2009Laporan Prakerin - Dian Aditya - 2008/2009
Laporan Prakerin - Dian Aditya - 2008/2009Dian Aditya
 
Makalah imk kelompok 5 revisi 1
Makalah imk kelompok 5 revisi 1Makalah imk kelompok 5 revisi 1
Makalah imk kelompok 5 revisi 1Fransiska Cika
 
Makalah imk kelompok 5 revisi 1
Makalah imk kelompok 5 revisi 1Makalah imk kelompok 5 revisi 1
Makalah imk kelompok 5 revisi 1Fransiska Cika
 

Similar to Makalah perancangan web (website 5 k lapak) (20)

CONTOH LAPORAN DLKM OPERASI SISTEM KOMPUTER IT-020-4
CONTOH LAPORAN DLKM OPERASI SISTEM KOMPUTER IT-020-4CONTOH LAPORAN DLKM OPERASI SISTEM KOMPUTER IT-020-4
CONTOH LAPORAN DLKM OPERASI SISTEM KOMPUTER IT-020-4
 
Cara Membuat Program Chatting Sederhana Dengan Visual Basic (Program 3)
Cara Membuat Program Chatting Sederhana Dengan Visual Basic (Program 3)Cara Membuat Program Chatting Sederhana Dengan Visual Basic (Program 3)
Cara Membuat Program Chatting Sederhana Dengan Visual Basic (Program 3)
 
Cara Membuat Program Chatting Sederhana Dengan Visual Basic (Program 4)
Cara Membuat Program Chatting Sederhana Dengan Visual Basic (Program 4)Cara Membuat Program Chatting Sederhana Dengan Visual Basic (Program 4)
Cara Membuat Program Chatting Sederhana Dengan Visual Basic (Program 4)
 
2015-19. isrofi wahyu k. - management menggunakan htb & monitoring jaringan m...
2015-19. isrofi wahyu k. - management menggunakan htb & monitoring jaringan m...2015-19. isrofi wahyu k. - management menggunakan htb & monitoring jaringan m...
2015-19. isrofi wahyu k. - management menggunakan htb & monitoring jaringan m...
 
Perancangan sistem informasi inventori
Perancangan sistem informasi inventoriPerancangan sistem informasi inventori
Perancangan sistem informasi inventori
 
Cara Membuat Program Chatting Sederhana Dengan Visual Basic (Program 1 dan 2)
Cara Membuat Program Chatting Sederhana Dengan Visual Basic (Program 1 dan 2)Cara Membuat Program Chatting Sederhana Dengan Visual Basic (Program 1 dan 2)
Cara Membuat Program Chatting Sederhana Dengan Visual Basic (Program 1 dan 2)
 
Contoh skripsi
Contoh skripsiContoh skripsi
Contoh skripsi
 
Laporan Prakerin 2014 2015
Laporan Prakerin 2014 2015Laporan Prakerin 2014 2015
Laporan Prakerin 2014 2015
 
Laporan Aplikasi Penjualan Handphone Access
Laporan Aplikasi Penjualan Handphone AccessLaporan Aplikasi Penjualan Handphone Access
Laporan Aplikasi Penjualan Handphone Access
 
Laporan program basis data
Laporan program basis dataLaporan program basis data
Laporan program basis data
 
Proposal penjualan toko online asia dress berbasis java dekstop
Proposal penjualan toko online asia dress berbasis java dekstopProposal penjualan toko online asia dress berbasis java dekstop
Proposal penjualan toko online asia dress berbasis java dekstop
 
TA_IvanRizky_20172018_XII-TKJ1_SMKN4_Bandung
TA_IvanRizky_20172018_XII-TKJ1_SMKN4_BandungTA_IvanRizky_20172018_XII-TKJ1_SMKN4_Bandung
TA_IvanRizky_20172018_XII-TKJ1_SMKN4_Bandung
 
Aplikasi Pengelolaan Persedian Barang Dagang Berupa ATK
Aplikasi Pengelolaan Persedian Barang Dagang Berupa ATKAplikasi Pengelolaan Persedian Barang Dagang Berupa ATK
Aplikasi Pengelolaan Persedian Barang Dagang Berupa ATK
 
Makalah tugas besar bd 2013 new
Makalah tugas besar bd 2013 newMakalah tugas besar bd 2013 new
Makalah tugas besar bd 2013 new
 
ANALISIS PENGENDALIAN INTERNAL ATAS PERSEDIAAN BARANG DAGANG
ANALISIS PENGENDALIAN INTERNAL ATAS PERSEDIAAN BARANG DAGANGANALISIS PENGENDALIAN INTERNAL ATAS PERSEDIAAN BARANG DAGANG
ANALISIS PENGENDALIAN INTERNAL ATAS PERSEDIAAN BARANG DAGANG
 
AST LAPORAN KP FIX ACC.pdf
AST LAPORAN KP FIX ACC.pdfAST LAPORAN KP FIX ACC.pdf
AST LAPORAN KP FIX ACC.pdf
 
PROPOSAL SKRIPSI (1).pdf
PROPOSAL SKRIPSI (1).pdfPROPOSAL SKRIPSI (1).pdf
PROPOSAL SKRIPSI (1).pdf
 
Laporan Prakerin - Dian Aditya - 2008/2009
Laporan Prakerin - Dian Aditya - 2008/2009Laporan Prakerin - Dian Aditya - 2008/2009
Laporan Prakerin - Dian Aditya - 2008/2009
 
Makalah imk kelompok 5 revisi 1
Makalah imk kelompok 5 revisi 1Makalah imk kelompok 5 revisi 1
Makalah imk kelompok 5 revisi 1
 
Makalah imk kelompok 5 revisi 1
Makalah imk kelompok 5 revisi 1Makalah imk kelompok 5 revisi 1
Makalah imk kelompok 5 revisi 1
 

More from Roni Darmanto

Sejarah Singkat Perlawanan Panggi dan Ruguk Tahun 1908
Sejarah Singkat Perlawanan Panggi dan Ruguk Tahun 1908Sejarah Singkat Perlawanan Panggi dan Ruguk Tahun 1908
Sejarah Singkat Perlawanan Panggi dan Ruguk Tahun 1908Roni Darmanto
 
Analisis Sistem Informasi Absensi Pegawai Pada CU. Keling Kumang BO. Labung L...
Analisis Sistem Informasi Absensi Pegawai Pada CU. Keling Kumang BO. Labung L...Analisis Sistem Informasi Absensi Pegawai Pada CU. Keling Kumang BO. Labung L...
Analisis Sistem Informasi Absensi Pegawai Pada CU. Keling Kumang BO. Labung L...Roni Darmanto
 
MySQL Console - Dasar I
MySQL Console - Dasar IMySQL Console - Dasar I
MySQL Console - Dasar IRoni Darmanto
 
PKL (Pelayanan Publik Pemerintah)
PKL (Pelayanan Publik Pemerintah)PKL (Pelayanan Publik Pemerintah)
PKL (Pelayanan Publik Pemerintah)Roni Darmanto
 
PKL (Merakit Personal PC)
PKL (Merakit Personal PC)PKL (Merakit Personal PC)
PKL (Merakit Personal PC)Roni Darmanto
 
Peluang Bisnis Counter Handphone
Peluang Bisnis Counter HandphonePeluang Bisnis Counter Handphone
Peluang Bisnis Counter HandphoneRoni Darmanto
 
Proposal Pembiakan Ikan Bawal
Proposal Pembiakan Ikan BawalProposal Pembiakan Ikan Bawal
Proposal Pembiakan Ikan BawalRoni Darmanto
 
Merancang Web BAB III
Merancang Web BAB IIIMerancang Web BAB III
Merancang Web BAB IIIRoni Darmanto
 
Tutorial Internet Banking
Tutorial Internet BankingTutorial Internet Banking
Tutorial Internet BankingRoni Darmanto
 

More from Roni Darmanto (10)

Sejarah Singkat Perlawanan Panggi dan Ruguk Tahun 1908
Sejarah Singkat Perlawanan Panggi dan Ruguk Tahun 1908Sejarah Singkat Perlawanan Panggi dan Ruguk Tahun 1908
Sejarah Singkat Perlawanan Panggi dan Ruguk Tahun 1908
 
Analisis Sistem Informasi Absensi Pegawai Pada CU. Keling Kumang BO. Labung L...
Analisis Sistem Informasi Absensi Pegawai Pada CU. Keling Kumang BO. Labung L...Analisis Sistem Informasi Absensi Pegawai Pada CU. Keling Kumang BO. Labung L...
Analisis Sistem Informasi Absensi Pegawai Pada CU. Keling Kumang BO. Labung L...
 
MySQL Console - Dasar I
MySQL Console - Dasar IMySQL Console - Dasar I
MySQL Console - Dasar I
 
PKL (Pelayanan Publik Pemerintah)
PKL (Pelayanan Publik Pemerintah)PKL (Pelayanan Publik Pemerintah)
PKL (Pelayanan Publik Pemerintah)
 
PKL (Merakit Personal PC)
PKL (Merakit Personal PC)PKL (Merakit Personal PC)
PKL (Merakit Personal PC)
 
Peluang Bisnis Counter Handphone
Peluang Bisnis Counter HandphonePeluang Bisnis Counter Handphone
Peluang Bisnis Counter Handphone
 
Proposal Pembiakan Ikan Bawal
Proposal Pembiakan Ikan BawalProposal Pembiakan Ikan Bawal
Proposal Pembiakan Ikan Bawal
 
Merancang Web BAB III
Merancang Web BAB IIIMerancang Web BAB III
Merancang Web BAB III
 
Sejarah Sintang
Sejarah SintangSejarah Sintang
Sejarah Sintang
 
Tutorial Internet Banking
Tutorial Internet BankingTutorial Internet Banking
Tutorial Internet Banking
 

Makalah perancangan web (website 5 k lapak)

  • 1. PERANCANGAN WEB E-COMMERCE 5K LAPAK Disusun Sebagai Persyaratan Penilaian Ujian Akhir Semester pada Mata Kuliah Perancangan Web Dosen Pengampu: Lisnawanty, ST, M.Kom Kelas: 12.5K.30 No. NIM Nama Mahasiswa 1 2 3 4 12147035 12146070 12142402 12147663 Antonius Andri Muhammad Ifan Irfani Ricky Chandra Roni Darmanto PROGRAM STUDI MANAJEMEN INFORMATIKA AKADEMI MANAJEMEN INFORMATIKA DAN KOMPUTER “BSI PONTIANAK” PONTIANAK 2016
  • 2. KATA PENGANTAR Tiada puja dan puji yang patut dipersembahkan selain Allah SWT, zat yang maha sempurna dari segala bentuk kesempurnaan. Teriring pula shalawat dan salam semoga senantiasa tercurah kepada junjungan Nabi kita Nabi Muhammad SAW. Terbingkai dalam rasa syukur yang teramat dalam, penulis dapat membuat makalah ini dengan judul “PERANCANGAN WEB E-COMMERCE 5K LAPAK”. Makalah ini disusun guna memenuhi nilai UAS salah satu mata perkuliahan yaitu mata kuliah Perancangan Web. Dalam penulisan makalah ini penulis memperoleh banyak bantuan dan dukungan dari berbagai pihak, untuk itu penulis mengucapkan terima kasih yang sebesar-besarnya kepada : 1. Bapak Dedi Saputra, S.Pd, M.Kom, selaku Direktur AMIK BSI Pontianak. 2. Ibu Lisnawanty, ST, M.Kom, selaku Dosen mata kuliah Perancangan Web.
  • 3. Penulis menyadari bahwa penulisan makalah ini masih jauh sekali dari sempurna, untuk itu penulis mohon kritik dan saran yang bersifat membangun demi kesempurnaan penulisan dimasa yang akan datang. Akhir kata, semoga makalah ini dapat berguna bagi penulis khususnya dan bagi para pembaca yang berminat pada umumnya. Pontianak, 5 November 2016 Penulis
  • 4. DAFTAR ISI Cover ...................................................................................................................... 1 Kata Pengantar ....................................................................................................... 2 Daftar Isi ................................................................................................................. 3 Daftar Gambar ........................................................................................................ 4 Daftar Tabel ........................................................................................................... 5 Lembar Penilaian ................................................................................................... 6 BAB I PENDAHULUAN 1.1 Latar Belakang ................................................................................................ 7 1.2 Rumusan Masalah ........................................................................................... 8 1.3 Metode Pengembangan Perangkat Lunak ....................................................... 8 BAB 2 LANDASAN TEORI 2.1 Rekayasa Web ................................................................................................. 9 2.2 E-Commerce ................................................................................................... 9 2.3 Model Prototype .............................................................................................. 10 BAB 3 PEMBAHASAN 3.1 Analisa Kebutuhan ........................................................................................... 11 3.1.1 Kubutuhan Fungsional ........................................................................... 11 3.2 Desain ............................................................................................................. 12 3.2.1 Desain Antar Muka ................................................................................ 12 3.2.2 Desain Basis Data .................................................................................. 17 3.2.3 Desain Struktur Navigasi ....................................................................... 17 3.3 Implementasi dan Pengujian Unit ................................................................... 20 3.3.1 Implementasi ......................................................................................... 20 3.3.2 Pengujian Unit ....................................................................................... 26
  • 5. 3.4 Unggulan Desain ............................................................................................. 30 BAB 4 PENUTUP ..............................................................................................31 Daftar Pustaka .....................................................................................................32
  • 6. DAFTAR GAMBAR Gambar III.1 Desain Antar Muka Halaman Daftar............................................... 13 Gambar III.2 Desain Antar Muka Halaman Login................................................ 13 Gambar III.3 Desain Antar Muka Halaman Utama .............................................. 14 Gambar III.4 Desain Antar Muka Halaman Produk ............................................. 14 Gambar III.5 Desain Antar Muka Halaman Edit Member.................................... 15 Gambar III.6 Desain Antar Muka Halaman Pemesanan....................................... 15 Gambar III.7 Desain Antar Muka Halaman Status Pembelian ............................. 16 Gambar III.8 Desain Antar Muka Halaman Isi Data Produk................................ 16 Gambar III.9 Desain Desain LRS Basis Data ....................................................... 17 Gambar III.10 Desain Navigasi Front End........................................................... 17 Gambar III.11 Desain Navigasi Back End ............................................................ 18 Gambar III.12 Implementasi Halaman Daftar ...................................................... 20 Gambar III.13 Implementasi Halaman Login ....................................................... 20 Gambar III.14 Implementasi Halaman Utama...................................................... 21 Gambar III.15 Implementasi Halaman Produk ..................................................... 22 Gambar III.16 Implementasi Halaman Edit Member ........................................... 23 Gambar III.17 Implementasi Halaman Halaman Pemesanan ............................... 23 Gambar III.18 Implementasi Halaman Status Pembelian..................................... 24 Gambar III.19 Implementasi Halaman Isi Data Produk........................................ 25
  • 7. DAFTAR TABEL Tabel 3.1 Pengujian Blackbox Halaman Login..................................................... 26 Tabel 3.2 Pengujian Blackbox Halaman Daftar.................................................... 26 Tabel 3.3 Pengujian Blackbox Halaman Isi Data Produk ..................................... 28 Tabel 3.4 Pengujian Blackbox Halaman Pemesanan ............................................ 29
  • 8. LEMBAR PENILAIAN Tanggal Penilaian: 24 November 2016 NO. NAMA POINT PENILAIAN TOTAL MAKALAH PRESENTASI PENGUASAAN MATERI 1. Antonius Andri 100 100 100 300 2. Muhammad Ifan Irfani 100 100 100 300 3. Ricky Chandra 0 0 0 0 4. Roni Darmanto 100 100 100 300
  • 9. BAB I PENDAHULUAN 1.1. Umum Jual beli adalah kegiatan harian manusia, selama proses jual beli terjadi interaksi oleh dua orang atau lebih dimana ada yang berperan sebagai pembeli dan ada yang berperan sebagai penjual. Kegiatan jual beli sudah ada sejak dahulu, yang dimulai dangan tukar menukar barang atau dapat disebut sistem barter. Setelah sistem barter, muncul sistem jual beli dengan menggunakan uang yang sampai saat ini menjadi sistem utama dalam jual beli oleh manusia. Dengan semakin berkembangannya terknologi, proses jual beli yang dulu hanya dapat dilakukan secara langsung atau bertatap muka antara penjual dan pembeli, kini jual beli dapat pula dilakukan dengan cara tidak langsung, dimana antar penjual dan pembeli terinteraksi dengan menggunakan media elektronik dan internet. Dengan internet proses jual beli jarak jauh antar si penjual dan si pembeli dapat dimungkinkan. Hal ini memudahkan para penjual untuk memperluas ruang lingkup penjualannya dan mempermudah para pembeli untuk mencari barang yang ingin dibeli. Dengan begitu muncul pula situs-situs jual beli di internet yang biasanya disebut website e-commerce. Dari sistem jual beli online inilah yang memberikan pemecahan masalah bagi penjual yang kesulitan dalam hal dana untuk membangun tempat usaha.
  • 10. Berdasarkan uraian diatas, maka dengan ini penulis membuat makalah dengan judul: “PERANCANGAN WEB E-COMMERCE 5K LAPAK”. 1.2. Rumusan Masalah 1. Bagaimana merancang web e-commerce yang dapat memudahkan customer dalam melakukan pemesanan barang? 2. Bagaimana merancang web e-commerce yang dapat memudahkan admin dalam mengolah data pemesanan? 1.3. Metode Pengembangan Perangkat Lunak Metode pengembangan perangkat lunak yang digunakan dalam perancangan web 5K Lapak ini adalah metode Prototype. Metode Prototype adalah metode pengembangan perangkat lunak yang digunakan untuk menggali spesifikasi kebutuhan pelanggan secara lebih detail tetapi beresiko tinggi terhadap membengkaknya biaya dan waktu proyek.
  • 11. BAB II LANDASAN TEORI 2.1. Rekayasa Web Simarmata (2010:1) mengemukakan bahwa “rekayasa web adalah sebuah aplikasi yang menggunakan pendekatan sistematis, disiplin, dan terukur untuk pengembangan, operasi dan pemeliharaan aplikasi berbasis web (web-based applications)”. Rekayasa web membantu pera pengembangan sistem dibawah kontrol, memperkecil resiko-resiko yang akan terjadi dan meningkatkan kualitas, dapat dipelihara, dan memiliki skabilitas aplikasi web. Tujuan utama dari rekayasa web adalah kesuksesan dalam mengatur kompleksitas serta keanekaragaman pengembangan aplikasi web. Oleh karena itu, kegagalan yang mungkin terjadi bisa menjadi implikasi yang sangat serius (Simarmata, 2010:1). 2.2. E-Commerce Hidayat (2008:5) memberikan batasan bahwa “e-commerce atau electronic commerce adalah bagian dari e-lifestyle yang memungkinkan transaksi jual-beli dilakukan secara online dari sudut tempat mana pun”.
  • 12. E-commerce secara umum dapat diklasifikasikan menjadi busines to business (B2B) dan business to costumer (B2C). B2B atau transaksi antar pelaku bisnis adalah mekanisme trading dengan partners yang sudah diketahui dan pada umumnya memiliki hubungan yang sudah cukup lama, sedangkan B2C adalah transaksi terbuka antara e- merchant dengan costumer yang dapat dilakukan tanpa harus saling mengenal (Hidayat, 2008:5). 2.3. Model Prototype Cholis (2015:74) mengemukakan bahwa “model prototype adalah contoh atau model awal yang dibangun untuk menguji sebuah konsep atau proses atau aksi sebagai sesuati yang dapat digandakan atau dipelajarinya. pengertian prototype tidak selalu harus berukuran sama dengan produk yang akan dibuat”. Pengertian prototype tidak selalu merujuk pada ukuran, artinya prototype tidak selalu harus berukuran sama dengan produk yang akan dibuat asalkan aksi atau proses yang terjadi pada prototype mewakili aksi atau proses yang akan terjadi pada sistem sebenarnya. Tujuan pembuatan prototype adalah untuk perbaikan atau penyempurnaan rancangan (Cholis, 2015:74). Pembuatan prototype meliputi pengembangan sistem uji coba yang cepat dan murah untuk dievaluasi oleh pengguna akhir. Lewat interaksi dengan prototype, para pengguna dapat memperoleh gagasan tang lebih baik mengenai kebutuhan informasi
  • 13. mereka. Prototype yang telah disetujui oleh pengguna dapat digunakan sebagai patokan untuk membuat sistem versi finalnya (Laudon, 2008:220).
  • 14. BAB III PEMBAHASAN 3.1. Analisa Kebutuhan 3.1.1. Kebutuhan Fungsional Kebutuhan fungsional pada perancangan web e-commerce 5K Lapak, antara lain: 1. Login Halaman login diperlukan untuk menentukan pengguna yang berhak mengakses web. Untuk dapat memiliki akses login tersebut, maka pengguna harus melakukan daftar/registrasi terlebih dahulu. 2. Daftar Halaman untuk mendaftar bagi pengguna yang belum memiliki akun di website 5K Lapak. 3. Deskripsi Produk Halaman produk diperlukan untuk menampilkan produk yang dijual, tiap produk memiliki halaman masing-masing dengan detail sesuai produk masing-masing. 4. Beranda/Halaman Kategori Produk Sebagai alaman awal yang dituju oleh pengunjung ketika mengakses website 5K Lapak yang berisi kategori produk.
  • 15. 5. Halaman Edit Member Halaman yang akan digunakan untuk mengedit pengguna yang sudah mendaftar atau sudah menjadi member, dimana halaman ini berisi tentang member yang dapat dicari menggunakan kolom pencarian dan member terdaftar dapa dihapus dari daftar. 6. Halaman Pemesanan Sebagai halaman yang berfungsi untuk memesan barang yang ingin dibeli. 7. Halaman Status Pembelian Halaman yang digunakan untuk melihat status barang yang akan dibeli. 8. Halaman Isi Data Produk Halaman untuk memasukkan data produk atau barang yang akan dijual. 3.2. Desain 3.2.1. Desain Antar Muka Berikut ini diuraikan desain antar muka pada web e-commerce 5K Lapak: 1. Halaman Daftar Gambar III.1 Desain Antar Muka Halaman Daftar
  • 16. 2. Halaman Login Gambar III.2 Desain Antar Muka Halaman Login 3. Halaman Utama Gambar III.3 Desain Antar Muka Halaman Utama
  • 17. 4. Halaman Produk Gambar III.4 Desain Antar Muka Halaman Utama 5. Halaman Edit Member Gambar III.5 Desain Antar Muka Edit Member
  • 18. 6. Halaman Pemesanan Gambar III.6 Desain Antar Muka Halaman Pemesanan
  • 19. 7. Halaman Status Pembelian Gambar III.7 Desain Antar Muka Halaman Status Pembelian
  • 20. 8. Halaman Isi Data Produk Gambar III.8 Desain Antar Muka Halaman Isi Data Produk
  • 21. 3.2.2 Desain Basis Data Berikut ini diuraikan desain Basis Data pada web e-commerce 5K Lapak: Gambar III.9 Desain LRS Basis Data 3.2.3 Desain Navigasi Berikut ini diuraikan desain Navigasi pada web e-commerce 5K Lapak. 1. Desain Navigasi Front End Gambar III.10 Desain Navigasi Front End
  • 22. Keterangan : a. Beranda Navigasi untuk menuju Halaman Utama atau Beranda jika tidak berada di halaman awal. b. Produk Navigasi untuk menuju halaman daftar produk utama yang di promosikan di 5K Lapak. c. Tentang Kami Navigasi untuk menuju halaman yang berisi informasi tentang website 5K Lapak. d. Hubungi Kami Navigasi untuk menuju halaman pengguna untuk dapat berkomunikasi dengan admin website, bisa berupa kiritik, saran dan masukan untuk website. 2. Navigasi Back End Gambar III.11 Navigasi Back End Keterangan : a. Login
  • 23. Navigasi untuk masuk ke website sebagai admin. b. Home Navigasi untuk menuju awal yang khusus untuk admin. c. Account Navigasi untuk menuju ke halaman pengaturan akun. Navigasi menuju halaman untuk mengedit member. d. Product Navigasi menuju ke halaman produk. Navigasi menuju ke halaman untuk memilih lalu mengedit produk. e. Order Navigasi menuju ke halaman daftar produk yang sudah dipesan. f. About Us Navigasi menuju ke halaman tentang website yang dapat diedit oleh admin. g. Contact Navigasi menuju halaman kontak website yang dapat diedit oleh admin. h. Logout Navigasi untuk keluar dari website.
  • 24. 3.3. Implementasi dan Pengujian Unit 3.3.1. Implementasi 1. Halaman Daftar Gambar III.12 Implementasi Halaman Daftar 2. Halaman Login Gambar III.13 Implementasi Halaman Login
  • 25. 3. Halaman Utama Gambar III.14 Implementasi Halaman Utama
  • 26. 4. Halaman Produk Gambar III.15 Implementasi Halaman Produk
  • 27. 5. Halaman Edit Member Gambar III.16 Implementasi Halaman Edit Member 6. Halaman Pemesanan Gambar III.17 Implementasi Halaman Pemesanan
  • 28. 7. Halaman Status Pembelian Gambar III.18 Implementasi Halaman Status Pembelian
  • 29. 8. Halaman Isi Data Produk Gambar III.19 Implementasi Halaman Isi Data Produk
  • 30. 3.3.2. Pengujian Unit Pengujian unit beberapa halaman website ini menggunakan pengujian Black Box, sebagai berikut : 1. Pengujian Halaman Login Tabel 3.1 Pengujian Blackbox Halaman Login No. Skenario Pengujian Test Case Hasil yang Diharapkan 1. Email dan Password tidak diisi kemudian klik tombol login Email : (kosong) Password : (kosong) Sistem akan menolak akses pengguna dan menampilkan " Email dan Password tidak dikenal" 2. Mengetikkan Email dan Password tidak diisi atau kemudian klik tombol login Email: andri1967 Password : (kosong) Sistem akan menolak akses pengguna dan menampilkan "Anda Belum Memasukkan Password" 3. Email tidak disisi dan Password diisi kemudian klik tombol login Email : (kosong) Password : andritampanmaksimal Sistem akan menolak akses pengguna dan menampilkan "Anda Belum Memasukkan Email " 4. Mengetikkan salah satu pada Email atau Password kemudian klik tombol login Email : andri1967 (benar) Password : andrikurangtampan (salah) Sistem akan menolak akses pengguna dan menampilkan "P Email dan Password tidak sesuai" 5. Mengetikkan Email dan Password dengan data yang Email : andri1967 (benar) Sistem akan menerima akses login dan kemudian
  • 31. benar kemudian klik tombol login Password : andritampanmaksimal (benar) langsung menampilkan menu utama 2. Pengujian Halaman Daftar Tabel 3.2 Pengujian Blackbox Halaman Daftar No. Skenario Pengujian Test Case Hasil yang Diharapkan 1. Nama, email, Password dan ulangi Password tidak diisi lalu mengklik tombol daftar Nama : (kosong) Email : (kosong) Password : (kosong) Ulangi Password : (kosong) Sistem akan menolak dan menampilan "anda belum mengisi form pendaftaran” 2. Mengisi nama, mengosongkan email, Password dan ulangi Password lalu mengklik tombol daftar Nama : andri Email : (kosong) Password : (kosong) Ulangi Password : (kosong) Sistem akan menolak dan menampilakan “anda belum mengisi ini” ditiap field yang masih kosong” 3. Mengisi email, mengosongkan nama, Password dan ulangi Password lalu mengklik tombol daftar Nama : (kosong) Email : andri@mail.com Password : (kosong) Ulangi Password : (kosong) Sistem akan menolak dan menampilakan “anda belum mengisi ini” ditiap field yang masih kosong” 4. Mengisi Password, mengosongkan nama, email dan ulangi Password lalu mengklik tombol daftar Nama : (kosong) Email : (kosong) Password : andri123 Sistem akan menolak dan menampilakan “anda belum mengisi ini” ditiap field yang masih kosong”
  • 32. Ulangi Password : (kosong) 5. Mengisi ulangi Password, mengosongkan email, Password dan nama lalu mengklik tombol daftar Nama : (kosong) Email : (kosong) Password : (kosong) Ulangi Password : andri123 Sistem akan menolak dan menampilakan “anda belum mengisi ini” ditiap field yang masih kosong 6. Mengisi email menggunakan email yang sudah digunakan Dan mengisi nama, Password dan ulangi Password lalu mengklik tombol daftar Nama : andri Email : andri@ymail.com (sudah pernah digunakan) Password : andri123 Ulangi Password : andri123 Sistem akan menolak dan menampilakan “email ini sudah digunakan” 7. Mengisi nama, email, Password dan ulangi Password, tetapi isi di field ulangi Password tidak sama dengan di field Password lalu mengklik tombol daftar Nama : andri Email : andri@mail.com Password : andri123 Ulangi Password : andri113 Sistem akan menolak dan menampilkan “Password tidak sesuai” 8. Mengisi Nama, email (yang belum pernah digunakan), Password dan ulangi Password (sesuai dengan isi di field Password) Nama : andri Email : andri@mail.com Password : andri123 Ulangi Password : andri123 Sistem akan menerima dan menampilkan halaman “silakan konfirmasi email anda”. 3. Pengujian Halaman Isi Data Produk Tabel 3.3 Pengujian Blackbox Halaman Isi Data Produk
  • 33. No. Skenario Pengujian Test Case Hasil yang Diharapkan 1. Tidak mengisi semua field lalu klik simpan Nama Produk : (kosong) Keadaan : (kosong) Kategori : (kosong) Harga Satuan : (kosong) Deskripsi : (kosong) Jasa Pengiriman : (kosong) Gambar : (kosong) Sistem akan minta untuk mengisi field yang masih kosong dan menampilkan "anda belum mengisi ini” 2. Mengisi semua filed yang ada lalu klik kembali Nama Produk : ExperiaE1 Keadaan : baru Kategori : gadget Harga Satuan : Rp1.200.000 Deskripsi : (berisi spesifikasi) Jasa Pengiriman : JNE, TIKI, Pos Gambar : experiae1.jpg Data tidak disimpan dan Anda akan menuju ke halaman sebelumnya. 3. Mengisi semua filed yang ada lalu klik simpan Nama Produk : ExperiaE1 Keadaan : baru Kategori : gadget Sistem akan meyimpan data dan menampilkan “menyimpan data sukses”
  • 34. Harga Satuan : Rp1.200.000 Deskripsi : (berisi spesifikasi) Jasa Pengiriman : JNE, TIKI, Pos Gambar : experiae1.jpg 4. Pengujian Halaman Pemesanan Tabel 3.4 Pengujian Blackbox Halaman Pemesanan No. Skenario Pengujian Test Case Hasil yang Diharapkan 1. Tidak mengisi semua field lalu klik lanjut Nama Penerima : (kosong) Telepone : (kosong) Provinsi: (kosong) Kota/ Kabupaten: (kosong) Kecamatan : (kosong) Alamat Lengkap : (kosong) Kode Pos : (kosong) Sistem akan minta untuk mengisi field yang masih kosong dan menampilkan "anda belum mengisi ini” 2. Belum mengisi 1 field lalu klik lanjut Nama Penerima : Andri Telepone : (kosong) Sistem akan minta untuk mengisi field yang masih kosong dan menampilkan "anda belum mengisi ini.
  • 35. Provinsi: Kalbar Kota/ Kabupaten: Pontianak Kecamatan : Pontianak Timur Alamat Lengkap : Perumnas 4 Kode Pos : 78312 3. Mengisi semua filed yang ada lalu klik lanjut Nama Penerima : Andri Telepone : 0856xxxxxx Provinsi: Kalbar Kota/ Kabupaten: Pontianak Kecamatan : Pontianak Timur Alamat Lengkap : Perumnas 4 Kode Pos : 78312 Sistem akan menyimpan lalu anda menuju ke tahap selanjutnya.
  • 36. 3.4. Unggulan Desain Website 5K Lapak menggunakan tampilan yang minimalis, yaitu dengan tidak memunculkan banyak gambar, tombol, menu dan iklan. Dengan begitu website 5K Lapak tidak akan membuat kesulitan bagi pengguna baru yang mengunjungi. Dengan tidak banyaknya gambar yang dimunculkan waktu untuk memuat penuh halaman website ini tidak akan lama jika pengguna menggunakan koneksi internet yang lamban. Selain itu, di web ini pembeli dapat membatalkan pembelian jika dalam keadaan barang yang belum dibayar. Website ini menyediakan fasilitas forum antar sesama penjual, sesama pembeli bahkan dapat berkomunikasi langsung dengan admin web dengan menggunakan menu Hubungi Kami.
  • 37. BAB IV PENUTUP Dari hasil perancangan yang dikerjakan, penulis dapat menarik kesimpulan mengenai beberapa kelebihan dari penggunaan dari Website 5K Lapak, diantaranya: 1. Web e-commerce 5K Lapak ini dirancang untuk 2 user, yakni customer dan admin. 2. Pada halaman admin, admin dapat mengolah data member, daftar produk, produk yang sudah dipesan, dsb. 3. Pada halaman untuk produk, customer dapat mencari, melihat dan membeli produk yang tersedia, 4. Dengan web e-commerce 5K Lapak ini, customer dapat dengan mudah melakukan pemesanan produk secara online. Pembatalan pemesanan produk juga menjadi unggulan dalam rancangan web ini, sehingga dapat meminimalisir kesalahan pemesanan barang oleh pembeli.
  • 38. Daftar Pustaka Simarmata, Janner. 2010. Rekayasa Web. Penerbit Andi Offset Yogyakarta. Hidayat, Taufik. 2008. Panduan Membuat Toko Online Dengan OsCommerce. Penerbit Media Kita Jakarta. Cholis, Noor. 2015. Pembelajaran Mekatronika Berbasis Objek. Penerbit Deepublish Yogyakarta. Laudon, Kenneth. Sistem Informasi Manajemen Edisi 10 Buku 2. Penerbit Salemba Empat Jakarta.