Pengenalan Mengenai
Website Toko Online
Kenapa perlu toko online
Pengenalan Istilah-
istilah dalam website
toko online
Penjelasan singkat tentang 15 istilah yang berkaitan
dengan website toko online,
Domain:
Penjelasan: Nama unik yang kalian ketik di browser untuk mengakses suatu website. Contohnya, google.com atau
facebook.com.
Hosting:
Penjelasan: Tempat di internet di mana semua file dan data website disimpan. Hosting ibarat rumah bagi website kalian.
Penjelasan: Sebuah platform yang memudahkan kalian membuat, mengedit, dan mengelola konten di website tanpa perlu
jadi ahli pemrograman. WordPress adalah contoh CMS populer.
Plugin:
Penjelasan: Sejenis "ekstensi" untuk website yang menambahkan fitur-fitur tertentu. Misalnya, plugin untuk membuat
formulir kontak atau galeri foto. Bagaikan aplikasi yang didalam handphone
Responsive Design:
Penjelasan: Desain website yang bisa menyesuaikan tampilannya dengan baik di berbagai perangkat, seperti komputer,
tablet, atau ponsel. Supaya enak dilihat di mana saja!
Penjelasan singkat tentang istilah yang berkaitan
dengan website toko online,
Blogging:
Penjelasan: Aktivitas menulis dan mempublikasikan artikel secara reguler di website. Blog biasanya berisi informasi
terkini, panduan, atau pengalaman pribadi.
E-commerce:
Penjelasan: Online shop! Tempat untuk jual-beli barang atau jasa di internet. Contohnya, Tokopedia atau Shopee.
Backlink:
Penjelasan: Saat website lain memberikan tautan ke website kalian. Ini bisa meningkatkan reputasi dan peringkat
SEO kalian.
UI/UX:
Penjelasan: UI (User Interface) berkaitan dengan tampilan visual website, sedangkan UX (User Experience) fokus pada
pengalaman pengguna secara keseluruhan. Penting agar pengunjung betah dan mudah navigasi.
Penjelasan singkat tentang istilah yang berkaitan
dengan website toko online,
SSL (Secure Sockets Layer):
Penjelasan: Protokol keamanan yang memastikan informasi yang dikirim antara pengguna dan website tetap
terenkripsi dan aman. Biasanya ditandai dengan adanya "https" di URL.
Penjelasan: Alamat lengkap yang digunakan untuk mengakses suatu halaman web. Mirip alamat rumah, tapi untuk
website.
Bandwidth:
Penjelasan: Seberapa banyak data yang dapat diakses atau ditransfer dari suatu website dalam satu waktu.
Semacam kapasitas jalan tol di dunia maya.
404 Error:
Penjelasan: Pesan kesalahan yang muncul ketika halaman yang dicari tidak ditemukan. Seperti mencari harta karun
tapi malah ketemu peta yang salah.
Pertemuan 1
Pengenalan Domain
Apa itu Domain
Pengertian domain secara teoritis dan sederhana, yaitu alamat unik yang
digunakan untuk mengakses suatu situs web di internet
Struktur domain, yaitu terdiri dari nama domain dan ekstensi domain
Tipe Domain
Pengenalan Hosting
Pengenalan Hosting
Pengertian hosting secara teoritis dan sederhana, yaitu tempat di internet di
mana semua file dan data website disimpan dan dapat diakses oleh
pengguna
Jenis Hosting
VPS Hosting (Virtual Private Server): VPS hosting membagi server menjadi beberapa server
virtual yang beroperasi secara mandiri. Ini memberikan kontrol yang lebih besar dan kinerja yang
lebih stabil daripada shared hosting. VPS hosting cocok untuk situs web yang memerlukan
tingkat kontrol dan kinerja yang lebih tinggi.
Dedicated Hosting: Dalam dedicated hosting, kalian menyewa server secara keseluruhan untuk
digunakan sendiri. Ini memberikan tingkat kontrol tertinggi dan kinerja yang paling konsisten.
Dedicated hosting umumnya digunakan oleh situs web dengan lalu kunjungan atau aplikasi
yang memerlukan sumber daya komputasi yang besar.
Cloud Hosting: Cloud hosting menggunakan sekelompok server yang beroperasi bersama-sama
dan berfungsi sebagai satu kesatuan. Ini memberikan stabilitas yang baik karena sumber daya
dapat disesuaikan dengan kebutuhan. Cloud hosting cocok untuk situs web yang mengalami
fluktuasi kunjungan.
Managed WordPress Hosting: Didesain khusus untuk situs web WordPress, managed WordPress
hosting menyediakan lingkungan yang dioptimalkan untuk performa dan keamanan WordPress.
Ini mencakup pembaruan otomatis, keamanan, dan dukungan teknis khusus untuk WordPress.
Tips Memilih Hosting
Tentukan tujuan dan skala website, seperti jenis website, jumlah pengunjung, ukuran file, dll.
Bandingkan fitur dan harga hosting dari berbagai penyedia layanan hosting, seperti
Niagahoster, Hostinger, atau Qwords
Pilih hosting yang sesuai dengan anggaran dan kebutuhan website, dengan mempertimbangkan
faktor-faktor seperti jenis hosting, kapasitas penyimpanan, sumber daya, dukungan teknis, dll.
Pertemuan 1
Pembelian Hosting
Pembelian Hosting
Tentukan jenis situs web atau proyek online yang akan kalian jalankan.
Pertimbangkan kebutuhan sumber daya seperti ruang penyimpanan, bandwidth, dan fitur
khusus yang mungkin kalian perlukan. Disini kita akan menyesuaikan dengan kebutuhan website
toko online
Pembelian Hosting
Shared Hosting: Cocok untuk situs web kecil hingga menengah dengan lalu lintas moderat.
VPS Hosting: Memberikan lebih banyak kontrol dan kinerja daripada shared hosting.
Dedicated Hosting: Cocok untuk situs web besar dengan lalu lintas tinggi dan memerlukan
kontrol penuh atas server.
Cloud Hosting: Skalabel dan dapat disesuaikan dengan kebutuhan pertumbuhan.
Sesuai dengan kebutuhan kita pilih shared hosting
Pembelian Hosting
Cari Penyedia Hosting & pilih jenis hosting
Contoh :
Pembelian Hosting
Pilih Hosting saja
Masukan domain yang sudah dibeli
Pilih lagi hosting yang dipilih
Pembelian Hosting
Lanjutkan Mengisi Data diri
Pilih Metode Pembayaran
Ikuti Intruksi Metode pembayaran
yang dikirimkan ke email
Pembayaran akan otomatis
terkonfirmasi setelah dibayar
Informasi login akun hosting akan
dikirimkan ke email.
Pertemuan 1
Pengenalan cPanel
cPanel
Right Sidebar
Sedangkan dibagian sebelah kanan tampilan cPanel, kalian akan
menemukan dua informasi penting yang berkaitan dengan
account dan spesifikasi hosting kalian, yaitu general information
dan statistics.
General Information: dimana kalian dapat melihat informasi
umum pada cPanel kalian, seperti user yang sedang kalian
gunakan, domain utama pada cPanel, alamat IP, informasi last
login, juga terdapat link yang mengarah ke informasi server
hosting kalian.
Statistics: dimana kalian akan menemukan informasi terkait
resources yang sudah kalian gunakan, seperti jumlah bandwidth
yang terpakai, jumlah penggunaan disk/storage, penggunaan
CPU, RAM, dll.
Pertemuan 1
Pengenalan CMS
Pengenalan CMS
CMS adalah sistem manajemen konten yang digunakan untuk membuat dan mengelola situs
web tanpa harus menguasai bahasa pemrograman.
CMS memiliki berbagai keuntungan, seperti kemudahan penggunaan, fleksibilitas, kustomisasi,
keamanan, kepercayaan, manajemen versi, template dan desain terpusat, SEO-friendly,
pengelolaan multimedia, dan ekstensi dan plugin.
Ada berbagai jenis CMS, seperti WordPress, Joomla, Drupal, dan lain-lain, yang memiliki
keunikan dan kelebihan tersendiri.
WordPress adalah CMS yang sangat populer dan kuat yang digunakan untuk membuat
berbagai jenis situs web, termasuk toko online.
WordPress menyediakan antarmuka pengguna yang ramah, dukungan yang luas dari
komunitas, dan berbagai plugin dan tema yang dapat memperluas fungsionalitas dan tata letak
situs
Contoh CMS Gratis
Wordpress
Contoh CMS Gratis
Joomla
Contoh CMS Gratis
PrestaShop
Contoh CMS Berbayar
Adobe Experience
Contoh CMS Berbayar
Sitecore
Pertemuan 1
Pengenalan Wordpress
Apa itu WordPress
WordPress adalah sistem manajemen konten (CMS) yang sangat populer dan kuat
yang digunakan untuk membuat dan mengelola situs web. Ada yang sudah familiar
dengan Wordpress? Atau malah ada yang pernah punya blog pake Wordpress nih?
Dengan WordPress, pengguna dapat membuat berbagai jenis situs web, mulai dari
blog pribadi hingga situs web bisnis skala besar. WordPress menyediakan antarmuka
pengguna yang ramah, dukungan yang luas dari komunitas, dan berbagai plugin dan
tema yang dapat memperluas fungsionalitas dan tata letak situs.
Apa itu WordPress
Toko online – dengan WordPress, kalian bisa menyediakan transaksi dan mengelola daftar
item.
Website bisnis – dari 100 website bisnis terpopuler saat ini, 14,7% menggunakan
WordPress.
Lamaran pekerjaan – kalian atau perusahaan kalian bisa memposting lamaran pekerjaan.
Forum dan portal informasi – tersedia platform bagi pengguna dan komunitas online untuk
berdiskusi tentang niche tertentu. Kalian bisa menggunakan WordPress untuk mengelola
dan menyampaikan informasi kepada anggota komunitas online, misal Kaskus.
Blog – WordPress bisa digunakan untuk membuat blog pribadi maupun bisnis.
Portofolio – tunjukkan karya kalian untuk menemukan pekerjaan dan promosi.
Website edukasi – selenggarakan kursus dan kelas online kalian sendiri.
Wordpress Untuk Toko Online
1. Fitur Pendukung Toko Online yang Canggih
Salah satu yang perlu diperhatikan saat memilih plugin wajib toko online WordPress adalah kelengkapan fitur-fitur pendukungnya.
Dengan adanya fitur pendukung yang canggih dan lengkap ini, kalian bisa membuat website toko online tanpa perlu repot install
plugin tambahan lagi.
Misalnya, tersedia metode pembayaran dengan kartu kredit, cicilan, payment gateway hingga dompet digital populer seperti OVO,
Dana, dan lainnya.
Misalnya, tersedia fitur product blocks. Fitur ini merupakan kolom-kolom untuk menampilkan produk sesuai kategori. Dengan product
blocks, kalian bisa edit tampilan produk sesuai kebutuhan dan memajangnya toko online kalian.
Pertemuan 1
Mengubah Website
Biasa Menjadi Website
Toko Online
Definisi Website Toko Online
Website Toko online adalah sebuah website yang digunakan sebagai sarana untuk
menawarkan produk – produk yang dijual belikan melalui Internet. Website toko online
adalah website yang memiliki sistem e-commerce atau dapat digunakan untuk
bertransaksi.
Ini artinya, website tersebut selain harus dapat memuat penawaran produk, juga harus
miliki manajemen persediaan, penghitung biaya kirim secara otomatis, dan
pembayaran baik manual maupun otomatis (melalui Payment Gateway).
Dalam sebuah website toko online hanya ada 1 penjual, yakni kalian sendiri, walaupun
pada kenyataannya mungkin banyak produk teman yang kalian jual di website toko
online tersebut. Dan itulah salah satu beda yang menonjol antara marketplace dengan
toko online.
Perbedaan Website Biasa Dengan Website Toko Online
1. Tujuan Utama:
Website Biasa: Bertujuan untuk memberikan informasi, hiburan, atau menyampaikan konten tertentu
kepada pengunjung.
Website Toko Online: Bertujuan untuk menjual produk atau layanan kepada pengunjung. Fokus
utamanya adalah transaksi pembelian.
2. Fungsi Utama:
Website Biasa: Memberikan informasi, berbagi artikel, atau menampilkan portofolio. Mungkin memiliki
formulir kontak, tetapi tidak berfokus pada transaksi.
Website Toko Online: Menyediakan katalog produk, keranjang belanja, proses pembayaran, dan segala
yang diperlukan untuk memfasilitasi transaksi jual beli.
6. Aspek Keamanan:
Website Biasa: Lebih fokus pada keamanan informasi dan interaksi pengguna.
Website Toko Online: Memerlukan keamanan transaksi finansial, perlindungan data pelanggan, dan keamanan pengiriman produk.
7. Pengalaman Pengguna:
Website Biasa: Menawarkan pengalaman membaca atau mengeksplorasi konten.
Website Toko Online: Mengutamakan pengalaman pembelian yang mudah, dengan navigasi yang intuitif, deskripsi produk yang jelas, dan
proses checkout yang efisien.
Karena itu kita akan memanfaatkan plugin untuk merubah website biasa pada wordpress ini
menjadi website toko online
Lalu plugin yang akan kita gunakan adalah plugin woocommerce yang mana plugin ini akan
dibahas pada materi berikutnya.
Pertemuan 1
Pengenalan
WooCommerce
Apa itu WooCommerce
WooCommerce adalah plugin yang akan memberikan fitur toko online di website kita. Plugin
ini memungkinkan pengguna WordPress untuk dengan mudah membuat, mengelola, dan
mengoptimalkan toko online kalian tanpa memerlukan pengetahuan pemrograman yang
mendalam.
Jadi yang tadinya websitenya hanya bisa untuk membaca artikel dengan menggunakan plugin
woocommerce website nya bisa menampilkan produk, lalu produknya dibeli dengan sistem
checkout dan sebagainya.
Manfaat Woocommerce
Katalog produk;
WooCommerce payment gateway;
Keranjang belanja;
Pilihan kurir;
Kupon diskon;
Laporan penjualan;
dll.
Tanpa pemahaman coding sama sekali, kalian tetap bisa mewujudkan toko online yang
profesional.
Manfaat Woocommerce
4. Keamanan Ketat
Pasti bagi kalian yang ingin menjalankan toko online, beberapa pertanyaan ini cukup
mengganjal:
Seberapa amankah WooComerce? Apakah data dan transaksi customer saya terjamin?
Penting kalian tahu, WooCommerce selalu berkomitmen meningkatkan proteksinya. Plugin ini
rajin merilis versi terbaru dengan sistem keamanan yang lebih baru.
Dan mengenai data pelanggan, WooCommerce mengamankan data customer kalian pada
database tersendiri. Sehingga, potensi kebocoran data lebih kecil.
Manfaat Woocommerce
Pastinya, data tersebut adalah kunci untuk mengevaluasi performa hingga membuat strategi
bisnis kedepannya. Jadi, bisnis kalian tidak hanya jalan di tempat.
Manfaat Woocommerce
Karena didesain untuk WordPress, cara kerjanya pun sama dan bisa langsung diterapkan ke
website. Begitu juga dengan pilihan desain tema WooCommerce-nya.
Manfaat Woocommerce
7. Komunitas Besar
Meski belum punya customer support, WooCommerce memiliki komunitas tersendiri. Hingga
saat ini, sekitar 32ribu member tergabung di dalamnya. Dan, semuanya tersebar di berbagai
belahan dunia.
Pertemuan 1
Untuk menganalisa apakah sebuah website mobile friendly, Kalian dapat menggunakan
berbagai tools gratis yang tersedia di internet. Beberapa tools yang bisa kalian gunakan
antara lain:
Google Search Console: Pengujian Situs Mobile-Friendly di Search Console adalah cara
mudah dan cepat untuk menguji apakah halaman di situs kalian sudah mobile-friendly
atau belum. Alat ini menguji apakah halaman di situs kalian sudah mobile-friendly atau
belum. Hasil pengujian mencakup screenshot tampilan halaman sebagaimana dilihat oleh
Google di perangkat seluler, serta daftar masalah kegunaan seluler apa pun yang
ditemukannya.
Google PageSpeed Insight: Google PageSpeed Insights adalah alat gratis yang dapat
membantu kalian menganalisis kecepatan dan kinerja website kalian. Alat ini akan
memberikan skor dan saran untuk meningkatkan kecepatan website kalian.
Keamanan website
Terdapat 3 prinsip utama mengenai masalah keamanan web yaitu Confidentiality,
Integrity, dan Availability atau lebih dikenal dengan nama CIA.
Konsep ini digunakan untuk memastikan bahwa informasi pada website aman dari
ancaman.
Confidentiality adalah seperangkat aturan yang membatasi akses ke informasi.
Integrity adalah memastikan bahwa informasi yang disimpan di website tidak dirubah
atau diubah tanpa sepengetahuan pemilik website.
Availability adalah memastikan bahwa informasi pada website dapat diakses oleh
pengguna yang berwenang
Terimakasih