Laporan Manual Book E-Commerce (AbanteCart)

BAB I PENDAHULUAN

1.1. Latar Belakang

Perkembangan internet menyebabkan terbentuknya dunia baru yang disebut dunia maya. Dalam dunia maya, setiap individu memiliki hak dan kemampuan untuk berinteraksi dengan individu lain tanpa batasan apapun yang dapat menghalanginya. Globalisasi yang sempurna sebenarnya telah  berjalan di dunia dunia maya yang yang menghubungkan menghubungkan seluruh komunitas digital. digital. Dari seluruh aspek kehidupan manusia yang terkena dampak kehadiran internet, sektor bisnis merupakan sektor yang paling terkena dampak dari  perkembangan teknologi informasi dan telekomunikasi serta paling cepat tumbuh. Mobilitas manusia yang tinggi menuntut dunia perdagangan mampu menyediakan layanan jasa dan barang dengan cepat sesuai permintaan konsumen. Untuk mengatasi masalah tersebut, kini muncul transaksi yang menggunakan

media  media  internet untuk menghubungkan produsen dan

konsumen. Transaksi bisnis melalui internet lebih dikenal dengan nama ebusiness  business  dan e-commerce. e-commerce. Melalui e-commerce, e-commerce, seluruh manusia di muka  bumi memiliki kesempatan dan peluang yang sama untuk bersaing dan  berhasil berbisnis di dunia maya. Oleh karena itu, dalam Laporan Modul ini kami akan mencoba membahas apa dan bagaimana membuat e-commerce dengan salah satu layanan CMS e-commerce yaitu e-commerce yaitu AbanteCart   AbanteCart .

1.2. Teori Penunjang

-C ommer ce 1.2.1. E -Co A.

Pengertian E-Commerce Pengertian E-Commerce  E-Commerce adalah suatu proses penjualan dan pembelian  produk maupun jasa yang dilakukan secara elektronik yaitu melalui jaringan komputer atau internet. Arti lain dari ecommerce yaitu penggunaan teknologi informasi dan komunikasi  pengolahan digital dalam melakukan transaksi bisnis untuk

1

menciptakan, mengubah, dan mendefinisikan kembali hubungan yang baru antara penjual dan pembeli.

B.

Kategori E-Commerce Kategori E-Commerce 1)

 Business to Business(B2B) B2B melibatkan pasar e-business  e-business  dan hubungan pasar langsung antar perusahaan. B2B menyatakan penjualan  produk dan jasa yang melibatkan beberapa perusahaan dan dilakukan dengan sistem otomasi. Perusahaan-perusahaan yang terlibat dalam B2B adalah pemasok, distributor,  pabrik, toko, dan lain-lain. Keuntungan B2B adalah dapat menghemat

biaya,

meningkatkan

pendapatan,

mempercepat pengiriman, mengurangi biaya administrasi, dan meningkatkan layanan kepada konsumen. 2)

 Business to Consumer(B2C) B2C melibatkan interaksi dan transaksi antar perusahaan  penjual dan konsumennya. Pada kategori kategori e-commerce B2C, e-commerce B2C,  perusahaan harus mengembangkan pasar elektronik yang menarik untuk menjual berbagai produk dan jasa ke para konsumen. Pada perkembangannya, telah muncul beberapa situs yang mendukung bisnis yang berbasiskan konsumer ke pebisnis (Consumer to Business –  C2B).  C2B).

3)

Consumer to Consumer (C2C) C2C menyatakan model perdagangan yang terjadi antara konsumen dengan konsumen melalui internet. Pada situs  ecommerce yang termasuk kategori C2C, seperti eBay.com, menyediakan sarana yang memungkinkan setiap orang dapat menjual atau membeli barang mereka sendiri. Iklan personal elektronik dari produk atau jasa untuk membeli atau menjual oleh para konsumen di situs koran elektronik, portal e-commerce  e-commerce  konsumen, atau situs web  personal juga merupakan bentuk e-commerce C2C. e-commerce C2C.

2

menciptakan, mengubah, dan mendefinisikan kembali hubungan yang baru antara penjual dan pembeli.

B.

Kategori E-Commerce Kategori E-Commerce 1)

 Business to Business(B2B) B2B melibatkan pasar e-business  e-business  dan hubungan pasar langsung antar perusahaan. B2B menyatakan penjualan  produk dan jasa yang melibatkan beberapa perusahaan dan dilakukan dengan sistem otomasi. Perusahaan-perusahaan yang terlibat dalam B2B adalah pemasok, distributor,  pabrik, toko, dan lain-lain. Keuntungan B2B adalah dapat menghemat

biaya,

meningkatkan

pendapatan,

mempercepat pengiriman, mengurangi biaya administrasi, dan meningkatkan layanan kepada konsumen. 2)

 Business to Consumer(B2C) B2C melibatkan interaksi dan transaksi antar perusahaan  penjual dan konsumennya. Pada kategori kategori e-commerce B2C, e-commerce B2C,  perusahaan harus mengembangkan pasar elektronik yang menarik untuk menjual berbagai produk dan jasa ke para konsumen. Pada perkembangannya, telah muncul beberapa situs yang mendukung bisnis yang berbasiskan konsumer ke pebisnis (Consumer to Business –  C2B).  C2B).

3)

Consumer to Consumer (C2C) C2C menyatakan model perdagangan yang terjadi antara konsumen dengan konsumen melalui internet. Pada situs  ecommerce yang termasuk kategori C2C, seperti eBay.com, menyediakan sarana yang memungkinkan setiap orang dapat menjual atau membeli barang mereka sendiri. Iklan personal elektronik dari produk atau jasa untuk membeli atau menjual oleh para konsumen di situs koran elektronik, portal e-commerce  e-commerce  konsumen, atau situs web  personal juga merupakan bentuk e-commerce C2C. e-commerce C2C.

2

1.2.2. Content Management System (CMS)

A.

Pengertian CMS Content Management System adalah aplikasi web yang web yang berisikan template untuk mengelola isi halaman web. web. Pengguna Content  Management

System

tidak

memerlukan

pengetahuan

 pemprograman web yang web yang handal karena proses instalasi dan cara  penggunaannya  penggunaannya sudah user friendly. Contohnya Anda akan merubah kata  –  kata  kata di halaman about us, maka tinggal masuk ke halaman log in (biasanya akan diminta username dan password) dan password) CMS Anda, dan tinggal ubah kata-kata yang Anda inginkan. B.

Tujuan Menggunakan CMS CMS bertujuan untuk memberikan kemudahan kepada penulis untuk mengelola informasi yang ada di sebuah server sebuah  server tanpa harus tahu sebelumnya tentang segala hal yang bersifat teknis. Dengan  berbagai keunggulan keunggulan yang yang dimiliki, CMS memungkinkan penulis untuk dapat mengubah tampilan situs (warna, ( warna, huruf, gambar, dan lain-lain) tanpa harus mengubah isi/konten/berita/teks yang ada di dalamnya.

C.

Manfaat Menggunakan CMS 1)

Manajemen data Merupakan fungsi CMS, semua data/informasi baik yang telah

ditampillkan

ataupun

yang

belum

dapat

diorganisasikan dan disimpan secara baik, sewaktu-waktu data / informasi dapat digunakan kembali sesuai kebutuhan. 2)

Mengatur siklus hidup server  hidup  server  Banyak

CMS

memberikan

fasilitas

kepada

para

 penggunanya untuk mengelola bagian atau isi mana saja yang akan ditampilkan masa / waktu penampilan dan lokasi  penampilan server.  penampilan server.

3

3)

Mendukung web templating dan standardisasi Setiap halaman server halaman  server yang dihasilkan dari template yang terlebih dahulu disediakan oleh CMS.

4)

Personalisasi server  Personalisasi server  Setelah sebuah isi ditempatkan kedalam CMS, isi tersebut dapat

ditampilkan

sesuai

keinginan

dan

kebutuhan

 penggunanya. 5)

Sindikasi Memberikan kemungkinan kepada semua server semua  server membagi isinya pada server-server pada server-server lain.

6)

Akuntabilasi Mendukung alur kerja dan hak akses yang jelas kepada para  penggunanya, data / informasi yang disampaikan dapat dipertanggunjawabkan dengan baik.

D.

E.

Keuntungan Menggunakan CMS 1)

Mengelola konten lebih mudah

2)

Level akses user 

3)

Konten dan desain terpisah

4)

Lebih mudah untuk CEO

5)

Pengembangan dan extension dan plug dan plug in

6)

Menghemat waktu dan biaya pembuatan

Fungsi CMS 1)

Mengelola website pribadi website pribadi

2)

Mengelola website perusahaan website perusahaan / bisnis

3)

Portal atau website komunitas

4)

Galeri foto, dan lain sebagainya

5)

Forum

6)

Aplikasi e-commerce

4

BAB II GAMBARAN USAHA

 A bante nteCart  2.1.  Ab  Abante eCart  2.1.1. Tentag Abant  AbanteCart adalah PHP berbasis e-commerce gratis bagi pedagang untuk menyediakan kemampuan menciptakan bisnis online dan menjual produk secara online cepat dan efisien. Aplikasi  AbanteCart

dibuat

dan

didukung

oleh

penggemar

 berpengalaman yang bergairah tentang pekerjaan dan konstribusi untuk  berkembang pesat industri e-commerce mereka.  AbanteCart lebih  AbanteCart lebih dari sekedar keranjang belanja, itu i tu berkembang pesat  Platform e-commerce e-commerce dengan banyak manfaat yang dengan kemudahan  pada proses edit pada halaman Admin sendiri, dengan dengan jumlah extension yang tumbuh secara eksponensial ke titik dimana Anda akan dapat menemukan ekstensi yang Anda akan perlu untuk memperluas fungsi dan tampilan Toko Online Anda.

 A bante nteCart  Gambar 2.1 Halaman Awal Situs Ab  A bante nteCart  2.1.2. Manfaat Ab  AbanteCart adalah salah satu neraka dari sebuah software sebuah  software yang datang dengan manfaat sebagai berikut untuk para penggunanya, antara lain : 1)

Mudah diinstall diinstall penyuluhan  penyuluhan dan manajemen

5

Semua ekstensi dapat diinstall dan dikelola dalam antarmuka admin dari  AbanteCart. Hal ini membuat aplikasi yang mudah untuk memperluas dan mempertahankan dalam pengembangan  profesional toko oleh setiap jenis pengguna. 2)

Proses upgrade mudah Alat terpadu untuk melakukan satu upgrade tekan kanan dari  bagian panel kontrol dari platform.

3)

Jumlah besar pembayaran dan pengiriman modul Aplikasi ini mendukung dan memberikan berbagai macam metode pembayaran dan pilihan untuk menyediakan konsumen Anda sesuai dengan kebutuhan konsumen. Hal ini juga ditambah dengan metode pengiriman yang didukung, karena hal yang terpenting dalam pembelian online adalah metode pengiriman.

4)

“Cari apapun” Alat pencarian untuk menemukan semua yang Anda butuhkan melalui area admin pada AbanteCart.

5)

Alat mengimpor data Tidak peduli apa platform e-commerce telah Anda gunakan saat ini, Anda selalu dapat mengimpor data ke  AbanteCart, karena CMS ini telah menyediakan alat impor data.

2.1.3. Keunggulan AbanteCart 

1)

Aplikasi gratis Karena ini adalah Opensource gratis, dimana setiap orang dapat mendownload ini dan menggunakan aplikasi ini. Karena fakta sederhana

bahwa  AbanteCart

sebenarnya didukung oleh

komunitas pengguna, dukungan itu benar-benar gratis dan Anda dapat meminta dan memberikan bantuan kepada siapa saja dan kapan saja melalu forum aplikasi.

6

2)

Mudah untuk memulai dan mempertahankan Aplikasi ini dimaksudkan untuk semua orang yang dapat menelusuri web. Anda tidak memerlukan pelatihan ekstensif atau  pengetahuan maju dalam mengelola Toko Online.

3)

Cepat dan aman Oleh  AbanteCart aplikasi ini mengoptimalkan kinerja dan kecepatan dengan loading  yang sangat cepat.

4)

 No Limits Sejak  AbanteCart

sepenuhnya

opensource

Anda

dapat

membangun dan memperluas aplikasi sebanyak yang Anda ingin. Anda tidak dibatasi oleh lisensi atau kode aplikasi internal. Hal ini membuat aplikasi yang sempurna untuk hampir setiap  pengguna dengan pengalaman codding yang bisa dikatakan tidak memiliki komptensi tersebut.

2.2. Tentang Usaha

Untuk nama usaha kita sendiri adalah  House of PUMA, yang berjalan di  bidang perdagangan, dengan produk yang kami jual adalah  stuff  bermerk PUMA. Produk yang kami jual mulai dari T-shirt, jam tangan, jaket, sampai dengan sepatu. Untuk setiap produk juga terdapat berbagai macam pilihan warna maupun ukuran, tergantung adakah  stock ataupun tidak. Dan pada setiap  stock yang tersisa maupun habis kami juga menjelaskan dan tertera untuk setiap produk. Di samping itu juga, produk yang kami jual merupakan produk 100% original yang kami import langsung dari USA dan terpercaya. Kami jamin atas kualitas dan keorisinilan produk. Dalam hal untuk menarik calon pembeli,  House of PUMA memberikan sisi  penampilan dari website toko kami dengan sangat menarik dan mudah digunakan oleh semua kalangan. Selain mempermudah pemesanan lewat website yang telah kami sediakan, House of PUMA juga menyediakan sosial media  untuk digunakan sebagai penghubung secara langsung antara konsumen dengan admin dalam hal pelayanan.

7

Gambar 2.2 Halaman Awal H ouse of PUMA

8

BAB III PEMBAHASAN

3.1. Konfigurasi Instalasi

1) Pembuatan Database Menginstal AbanteCart   kita harus mengaktifkan XAMPP dan SQLYog terlebih dahulu, berikut adalah langkah-langkah menginstal AbanteCart: Bukalah aplikasi XAMPP pada komputer anda.

Gambar 3.1 Program XAMPP

Kemudian tekan tombol “Start” pada bagian Apache dan MySQL untuk mengaktifkannya.

Gambar 3.2 Mengaktifkan XAMPP

9

Bukalah aplikasi SQLYog pada komputer anda, dan akan muncul tampilan seperfti berikut.

Gambar 3.3 Aplikasi SQLYog

Pilih menu “root@localhost ” lalu tekan kanan, maka akan muncul option lagi dan pilih menu “ Create Database”.

Gambar 3.4 Membuat Database

Setelah memilih “Create Database” maka akan muncul kolom “ Create  Database” seperti berikut.

10

Gambar 3.5 Mengisi Detail D atabase

Kemudian menuliskan nama database

“kelompok4” pada kolom

“ Database name”.

Gambar 3.6 Detail Data yang Harus Dimasukkan

2)

 Install AbanteCart  Pada bagian ini penulis akan jelaskan mengenai langkah-langkah menginstall AbanteCart. Berikut caranya : Pertama extract  file  RAR  AbanteCart , bukalah  file  RAR tersebut kemudian tekan kanan pada mouse, kemudian  pilih “ Extract Here” seperti gambar berikut.

11

Gambar 3.7 E xtract file RAR

Maka akan muncul seperti gambar berikut. Tunggulah  processed  sampai 100 %.

Gambar 3.8 Proses E xtract file RAR 

Kemudian pindahkan  file “ Publict Html ”

ke dalam  file “XAMPP”

dengan cara bukalah file “abstract-spt-masters”.

12

Gambar 3.9 Proses Copy F ile Public HTM L (1)

Kemudian pilih file “ public_html ” kemudian tekan kanan pada mouse, pilih

“ Rename”.

Gambar 3.10 Proses Copy F ile Public HTML (2)

Ubahlah nama file “ public_html ”

menjadi “kelompok4”. Maka secara

otomatis nama file tersebut akan berubah seperti gambar berikut.

13

Gambar 3.11 Pengubahan Nama File

Kemudian pindahkan  file

“kelompok4” ke dalam  folder “htdocs”

dengan cara tekan kanan pada mouse di  file

“kelompok4”  kemudian

 pilih menu “cut ” seperti gambar berikut

Gambar 3.12 Proses Pemindahan ke folder htdocs (1)

Tekan pada localdisk (:C) kemudian double tekan pada folder XAMPP, lalu double tekan pada folder htdocs, kemudian tekan kanan dan pilih

menu “ paste”. Tungu hingga prosentase pemindahanya sampai 100% seperti gambar berikut.

14

Gambar 3.13 Proses Pemindahan ke folder htdocs (2)

Setelah proses pemindahan file selesai, bukalah browser Anda (google chrome)

terlebih

dahulu,

kemudian

tuliskan

“localhost /kelompok4/install/index.php” pada alamat website. Maka akan muncul tampilan seperti gambar berikut.

Gambar 3.14 Tampilan Awal Proses I nstall

Beri tanda “cek” pada kolom “ i agree to the liscense”, kemudian tekan tombol “continue”

15

Gambar 3.15 Proses I nstalasi (1)

Jika berhasil maka akan muncul tampilan seperti gambar di bawah. Kemudian tekan “continue” lagi untuk langkah install  selanjutnya.

Gambar 3.16 Proses I nstalasi (2)

16

Gambar 3.17 Proses I nstalasi (3)

Kemudian masukkan semua detail   koneksi database anda, masukkan nama untuk adminisitratornya, lalu masukkan email , username, dan  password   untuk administrator.

Kemudian pilih kolom “ load demo

data” dan tekan “continue” seperti tampilan berikut.

Gambar 3.18 Proses I nstalasi (4)

17

Gambar 3.20 Proses I nstalasi (5)

Setelah melakukan pengisian data tersebut maka secara otomatis konfigurasi data akan ter instal l dan tunggu sampai prosentasenya 100% seperti gambar berikut.

Gambar 3.21 Proses I nstalasi (6)

Jika install nya

telah berhasil maka akan muncul tampilan “ Instalation

Completed ” seperti gambar berikut.

18

Gambar 3.22 Proses I nstalasi (7)

Setelah sukses melakukan penginstall an, maka akan ada folder install  di dalam folder  “kelompok4”, hapuslah  folder install   tersebut dengan langkah tekan kanan pada mouse di folder install , lalu pilih menu delete. Maka folder install  akan terhapus.

Gambar 3.23 Proses I nstalasi (8)

Kemudian bukalah kembali install  data konfigurasi tadi, pilihlah menu “home” ,

maka akan keluar tampilan seperti gambar berikut.

19

Gambar 3.24 Proses I nstall selesai

3.2. Konfigurasi Admin

Pada sub bab ini akan dibahas tentang langkah  –  langkah edit  maupun menambah produk pada toko melalui halaman Admin (konfigurasi produk) oleh Admin toko. Berikut langkah  –  langkahnya sebagai berikut : Mengaktifkan XAMPP Sebagai penghunbung antara database pada MySQL dan localhost , maka kita terlebih dahulu mengkatifkan program XAMPP.

Gambar 3.25 Mengaktifkan XAMPP

20

Setelah program XAMPP telah diaktifkan, maka langkah selanjutnya adalah membuka

browser ,

lalu

ketikkan

http://localhost /kelompok4/index.php?s=kelompok4. 

Setelah

alamat itu

akan

muncul tampilan seperti ini.

Gambar 3.26 Mengisikan Data Admin untuk Log in

Jika log in berhasil maka akan terlihat halaman utama Admin dengan pilihan  beberapa menu yang berfungsi untuk mengedit halaman  front-end, sebagai  berikut yang bisa dilihat pada gambar di bawah ini .

Gambar 3.27 Halaman Awal Dashboard F ront-End 

21

Kemudian Admin memulai konfigurasi dengan pilihan menu yang telah disediakan oleh AbanteCart  itu sendiri, pilihan menu itu diantaranya Catalog, Sales, Design, Extentions, System, Reports, dan Helps. Dan pada setiap menu tersebut, terdapat sub menu yang berfungsi sebagai alat bantu Admin dalam hal mengedit halaman Back-End. Untuk lebih jelasnya terlihat pada gambar di bawah ini.

Gambar 3.29 Penampilan Berbagai Macam Menu AbanteCart 

1)

Membuat Kategori Pada menu pertama yaitu, catalog. Dalam menu tersebut terdapat sub menu diantaranya categories, products, manufacturs, downloads, reviews, global attention, dan  media manajer. Untuk sub menu categories  digunakan untuk menambah kategori produk pada toko. Terlihat pada gambar di bawah ini.

22

Gambar 3.30 Penambahan Categories

Seletah menekan tombol ( + ) maka akan keluar halaman untuk mengisikan data tentang kategori yang akan ditambahkan pada toko.

Gambar 3.31 Pengisian Data untuk Categories

Kemudian isikan data pada seluruh kolom yang disediakan oleh  AbanteCart , setelah data pada sub menu  general semua telah terisi kemudian akan masukkan foto, yang digunakan sebagai tanda bahwa foto tersebut mencerminkan kategori tersebut, tekan gambar ( + ) .

23

Gambar 3.32 Penambahan Media untuk Informasi Categories

Setelah menekan tombol  plus, maka akan keluar halaman sebagai  berikut ini.

Gambar 3.33 Upload Gambar untuk Informasi Categories

Lalu tekan pada  Add Resource File, dan akan keluar kotak dialog  seperti ini

24

Gambar 3.34 Memilih Gambar untuk Informasi Categories

Setelah itu tekan open dan akan keluar gambar yang telah dipilih.

Gambar 3.35 Gambar yang Dipilih Telah Tampil

Setelah gambar yang dipilih telah keluar pada seperti di atas, langsung saja kita keluar dengan cara menekan tombol silang yang terletak pada  pojok kanan atas. Kemudian gulir tampilan pada sub menu  general , dan tekan tombol  save.

25

Gambar 3.36 Simpan Data Kategoris yang Telah Diisi

Setelah menekan tombol  save  maka akan keluar tampilan halaman seperti di bawah ini.

Gambar 3.37 Kategori yang Telah Dibuat Telah Tampil

Terlihat kategori yang telah dibuat akan tampil pada deretan kategori yang telah tersimpan sebelumnya.

2)

Menambahkan Produk Selanjutnya adalah menambahkan produk dalam toko, yaitu dimulai dengan menekan sub menu Product,

26

Gambar 3.38 Penambahan Produk

Setalah itu akan keluar deretan produk yang telah dimasukkan sebelumnya, kemudian tekan tombol ( + ), maka akan keluar tampilan data-data yang harus diisi.

Gambar 3.39 Edit  Informasi Produk (1)

27

Gambar 3.40 Edit  Informasi Produk (2)

Isikan harga beserta keterangan lainnya, mengenai produk.

Gambar 3.41 Edit  Informasi Produk (3)

Tidak lupa kemudian isikan tanggal tersedianya produk, diharuskan tidaknya biaya kirim, dan berapa ongkos kirim yang ditetapkan. Untuk toko kami sendiri menggunakan flat shipping rate.

28

Gambar 3.42 Edit Informasi Produk (4)

Setelah semua data pada tab  general , tekan tombol  save. Kemudian

akan tampil pesan “Success: You have modified products !” Kemudian tekan tab Media, disini digunakan utnuk menambah gambar sebagai penambah identitas produk.

Gambar 3.43 Tabulasi Media

Setelah itu akan keluar tampilan seperti pada gambar di bawah ini.

29

Gambar 3.44 Penambahan Media

Kemudian tekan pada gambar ( + ). Akan keluar halaman untuk mengunggah media.

Gambar 3.45 Upload  Media

Setelah itu tekan pada gambar yang telah kami beri kotak warna kuning. Dan akan keluar windows explore untuk memilih  file yang akan kita unggah.

30

Gambar 3.46 Memilih File Media

Setelah memilih gambar yang diinginkan, tekan open dan akan kembali  pada halaman sebelumnya, lalu tekan silang.

Gambar 3.47 Gambar yang Telah Diunggah

Setelah mengunggah media, tekan pada tab option, maka akan keluar tampilan sebagai berikut.

31

Gambar 3.48 Tabulasi Option

Kemudian tekan pada gambar ( + ), lalu akan ditampilkan pilihan apa saja yang ingin ditambahkan pada produk yang baru ditambahkan. Untuk produk yang dijadikan contoh ini, kami memilih  size. Setelah memilih, tekan pada tombol add .

Gambar 3.49 Memilih Pilihan untuk Produk

Setelah ditekan tombol add  akan tampil halaman seperti berikut.

32

Gambar 3.50 Penambahan Ukuran Produk

Kemudian tekan pada gambar ( + ), kemudian isikan ukuran apa saja yang tersedia di gudang, setelah itu tekan save. Akan terlihat tampilan seperti gambar di bawah ini.

Gambar 3.51 Pengisian Data Ukuran Produk 

Setelah itu, mengkonfigurasi relation, tekan pada menu tab relation. Akan tampil halaman seperti di bawah ini.

33

Gambar 3.52 Konfigurasi Relation

Kemudian isikan categories yang dipilih, kemudian tekan tombol save.

Gambar 3.53 Relation yang Telah Dipilih

3)

Mengubah Status Pengiriman Pesanan Dalam konfigurasi admin yang satu ini, bertujuan untuk mengubah  status  pengiriman pesanan kepada konsumen, jadi di sini Admin melakukan pengecekan secara berkala sudah sampai pada tahap apa  barang berada. Berikut caranya. Tekan pada sub menu Orders yang berada di dalam menu Sales. Maka akan keluar tampilan halaman sebagai berikut.

34

Gambar 3.54 Tampilan Status Pengiriman

Terlihat terdapat pesanan teratas yang masih ber   status pending , padahal  pesanan telah sampai kepada konsumen. Maka Admin bertugas mengubah status pesanan tersebut. Tekan tombol segetiga ke bawah pada kotak pending  yang ada di baris  pertama. Kemudian pilih completed ,

kemudian tekan gambar √.

Kemudian  status  orderan telah berganti menjadi completed , dimana telah menandakan bahwa barang telah sampai pada konsumen.

Gambar 3.55 Status Pengiriman yang Telah Diubah

35

4)

Konfirmasi Konsumen yang Baru Mendaftar Pada bagian ini Admin melakukan konfirmasi bahwa konsumen tersebut diperbolehkan untuk mengkases website  House of PUMA. Berikut langkahnya. Tekan sub menu Costumers  pada menu Sales. Maka akan keluar tampilan halaman seperti berikut.

Gambar 3.56 Tampilan Konsumen yang Telah Mendaftar

Terlihat di atas terdapat konsumen yang belum disetujui oleh Admin, maka disini Admin melakukan konfirmasi  (persetujuan) pendaftaran konsumen baru. Tekan on  pada kolom  status,

kemudian tekan gambar √, setelah itu

tekan pada segitiga terbalik dan pilih  yes,

kemudian tekan gambar √.

Maka konsumen tersebut telah bisa melakukan akses pada website  House of PUMA.

36

Gambar 3.57 Tampilan Konsumen yang Telah diSetujui

5)

Mengatur Tampilan Website Dalam hal ini Admin melakukan konfigurasi tampilan website House of PUMA. Hal pertama yang dilakukan adalah tekan menu  Design, kemudian pilih sub menu  Layout , maka akan tampil halaman sebagai  berikut.

Gambar 3.58 Tampilan Layout

Setelah itu gulir ke bawah, pilih menu  About Us  dan tekan gambar seperti  gear   dan akan keluar halaman untuk mengedit isi mengenai  penjelasan toko. Setelah selesai mengisikan data tekan save.

37

Gambar 3.59 Edit F ooter About Us

Kemudian kembali pada sub menu layout , pilih Contact Us. Kemudian tekan pada gambar seperti  gear . Isikan informasi kontak yang bisa dihubungi konsumen. Setelah selesai mengisikan data tekan save.

Gambar 3.60 Edit F ooter Contact Us

Kemudian kembali pada sub menu layout , pilih Testimonials. Lalu tekan pada gambar seperti  gear . Isikan informasi mengenai testimoni  para konsumen untuk membuktikan bahwa pelayanan maupun produk kami memuaskan hati para konsumen. Setelah selesai mengisikan data tekan save.

38

Gambar 3.61 Edit F ooter Testimonials

6)

Konfigurasi Banner  Tekan sub menu Banner  Manager  pada menu Design, kemudian akan tampil halaman seperti berikut.

Gambar 3.62 Tampilan Banner 

Terlihat 3 main banner   yang aktif, tekan pada gambar seperti pensil. Maka akan keluar halaman seperti ini.

39

Gambar 3.63 Edit Banner 

Isikan alamat dimana foto yang akan ditampilkan banner   disimpan. Setelah itu tekan save. Lakukan langkah yang sama untuk banner  ke dua dan ke tiga.

7)

Konfigurasi Detail  Toko Pada bagian ini, Admin melakukan edit mengenai informasi toko.  berikut langkahnya. Tekan pada menu system kemudian pilih sub menu  setting , kemudian  pilih  store details. Maka akan terlihat tampilan halaman seperti di  bawah ini.

Gambar 3.64 Edit Store Detail

40

Isikan seluruh data, kemudian tekan tombol save.

8)

Konfigurasi Tampilan Website Pada bagian ini Admin bertugas mengkonfigurasi terhadap tampilan website, diantaranya  store logo, email logo, dan icon. Berikut langkahnya. Yang pertama adalah seperti tadi tekan menu  system, pilih  setting , kemudian pilih appereance. Akan terlihat halaman seperti di bawah ini.

Gambar 3.65 Tampilan E dit I con

Tekan gambar ( + ) kemudian akan keluar halaman ini.

Gambar 3.66 Tampilan Upload File

41

Tekan pada bagian yang telah diberi kotak kuning, lalu akan keluar kotak dialog  untuk memilih file gambar yang diinginkan.

Gambar 3.67 Pilih File Gambar untuk I con

Pilih pada gambar yang diinginkan kemudian tekan open.

Gambar 3.68 Tampilan File yang Telah Diunggah

Setelah itu tekan pada tombol yang telah diberi kotak kuning pada pojok  bawah kanan. Maka akan terlihat hasilnya seperti ini.

42

Gambar 3.69 Tampilan I con yang Telah Dipilih

Untuk langkah email logo dan store logo lakukan langkah seperti di atas tersebut.

9)

Konfigurasi Laporan Dalam pembahasan ini, Admin melakukan pengecekan jumlah  penjualan pada periode waktu tertentu. Berikut langkahnya. Tekan menu Reports. Kemudian pilih sub menu Sales lalu pilih Orders. Lalu isikan tanggal mulai kapan dan sampai kapan ingin menampilkan  jumlah penjualan yang telah terjadi. Kemudian tekan tombol Go. Dan akan ditampilkan data penjualan yang telah terjadi sesuai  permintaan tanggalnya.

43

Gambar 3.70 Tampilan Reports

3.3. Konfigurasi Costumer 

Berikut adalah tampilan halaman awal House of PUMA.

Gambar 3.71 Tampilan Halamn Awal

1)

Pendaftaran Konsumen

Gambar 3.72 Tampilan Login/Register

Tekan pada tulisan yang telah diberi kotak kuning, kemudian akan tampil halaman seperti ini.

44

Gambar 3.73 Tampilan Account Login

Kemudian tekan pada bulatan yang telah diberi kotak kuning dan tekan continue. Kemudian diarahkan ke halaman berikut.

Gambar 3.74 Tampilan Pengisian Data Pribadi Konsumen

Isikan seluruh data pribadi konsumen, kemudian pada bagian paling  bawah terlihat diberikan pilihan untuk berlangganan atau tidak, jika iya  pilih bulatan Yes,  jika tidak pilih bulatan  No. Kemudian pada bagian  bawahnya sebelah kiri, diperintahkan untuk menekan kotakan kecil hingga muncul gambar centang, setelah itu pilih tombol continue.

45

Gambar 3.75 Tampilan Pengisian Data Pribadi Konsumen telah Sukses

Kemudian konsumen harus menunggu konfirmasi dari pihak  House of  PUMA. Jika telah disetujui oleh Admin, maka konsumen melakukan login dengan menekan tombol continue.

Gambar 3.76 Tampilan Login Konsumen Baru

Jika login  berhasil maka keluar nama konsumen pada bagian atas website.

46

Gambar 3.77 Tampilan Login Berhasil

2)

Konsumen Melakukan Pemesanan Dalam bagian ini akan dijelaskan langkah-langkah konsumen melakukan pemesanan produk, berikut langkah-langkahnya. Konsumen memilih produk yang akan diinginkan, produk bisa dipilih  pada menu bagian header.

Gambar 3.78 Tampilan Pemilihan Produk

Setelah konsumen memilih produk yang diinginkan, maka akan keluar  berbagai macam produk pada kategori produk yang dipilih konsumen.

47

Gambar 3.79 Tampilan Produk yang Dipilih

Setelah produk yang dipilih tampil, kemudian tekan pada gambar  produk   , kemudian akan muncul tampilan seperti ini.

Gambar 3.80 Tampilan Detail Produk yang Dipilih

Di atas bisa dilihat tertera harga, jumlah yang ingin dibeli. Untuk membeli produk tersebut, tekan tombol  Add to Cart. Lalu akan dialihkan ke halaman seperti ini.

48

Gambar 3.81 Tampilan Detail Pesanan (1)

Pada gambar di atas tertera produk yang telah dipilih, detail pengiriman dan biaya kirim yang dibebankan kepada konsumen.

Gambar 3.82 Tampilan Detail Pesanan (2)

Tertera berapa jumlah yang harus dibayar oleh konsumen. Untuk melanjutkan pemilihan produk lagi, tekan Continue Shopping, maka akan dipindahkan ke halaman awal dimana kita bisa memilih produk kembali, namun jika ingin melanjutkan ke pembayaran tekan Checkout, kemudian akan ditampilkan halaman sebagai berikut :

49

Gambar 3.83 Tampilan Informasi Pembayaran (1)

Tertulis alamat dan jumlah yang harus dibayar oleh, pada halaman ini konsumen disarankan untuk meneliti ulang alamat yang akan dikirim  barang pesanan agar tidak terjadi salah kirim. Jika alamat yang dimasukkan salah maka bisa tekan tombol Change Address. Jika alamat sudah benar, scroll ke bawah.

Gambar 3.84 Tampilan Informasi Pembayaran (2)

Pada tampilan halaman tersebut terdapat tiga macam metode  pembayaran yang dapat dipilih oleh konsumen, disini konsumen memilih metode Cash on Delivery, yaitu konsumen tidak melakukan transfer melalui mobile banking maupun atm.

50

Setelah itu pilih bulatan dibawah, yang menyatakan konsumen telah menyetujuinya dan tekan tombol continue.

Gambar 3.85 Tampilan Cek Ulang Pesanan

Pada halaman ini konsumen disarankan untuk mengecek ulang keseluruhan pesanan beserta informasi (alamat). Jika sudah benar tekan tombol Confirm Order. Setelah itu akan dialihkan ke halaman di bawah ini.

Gambar 3.86 Tampilan Pesanan telah Sukses

51

3)

Cek Pesanan Setelah itu konsumen melakukan cek berkala apakah barang sudah dilakukan pengiriman atau belum atau untuk mengetahui status terbaru  barang yang dipesan. Langkahnya sebagai berikut. Arahkan cursor pada nama konsumen, kemudian akan keluar beberapa menu.

Gambar 3.87 Tampilan Menu Konsumen

Untuk mengecek status barang yang dipesan, konsumen menekan pada  pilihan sub menu Order History. Kemudian akan dialihkan ke halaman  berikut.

Gambar 3.88 Tampilan Order H istory (Pending)

52

Dalam halaman tersebut tertera status masih Pending, kemudian tunggu  beberapa saat, estimasi pesanan telah selesai dilakukan satu sampai dua hari. Setelah dua hari, refresh halaman ini kemudian lihat, status telah  berubah menjadi completed atau belum.

Gambar 3.89 Tampilan Order H istory (Completed)

Terlihat  status telah berubah menjadi completed. Kemudian tekan tombol view. Kemudian akan ditampilkan halaman seperti ini.

Gambar 3.90 Tampilan Order Details (1)

Ditampilkan

seluruh

informasi

mengenai

pesanan

Selanjutnya scroll ke bawah untuk melakukan cetak faktur.

53

konsumen.

Gambar 3.91 Tampilan Order Details (2)

Terlihat bahwa  status  pesanan telah berubah menjadi completed  (updated). Untuk langkah selanjutnya adalah mencetak faktur dengan menekan tombol Print. Maka akan terlihat dokumen faktur yang akan dicetak seperti di bawah ini.

Gambar 3.92 Tampilan Printout Faktur

Lembaran faktur yang telah dicetak disimpan oleh pembeli sebagai  bukti bahwa telah melakukan transaksi pada House of PUMA.

54

BAB IV PENUTUP

4.1. Kesimpulan Pada awalnya, perdagangan elektronik merupakan aktivitas perdagangan yang hanya memanfaatkan transaksi komersial saja, misalnya mengirim dokumen komersial seperti pesanan pembelian secara elektronik. Kemudian berkembang menjadi suatu aktivitas yang mempunyai istilah yang lebih tepat yaitu

“perdagangan via web” (pembelian barang dan jasa melalui World Wide Web). Kemudian tercipta beberapa CMS e-commerce atau bisa disebut Perdagangan elektronik atau e-dagang  adalah penyebaran, pembelian, penjualan, pemasaran  barang dan jasa melalui sistem elektronik seperti internet atau televisi, www, atau  jaringan komputer lainnya.  E-commerce  dapat melibatkan transfer dana elektronik, pertukaran data elektronik, sistem manajemen inventori otomatis, dan sistem pengumpulan data otomatis. Untuk pemula yang masih belajar, dalam  AbanteCart   juga dilengkapi dengan  bagiman mengganti gambar produk atau memberi pemahaman kepada pembaca. Oleh karena itu banyak yang menggunakan  AbanteCart   karena memberikan kemudahan, apalagi jika kalian ingin mempunyai Toko Onlie  tapa harus membayar untuk satu nama took online kalian.

55