Tugas Besar Pemrograman E-commerce Website cik donga

24
7/23/2019 Tugas Besar Pemrograman E-commerce Website cik donga http://slidepdf.com/reader/full/tugas-besar-pemrograman-e-commerce-website-cik-donga 1/24 LAPORAN TUGAS BESAR PEMROGRAMAN INTERNET DAN E-COMMERCE Nama Kelompok : Rati Dwi Sanitasari (G1A012007) Ririn Rozzaqiyah (G1A012053) Vonny Afriyona E. (G1A012065) Enggy Mahlian (G1A012077) M. Ikramullah (G1A012087) Asisten Dosen: HarviniLazi (G1A011021) Dian Maharani (G1A011033)  Nandik Sesnika (G1A011039) DOSEN PENGAMPU : Endina Putri Purwandari, S.T., M.Kom  NIP. 19870127 201212 2 001 Yudi Setiawan, S.T., M.Eng Program Studi Teknik Informatika Fakultas Teknik Universitas Bengkulu 2015

Transcript of Tugas Besar Pemrograman E-commerce Website cik donga

Page 1: Tugas Besar Pemrograman E-commerce Website cik donga

7/23/2019 Tugas Besar Pemrograman E-commerce Website cik donga

http://slidepdf.com/reader/full/tugas-besar-pemrograman-e-commerce-website-cik-donga 1/24

LAPORAN TUGAS BESAR

PEMROGRAMAN INTERNET DAN E-COMMERCE

Nama Kelompok :

Rati Dwi Sanitasari (G1A012007)

Ririn Rozzaqiyah (G1A012053)

Vonny Afriyona E. (G1A012065)

Enggy Mahlian (G1A012077)

M. Ikramullah (G1A012087)

Asisten Dosen:

HarviniLazi (G1A011021)

Dian Maharani (G1A011033)

 Nandik Sesnika (G1A011039)

DOSEN PENGAMPU : 

Endina Putri Purwandari, S.T., M.Kom

 NIP. 19870127 201212 2 001

Yudi Setiawan, S.T., M.Eng

Program Studi Teknik Informatika

Fakultas Teknik

Universitas Bengkulu

2015

Page 2: Tugas Besar Pemrograman E-commerce Website cik donga

7/23/2019 Tugas Besar Pemrograman E-commerce Website cik donga

http://slidepdf.com/reader/full/tugas-besar-pemrograman-e-commerce-website-cik-donga 2/24

1

BAB I

PENDAHULUAN

1.1  Latar Belakang Masalah

 E-commerce adalah proses transaksi bisnis secara online melalui

 jaringan internet dengan tujuan kemudahan dan kecepatan.  E-Commerce atau

Perniagaan Elektronik adalah bentuk dari pengembangan perdagangan

sebenarnya yang merupakan kegiatan yang dilakukan manusia sejak awal

 peradabannya. Sejalan dengan perkembangan manusia, cara dan sarana yang

digunakan untuk berdagang senantiasa berubah-berubah.  E-commerce  jugamelibatkan aktivitas yang berhubungan dengan proses transaksi elektronik

seperti transfer dana elektronik, pertukaran data elektronik, sistem

 pengolahan data inventori yang dilakukan dengan sistem komputer ataupun

 jaringan komputer dan lain sebagainya.

Dengan melakukan kegiatan bisnis secara online, perusahaan-

 perusahaan menjangkau pelanggan di seluruh dunia. Oleh karena itu dengan

memperluas mereka, sama saja dengan meningkatkan keuntungan. Pelaku

 bisnis dapat mengumpulkan informasi mengenai para pelanggannya melalui

 penggunaan cookies. Cookies  membantu operator website untuk

mengumpulkan informasi mengenai kebiasaan membeli yang dilakukan oleh

sekelompok orang. Informasi ini tidak terhingga nilainya bagi bisnis karena

informasi tersebut menjadikan pelaku bisnis membuat target periklanannya

lebih baik. Keuntungan lainnya bahwa e-commerce  menawarkan

 pengurangan sejumlah biaya tambahan. Sebuah perusahaan yang melakukan

 bisnis di internet akan mengurangi biaya tambahan karena biaya tersebut

tidak digunakan untuk gedung dan pelayanan pelanggan (costumer service),

 jika dibandingkan dengan jenis bisnis tradisional. Hal ini membantu

 perusahaan dalam meningkatkan keuntungannya.

Persaingan bisnis yang ketat seperti saat ini membuat pelaku bisnis

selalu berusaha untuk mempertahankan usahanya dan bersaing untuk

mencapai tujuan yang diharapkan. Pertumbuhan yang selalu meningkat dari

waktu ke waktu selalu diharapkan oleh pelaku bisnis. Berdasarkan pernyataan

Page 3: Tugas Besar Pemrograman E-commerce Website cik donga

7/23/2019 Tugas Besar Pemrograman E-commerce Website cik donga

http://slidepdf.com/reader/full/tugas-besar-pemrograman-e-commerce-website-cik-donga 3/24

2

tersebut khususnya perusahaan-perusahaan yang bergerak di bidang penjualan

makanan membuat mereka gencar untuk mengiklankan usaha mereka yakni

dengan cara membuat sebuah e-commerce. Terkhusus untuk usaha oleh-oleh

khas daerah. Tentunya banyak pilihan yang bisa mereka jual sekaligus

mempromosikan daerah mereka melalui oleh-oleh yang mereka sediakan

seperti makanan khas, aksesoris khas daerah dan sebagainya.

Berbagai upaya pemasaran dilakukan secara terintegrasi dengan

strategi pencapaian tujuan usaha. Pemasaran merupakan suatu kegiatan

 penting dalam sebuah perusahaan, karena pemasaran merupakan 2 fungsi

 bisnis yang berhubungan langsung dengan konsumen untuk mencari

konsumen, mempertahankan konsumen dan meningkatkan volume penjualan.

Kesuksesan perusahaan banyak ditentukan dari prestasi di bidang pemasaran.

Pemasaran merupakan proses mempelajari kebutuhan dan keinginan

konsumen dengan produk dan pelayanan yang berkualitas dan pada harga

yang kompetitif. Terkadang suatu usaha harus merubah cara pemasarannya di

tengah-tengah persaingan yang ketat seperti saat ini agar mampu bertahan.

Pemasaran oleh  –  oleh tersebut memegang kunci keberhasilan dalam

menggali, mempertahankan, dan mengembangkan sumber-sumber

 pendapatan suatu usaha dan kebudayaan daerah tersebut. Pemasaran harus

dilaksanakan secara ekonomis, efisien, dan efektif untuk mencapai suatu

kondisi perusahaan yang sehat karena mengerahkan sumber daya dalam

 jumlah yang besar dan merupakan aktivitas yang menentukan volume

 penjualan perusahaan sehingga apabila terjadi penyimpangan akan

mengakibatkan kerugian yang cukup material dan mempengaruhi tingkat

 penjualan.Berdasarkan hal tersebut, diperlukan suatu audit manajemen

 pemasaran untuk menilai dan meningkatkan ekonomisasi, efisiensi, dan

efektivitas kinerja manajemen pemasaran yang ada di perusahaan maka

diperlukan suatu hal yang dapat digunakan untuk memanajemen penjualan

khas daerah maka diperlunya sebuah E-commerce penjualan oleh  –  oleh khas

Bengkulu.

Page 4: Tugas Besar Pemrograman E-commerce Website cik donga

7/23/2019 Tugas Besar Pemrograman E-commerce Website cik donga

http://slidepdf.com/reader/full/tugas-besar-pemrograman-e-commerce-website-cik-donga 4/24

3

1.2  Tujuan Masalah

Adapun tujuan dari pembuatan  E-commerce  ini adalah dapat

membangun sebuah  E-commerce, mengetahui berbagai macam oleh-oleh

khas daerah Bengkulu dan mempermudah dalam proses jual beli secara

online.

1.3  Manfaat

Adapun manfaat dalam pembuatan  E-Commerce  Penjualan oleh-oleh

Khas Bengkulu ini adalah :

a.  Membuat sebuah aplikasi website yang menyediakan informasi barang

 produksi yang dijual oleh toko oleh-oleh ini.

 b.  Mempermudah para pembeli untuk melakukan pembelian oleh-oleh.

Page 5: Tugas Besar Pemrograman E-commerce Website cik donga

7/23/2019 Tugas Besar Pemrograman E-commerce Website cik donga

http://slidepdf.com/reader/full/tugas-besar-pemrograman-e-commerce-website-cik-donga 5/24

4

BAB II

HASIL DAN PEMBAHASAN

2.1  Tampilan Menu Utama

Gambar 2.1 Tampilan Menu Utama

Pada gambar 2.1 diatas merupakan tampilan menu utama dimana

terdapat lima menu utama yang terdiri dari menu beranda, menu profil, menu produk, menu keranjang belanja dan menu hubungi kami. Pada bagian kanan

terdapat beberepa menu lain yaitu menu kategori, kontak admin dan rekening

transfer. Menu kategori merupakan pilihan kategori yang ada di toko oleh-

oleh ini, kontak admin berfungsi untuk menampilkan informasi admin berupa

kontak person yang bisa dihubungi dan rekening transfer merupakan

informasi mengenai alamat transfer yang bisa digunakan ketika konsumen

melakukan pembelian produk.

Page 6: Tugas Besar Pemrograman E-commerce Website cik donga

7/23/2019 Tugas Besar Pemrograman E-commerce Website cik donga

http://slidepdf.com/reader/full/tugas-besar-pemrograman-e-commerce-website-cik-donga 6/24

5

2.2  Menu profil

Gambar 2.2 Tampilan Menu Profil

Gambar 2.2 merupakan tampilan menu profil e-commerce oleh-oleh yang

merupakan informasi mengenai toko oleh-oleh khas Bengkulu yang diberi

nama toko Oleh-oleh Cikdonga.

Page 7: Tugas Besar Pemrograman E-commerce Website cik donga

7/23/2019 Tugas Besar Pemrograman E-commerce Website cik donga

http://slidepdf.com/reader/full/tugas-besar-pemrograman-e-commerce-website-cik-donga 7/24

6

2.3  Menu Produk

Gambar 2.3 Tampilan Menu Produk

Pada Gambar 2.3 tampilan dari menu produk E- commerce yang

menampilkan gambar dari produk  –   produk yang ada di e-commerce yang

telah admin inputkan yang juga menampilkan nama produk, harga produk

dan stock produk.. Untuk pilihan produk memiliki tiga buah kategori yakni

akesosris, pakaian dan snack. Ketiga ketegori ini dapat dipilih bersadarkan

minat konsumen ketika ingin melihat produk-produk yang dijual.

Page 8: Tugas Besar Pemrograman E-commerce Website cik donga

7/23/2019 Tugas Besar Pemrograman E-commerce Website cik donga

http://slidepdf.com/reader/full/tugas-besar-pemrograman-e-commerce-website-cik-donga 8/24

7

2.4  Menu Keranjang Belanja

Gambar 2.4 Tampilan Keranjang belanja

Pada gambar 2.4 adalah tampilan keranjang belanja yang berfungsi untuk

konsumen yang hendak membeli produk oleh-oleh. Cukup dengan mengklik

 pada produk yang ingin dibeli dan akan tampil detail produk seperti harga,

dan stok dan menginputkan jumlah produk yang akan dibeli. Maka secara

otomatis kerangjang belanja akan bertambah sesuai dengan banyaknya

 produk yang dipilih.

Page 9: Tugas Besar Pemrograman E-commerce Website cik donga

7/23/2019 Tugas Besar Pemrograman E-commerce Website cik donga

http://slidepdf.com/reader/full/tugas-besar-pemrograman-e-commerce-website-cik-donga 9/24

8

2.5  Tampilan Menu Hubungi kami

Gambar 2.5 Tampilan Menu Hubungi Kami

Gambar 2.5 adalah menu hubungi kami. Menu ini digunakan untukkonsumen yang ingin memberikan saran atau keluhan pada toko oleh-oleh

kami. Konsumen dapat menginputkan nama, email, subjek, pesan dan kode

capcha yang berada paling bawah di menu ini.

Page 10: Tugas Besar Pemrograman E-commerce Website cik donga

7/23/2019 Tugas Besar Pemrograman E-commerce Website cik donga

http://slidepdf.com/reader/full/tugas-besar-pemrograman-e-commerce-website-cik-donga 10/24

9

2.6  Tampilan Pencarian

Gambar 2.5 Menu Pencarian

Gambar 2.5 merupakan tampilan menu pencarian yang terdapat pada

 bagian atas kanan e-commerce. Menu ini berfungsi untuk mencari produk

yang ada di toko oleh-oleh ini. Hasil dari pencarian akan ditampilkan secara

otomatis seperti gambar 2.5 diatas.

2.7  Menu Login Admin

Gambar 2.5 Menu Login Admin

Gambar 2.5 adalah menu login admin dari  E  –   commerce  toko oleh  –  

oleh khas bengkulu. Admin dapat menginputkan username  dan  password  

Page 11: Tugas Besar Pemrograman E-commerce Website cik donga

7/23/2019 Tugas Besar Pemrograman E-commerce Website cik donga

http://slidepdf.com/reader/full/tugas-besar-pemrograman-e-commerce-website-cik-donga 11/24

10

yang dimiliki admin kemudian klik button log in. Jika data yang dimasukkan

 benar maka akan menampilkan halaman utama dari menu admin  jika salah

akan muncul peringatan dan tetap pada menu login.

Gambar 2.6 Tampilan apabila login berhasil

Gambar 2.6 diatas merupakan tampilan apabila admin berhasil masuk ke

e-commerce oleh-oleh.

2.8  Edit Menu

Gambar 2.7 Tampilan Edit Menu

Gambar 2.7 ini adalah tampilan menu edit yang digunakan admin apabila

ingin mengedit atau merubah menu-menu yang ada di e-commerce oleh-oleh

ini.

Page 12: Tugas Besar Pemrograman E-commerce Website cik donga

7/23/2019 Tugas Besar Pemrograman E-commerce Website cik donga

http://slidepdf.com/reader/full/tugas-besar-pemrograman-e-commerce-website-cik-donga 12/24

11

2.9  Edit Menu Profil

Gambar 2.8 Edit Menu Profil

Gambar 2.8 merupakan menu yang digunakan untuk mengedit profil toko

yang dapat dilakukan oleh admin.

2.10  Edit Selamat Datang

Gambar 2.9 Edit Selamat Datang

Gambar 2.9 merupakan tampilan saat admin melakukan edit selamat

datang.

Page 13: Tugas Besar Pemrograman E-commerce Website cik donga

7/23/2019 Tugas Besar Pemrograman E-commerce Website cik donga

http://slidepdf.com/reader/full/tugas-besar-pemrograman-e-commerce-website-cik-donga 13/24

12

2.11  Edit cara pembelian

Gambar 2.10 Edit cara pembelian

Gambar 2.10 merupakan proses edit cara pembelian yang juga dilakukan

oleh admin.

2.12  Edit kategori produk

Gambar 2.11 Edit kategori produk

Pada gambar 2.11 diatas adalah tampilan ketika melakukan pengeditan

menu kategori produk yang dilakukan oleh admin.

Page 14: Tugas Besar Pemrograman E-commerce Website cik donga

7/23/2019 Tugas Besar Pemrograman E-commerce Website cik donga

http://slidepdf.com/reader/full/tugas-besar-pemrograman-e-commerce-website-cik-donga 14/24

13

2.13  Edit tambah produk

Gambar 2.12 Edit tambah produk

Gambar 2.12 adalah tampilan edit menu produk yaitu ketika admin ingin

menambah produk yang akan dijual pada e-commerce ini.

2.14  Lihat Order Masuk

Gambar 2.13 Tampilan order masuk

Pada gambar 2,13 diatas merupakan tampilan submenu yang menampilkan

hasil orderan dari konsumen yang memesan produk. Untuk melihat detail

orderan dengan cara menekan tombol baca.

Page 15: Tugas Besar Pemrograman E-commerce Website cik donga

7/23/2019 Tugas Besar Pemrograman E-commerce Website cik donga

http://slidepdf.com/reader/full/tugas-besar-pemrograman-e-commerce-website-cik-donga 15/24

14

Gambar 2.14 Detail Order

Gambar 2.14 diatas adalah tampilan detail order yang secara otomatis akan

muncul setelah menekan tombol baca.

2.15  Faktur Pembelian

Gambar 2.15 Tampilan Faktur Pembelian

Pada tampilan diatas gambar 2.15 merupakan submenu yang digunakan

untuk melakukan pengecekan faktur belanja yang akan dikirimkan ke alamat

email konsumen yang bersangkutan.

Page 16: Tugas Besar Pemrograman E-commerce Website cik donga

7/23/2019 Tugas Besar Pemrograman E-commerce Website cik donga

http://slidepdf.com/reader/full/tugas-besar-pemrograman-e-commerce-website-cik-donga 16/24

15

2.16  Menu Pesan Masuk

Gambar 2.16 Tampilan pesan masuk

Gambar 2.16 adalah tampilan pesan masuk pada e-commerce yang berisi

tentang saran dan kritik yang dismpaikan konsumen.

2.17  Edit Ongkos Kirim

Gambar 2.17 Tampilan Ongkos Kirim

Pada gambar 2.17 adalah tampilan submenu ongkos kirim yang

merupakan list dari biaya pengiriman ke konsumen yang dituju. Apabila ingin

melakukan edit ongkos kirim yaitu dengan menekan edit.

Page 17: Tugas Besar Pemrograman E-commerce Website cik donga

7/23/2019 Tugas Besar Pemrograman E-commerce Website cik donga

http://slidepdf.com/reader/full/tugas-besar-pemrograman-e-commerce-website-cik-donga 17/24

16

Gambar 2.18 Edit Ongkos Kirim

Gambar 2.18 merupakan kolom untuk mengedit harga, jasa pengiriman

maupun kota tujuan pengiriman

2.18  Laporan Transaksi

Gambar 2.19 Tampilan Laporan Transaksi

Gambar 2.19 merupakan menu untuk menampilkan hasil laporan

transaksi antara pihak manajemen dan konsumen. Laporan dapat dipilih

 berdasarkan tanggal.

Page 18: Tugas Besar Pemrograman E-commerce Website cik donga

7/23/2019 Tugas Besar Pemrograman E-commerce Website cik donga

http://slidepdf.com/reader/full/tugas-besar-pemrograman-e-commerce-website-cik-donga 18/24

17

2.19  Mengganti Header

Gambar 2.20 Mengganti Header

Gambar 2.21 Edit Header

Pada gambar 2.20 dan 2.21 merupakan proses untuk mengedit header e-

commerce oleh-oleh dengan mengklik choose file dan memilih file yang akan

ditampilkan pada header.

Page 19: Tugas Besar Pemrograman E-commerce Website cik donga

7/23/2019 Tugas Besar Pemrograman E-commerce Website cik donga

http://slidepdf.com/reader/full/tugas-besar-pemrograman-e-commerce-website-cik-donga 19/24

18

2.20  Costumer Online

Gambar 2.22 Tampilan Costumer Online

Pada Gambar 2.22 adalah tampilan kontak costumer yang akan mengelola

 pertanyaan-pertanyaan dari pengguna

Gambar 2.23 Tampilan Edit Costumer Online

Pada Gambar 2.23 merupakan form yang digunakan untuk mengedit data

costumer yang sudah ada.

Page 20: Tugas Besar Pemrograman E-commerce Website cik donga

7/23/2019 Tugas Besar Pemrograman E-commerce Website cik donga

http://slidepdf.com/reader/full/tugas-besar-pemrograman-e-commerce-website-cik-donga 20/24

19

Gambar 2.24 Tampilan Tambah Costumer Online

Gambar 2.24 merupakan form yang digunakan untuk menambah costumer

yang berada di halaman website.

2.21  Rekening bank

Gambar 2.25 Tampilan Rekening Bank Pembayaran

Pada Gambar 2.25 merupakan tampilan dari menu Rekening Bank untuk

 proses pembayaran via bank yang tertera pada halaman website, berfungsi

untuk memberikan informasi pembayaran ke pengguna

Page 21: Tugas Besar Pemrograman E-commerce Website cik donga

7/23/2019 Tugas Besar Pemrograman E-commerce Website cik donga

http://slidepdf.com/reader/full/tugas-besar-pemrograman-e-commerce-website-cik-donga 21/24

20

Gambar 2.26 Tampilan Tambah dan Edit Rekening Bank

Gambar 2.26 digunakan untuk menambah dan mengedit indormasi

Rekening Bank yang digunakan untuk metode pembayaran di halaman

website. Saat ini sudah ada 3 bank yang diinputkan yaitu BRI, Mandiri dan

BNI. Pada form ini yang harus diinputkan adalah Nama Bank, No Rekening,

 Nama Pemilik, dan dapat mengganti gambar Bank tersebut.

2.22  Link Terkait

Gambar 2.27 Tampilan Menu Link Terkait

Gambar 2.27 digunakan untuk memanajemen link yang terkait di halaman

website. Saat ini belum ada link yang dapat kami inputkkan, sehingga

tampilan menu link terkait ini masih kosong.

Page 22: Tugas Besar Pemrograman E-commerce Website cik donga

7/23/2019 Tugas Besar Pemrograman E-commerce Website cik donga

http://slidepdf.com/reader/full/tugas-besar-pemrograman-e-commerce-website-cik-donga 22/24

21

Gambar 2.28 Tampilan Tambah Banner

Gambar 2.28 digunakan untuk menambah Banner yang akan muncul di

halaman website sebagai sarana iklan pada website cikdonga.

2.23  Ganti Password

Gambar 2.29 Tampilan Ganti Password

Gambar 2.29 digunakan untuk menganti password admin yang berada di

sistem. Pada tampilan ini terdapat field masukkan password lama, masukkan

 password baru, masukkan lagi password baru.

Page 23: Tugas Besar Pemrograman E-commerce Website cik donga

7/23/2019 Tugas Besar Pemrograman E-commerce Website cik donga

http://slidepdf.com/reader/full/tugas-besar-pemrograman-e-commerce-website-cik-donga 23/24

22

2.24  Manajemen Modul Admin

Gambar 2.30 Tampilan Modul Admin

Gambar 2.30 ini merupakan manajemen pengaturan akses modul di sistem

yang akan dikelola oleh admin. Modul yang tersedia saat ini adalah menu dari

Gambar 2.6 sampai Gambar 2.29.

Page 24: Tugas Besar Pemrograman E-commerce Website cik donga

7/23/2019 Tugas Besar Pemrograman E-commerce Website cik donga

http://slidepdf.com/reader/full/tugas-besar-pemrograman-e-commerce-website-cik-donga 24/24

BAB III

KESIMPULAN DAN SARAN

3.1  Kesimpulan

Berdasarkan permasalahan yang telah di rumuskan, maka dapat diperoleh

kesimpulan sebagai berikut:

1.  E-commerce yang dibuat dapat membantu dalam melakukan penjualan

Toko oleh  –  oleh online.

2.  E- commerce yang dibuat menggunakan CMS lokomedia 

3.  E-commerce ini menggunakan database dari lokomedia sebagai tempat

 penyimpanan data.

3.2  Saran

E-commerce Toko oleh  –   oleh yang kami cukup baik hanya saja

diperlukan beberapa tambahan dalam pengembangan E-commerce ini agarlebih baik. Sehingga menjadi E-commerce yang lebih lengkap.