PEMBUATAN WEB E-COMMERCE DENGAN WORDPRESS SECARA

OFFLINE TAMBAHKAN SAMPAI NAMA PRODUK WEB

ECOMMERCENYA SAMPAI NAMA TOKONYA SEMAKIN SPESIFIK

AKAN MENGURANGI PERTANYAAN BERLEBIH

OLEH :

NIS :

NAMA : INDRATAMA PANGASIAN MANALU

BIDANG KEAHLIAN : TEKNOLOGI INFORMASI DAN

KOMUNIKASI

PROGRAM KEAHLIAN : TEKNIK KOMPUTER DAN INFORMATIKA

KOMPETENSI KEAHLIAN : REKAYASA PERANGKAT LUNAK

DINAS PENDIDIKAN PROVINSI BALI

SMK TI BALI GLOBAL JIMBARAN

JL.RAYA KAMPUS UDAYANA,NOMOR 20,JIMBARAN

KECAMATAN KUTA SELATAN,KABUPATEN BADUNG

PROVINSI BALI

2018
 KATA PENGANTAR

Puji syukur atas kehadirat Tuhan Yang Maha Esa yang telah melimpahkan rahmat dan
hidayah-Nya yang telah memberikan bayak kesempatan, sehingga kami dapat menyelesaikan
laporan Prakerin dengan baik.

Laporan ini disusun guna melengkapi salah satu persyarat dalam menyelesaikan Prakerin
(Praktek Kerja Industri) bagi Siswa SMK TI Bali Global Jimbaran,Jurusan Rekayasa
Perangkat Lunak pada Dunia Usaha atau Dunia Industri dalam meningkatkan peran serta
Siswa Menengah Kejuruan.

Dalam penyusunan laporan ini, Saya menyadari sepenuhnya bahwa selesainya laporan
Prakerin ini tidak terlepas dari dukungan, semangat, serta bimbingan dari berbagai pihak,
baik bersifat moril maupun materil, oleh karena-Nya, Saya ingin menyampaikan ucapan
terima kasih antara lain kepada :

1. Bapak Herry Nugroho, S.Pd.,M.Pd. selaku Kepala Sekolah SMK TI Bali Global
Jimbaran.
2. Ibu Sang Ayu Made Indah Maharani,S.Pd.,M.Pd selaku Ketua Prodi Jurusan
Rekayasa Perangkat Lunak (RPL). BUK INDAH ITU KETUA PRAKERIN KEPALA
BIDANG KEAHLIAN TEKNOLOGI INFORMASI DAN KOMUNIKASI ITU PAK
EDISON

3. Bapak I Dewa Gede Satya Mahardika,S.Pd, selaku pembimbing penulis dalam

melaksanakan kegiatan Praktek Kerja Industri selama 3 bulan.

TAMBHKAN PEMBINA PRAKERIN

4. Pimpinan, Staff, Karyawan dan Keluarga Besar PT. Indonesia Global Sarana
Banjarnegara yang telah memberi izin, pengarahan, dan ilmu yang sangat bermanfaat
bagi kami.
5. Ayah dan ibu selaku orang tua yang telah mendukung dan membimbing penulis.
6. Semua pihak yang telah membantu terwujudnya penyusunan laporan ini.

Penyusunan Laporan Praktek Kerja Industri (Prakerin) ini disusun dengan sebaik-baiknya,
namun masih terdapat kekurangan didalam penyusunan laporan Prakerin ini, oleh karena itu
saran dan kritik yang sifatnya membangun dari semua pihak sangat diharapkan, tidak lupa
harapan Saya agar laporan Praktek Kerja Industri ini dapat bermanfaat bagi pembaca serta
dapat menambah ilmu pengetahuan bagi Saya.

Jimbaran, 1 Mei 2018

i
 Indratama Pangasian Manalu

Daftar Isi
KATA PENGANTAR..................................................................................................................................i
Daftar Isi................................................................................................................................................ii
Daftar Gambar......................................................................................................................................iii
BAB I PENDAHULUAN............................................................................................................................1
1.1 Latar Belakang.............................................................................................................................1
1.2 Rumusan Masalah.......................................................................................................................2
1.3 Tujuan Laporan............................................................................................................................2
1.3.1 Tujuan Teoritis..........................................................................................................................2
1.4 Manfaat Laporan.........................................................................................................................2
1.5 Ruang Lingkup Kerja....................................................................................................................3
BAB II TUJUAN UMUM PERUSAHAAN...................................................................................................4
2.1.Sejarah Perusahaan.....................................................................................................................4
2.2.Visi Misi perusahaan....................................................................................................................4
2.3.Logo.............................................................................................................................................4
2.4.Struktur Organisasi......................................................................................................................5
2.5.Produk perusahaan......................................................................................................................5
BAB III LANDASAN TEORI......................................................................................................................6
3.1 Pengertian Website....................................................................................................................6
3.2 Fungsi Website............................................................................................................................6
3.3 Pengertian Wordpress.................................................................................................................6
3.4 Jenis dari Wordpress....................................................................................................................6
3.5 Keuntungan dan Kekurangan menggunakan Wordpress.............................................................7
3.6 Pengertian dan Fungsi XAMPP.....................................................................................................9
3.7 Pengertian dan Fungsi WooCommerce.......................................................................................9
3.8 Pengertian dan Fungsi Jetpack.....................................................................................................9
BAB IV IMPLEMENTASI........................................................................................................................11
4.1 Persiapan...................................................................................................................................11
4.2 Langkah Pembuatan Website E-Commerce dengan Wordpress...............................................11
BAB V PENUTUP...................................................................................................................................36
5.1 Kesimpulan................................................................................................................................36
5.2 Saran..........................................................................................................................................36

ii
DAFTAR PUSTAKA................................................................................................................................37
LAMPIRAN...........................................................................................................................................38

CHANGE THE TEXT TIMES NEW ROMAN 12PT

Daftar Gambar

Gambar 2. 1 Logo Indonesia Global Sarana...........................................................................................4

Gambar 4. 1 Klik Download Wordpress 4.9.4

……………………………………………………………………………………8

Gambar 4. 2 Mengekstrak file Wordpress.............................................................................................9

Gambar 4. 3 Memindahkan File ke lokasi htdocs dan merename file...................................................9

Gambar 4. 4 Menghidupkan Xampp....................................................................................................10

Gambar 4. 5 Membuat Database dengan PhpMyAdmin.....................................................................10

Gambar 4. 6 Memilih Bahasa untuk Web............................................................................................11

Gambar 4. 7 Memulai instalasi Wordpress..........................................................................................11

Gambar 4. 8 Mengisi keterangan Database.........................................................................................12

Gambar 4. 9 Menjalankan Pemasangan..............................................................................................12

Gambar 4. 10 Mengisi Keterangan Web..............................................................................................13

Gambar 4. 11 Masuk ke tempat untuk Log In Web.............................................................................13

Gambar 4. 12 Log In ke Web................................................................................................................14

Gambar 4. 13 Dashboard Web............................................................................................................14

Gambar 4. 14 Download Tema............................................................................................................15

Gambar 4. 15 Upload Tema.................................................................................................................15

Gambar 4. 16 Mengaktifkan Tema......................................................................................................15

Gambar 4. 17 Mencari plugin WooCommerce....................................................................................16

Gambar 4. 18 Mengaktifkan Plugin.....................................................................................................16

Gambar 4. 19 Mengisi Setting General WooCommerce......................................................................16

Gambar 4. 20 Mengisi pengaturan Mata Uang WooCommerce..........................................................17

iii
Gambar 4. 21 Mengisi Setting Products WooCommerce.....................................................................17

Gambar 4. 22 Mengisi Setting Shipping WooCommerce.....................................................................18

Gambar 4. 23 Menambahkan setting Add shipping method WooCommerce.....................................18

Gambar 4. 24 Mengisi Setting Checkout WooCommerce....................................................................19

Gambar 4. 25 Menentukan metode pembayaran di WooCommerce.................................................19

Gambar 4. 26 Mengisi detail akun Bank pembayaran.........................................................................20

Gambar 4. 27 Mengisi Setting Accounts WooCommerce....................................................................20

Gambar 4. 28 Mencari plugin Jetpack.................................................................................................21

Gambar 4. 29 Membuka pengaturan Jetpack......................................................................................21

Gambar 4. 30 Menambahkan tombol untuk berbagi ke Sosial Media di Jetpack................................21

Gambar 4. 31 Menambahkan ikon Sosial Media di Jetpack.................................................................22

Gambar 4. 32 Mencentang tombol publikasi di Jetpack......................................................................22

Gambar 4. 33 Menambahkan Produk di WooCommerce....................................................................23

Gambar 4. 34 Mengisi Judul dan Deskripsi Produk di WooCommerce................................................23

Gambar 4. 35 Menambahkan Kategori Produk di WooCommerce......................................................24

Gambar 4. 36 Mengisi Harga Produk di WooCommerce.....................................................................24

Gambar 4. 37 Mengisi keterangan berat Produk di WooCommerce...................................................24

Gambar 4. 38 Mengisi Deskripsi singkat Produk di WooCommerce....................................................25

Gambar 4. 39 Menambahkan Photo Product di WooCommerce........................................................25

Gambar 4. 40 Menerbitkan Produk di WooCommerce.......................................................................26

Gambar 4. 41 Melihat Hasil tampilan Web..........................................................................................26

Gambar 4. 42 Melihat tampilan produk di Web..................................................................................27

Gambar 4. 43 Penjelasan tentang hasil hasil inputan Produk..............................................................27

Gambar 4. 44 Deskripsi Produk...........................................................................................................27

Gambar 4. 45 Info lain seperti berat Produk.......................................................................................28

Gambar 4. 46 Mensimulasikan sebagai pembeli di Web.....................................................................28

Gambar 4. 47 Produk yang masuk ke keranjang belanja.....................................................................29

iv
Gambar 4. 48 Masuk ke tahap pembayaran........................................................................................29

Gambar 4. 49 Mengisi detail Pembayaran...........................................................................................30

Gambar 4. 50 Mengorder Pembelian..................................................................................................30

Gambar 4. 51 Membayar pembayaran menggunakan Transfer Bank.................................................30

Gambar 4. 52 Kembali Ke arah Dashboard untuk melihat Produk yang telah dibeli...........................31

Gambar 4. 53 Mengetahui Produk yang telah diorder........................................................................31

Gambar 4. 54 Detail Lengkap tentang Produk yang diorder Pembeli..................................................31

v
 BAB I
PENDAHULUAN

1.1 Latar Belakang

Kita sering sekali mendengar kata SMK,tetapi yang kita ketahui hanya
Sekolah Menengah Kejuruan,tetapi apa tujuan dan pengertian SMK itu sendiri?

LANGSUNG SAJA KE SMK

SMK (Sekolah Memengah Kejuruan)merupakan salah satu Lembaga Pendidikan

di Indonesia yang sederajat dengan SMA (Sekoalah Menengah Atas), berbeda
dengan SMA yang merupakan jenjang yang memang dipersiapkan untuk
melanjutkan ke Universitas, tapi SMK lebih mempersiapkan Siswa-siswanya
untuk dapat bekerja setelah lulus dari sekolah ini.Menurut wikipedia SMK adalah
salah satu bentuk satuan pendidikan formal yang menyelenggarakan pendidikan
kejuruan pada jenjang pendidikan menengah sebagai lanjutan dari SMP, MTs,
atau bentuk lain yang sederajat atau lanjutan dari hasil belajar yang diakui
sama/setara SMP/MTs. SMK sering disebut juga STM (Sekolah Teknik
Menengah).
Pelajaran praktek yang didapatkan dari sekolah masih belum ada artinya
jika para siswa tidak dibekali/diberikan Praktek Kerja Industri seperti yang terjadi
langsung di dunia usaha/dunia industri. Kegiatan belajar seperti ini masih belum
cukup untuk bisa menyiapkan tenaga kerja yang professional dalam bidangnya.
Oleh karena itu perlu adanya suatu kegiatan belajar dalam bentuk lain di sekolah
yang berbentuk Praktek Kerja Industri.Apa itu Prakerin?. Prakerin adalah Praktek
Kerja Industri yang bertujuan untuk memberi pembekalan untuk siswa SMK agar
siap memasuki dunia kerja dan meningkatkan mutu dari Siswa-Siswi di
SMK.Prakerin biasanya dilakukan 3 sampai dengan 6 bulan lamanya.

Setelah sekian lama Saya mencari tempat untuk Prakerin,akhirnya Saya

menemukan tempat di IGS . Indonesia Global Sarana dididrikan tahun 2004
dengan nama CV. Agung Jaya Solusindo yang fokus bergerak dibidang
penjualan komputer. Seiring dengan perkembangan pasar dan perkembangan

1
teknologi, tahun 2010 CV. Agung Jaya Solusindo mengembangkan unit atau
layanan di bidang usahanya yang dulu hanya menjual komputer sekarang
melayani jasa teknologi informasi.Project yang akan Saya buat berupa Website
yang dibuat menggunakan Wordpres.Wordpress merupakan alternatif dalam
pembuatan web yang murah dan cepat dan pada laporan in saya akan menjelaskan
bagaimana cara membuat,mengenal fitur di dalam Wordpress.

TAMBAHKAN KETERKAITAN SMK – JURUSANMU – PRAKERIN

– DAN PROJECTMU.. ITU LATAR BERLAKANG YG BAIK

1.2 Rumusan Masalah

1.2.1 Bagaimana cara membuat Website E-Commerce TAMBAHKAN LAGI
JUDUL NYA menggunakan WordPress secara Offline ?
1.2.2 Apa keuntungan dan kerugian menggunakanWordPress?

1.3 Tujuan Laporan

1.3.1 Tujuan Praktis

Prakerin wajib dilakukan di setiap SMK agar para siswa bisa menerapkan
hasil belajar di dunia kerja ,selain menerapkan hasil belajar siswa SMK
diharapkan bisa mengetahui perbedaan antara dunia kerja dan dunia
sekolah,melatih kebiasaan dari Siswa dan menyiapkan Siswa untuk masuk
ke dalam dunia kerja nanti setelah lulus.

1.3.1 Tujuan Teoritis

A.Mengetahui cara membuat Website E-Commerce menggunakan
WordPress secara Offline.
B.Mengetahui keuntungan dan kerugian membuat web menggunakan
WordPress.

1.4 Manfaat Laporan

1.4.1 Manfaat Praktis

Manfaat yang bisa dihasilkan dari kegiatan Prakerin sangatlah

berguna dan bermanfaat bagi Siswa itu sendiri diantaranya Siswa lebih

2
 mengenal lingkungan kerja yang sangat berbeda dari dunia
sekolah,membangun sikap ,mental dari siswa SMK.

1.4.2 Manfaat Teoritis

A.Memudahkan pengerjaan Website E-Commerce yang dikerjakan

menggunakan Wordpress secara Offline.

B.Mengetahui keuntungan dan kerugian menggunakan WordPress.

1.5 Ruang Lingkup Kerja

1.5.1 Saya mengerjakan pembuatan Website dengan menggunakan
Wordpress dan mengantarkan LCD & Proyektor ke berbagai tempat.

3
 BAB II
TUJUAN UMUM PERUSAHAAN
2.1.Sejarah Perusahaan
Indonesia Global Sarana dididrikan tahun 2004 dengan nama CV. Agung
Jaya Solusindo yang fokus bergerak dibidang penjualan komputer. Seiring dengan
perkembangan pasar dan perkembangan teknologi, tahun 2010 CV. Agung Jaya
Solusindo mengembangkan unit atau layanan di bidang usahanya yang dulu hanya
menjual komputer sekarang melayani jasa teknologi informasi.

2.2.Visi Misi perusahaan

2.2.1 Visi dari IGS adalah:
1.Menjadi penopang utama perkembangan Teknologi di Indonesia.

2.2.2 Misi dari IGS adalah:

1.Selalu memiliki sumber daya manusia yang berstandar Nasional dan
Internasional.
2,Selalu memiliki produk kompetetif bagi kepuasan pelanggan.
3.Selalu menyediakan jasa yang memuaskan pelanggan.

2.3.Logo

Gambar 2. 1 Logo Indonesia Global Sarana

4
Adapun arti logo dari IGS.Warna Biru melambangkan kecerdasan dalam
melaksanakan kegiatan – kegiatan dan Gambar Bola mengartikan perusahaan
yang bersifat globalisasi.

2.4.Struktur Organisasi
1. I Gusti Agung P. Gempa sebagai pimpinan yang bertugas memberikan
arahan tentang tugas atau website yang akan dikerjakan.
2. Dewa Adnyana sebagai divisi Service yang bertugas untuk memperbaiki
laptop atau komputer.
3. Djoko Prasetyo sebagai divisi Web yang bertugas untuk membuat
Website,memperbaiki Website ,serta mendesign Website sesuai keinginan
customer.

4. Tim suport untuk membantu junior-junior atau Siswa Prakerin.

2.5.Produk perusahaan
Di IGS sendiri menyediakan berbagai jasa dan barang,barang yang di
sewakan berupa LCD/proyektor dan Screen/layar.Barang tersebut biasanya
digunakan untuk presentasi dan jasa yang disediakan di IGS berupa penjualan
Web dan penyewaan private komputer.

5
 BAB III
LANDASAN TEORI
3.1 Pengertian Website
Website merupakan kumpulan halaman yang menampilkan informasi data
berupa gambar,text,animasi atau gabungan dari semuanya,baik yang bersifat
statis maupun dinamis yang saling membentuk rangkaian bangunan dan
saling berhubungan.Website Statis adalah Website yang informasinya tetap
atau jarang dirubah seperti Profil perusahaan.Web dinamis adalah Website
yang informasinya selalu berubah dan isi informasinya dua arah seperti
Facebook dan Youtube.

3.2 Fungsi Website

Fungsi Website secara umum adalah sebagai tempat untuk mendapatkan
informasi,berinteraksi dan mempermudah komunikasi serta sebagai tempat
promosi.

3.3 Pengertian Wordpress

Wordpress adalah salah satu platfrom blog yang saat ini sudah mengalami
banyak perkembangan sehingga bisa Kita gunakan untuk membuat website untuk
banyak keperluan seperti toko Online,Profil Bisnis,dan lain-lain dengan cepat dan
mudah.

3.4 Jenis dari Wordpress

3.4.1 Wordpress Instan

Bisa kita dapatkan dengan cara mengunduh di situs WordPress.org dan

menginstalnya di hosting milik kita pribadi menggunakan Xampp dan
Website yang kita buat masih bersifat offline dikarenakan kita belum
membeli Domain dan Hosting.

3.4.2 Wordpress Instal

Bisa kita dapatkan dengan cara mengsintal Wordpress tersebut langusng

dari CPanel dan Website yang kita buat sudah bisa Online.CPanel hanya

6
 bisa didapatkan jika kita sudah memiliki /membeli Domain atau Hostingan
di jasa penjualan Domain atau Hostingan secara Online.

3.5 Keuntungan dan Kekurangan menggunakan Wordpress

3.5.1 Keuntungan menggunakan Wordpress

1. Wordpress.com Didukung Banyak Theme

Wordpress ditunjang oleh banyak sekali Theme yang

menyedapkan mata. Ada berbagai macam Theme Wordpress yang bisa
dipilih, mulai dari yang tidak berbayar,sampai yang
berbayar,kemudian yang lebih menggembirakan lagi bagi para pemula
ialah, Theme Wordpress ini sangat mudah untuk digunakan. Tinggal
pilih Theme yang diinginkan, lalu klik Aktivasi.Dalam sekejap theme
nya sudah terpasang di Blog, tidak perlu susah payah Coding, edit
Html, Css dan sebagainya serta tampilan Blog Anda sudah seperti
Blog yang professional.

2. Fitur Navigasi Yang Lengkap

Berbeda dengan Blogspot, walaupun ini tidak berbayar,tapi

Wordpress.com ini mempunyai fitur navigasi yang sangat lengkap.
Tampilan Dashboard nya pun tampak elegan, stylish dan professional.

3. Dapat Digunakan Secara Offline

Selanjutnya, wordpress juga bisa dipakai tanpa koneksi internet

sama sekali, alias Offline menggunakan sebuah web server yang
sebelum nya sudah diinstal secara Lokal di Komputer anda.

4. Wordpress.com Didukung Banyak Plugin

Tidak seperti Blogspot, Wordpress menyediakan ribuan Plugin

yang siap digunakan bagi para pengguna nya. Inilah salah satu
kelebihan Wordpress yang tidak dimiliki Blogspot, karena Blogspot
hanya mendukung beberapa Plugin saja, tidak sebanyak Plugin di
Wordpress.

7
 5. Wordpress Sudah Terintegrasi Dengan Banyak Platform

Selain itu, Wordpress juga bisa diintegrasikan dengan beberapa platform,

yakni Gravatar, Akismet, Intensedebate, Bbpress, Polldaddy, dan
Buddypress. Dan ada salah satu kelebihan utama dari Wordpress, yaitu
memiliki fitur untuk mengimport data data dari B2evolution,
MovableType, GrayMetter, TextPattern, dan Blogger.

6. Terdapat Menu Statistik Data Yang Lengkap

Pada panel dashboard di Wordpress juga menyajikan data statistik

pengunjung, artikel yang paling banyak diklik, pencarian terbanyak,
halaman terpopuler, dari mana pengunjung berasal, serta data statistik
lainnya yang tidak bisa saya sebutkan satu persatu disini.

7. Mudah Terhubung Dengan Akun Sosial Media

Dengan Wordpress, Anda juga bisa menghubungkan Blog Wordpress

dengan beberapa akun Sosial Media seperti Yahoo, Facebook, Twitter,
Google Plus,dll,sehingga setiap selesai mempublikasikan postingan maka
link dari postingan tersebut juga bisa diposting di akun Sosial Media
tersebut.

3.5.1 Kerugian menggunakan Wordpress

1. Tidak Murah Walaupun Gratis

Salah satu kelemahan Wordpress adalah harus membayar Hosting

dan Domain jika ingin di Onlinekan Websitenya.

2. Blog Jadi Berat Jika Terinstall Banyak Plugin

Website Anda akan menjadi tambah berat jika diinstal banyak

Plugin. Solusi nya, buang saja Plugin yang tidak dibutuhkan dan install
Plugin yang memang perlu.

3. Diskspace dan Bandwith Terbatas

8
 Selain itu,jika Anda menggunakan Hosting, maka Anda memiliki
ketersediaan bandwith dan diskspace yang terbatas(hal initergantung
dari berapa jumlah Hosting yang Anda beli, tidak unlimited (hal
initergantung dari perusahaan tempat Anda membeli Hosting tersebut).

4. Rentan Diserang Hacker

Dan jika Anda ingin menggunakan membuat Website Anda

menggunakan Wordpress,maka Anda harus meningkat kan tingkat
keamanan nya, jika tidak maka Website Anda akan mudah sekali
diretas oleh para Hacker. Hal ini perlu diperhatikan, pasalnya banyak
Admin dari sebuah Website yang kurang memperhatikan bagian ini.

3.6 Pengertian dan Fungsi XAMPP

XAMPP adalah perangkat lunak(free softwere),yang mendukung untuk
banyak system operasi,merupakan kompilasi dari beberapa program.Fungsi dari
XAMPP adalah sebagai server yang berdiri sendiri.Yang terdiri atas program
Apache HTTP server,MySQL database dan penerjemahan bahasa yang ditulis.

3.7 Pengertian dan Fungsi WooCommerce

Woocommerce adalah plugin pendukung wordpress, kapan saja anda
menginginkan atau berencana membuat sebuah website “e-commerce” toko
online (onlineshop) yang dibangun menggunakan flatform wordpress, maka
woocommerce solusinya. Semua fitur, kemudahan, kelengkapan termasuk
dukungan developernya akan memudahkan anda.

Woocommerce sendiri adalah fungsi lanjutan dari Wordpress (Online

Shop lanjutan dari Blog / Website biasa). Saya jamin Anda akan kesulitan
memahaminya jika tidak mempunyai pemahaman dasar tentang wordpress.
Sebaliknya jika tingkat pemahaman anda tentang Website (khususnya
Wordpress) sangat baik maka tidak akan mendapatkan kesulitan yang berarti.

3.8 Pengertian dan Fungsi Jetpack

Jetpack merupakan plugin wordpress yang dikembangkan oleh
Automattic. Sebenarnya Automatic ini diisi oleh orang-orang wordpress juga,

9
sehingga semua fitur jetpack terintegrasi bagus dengan wordpress. Ketika kita
mengaktiffkan plugin jetpack, kita juga harus sambungkan dulu jetpack dengan
akun wordpress, baru plugin ini bisa digunakan.

10
 BAB IV
IMPLEMENTASI
4.1 Persiapan
4.1.1 Persiapan Aplikasi dan Alat

Siapkan Laptop/Personal Computer,Web Browser dan Aplikasi Hosting

secara Offline seperti XAMPP.

4.2 Langkah Pembuatan Website E-Commerce dengan

Wordpress
4.2.1 Proses Pembuatan

1. Buka Web Browser Anda dan ketik https://wordpress.org/download/ pada

Search Bar atau Address Bar Anda,kemudian klik tombol Download
Wordpress sesuai versi yang tersedia di bagian kanan atas.

Gambar 4. 1 Klik Download Wordpress 4.9.4

2. Kemudian Anda akan diminta untuk menyimpan file di tempat yang kalian
inginkan,kali ini saya akan menyimpannya di Local Disk (D:).Ketika file
selesai di download,klik kanan pada file dan klik extract to wordpress
4.9.4 untuk mengekstraknya menjadi folder.

11
 Gambar 4. 2 Mengekstrak file Wordpress

3. Setelah file selesai di ekstrak,pindahkan file Wordpress Anda ke folder

Local Disk (C:)->xampp->htdocs. Renamelah file tersebut sesuai
keinginan anda dengan cara klik kanan kemudian klik rename,kali ini saya
menggunakan nama e-commerce ian.

Gambar 4. 3 Memindahkan File ke lokasi htdocs dan merename file.

12
4. Bukalah aplikasi Xampp agar kita bisa masuk ke Localhost dan tekan start
pada bagian Apache dan MySql.

Gambar 4. 4 Menghidupkan Xampp

5. Selanjutnya kita akan menyiapkan Database untuk membuat Website

Wordpress ini secara offline.Bukalah Web Browser Anda kemudian ketik
localhost/phpmyadmin pada kolom Search.Sesudah itu klik
New,kemudian isi nama database di Create Database dan klik tombol
Create.Untuk kali ini saya menggunakan nama database commerceian.

Gambar 4. 5 Membuat Database dengan PhpMyAdmin

6. Dengan membuat Database ini maka kita sudah bisa lanjut untuk membuat
Website dengan Wordpress.Buatlah tab baru pada Browser dan ketik
localhost/sesuai nama file Wordpress yang Anda rename
tadi/wordpress.Setelah Anda masukkan maka akan muncul tampilan

13
 seperti ini,dan cari Bahasa Indonesia agar nanti setelan Wordpress kita
berbahasa Indonesia.Jika sudah klik tombol lanjutkan.

Gambar 4. 6 Memilih Bahasa untuk Web

7. Selanjutnya kita akan diarahkan untuk mengisi Nama Database,Nama

Pengguna,dan Password Pengguna.Untuk itu kita klik tombol “Ayo”.

Gambar 4. 7 Memulai instalasi Wordpress

8. Kemudian kita dapat mengisinya sesuai dengan Nama Database yang

dibuat di PhpMy Admin dan untuk Nama Pengguna,Anda bisa
menggunakan “root” dan bagian Sandi,Host Basis Data,dan Prefiks Tabel

14
 bisa dikosongkan saja.Jika sudah klik tombol kirim. Sesudah itu Klik
Jalankan Pemasangan.

Gambar 4. 8 Mengisi keterangan Database

Gambar 4. 9 Menjalankan Pemasangan

9. Kemudian kita akan mengisi lagi alamat Email,judul Website,nama

Pengguna dan kata Sandi yang akan digunakan untuk masuk ke bagian
Admin dari Web yang akan kita buat dan sebagai nama dari Website
tersebut sesuai dengan keinginan Anda.Jika sudah selesai klik Instal
Wordpress.

15
 Gambar 4. 10 Mengisi Keterangan Web

Gambar 4. 11 Masuk ke tempat untuk Log In Web

10. Setelah itu kita akan diarahkan ke bagian wp-admin.Pada bagian inilah
tempat kita untuk log in ke Website Wordpress kita.Isikan nama Pengguna
dan Password sesuai dengan yang Anda isikan tadi.

16
 Gambar 4. 12 Log In ke Web

11. Dan selamat,Anda sudah berhasil membuat default website Wordpress

Anda.Bagian ini dinamakan bagian belakang Website (Dashboard) karena
disinilah semua perubahan pada Website akan dilakukan.

Gambar 4. 13 Dashboard Web

12. Berhubung Saya akan membuat Website E-Commerce maka saya akan
mengganti tema Wordpress Default ini dengan tema yang saya
inginkan.Kali ini saya akan menggunakan tema dari Theme Isle bernama
Free Wordpress Ecommerce Theme.Silahkan Anda download tema
menggunakan link ini https://themeisle.com/themes/shop-isle/.

17
 Gambar 4. 14 Download Tema

13. Setelah selesai,pergilah kembali ke bagian belakang Website kita (Dashboard)

kemudian cari menu Tamplilan ->Tema->Tambahkan Baru->Unggah Tema lalu
klik Choose File kemudian pilihlah file tema yang tadi di download kemudian klik
Instal Sekarang.

Gambar 4. 15 Upload Tema

14. Tunggu hingga tema berhasil dipasang dan klik aktifkan.

Gambar 4. 16 Mengaktifkan Tema

15. Lalu untuk memaksimalkan Website E-Commerce kita,kita akan menggunakan

plugin Woocommerce.Carilah menu Plugin->Tambah Baru->kemudian cari di
kata kunci “WooCommerce” dan klik Install sekarang.

18
 Gambar 4. 17 Mencari plugin WooCommerce

16. Klik Aktifkan Plugin

Gambar 4. 18 Mengaktifkan Plugin

17. Setelah mengaktifkan plugin,klik menu WooCommerce yang ada di bar

kiri dan klik menu Settings.Kemudian pada tab General,isikan Store
Address sesuai dengan alamat Anda dan Currency options anda dengan
Indonesian Rupiah(Rp),sisanya bisa dibiarkan default.Klik Save Changes
jika sudah selesai.

19
 Gambar 4. 19 Mengisi Setting General WooCommerce

Gambar 4. 20 Mengisi pengaturan Mata Uang WooCommerce

18. Selanjutnya klik tab Products dan sesuaikan opsi pilihannya dengan foto
dibawah ini,sisanya biarkan default.

20
 Gambar 4. 21 Mengisi Setting Products WooCommerce

19. Lalu klik tab Shipping kemudian klik Add Shipping Zone,setelah itu akan
muncul tampilan seperti ini.Isikan Zone namenya dengan Indonesia
kemudian Zone regionnya sesuai dengan yang anda inginkan,namun kali
ini saya menggunakan Bali.Setelah itu klik Save Changes.

Gambar 4. 22 Mengisi Setting Shipping WooCommerce

20. Masih di tab Shipping,klik Add Shipping Method pada bagian Shipping
Methods.Kemudian klik Free Shipping ini bertujuan agar produk yang

21
 dipesan di daerah Bali bebas dari biaya kirim produk.Klik Add Shipping
Method jika sudah selesai.

Gambar 4. 23 Menambahkan setting Add shipping method WooCommerce

21. Klik tab Checkout kemudian centang bagian Enable to use of Coupons dan
Enable Guest Checkout,kemudian untuk sementara biarkan yang lainnya
seperti default.Klik Save Changes dibagian bawah jika sudah.

Gambar 4. 24 Mengisi Setting Checkout WooCommerce

22. Kemudian masih di tab Checkout,klik BACS kemudian centang Enable

bank transfer.Ini berfungsi agar pembayaran yang dilakukan dari pembeli
ke pedagang dilakukan secara transfer bank.Klik Save Changes jika sudah.

22
 Gambar 4. 25 Menentukan metode pembayaran di WooCommerce

23. Masih di bagian BASC,pada bagian Account details ketiklah nama

Rekening Anda,nomor Rekening Anda dan nama Bank sesuai dengan
yang Anda Inginkan.Jika sudah klik Save Changes.

Gambar 4. 26 Mengisi detail akun Bank pembayaran

24. Klik tab Accounts,centang Enable customer registration on the “My

Account” page,biarkan yang lain seperti default..Klik Save Changes jika
sudah selesai.

23
 Gambar 4. 27 Mengisi Setting Accounts WooCommerce

25. Setelah itu kita akan mendownload plugin bernama Jetpack,untuk kali ini
Jetpack akan kita gunakan agar pembeli dapat membagikan produk kita ke
berbagai media sosialnya miliknya.Klik Plugin -> Tambah Baru kemudian
karena Jetpack adalah plugin yang cukup terkenal maka dari itu kita
langsung dapat melihat plugin Jetpack di kanan dan klik Install Sekarang
dan klik Aktifkan.

Gambar 4. 28 Mencari plugin Jetpack

26. Kemudian klik menu Jetpack di bar kiri lalu klik Pengaturan.

24
 Gambar 4. 29 Membuka pengaturan Jetpack

27. Setelah itu klik tab Sharing kemudian klik tombol Add sharing buttons to
your posts,lalu klik Configure your sharing buttons.

Gambar 4. 30 Menambahkan tombol untuk berbagi ke Sosial Media di Jetpack

28. Selanjutnya pada bagian Layanan yang tersedia akan tampil ikon media
social yang cukup terkenal.Tarik ikon media social yang Anda mau
kebawah menuju bagian Nyalakan Layanan.Untuk kali ini saya
menggunakan icon Print,Facebook,Twitter,Whatsapp,dan Google +.

25
 Gambar 4. 31 Menambahkan ikon Sosial Media di Jetpack

29. Turun kebawah halaman kemudian pada bagian Tunjukkan tombol pada
centang semua kotak yang tersedia kemudian klik Simpan Perubahan.

Gambar 4. 32 Mencentang tombol publikasi di Jetpack

30. Kita sudah selesai untuk mengatur Jetpack.Setelah ini klik Products pada
bar kiri untuk menambah produk yang akan kita jual lalu klik Add New.

Gambar 4. 33 Menambahkan Produk di WooCommerce

26
31. Pada tahap ini kita akan menambakan : Judul Produk,Deskripsi
Produk,Kategori Produk,Foto Produk,Harga Produk dan Berat Benda.

32. Isikan judul Produk anda dan isikan deskripsi produknya.

Gambar 4. 34 Mengisi Judul dan Deskripsi Produk di WooCommerce

33. Kemudian klik Add new category pada bagian kanan,dan tulis nama
kategori produk sesuai keiginan anda,setelah itu klik Add new
category.Selamat anda berhasil membuat kategori produk dan produk
otomatis masuk kategori yang anda buat.

Gambar 4. 35 Menambahkan Kategori Produk di WooCommerce

27
34. Selanjutnya scroll halaman ke bawah kemudian pada tab general ketik
harga sesuai keinginan anda di kolom regular price dan pada tab Shipping
ketik berat barang sesuai keinginan anda.

Gambar 4. 36 Mengisi Harga Produk di WooCommerce

Gambar 4. 37 Mengisi keterangan berat Produk di WooCommerce

35. Kemudian scroll kebawah lagi dan isikan deskripsi pendek tentang produk
ini.

Gambar 4. 38 Mengisi Deskripsi singkat Produk di WooCommerce

36. Pada bagian kanan terdapat tab Product Image kemudian klik Set product
image dan klik Unggah berkas dan Anda akan diminta untuk memilih foto

28
 yang ingin anda tampilkan.Jika sudah klik foto tersebut dan klik Set
product image.

Gambar 4. 39 Menambahkan Photo Product di WooCommerce

37. Klik Terbitkan jika sudah pada bagian pojok kanan atas.

Gambar 4. 40 Menerbitkan Produk di WooCommerce

38. Selamat Anda berhasil membuat 1 produk untuk Web E-Commerce

ini.Silahkan Anda membuat produk lain dengan cara seperti diatas.Anda
bisa melihat hasil tampilan web anda dengan klik judul website Anda di
bagian kiri atas.

29
 Gambar 4. 41 Melihat Hasil tampilan Web

39. Scroll hingga bagian Produk Terbaru kemudian klik produk dengan judul
“test”.

Gambar 4. 42 Melihat tampilan produk di Web

40. Kita bisa lihat disini hasil – hasil inputan yang kita masukkan tadi.

30
 Gambar 4. 43 Penjelasan tentang hasil hasil inputan Produk

41. Scroll kebawah maka Anda akan menemukan Deskripsi Produk dan Info
lain seperti berat produk.

Gambar 4. 44 Deskripsi Produk

Gambar 4. 45 Info lain seperti berat Produk

42. Untuk mengetahui cara pembeli memesan produk,Anda dapat mencoba

untuk klik Add To Cart.

31
 Gambar 4. 46 Mensimulasikan sebagai pembeli di Web

43. Maka Anda dapat langsung melihat nama produk “test” sudah masuk ke
keranjang belanja anda. Klik tombol View Cart atau logo keranjang yang
terdapat di bagian kanan atas jika anda ingin melanjutkan ke tahap
selanjutnya.

Gambar 4. 47 Produk yang masuk ke keranjang belanja

44. Klik Proceed to Checkout untuk melanjutkan ke tahap pembayaran.

32
 Gambar 4. 48 Masuk ke tahap pembayaran

45. Setelah itu isikan Nama depan,Nama belakang,Negara,alamat

rumah,kota,provinsi,kode pos,no hp,dan email anda.Tanda bintang
berwarna merah artinya adalah wajib diisikan.Klik Place Order jika sudah
selesai.

Gambar 4. 49 Mengisi detail Pembayaran

33
 Gambar 4. 50 Mengorder Pembelian

46. Karena kita menggunakan sistem Pembayaran BASC(Transfer via

Bank),jadi pembeli diwajibkan untuk membayar uangnya ke rekening
bank milik kita.

Gambar 4. 51 Membayar pembayaran menggunakan Transfer Bank

47. Jika Anda ingin untuk melihat pesanan tadi,kembali ke menu belakang
website kita atau yg lebih sering dikenal dengan nama Dashboard.Klik
nama judul website Anda dan klik Dashboard.

34
 Gambar 4. 52 Kembali Ke arah Dashboard untuk melihat Produk yang telah dibeli

48. Klik WooCommerce ->Orders pada bagian bar kiri. Setelah itu anda
langsung dapat melihat orderan tersebut.Lalu klik orderan tersebut.

Gambar 4. 53 Mengetahui Produk yang telah diorder

49. Anda dapat melihat detail status Pembelian tersebut.

Gambar 4. 54 Detail Lengkap tentang Produk yang diorder Pembeli

35
 BAB V
PENUTUP
HAPIR SAMA DENGAN YANG LAIN BUAT SEMUA LEBIH RAPI., UNTUK LAPORAN
DIRAPIKAN LAGI UNTUK TOPIK BISA DI BUAT SPESIFIK LAGI.. KARENA PROJECT INI
HARUS BENER2 BERMANFAAT..

5.1 Kesimpulan
Berdasarkan hasil uraian kegiatan prakerin yang dilaksanakan mulai dari
tanggal 6 Mei 2018 sampai dengan 26 Mei 2018 sangat banyak manfaat yang bisa
didapat selama praktek kerja industry ini.Siswa dapat memperoleh banyak
manfaat yang mungkin tidak diperoleh dalam pelajaran di Sekolah.Dimana di
dunia kerja yang sesungguhnya dituntut untuk mandiri,bersabar dan bertanggung
jawab dalam menyelesaikan tugas.Dalam kerja praktek ini berkesempatan untuk
menerapkan ilmu yang didapatkan dalam dunia pelajaran di sekolah.

5.2 Saran
Pada kesempatan ini,ijinkanlah penulis untuk memberikan beberapa saran
kepada pihak Dunia Industri dan pihak sekolah yang sekiranya dapat dijadikan
sebagai bahan pertimbangan guna kemajuan di masa yang akan datang :

5.2.1 Saran Untuk CV. Indonesia Global Sarana

Sebaiknya siswa yang sedang prakerin di ajarkan lebih tentang kompetensi

yang di pilih oleh siswa tersebut,agar selesai praktek kerja industri banyak
pengalaman yang di dapat oleh siswa prakerin dan juga karyawan agar tetap
ramah dan sabar dalam memberikan materi serta membimbing siswa prakerin
dalam melaksanakan tugas yang diberikan di dunia industri.

5.2.2 Saran untuk SMK TI Bali Global Jimbaran

Sebaiknya siswa yang menjalani Praktek Kerja Industri diberikan

pelajaran tambahan lebih banyak lagi terkait bidangnya masing – masing,agar
nantinya saat melaksanakan praktek kerja industri siswa lebih mampu
mengerjakan tugas yang diberikan di tempat Prakerin.

36
37
 DAFTAR PUSTAKA

 Eko.2015.”FungsiWebsite”.http://www.fungsiklopedia.com/fungsi-
website/.Diakses Pada tanggal 8 Mei 2018.

 Aunurrofik.2017.” Cara Membuat Website Gratis Menggunakan

WordPress”.https://webhostmu.com/cara-membuat-wordpress-com/.
Diakses Pada tanggal 8 Mei 2018.

 Dudung.2016.” Pengertian, Komponen Dan Fungsi XAMPP Lengkap

Dengan Penjelasannya”. http://www.dosenpendidikan.com/pengertian-
komponen-dan-fungsi-xampp-lengkap-dengan-penjelasannya/.Diakses
Pada tanggal 8 Mei 2018.

 Thidi.2017.” Beberapa Hal yang Wajib Anda Ketahui Sebelum

Menggunakan Woocommerce”.https://thidiweb.com/dasar-
woocommerce/. Diakses Pada tanggal 8 Mei 2018.

 Normala Senja.2016.” Maksimalkan 7 Fitur Jetpack berikut”.

https://sasambodesign.com/maksimalkan-7-fitur-jetpack-berikut//.Diakses
Pada tanggal 8 Mei 2018.

 Santanu Saputra.2015.” Keunggulan dan Kelemahan Wordpress.com Yang

Harus Kamu Ketahui ”. http://www.gantekno.com/2015/03/keunggulan-
kelebihan-dan-kelemahan-wordpresscom.html.Diakses Pada tanggal 8 Mei
2018.

38
LAMPIRAN

39