Kelas : 07TPLP015

Kelompok : 11

Nama Anggota : 1. Muhammad Taufiq Kamaluddin

2. Alfian Masykur

Tabel instruksi Tugas untuk membangun situs e-commerce dengan CMS (Content
Management System) secara terstruktur:
Bentuk
Nomor Hasil Paraf
Tugas Deskripsi Tugas Instruksi
a. Web ecommerce yang
bertransaksi produk
apa? Jelaskan kenapa
memilih produk ini
Tentukan produk, target b. Jelaskan target -target
Analisis Kebutuhan audiens audiensnya berikut
0 berikan penjelasannya?
Lakukan penelitian dan Jelaskan nama platform CMS
pilih platform CMS yang nya dan berikan kelebihan
sesuai untuk situs e- dari CMS tersebut
commerce Anda
1 Pilih Platform CMS (contohnya:
WordPress, Shopify).
a. Pilihan Publish/Localhost,
jelaskan alasannya
b. Sebutkan nama domain dan
hosting atau
Daftarkan nama domain Localhost
dan siapkan web hosting c. Berikan tampilan awal dari
Domain dan untuk situs e-commerce web ecommercenya
2 Hosting/Localhost Anda.
Instalasikan CMS yang Laporan Langkah-langkah
telah Anda pilih pada server menginstal CMS
web hosting Anda dengan
mengikuti panduan instalasi
3 Instalasi CMS
yang disediakan.
Pilih dan instal plugin, Jelaskan Plugin-plugin yang
modul, atau add-on e- digunakan berikut fungsi dari
commerce yang kompatibel plugin yang dipilih
dengan CMS Anda
Pilih (contohnya: WooCommerce
Plugin/Modul/Add- untuk
4 on E-commerce WordPress).
Konfigurasikan pengaturan Laporan Langkah-langkah
dasar situs, termasuk judul konfigurasi pengaturan dasar
Konfigurasi
situs, tagline, dan tautan
5 Pengaturan Dasar
permanen.

Pilih tema atau template Jelaskan nama tema lalu

e- commerce dan berikan alasan kenapa
Pilih dan
sesuaikan penampilannya memilih tema tersebut
6 SesuaikanTema agar sesuai dengan merek
Anda.
Buat kategori produk dan Tampilkan hasil katalog produk
tambahkan produk berikut attributenya
dengan detail (nama,
7 Buat Katalog Produk
harga, deskripsi, gambar,
dll.).
Konfigurasikan gateway Nama gateway
pembayaran (contohnya: pembayaran dan berikan
Stripe, PayPal) untuk penjelasan kenapa memilih
Atur Gateway
memfasilitasi transaksi hal tersebut?
8 Pembayaran
online.
a. Buat alur metode
pengiriman
Atur pilihan pengiriman, b. Buat langka- langkah
Konfigurasi Metode tarif, dan metode konfigurasi metode
9 Pengiriman pengiriman produk. pengiriman

Aktifkan registrasi Jelaskan siapa-siapa saja akun

pengguna, login, dan yang digunakan berikan tujuan
Registrasi Pengguna fitur pemulihan kata dari akun akun tersebut
11 dan Autentikasi sandi jika diperlukan.
Pastikan keranjang Buat alur proses checkout
belanja berfungsi dengan dan tampilan dari proses
Keranjang
baik dan tetapkan proses checkout
Belanjadan
checkout yang lancar
12 Proses
dengan berbagai opsi
Checkout
pembayaran.
Instal sertifikat SSL Tahapan install SSL
Keamanan dan untukmengamankan data
13
Sertifikat SSL pelanggan dan transaksi.
Berikan tahapan-tahapan
Optimalkan situs e- yang anda lakukan dalam
commerce Anda mengoptimalkan SEO pada
untuk mesin pencari web ecommerce anda, buat
dengan mengikuti ringkasan apa saja yang
14 Optimisasi SEO praktik SEO dilakukan
terbaik.
Izinkan pelanggan Buat tampilan dari form ulusan
Ulasan dan memberikan ulasan dan penilian produk
15
Penilaian Produk dan penilaian produk.
Tampilkan halaman-halaman
Buat konten informatif, yang dapat menampilkan
Pembuatan Konten seperti deskripsi postingan informasi
16 dan Blog informasi
produk, posting blog,
dan FAQ.
Integrasikan alat analitik Tampilkan halaman
(contohnya: Google googleAnalytics berikut
Analytics) untuk berikan penjelasan hasil dari
Analitik memantau kinerja situs google Analytics terhadap web
17 dan web dan perilaku ecommerce anda
Pelaporan pengguna.
Lakukan uji coba Aplikasi dan dipraktekkan
Uji Coba menyeluruh terhadap (Demo Aplikasi ecommerce)
dan fungsionalitas, usability,
18 Pemecahan dan keamanan situs.
Masalah
 Perbaiki masalah atau bug
yang ditemukan.
Pastikan situs e- Aplikasi dan dipraktekkan
commerce responsif dan (Demo Aplikasi ecommerce)
berfungsi dengan baik
Responsif untuk pada berbagai perangkat
19 Perangkat Mobile (desktop, tablet, mobile).
Terapkan cadangan situs Tuliskan cara nya berikut
secara teratur dan tindakan berikan penjelasannya
keamanan untuk
Cadangan dan
melindungi dari
20 Tindakan Keamanan
ancaman dan kehilangan
data.
Rencanakan peluncuran Buat desain dari canva untuk
situs dan strategi iklankan kepada media sosial
pemasaran untuk WA group kelas kalian
Peluncuran dan (simulasi)
mempromosikannya
21 Strategi Pemasaran
melalui berbagai
saluran.
Rencanakan Langkah-langkah setting
pemeliharaan berkala, pemeliharaan berkala, update
pembaruan, dan
Pemeliharaan dan
perbaikan untuk menjaga
22 Pembaruan
situs e-commerce tetap
terkini.
Keterangan :

Lampiran
- Analisis Kebutuhan
Roti Maryam Muhammad Taufiq “Kebutuhan dalam pilihan utama Anda
untuk menikmati cita rasa eksklusif roti Maryam yang memikat. Roti
Maryam kami dikemas dengan cinta dan perhatian, siap untuk memanjakan
lidah Anda.

- E-Commerce yang bertransaksi di bidang makanan dengan nama produk

yaitu “Roti Maryam Muhammad Taufiq” Alasan memilih produk tersebut
karena produk tersebut merupakan salah satu produk makanan yang unik
dan tidak selalu mudah ditemukan di setiap tempat. Ini bisa menjadi daya
tarik tersendiri bagi pelanggan yang mencari pengalaman kuliner yang
berbeda.
 - Target audience nya yaitu pembelanja aktif di E-Commerce dan
platform e-commerce dan nyaman dengan pengalaman berbelanja
online.

(1) Pilih Platform CMS

Platform yang dipilih untuk membangun E- Commerce ini adalah
WordPress. beberapa kelebihan menggunakan platform content
management system (CMS) WordPress dengan kalimat yang sedikit diubah:
1. Gratis dan Sumber Terbuka: WordPress adalah platform sumber terbuka
yang dapat diunduh dan digunakan secara gratis.
2. Beragam Plugin dan Tema: Terdapat beragam pilihan plugin dan tema
yang dapat digunakan untuk memperluas fungsionalitas dan tampilan
situs Anda. Ribuan opsi siap digunakan.
3. SEO-Friendly: WordPress dirancang dengan baik untuk mendukung
praktik SEO, membantu situs Anda untuk mendapatkan peringkat yang
lebih baik di mesin pencari seperti Google.
4. Kemudahan Pengembangan: Anda dapat mengembangkan situs Anda
dengan mudah tanpa harus memiliki pengetahuan mendalam tentang
pemrograman. Tambahkan konten, plugin, atau tema baru tanpa perlu
menciptakan kode HTML/CSS.
5. Manajemen Intuitif: Panel admin WordPress sangat intuitif,
memudahkan pengelolaan konten, komentar, dan pengaturan situs Anda.
6. Responsif di Semua Perangkat: Situs WordPress dapat dengan mudah
disesuaikan dengan berbagai perangkat, termasuk desktop, tablet, dan
smartphone, sehingga memberikan pengalaman pengguna yang optimal.
Selain itu, WordPress selalu diperbarui untuk menjaga performa dan
keamanan.
(2) Domain dan Hosting/Localhost
Ecommerce ini menggunakan LocalHost.
berikut adalah alasan menggunakan localhost sebagai lingkungan
pengembangan untuk e-commerce yang sedikit diubah:

1. Kemudahan Pemasangan: Localhost adalah server yang mudah

diinstal di komputer Anda. Penginstalan WordPress di localhost
dapat dilakukan dengan cepat tanpa perlu mengandalkan koneksi
internet atau server eksternal.
 2. Kinerja Optimal: Menggunakan localhost memungkinkan
pengembangan dan pengujian situs web dengan kinerja tinggi. Tidak
ada ketergantungan pada koneksi internet atau server jarak jauh,
sehingga mempercepat proses pengembangan.

3. Lingkungan Aman: Dengan menggunakan localhost sebagai

lingkungan pengembangan lokal, Anda dapat menciptakan
lingkungan yang lebih aman. Anda dapat menguji dan
mengembangkan situs web tanpa perlu khawatir tentang ancaman
keamanan dari internet.

4. Kendali Penuh: Dalam lingkungan localhost, Anda memiliki kendali

penuh atas server dan pengaturan pengembangan. Ini
memungkinkan Anda untuk mengkonfigurasi dan mengelola server
sesuai kebutuhan Anda.

a. Sebutkan nama domain dan hosting atau Localhost: localhost/ roti

%20maryam
b. Berikan tampilan awal dari web ecommercenya

(3).Instalasi CMS
Langkah-langkah menginstal CMS Wordpress di loalhost:
1. Untuk mengikuti cara instal WordPress di localhost XAMPP, cukup
menyiapkan dua hal, yakni:
- XAMPP Control Panel – Untuk membuat database website
WordPress.

Download di laman resmi Apache, lalu install seperti biasa.

- File Installer WordPress – Sebagai file instalasi dan konfigurasi
WordPress. Download versi terbaru di laman resmi WordPress.
2. Ekstrak File Wordpress ke di htdocs

Setelah XAMPP berhasil diinstall, silakan buka directory C:\xampp\

htdocs

3. Buat Database Baru di phpMyAdmin

Cara instal WordPress di localhost XAMPP berikutnya adalah membuat database
MySQL baru. Untuk itu, Anda perlu membuka XAMPP Control Panel.
Jika sudah, klik Start pada modul Apache dan MySQL.
4. Set Up konfigurasi WordPress
- Untuk mengkonfigurasi WordPress, buka tab baru di browser Anda.
Kemudian, ketikkan localhost/wordpress. ini menyesuaikan nama folder
yang Anda buat di htdocs. Jika sudah, akan menjumpai tampilan berikut.
Silakan pilih bahasa yang Anda kehendaki, lalu klik Continue.
- Klik Let’s Go.

- Isikan nama database, user name, dan password yang sudah dibuat

- Klik Run the Install.

- Isikan data-data yang dibutuhkan untuk admin dan nama website.

Setelah itu
- - Klik install WordPress

- Selamat! WordPress offline Anda sudah jadi. Silahkan Login.

(4) Pilih Plugin/Modul/Add-on E-commerce
Jelaskan Plugin-plugin yang digunakan berikut fungsi dari plugin yang
dipilih:
1. WooCommerce
 plugin untuk membuat toko online dan menyediakan beragam fitur
lengkap yang dapat mendukung fungsi toko online. Dengan plugin ini,
bisa menampilkan produk untuk dijual dan bisa dilakukan kustomisasi di
website jualan online sesuai keinginan
2. WooCommerce Shipping & Tax

WooCommerce Shipping & Tax dengan fitur Pengiriman & Pajak dan
menawarkan penghitungan pajak otomatis, pencetakan label pengiriman,
pengaturan pembayaran yang lebih lancar, dan layanan yang dihosting
lainnya untuk WooComerce

3. WP Maximum Execution Time Exceeded

 WooLentor adalah Plugin WooCommerce dengan pernyataan yang
mencoba menggambarkan bahwa masalah atau hambatan sebelumnya
telah diatasi, dan sekarang suatu tindakan atau solusi telah ditemukan
untuk membuat sesuatu menjadi lebih mudah dan sederhana dan
eksekusi maksimum terlampaui 30 detik.

4. Yoast SEO
Yoast SEO merupakan all-in-one SEO tools yang berfungsi
meningkatkan performa SEO situs, sehingga situs lebih mudah dicari.

5. Google Analytic
 Plugin Google Analytics gratis terbaik untuk WordPress. Dengan
sebagaimana pengunjung akan menemukan dan menggunakan situs web
Anda, sehingga Anda dapat mengembangkan bisnis Anda.

(5) Konfigurasi Pengaturan Dasar

1. Judul Situs

Pada E-Commerce yang kami buat dengan judul situs yaitu “Roti Maryam
Muhammad Taufiq ” dengan teks yang muncul di bagian atas halaman.
Judul situs mencerminkan identitas atau topik web dan memberikan
gambaran umum tentang isi situs tersebut.

2. Tagline

Pada E-Commerce yang kamu buat mempunyai tagline yaitu

“ Kebutuhan makanan yang Anda Butuhkan Setiap Saat”. Tagline
ditempatkan di bawah judul situs dan memberikan informasi lebih
lanjut tentang fokus atau nilai-nilai yang ingin disampaikan kepada
pengunjung.
 3. Tautan permanen

“locallhost/roti%20maryam” merupakan URL yang digunakan untuk

ECommerce yang kami buat. URL harus deskriptif dan mudah dibaca agar
membantu dalam peningkatan pengguna dalam pencarian.
(6) Pilih dan Sesuaikan Tema

Menggunakan Tema Spacr, Spacr adalah tema WordPress WooCommerce

responsif gratis yang cepat, bersih, ringan, dapat disesuaikan, dan tampak modern
untuk toko e-niaga seperti pakaian, mode, elektronik, eBook, toko pakaian, toko
olahraga, pasar, multivendor, peralatan, atau produk online..

Kami telah memilih tema Spacr untuk WordPress WooCommerce karena tema
ini sangat cocok dengan konsep e-commerce yang kami sedang kembangkan.
Tema ini memberikan responsivitas yang luar biasa, memastikan bahwa
pengunjung situs dapat dengan nyaman mengaksesnya dari berbagai
perangkat, termasuk komputer, tablet, dan ponsel.
Lebih lanjut, desain tema Spacr yang modern dan menarik akan memberikan
kesan profesional dan menarik bagi pelanggan kami. Kami percaya bahwa
tampilan yang keren ini akan membantu menciptakan pengalaman berbelanja
yang memikat dan meningkatkan daya tarik produk kami.
Kemampuan tema ini untuk disesuaikan juga memungkinkan kami untuk
menyesuaikan tampilan dan fitur sesuai dengan kebutuhan bisnis kami,
termasuk penjualan produk pakaian, mode, elektronik, eBook, dan banyak lagi.
Dengan kombinasi semua faktor ini, tema Spacr adalah pilihan yang sempurna
untuk menciptakan toko e-niaga yang sukses dan menarik bagi pelanggan kami.
(7) Buat Katalog Produk

Pada katalok produk di situs E-Commerce, kami menambahkan produk

berupa Roti Goreng Coklat. Terdapat 2 kategori Roti maryam yaitu makanan
dan makanan cepat saji. Pada situs E-Commerce juga terpampang nama
produk foto produk, harga produk dan deskripsi total produk.

(8) Atur Gateway Pembayaran Pada situs E-Commerce yang kami buat, kami memilih
Transfer bank langsung, pembayaran cek, dan bayar di tempat. untuk metode
pembayaran.

Alasan kami memilih pembayaran yaitu Transfer bank langsung, pembayaran cek,
dan bayar di tempat.
 - Kemudahan Transaksi: Transfer bank langsung adalah salah satu
metode pembayaran yang umum digunakan dan nyaman bagi banyak
pelanggan.
- Fleksibilitas: Pembayaran cek mungkin dipilih untuk memberikan opsi
kepada pelanggan yang lebih memilih pembayaran dengan cek fisik.
- Pilihan Lokal: Opsi "bayar di tempat" dapat bermanfaat untuk
pelanggan yang ingin melihat produk fisik terlebih dahulu sebelum
membayar.
- Diversifikasi Risiko: Dengan menawarkan berbagai opsi pembayaran,
Anda dapat mengurangi risiko potensial yang terkait dengan gangguan
atau masalah teknis pada satu metode pembayaran. Ini memberikan
keamanan tambahan untuk transaksi bisnis Anda.
- Penyesuaian dengan Preferensi Pelanggan: Dengan menyediakan
beberapa opsi pembayaran, Anda memberi pelanggan fleksibilitas untuk
memilih metode pembayaran yang sesuai dengan preferensi mereka, yang
dapat meningkatkan tingkat kepuasan pelanggan.

(9) Konfigurasi Metode Pengiriman

a. Alur Metode Pengiriman

Pada Alur Metode Pengiriman menggunakan plugin Woongkir didalam

Woongkir bisa menggunakan jasa kurir domestik dan internasional seperti JNE,
Tiki, Antaraja
 b. Langkah-langkah Kongfigurasi Metode Pengiriman

Jika Pengguna ingin lanjut ke proses pembayaran maka pengguna akan

diminta untuk mengisi data data di gambar diatas tersebut agar bisa
menentukan pesanan harga.
(10) Registrasi Pengguna dan Autentikasi
 - Bagi Pengguna yang sudah login akan tertera menu login atau lupa kata
sandi yang ditampilkan pada dashboard

- Ini adalah tampilan untuk pengguna yang ingin login

Jika pengguna Lupa kata sandi maka pengguna diminta untuk memasuk gmail
untuk mereset kata sandi atau membuat kata sandi baru

(11) Keranjang Belanja dan Proses Checkout

Keranjang Belanja:

• Pengguna dapat menambahkan produk ke keranjang belanja.

• Produk yang ditambahkan akan ditampilkan dalam keranjang

belanja.
 • Pengguna dapat mengubah dengan jumlah produk atau menghapus
produk dari keranjang.

Data Pengiriman:

• Pengguna memasukkan data pengiriman seperti alamat

pengiriman, nama, dan informasi kontak lainnya.

• Pengguna dapat memilih metode pengiriman yang tersedia.

Data Pembayaran:

• Pengguna memilih metode pembayaran yang tersedia seperti

transfer bank, pembayaran cek, dan bayar langsung atau metode
pembayaran lainnya.

• Jika pengguna memilih transfer bank, mereka akan diberikan

instruksi untuk melakukan pembayaran.

Konfirmasi:

• Setelah pembayaran diterima, pengguna akan melihat halaman

konfirmasi pemesanan
(12) Keamanan dan SSL

(13) Optimasi SEO

SEO yang digunakan untuk mesin pencari pada ecomerce yang kami buat adalah
Yoast SEO. Tahapan yang dilakukan untuk mengoptimalkan Yoast SEO adalah
sebagai berikut:
1. Instal dan aktifkan plugin Yoast SEO.

2. Lakukan konfigurasi awal di menu "SEO" di dasbor WordPress.

3. Lakukan penelitian kata kunci relevan.

4. Optimalisasi halaman produk dengan judul, deskripsi, URL, konten,

dan gambar yang dioptimalkan.
5. Optimalisasi deskripsi kategori dengan judul, deskripsi, dan URL
yang relevan.
6. Atur struktur URL yang ramah SEO dan buat sitemap XML.

7. Gunakan fitur analisis konten dan pengoptimalan tautan internal

Yoast SEO.
(14) Ulasan dan Penilaian Produk

Ulasan dan penilaian produk adalah komponen penting dalam bisnis e-

commerce untuk mendapatkan umpan balik dari pelanggan dan membangun
reputasi produk Anda. Dalam konteks "Roti Maryam Muhammad Taufiq,"
Anda dapat mengelola ulasan dan penilaian produk dengan cara berikut:

1. Integrasikan Sistem Ulasan: Pastikan situs web e-commerce Anda memiliki

sistem ulasan produk yang mudah digunakan oleh pelanggan. Anda dapat
menggunakan plugin WordPress atau alat bantu lainnya untuk ini.

2. Minta Ulasan: Aktif meminta pelanggan untuk meninggalkan ulasan setelah

mereka melakukan pembelian. Anda bisa mengirimkan email pascapembelian
yang mengundang mereka untuk memberikan ulasan produk.

3. Beri Insentif: Beri insentif kepada pelanggan untuk meninggalkan ulasan,

seperti diskon pada pembelian berikutnya. Ini dapat meningkatkan partisipasi
pelanggan.

4. Moderasi Ulasan: Selalu ada kemungkinan ulasan negatif. Pastikan untuk

memoderasi ulasan secara bijak dan memberikan tanggapan yang sopan dan
membantu kepada pelanggan yang mungkin mengalami masalah.

5. Paparkan Ulasan dengan Jujur: Tampilkan semua ulasan, baik yang positif
maupun negatif, dengan jujur. Ini membantu membangun kepercayaan
pelanggan.

6. Gunakan Ulasan sebagai Umpan Balik: Gunakan ulasan dan penilaian produk
sebagai umpan balik untuk memperbaiki produk dan layanan Anda. Jika ada
pola tertentu dalam ulasan negatif, pertimbangkan untuk mengambil tindakan
perbaikan.

7. Tampilkan Penilaian Bintang: Gunakan sistem penilaian bintang untuk

memberikan gambaran cepat kepada pelanggan tentang kualitas produk.
Penilaian bintang yang tinggi dapat meningkatkan kepercayaan pelanggan.

8. Promosikan Ulasan Positif: Gunakan ulasan positif untuk mempromosikan

produk Anda. Anda bisa menampilkan ulasan di halaman produk atau dalam
kampanye pemasaran.

9. Berikan Respon kepada Pelanggan: Tanggapi ulasan dengan sopan dan

responsif. Ini menunjukkan bahwa Anda memperhatikan dan peduli terhadap
pendapat pelanggan.

10. Perbarui Produk Anda: Jika Anda menerima umpan balik yang konsisten,
pertimbangkan untuk melakukan perbaikan atau peningkatan pada produk Anda
berdasarkan ulasan pelanggan.
 (15) Pembuatan Konten dan Blog

Kenapa saya disebut nama domain roti maryam wordpress : Nama domain adalah alamat unik yang
digunakan untuk mengakses situs web, dan ini dapat memengaruhi kredibilitas, visibilitas, dan
branding bisnis. Nama domain yang mudah diingat, relevan dengan bisnis, dan menyertakan kata
kunci yang relevan dapat membantu meningkatkan lalu lintas ke situs web dan meningkatkan
kehadiran online bisnis
(16) Analitik dan pelaporannya

Saya menggunakan plugin google analitik tetapi tidak bisa dipergunakan karena website berada di
local dan tidak dipublish.

(17) Uji Coba dan Pemecahan Masalah

Aplikasi berjalan dengan semestinya tanpa masalah seperti responsive aplikasi tersebut dapat
menyimpan apa yang ingin dibeli atau (chart), dapat melakukan shipping,pembayaran dan lain-lain.

(18) Responsif untuk mobile

Web sudah responsive, dapat dilihat pada mobile

(19) Cadangan dan tindakan keamanan

(20) peluncuran dan strategi pemasaran

Kami membuat poster yang akan di post pada status wa , ig atau grup wa
(21) Pemeliharaan dan Pembaruan