COVER

LAPORAN TUGAS E-COMMERCE

“ABANTECART”
Ditujukan Sebagai Salah Satu Syarat Tugas
Mata Kuliah E-Commerce

Disusun Oleh:

KHAIRUL UMAM

171011400073

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK
UNIVERSITAS PAMULANG
TANGERANG SELATAN

2021
 DAFTAR ISI

COVER ............................................................................................................. i
DAFTAR ISI .................................................................................................... ii
1.Download File abantecart dan xampp di stus resmi ....................................... 1
2.Menjalankan xampp ...................................................................................... 2
3.Login Administrator Abantecart .................................................................... 6
4.Membuat Brand & Nama Brand .................................................................... 7
5.Membuat Category & Sub Category .............................................................. 7
6.Membuat Product .......................................................................................... 8
7.Upload gambar, doc, video Product ............................................................. 10
8.Membuat Option Jenis Product.................................................................... 11
9.Membuat Spesial Harga............................................................................... 12
10.Membuat Coupon ...................................................................................... 12
11.Menonaktifkan guest user .......................................................................... 13
12.Mengaktifkan captcha create ..................................................................... 14
13.Merubah logo toko. ................................................................................... 15
14.Memperbanyak product tampilan setiap kategori. ..................................... 15
15.Edit Footer About Us, Contact Us, Tetmonial, Newsteller, Copyright. ..... 16
16.Setting email agar customer mendapatkan penawaran serta aktivasi akun. 19
17.Metode Pembayaran .................................................................................. 21
18.Membuat Shipping pengiriman.................................................................. 22
19.Membuat banner home page ...................................................................... 22
20.Membuat Category Product ....................................................................... 24
21.Membuat SUB Category Product .............................................................. 25
22.Membuat Live Chat ................................................................................... 26
1. Download File abantecart dan xampp di stus resmi
https://www.abantecart.com/download
https://www.apachefriends.org/download.html

Download pada link yang sudah di

sediakan. Untuk xampp install
seperti biasa.

Extract hasil download abantecart

Masuk ke dalam folder hasil extract

dan copy file master abantenya.

Paste ke htdoc pada folder xampp

1
2. Menjalankan xampp
Untuk menjalankannya silahkan anda buka aplikasi xampp yang sudah
terinstal, lalu start pada bagian apache dan MySql, lalu klik button admin pada
apache. Sehingga muncul tampilan phpmyadmin.

Buka tab baru untuk memanggil folder abante tadi. Ketikan

http://localhost/abante/

Sebelum memasuki halaman pembuatan database dari tampilan abante, kita

terlebih dahulu membuat Databasenya dari Cpanel hosting kita yang sudah
berlangganan.
Buat nama databasenya :
2
Database : abanoff  setelah di save menjadi khux9892_abanoff
User : admin.  khux9892_admin
Pass : regedit1
Confirm pass : regedit1

Buat terlebih dahulu user privilage dan nama databasenya sesuai cpanel hosting.

3
Sekarang kembali ke setup abantecartnya lagi untuk pengisian database. Isikan
sama seperti pembuatan database di cpanel hosting.
Database : khux9892_abanoff
User : khux9892_admin
Pass : regedit1
Confirm pass : regedit1
Admin username sebagai login dashboard abantecart itu sendiri :
Admin username : admin
Pass : admin
Conf. pass : admin
Email : silahkan diisi masing2

4
Maka tampilannya seperti berikut ketika akses ke localhost/abanteenter.

5
3. Login Administrator Abantecart
Setelah selesai pengaturan pada cPanel, lalu klik icon gambar dibawah untuk
login administrator abantecart.

Masukan username dan password yang telah didaftarkan ketika waktu setting
pada halaman cPanel.

Berikut hasil dari halaman dashboard administrator abantecart. Untuk melihat

website ecommerce aslinya silahkan klik pada icon panah sebelah kanan atas.

6
4. Membuat Brand & Nama Brand
Pada halaman dashboard sebelah kiri klik ‘catalog brand’, lalu klik icon
tambah untuk menambahkan brand baru.

Isikan sesuai gambar dibawah dan jangan lupa untuk upload gambar. Upload
gambar akan muncul ketika di klik save terlebih dahulu baru bisa ditambahkan
gambarnya.

Hasilnya seperti gambar berikut

5. Membuat Category & Sub Category

Pada halaman dashboard sebelah kiri klik ‘catalog category, lalu klik icon
tambah untuk menambahkan category baru.

7
 Aktifkan category status, untuk parent category tidak perlu diisi karena yang
kita buat adalah new category, bukan sub category, untuk gambar juga jangan
lupa dimasukan sebagai penanda detail dari category itu. Lalu klik save

Dan hasilnya pada halaman home page web ecommerce.

6. Membuat Product

Pada halaman dashboard sebelah kiri klik ‘catalog product, lalu klik icon
tambah untuk menambahkan product baru.

8
• Status : aktifkan product agar bisa tampil.
• Featured product : agar tampil di section Product Unggulan.
• Product name : nama dari product itu sendiri
• Description : untuk sebagai informasi lengkap dari barang tersebut.
• Meta tag keyword : Kata kunci agar mesin pencari menemukan isi
postingan dan artikel website Anda.
• Category : sebagai folder pada category menu agar tertata setiap
product/tidak campur aduk dengan product lain.
• Brand : pemilihan brand sesuai barang yang dijual, brand otomatis
karena sudah dibuat dari menu brand dari admin.
• Model : model seri dari barang yang dijual.
• Price : harga dari barang yang dijual.
• Quantity : jumlah barang. Note : jika ada option barang pada bagian ini
jangan diisi karena akan diisi jumlah pada pembuatan option.
• Minimum quantity : minimal order barang yang dibeli.
• Maximum quantity : minimal order barang yang dibeli.
• Untuk gambar bisa di upload setelah klik save.
• Save.

9
7. Upload gambar, doc, video Product
Pada halamaSetelah save klik menu tab media untuk upload gambar. Klik tanda
+ untuk mengunggah file gambar, doc, video dari local computer. Tanpa and
klik save data sudah tersimpan

10
8. Membuat Option Jenis Product.
TV ini memiliki jenis warna yaitu black dan grey, jadi untuk pengaturannya
bisa klik tab menu option di sebelah tab menu media dan add.

• Status : enable agar fitur option aktif.

• Option : jenis perbedaan yang ada semisal warna, ukuran, type.
• Element type : jenis option.
• Sort order : mengurutkan agar sesuai posisinya.
• Required :enable.
• Add.

Seting warna yang sesuai dengan product.

• Klik + untuk menambahkan jenis warna.
• Default : pemilihan default warna ketika tampil.
• Option value : pemilihan warna pembeda barang yang ada.
• Quantity : jumlah barang yang tersedia dari tiap jenis.
• Track stock : sebagai kalkulator penghitung ketika barang terjual maka
akan mengurangi dari total yang ada.
• Save.

11
9. Membuat Spesial Harga
Masih pada product yang sama klik menu tab ‘promotion’. Lalu klik ‘special’.
• Customer group : harga special yang ditujukan untuk beberapa
pelanggan.
• Priority : 1
• Price : harga special yang diberikan harus lebih kurang dari harga pada
tab ‘general’
• Date start : harga special berbatas waktu mulai.
• Date end : harga special berbatas waktu berakhir.
• save

Tampilan dari product yang dibuat.

10. Membuat Coupon

Pada halaman dashboard sebelah kiri klik ‘sales coupon, lalu klik icon tambah
untuk menambahkan coupon/voucher.

12
 Lalu isikan seperti dibawah :
• Status on
• Copon name : isi nama coupon/ voucher.
• Coupon desc. : isi keterangan dari coupon tersebut.
• Code : buat kode dari coupon untul digunakan dalam penjualan.
• Type : berdasaarkan pesen atau nilai uang.
• Discount : berapa discount yang diinginkan atas product tersebut.
• Date start : tanggal mulai voucher bisa digunakan.
• Date end : tanggal mulai voucher berakhir.
• Category : voucher diberikan berdasarkan kategori yang diinginkan atau
beberapa product barang tertentu saja.
• Save.

Maka hasilnya seperti gambar dibawah.

11. Menonaktifkan guest user

Guest user dalah akun tanpa securitas atau bersifat sementara, jadi dalam
ecommerce kita harus menghapusnya.
Pada halaman dashboard sebelah kiri klik ‘system settingcheckout.
Disable pada bagian :
Guest checkout : disable.

13
 Berikut tampilanya seperti gambar dibawah.

12. Mengaktifkan captcha create

Pada halaman dashboard sebelah kiri klik ‘system settinggeneral.
Captcha on create account form : enable.

14
 Hasilnya.

13. Merubah logo toko.

Pada halaman dashboard sebelah kiri klik ‘desaign templates.
Silahkan upload logo yang kalian punya. Dengan klik logo yg sudah ada dan
pilih file untuk di upload

Hasilnya.

14. Memperbanyak product tampilan setiap kategori.

Pada halaman dashboard sebelah kiri klik systemsettinggeneral.
• Number of Items In Bestseller Block :isi sesuai yang diinginkan
• Number of Items In Featured Block : isi sesuai yang diinginkan
• Number of Items In Latest Block : isi sesuai yang diinginkan
• Number of Items In Special Block : isi sesuai yang diinginkan
• save

15
 Berikut Hasilnya.

15. Edit Footer About Us, Contact Us, Tetmonial, Newsteller, Copyright.
Pada halaman dashboard sebelah kiri klik desaignlayout.
Cara ini berlaku untuk about us, contact us, testimonial.
• Rubah default home page menjadi Home Page
• Scroll kebawak klik icon pengaturan pada about us.

16
 • Edit teks semau kalian.
• Save.

Untuk contact, testimonial, caranya adalah sama, jadi saya perlihatkan hasilnya
saja.

17
Untuk Newsteller caranya berbeda, dengan masuk ke cpanelfile manager.
Cari file seperti gambar di bawah , lalu di edit scriptnya.

Untuk Footer Copyright caranya juga sama harus masuk ke dalam cpanelfile
manager. Silahkan ikuti gamber dibawah ini.

18
 Untuk Social Media
Pada halaman dashboard sebelah kiri klik desaignlayout.

Hasilnya sebagai berikut.

16. Setting email agar customer mendapatkan penawaran serta aktivasi

akun.
Pada halaman dashboard sebelah kiri klik ‘system settingmail.
Sebeleum ke langkah setting email sebelumnya anda sudah membuat email dan
password pada cpanel yang diarahkan untuk domain web yang sedang
dikerjakan.

19
Hasilnya adalah sebagai berikut. Dan silahkan login setelah aktivasi akun.

20
17. Metode Pembayaran
Pada halaman dashboard sebelah kiri klik ‘extension pament.
Silahkan sesuaikan dengan gambar.

21
18. Membuat Shipping pengiriman
Pada halaman dashboard sebelah kiri klik ‘extension shipping.
Silahkan sesuaikan dengan gambar.

19. Membuat banner home page

Pada halaman dashboard sebelah kiri klik ‘design banner manager pilih tanda
‘+’ untuk menambahkan.
Silahkan sesuaikan dengan gambar.

22
Ubah seperti gambar dibawahh. Karena saya mengupload gambar jadi saya
menekan tombol add image.

dan hasilnya adalah sebagai berikut.

23
20. Membuat Category Product

Pada menu dashboard, kik catalog  categories  pilih + untuk menambahkan

category

Status : enable

Parent category : none

Nama category : isikan nama category semisal ELEKTRONIK

Lalu simpan dan tambahkan gambar untuk mengidentifikasi konten di dalamnya

24
21. Membuat SUB Category Product

Pada menu dashboard, kik catalog  categories  pilih + untuk menambahkan

category

Status : enable

Parent category : ELEKTRONIK

Nama category : TV LED

Lalu simpan dan tambahkan gambar untuk mengidentifikasi konten di

dalamnya

25
22. Membuat Live Chat

Silahkan registrasi pada link www.smartsupp.com

Download modul extension DISINI
Upload ekstension yang sudah di download dan di extract, masukan kedalam abantecart
seperti gambar dibawah.

26
Setelah itu anda registrasi pada web www.smartupp.com
Setelah registrasi, verifikasi, anda login smartupp menggunakan akun yang
sudah di create, lalu pergi ke menu pengaturan icon gear, lalu pilih general.
Maka akan muncul tab baru lalu pilih </> chat box.
Co[y key text untuk dimasukan kedalam extension yang sudah terinstal tadi
seperti gambar dibawah

27
Untuk membalas semua pesan dari customer adalah dengan memuka email
daric panel.

28
29