IMPLEMENTASI WEBSITE COMPANY PADA GENTONG

SARI ARTHA BERBASIS WORDPRESS

Laporan Kerja Praktek

Oleh:

NIM : 180030643

NAMA : PUTU AGUS ARTHA WIBAWA

JENJANG STUDI : Strata Satu (S1)

PROGRAM STUDI : Sistem Informasi

INSTITUT TEKNOLOGI DAN BISNIS

(ITB) STIKOM BALI
2021
 HALAMAN PENGESAHAN LAPORAN KERJA PRAKTEK

Nama : Putu Agus Artha Wibawa

NIM : 180030643

Jenjang Studi : Strata Satu (1)

Program Studi : Sistem Informasi

Judul Kerja Praktek : IMPLEMENTASI WEBSITE COMPANY PADA

GENTONG SARI ARTHA BERBASIS WORDPRESS

Disetujui Oleh:

Tanggal………………….. Tanggal…………………..

Pembina Pembimbing

(RICKY AURELIUS NURTANTO DIAZ, (NYOMAN AYU NILA DEWI,

S.Kom., M.T) S.Kom., MT)

Tanggal……………………

Ketua Program Studi Sistem Informasi

(RICKY AURELIUS NURTANTO DIAZ, S.Kom., M.T)

i
 KATA PENGANTAR

Segala puja dan puji syukur penulis panjatkan ke hadapan Tuhan Yang
Maha Esa yang telah memberikan kesempatan penulis untuk menyelesaikan
Laporan Kerja Praktek dengan judul “IMPLEMENTASI WEBSITE COMPANY
PADA GENTONG SARI ARTHA BERBASIS WORDPRESS” sesuai dengan yang
direncanakan. Selanjutnya penulis menyampaikan terima kasih kepada:

1. Bapak Dr. Dadang Hermawan selaku Rektor ITB STIKOM Bali.

2. Bapak Ida Bagus Suradarma, SE., M.Si. selaku Wakil Rektor.
3. Ibu Ni Luh Putri Srinadi, SE., MM.Kom selaku Wakil Rektor II.
4. Bapak I Made Sarjana, SE. MM selaku Wakil Rektor III.
5. Bapak Dian Pramana, S.Kom, M.Kom selaku Dekan Fakultas Informatika
dan Komputer ITB STIKOM Bali.
6. Bapak Ricky Aurelius Nurtanto Diaz, S.Kom, M.T. selaku Ketua Program
Studi Sistem Informasi ITB STIKOM Bali.
7. Bapak selaku Pembina yang telah membimbing selama melaksanakan Kerja
Praktek.
8. Ibu Nyoman Ayu Nila Dewi, S.Kom., MT. selaku Dosen Pembimbing yang
turut membimbing dalam penyelesaian penulisan ini.
9. Semua teman dan berbagai pihak yang memberikan dukungan dan bantuan
kepada penulis.

Akhir kata penulis mengucapkan terima kasih kepada semua orang yang
telah membantu penulis menyelesaikan Laporan Kerja Praktek ini. Semoga
Laporan Kerja Praktek ini dapat memberikan manfaat bagi pihak yang
berkepentingan.

Denpasar,

Penulis

ii
 DAFTAR ISI

HALAMAN PENGESAHAN LAPORAN KERJA PRAKTEK..........................................................i

KATA PENGANTAR..............................................................................................................ii
DAFTAR ISI.........................................................................................................................iii
DAFTAR GAMBAR...............................................................................................................v
DAFTAR LAMPIRAN...........................................................................................................vi
DAFTAR TABEL..................................................................................................................vii
BAB I...................................................................................................................................1
PENDAHULUAN..................................................................................................................1
1.1 Latar Belakang....................................................................................................1
1.2 Rumusan Masalah..............................................................................................2
1.3 Tujuan Kerja Praktek..........................................................................................2
1.4 Tujuan Kerja Praktek..........................................................................................2
1.5 Ruang Lingkup penelitian...................................................................................2
1.6 Waktu Dan Pelaksanaan.....................................................................................3
BAB II..................................................................................................................................4
TOPIK PROJECT WORKSHOP...............................................................................................4
2.1 Gambaran Umum...............................................................................................4
2.2 Instalasi..............................................................................................................4
2.2.1 Instalasi xampp...........................................................................................4
2.2. Instalasi wordpress.............................................................................................5
2.3 Perancangan Sistem...........................................................................................6
2.3.1 Desain Struktur Menu...........................................................................................6
2.3.2 Flowchart..............................................................................................................7
2.3.3 Perancangan Layout............................................................................................10
2.4 Implementasi....................................................................................................13
2.4.1 Implementasi Perangkat Keras............................................................................13
2.4.2 Implementasi Perangkat Lunak...........................................................................13
2.4.3 Implementasi Antar Muka...................................................................................14
2.5 Pengujian sistem....................................................................................................17
BAB III...............................................................................................................................20
PENUTUP..........................................................................................................................20

iii
 3.1 Kesimpulan.......................................................................................................20
3.2 Saran................................................................................................................20
DAFTAR PUSTAKA.............................................................................................................21
LAMPIRAN........................................................................................................................22

iv
DAFTAR GAMBAR

Gambar 2. 1 Instalasi xampp berhasil...................................................................5

Gambar 2. 2 Tampilan awal wordpress................................................................6
Gambar 2. 3 Struktur menu..................................................................................6
Gambar 2. 4 Flowchart homepage........................................................................7
Gambar 2. 5 Flowchart Produk.............................................................................8
Gambar 2. 6 About Us..........................................................................................9
Gambar 2. 7 Flowchart contact.............................................................................9
Gambar 2. 8 Layout homepage..........................................................................10
Gambar 2. 9 Layout produk................................................................................11
Gambar 2. 10 layout about us.............................................................................12
Gambar 2. 11 layout contact...............................................................................13
Gambar 2. 12 Halaman Homepage....................................................................15
Gambar 2. 13 Halaman produk...........................................................................16
Gambar 2. 14 Halaman about us.......................................................................16
Gambar 2. 15 Halaman contact..........................................................................17

v
 DAFTAR LAMPIRAN

Lampiran 1 Sertifikat.....................................................................................................22
Lampiran 2 Pendaftaran Kerja Praktek......................................................................22
Lampiran 3 Surat pengantar kerja praktek.................................................................23
Lampiran 4 Surat bimbingan kerja praktek................................................................24

vi
 DAFTAR TABEL

Tabel 2. 1 Analisa Kebutuhan Perangkat Keras.................................................13

Tabel 2. 2 Analisa Kebutuhan Perangkat Lunak.................................................14
Tabel 2. 3 Hasil Pengujian black box testing.......................................................19

vii
 BAB I

PENDAHULUAN

1.1 Latar Belakang

Dengan berkembangnya teknologi pembuatan website maka sistem

informasi dapat dibuat berbasis website sehingga nantinya dapat diakses oleh
siapapun yang membutuhkan informasi tidak terbatas oleh tempat dan waktu[1].
Seiring majunya zaman modern sekarang banyak perusahaan yang memiliki
website Company profile. Website Company profile merupakan website yang
dibuat untuk menampilkan profil sebuah perusahaan agar pembaca dapat
mengenal perusahaan tersebut lebih dalam serta memperkenalkan produk dan
layanan yang ditawarkan. Pembuatan website company bisa menggunakan
wordpress

Wordpress adalah salah satu jenis Content Management System yang

paling banyak digunakan, seseorang tidak harus mahir dalam programming
untuk membuat sebuah website[2]. WordPress menggunakan bahasa
pemrograman PHP dan Basis data (Database) MySQL yang dimana keduanya
merupakan bagian dari perangkat lunak sistem terbuka (Open Source Software)
[3]. Selain sebagai blog, WordPress juga mulai digunakan sebagai sebuah CMS
(Content Management System) karena kemampuannya untuk dimodifikasi dan
disesuaikan dengan kebutuhan penggunanya. Untuk mengunakan wordpress
ada dua opsi yakni menggunakan Wordpress untuk hosting blog sendiri maupun
menumpang blog gratis pada www.wordpress.com. WordPress.com merupakan
situs layanan blog yang menggunakan mesin WordPress, didirikan oleh
perusahaan Automattic. Dengan mendaftar pada situs WordPress.com,
pengguna tidak perlu melakukan instalasi atau konfigurasi yang cukup sulit.
Sayangnya, pengguna WordPress.com tidak dapat mengubah template standar
yang sudah disediakan. Artinya, pengguna tidak dapat menambahkan asesori
apa pun selain yang sudah disediakan. Meski demikian, fitur yang disediakan
oleh WordPress.com sudah cukup bagus[4].

Gentong Sari Artha adalah sebuah toko yang menjual gentong pot dan
sebagainya yang terbuat dari tanah liat. Gentong sari artha masih bersifat

1
konvensional, dengan banyaknya toko yang sudah memiliki website. Toko
gentong sari artha juga mengalami penurunan penjualan disebabkan dengan
adanya wabah virus covid, banyak pelanggan dan calon pelanggan yang lebih
memilih membeli barang di toko pesaing lain yang telah memiliki website
sedangkan toko genotng sari artha masih belum memiliki website, oleh karena itu
untuk membantu toko gentong sari artha bersaing maka dibuatkannya website
company profile berbasis wordpress yang dapat menarik minat pelanggan dan
calon pelanggan untuk membeli di toko gentong sari artha.

1.2 Rumusan Masalah

Bagaimana mengimplementasikan website company profile pada toko

gentong sari artha berbasis wordpress?

1.3 Tujuan Kerja Praktek

Tujuan kerja praktek ini yaitu untuk dapat melakukan implementasi

website company berbasis wordpress pada gentong sari artha yang dapat
membantu menambah potensi calon pelanggan.

1.4 Tujuan Kerja Praktek

Adapun manfaat dari penelitian ini yaitu menarik calon pelanggan dan
dapat bersaing dengan competitor 

1.5 Ruang Lingkup penelitian

Untuk menfokuskan pembahasan pada laporan kerja praktek ini, terdapat

ruang lingkup pembahasan sebagai berikut :

1. Melakukan implementasi website company pada toko gentong sari artha

2. Laporan kerja praktek ini berfokus pada implemmentasi website company
3. Kerja praktek ini di kerjakan selama 3 bulan mulai dari bulan juli sampai
oktober
4. Website company dibangun mengunakan wordpress versi 5.7.2

2
5. Website mengunakan xampp v3.3.0 untuk localhost
6. Website company ini akan digunakan dan di kelola oleh pihak toko
gentong sari artha

1.6 Waktu Dan Pelaksanaan

Adapun waktu dan pelaksanaan Kerja Praktek yang penulis lakukan

dimulai dari tanggal 14 juli 2021 sampai dengan 14 oktober 2021 pada website
resmi www.udemy.com

3
 BAB II

TOPIK PROJECT WORKSHOP

2.1 Gambaran Umum

Dari hasil pengamatan tersebut bisa dilihat bahwa toko gentong sari artha
belum memiliki website company. Penggunaan Website company dapat
dimanfaatkan untuk meningkatkan kinerja dalam penjualan dengan cara menarik
calon pelanggan. Untuk mengatasi keterbatasan atau kekurangan dari masalah
ini, maka digunakan wordpress untuk membuat website company. Pada website
company tersebut akan berisi informasi tentang profile toko gentong sari artha
dan produk yang dijual

2.2 Instalasi

Pada proses ini, penulis melakukan instalasi xampp dan wordpress

dimuali dari melakukan download aplikasi xampp dan wordpress hingga proses
melakukan instalasi pada perangkat.

2.2.1 Instalasi xampp

Proses instalasi diawali dengan melakukan download aplikasi xampp

pada website resmi https://www.apachefriends.org/. Lakukan instalasi setelah
Anda selesai mengunduh. Pada tampilan selanjutnya akan muncul pilihan
mengenai komponen mana dari XAMPP yang ingin dan tidak ingin diinstal.
Beberapa pilihan seperti Apache dan PHP adalah bagian penting untuk
menjalankan website dan akan otomatis diinstal. Silakan centang MySQL dan
phpMyAdmin, untuk pilihan lainnya biarkan saja. Berikutnya silakan pilih folder
tujuan dimana XAMPP ingin diinstal. Pada halaman selanjutnya, akan ada pilihan
apakah ingin instal Bitnami untuk XAMPP, dimana nantinya dapat di gunakan
untuk install WordPress, Drupal, dan Joomla seccara otomatis Setelah berhasil
diinstal, akan muncul notifikasi untuk langsung menjalankan control panel yang
bisa dilihat pada gambar 2.1

4
 Gambar 2. 1 Instalasi xampp berhasil

2.2. Instalasi wordpress

Sebelum melakukan instalasi WordPress, Anda perlu membuat database

MySQL terlebih dahulu. untuk menambahkan database di MySQL bisa
mengakses link berikut http://localhost/phpmyadmin setelah menghidupkan
apache dan mysql di xampp. Selanjutnya Silakan klik pada tab Databases,
kemudian masukan nama database pada bagian kolom Create database.
Setelah itu download pada website resmi https://wordpress.org/download/.
Kemudian salin dan ekstrak file instalasi WordPress ke dalam folder htdocs.
Kemudian rubah nama file yang hasil dari extrak tersebut sesuai dengan
keinginan. Lalu buka Buka browser. Ketikan localhost/nama database yang
sudah dibuat yang nantinya akan muncul langkah untuk memulai Konfigurasi
WordPress. Setelah berhasil diinstal akan menjadi seperti pada gambar 2.2.

5
 Gambar 2. 2 Tampilan awal wordpress

2.3 Perancangan Sistem

Pada perancangan sistem ini dibagi menjadi perangcangan desain

struktur menu, alur flowchart, dan perancangan layout. Berikut ini adalah
perancangan dari website company Gentong Sari Artha

2.3.1 Desain Struktur Menu

Desain struktur menu terdapat menu utama dan halaman yang berfungsi
menampilkan informasi dari toko gentong sari artha. menu tersebut terdiri dari
menu home, menu produk, menu about us, dan menu contact. Pada menu-menu
tersebut akan menampilkan informasi sesuai menu yang dipilih. Berikut ini
gambaran mengenai struktur menu pada website gentong sari artha dapat dilihat
pada gambar 2.3 .

Gambar 2. 3 Struktur menu

6
2.3.2 Flowchart

Perancangan alur flowchart website company gentong sari artha dapat

dilihat sebagai berikut.
Berikut merupakan implementasi antar muka dari website company :

a. Flowchart homepage
Berikut adalah tampilan flowchart menu home dapat dilihat pada gambar
2.4

Gambar 2. 4 Flowchart homepage

Pada gambar 2.4 Flowchart menu home diatas merupakan bagian yang
menjelaskan bagaimana user mengunjungi website lalu memilih menu
home.

b. Flowchart produk
Berikut adalah tampilan flowchart menu produk dapat dilihat pada gambar
2.5

7
 Gambar 2. 5 Flowchart Produk

Pada gambar 2.5 Flowchart menu produk diatas merupakan bagian yang
menjelaskan bagaimana user mengunjungi website lalu memilih menu
produk.

c. Flowchart about us
Berikut adalah tampilan flowchart menu about us dapat dilihat pada
gambar 2.6

8
 Gambar 2. 6 About Us

Pada gambar 2.6 Flowchart menu about us diatas merupakan bagian

yang menjelaskan bagaimana user mengunjungi website lalu memilih
menu about us.

d. Flowchart contact
Berikut adalah tampilan flowchart menu contact dapat dilihat pada
gambar 2.7

Gambar 2. 7 Flowchart contact

9
 Pada gambar 2.7 Flowchart menu contact diatas merupakan bagian yang
menjelaskan bagaimana user mengunjungi website lalu memilih menu
contact.

2.3.3 Perancangan Layout

Berikut merupakan layout pada website company gentong sari artha.

a. Menu homepage merupakan menu yang berisikan banner, teks

sambutan, gambar produk yang di buat dan adanya buttoon sosial media.
Layout menu home dapat dilihat pada gambar 2.8

Gambar 2. 8 Layout homepage

b. Menu produk merupakan menu yang berisikan gambar produk dan

deskripsi singkat. Layout menu produk dapat dilihat pada gambar 2.9

10
 Gambar 2. 9 Layout produk

c. Menu About us merupakan menu yang berisikan banner video singkat

dan teks. Layout menu about us dapat dilihat pada gambar 2.10

11
 Gambar 2. 10 layout about us

d. Menu contact merupakan menu yang berisikan map dari toko gentong
sari artha, icon dan text dari contact toko gentong sari artha. Layout menu
contact dapat dilihat pada gambar 2.11

12
 Gambar 2. 11 layout contact

2.4 Implementasi

2.4.1 Implementasi Perangkat Keras

1. Analisa Kebutuhan Perangkat Keras

Perangkat keras komputer adalah komponen-komponen fisik nyata
yang membentuk sebuah system computer yang fungsinya untuk
menunjang kinerja dari computer itu sendiri. Berikut merupakan table
kebutuhan perangkat keras untuk implementasi website company
No Perangkat Spesifikasi
1 Processor Intel Core i7-7500U
2 Memory 12GB DDR4
3 HDD 1TB HDD
4 Graphics nVidia GeForce 930mx
Tabel 2. 1 Analisa Kebutuhan Perangkat Keras

2.4.2 Implementasi Perangkat Lunak

1. Analisa Kebutuhan Perangkat Lunak

13
 Perangkat lunak memiliki pengertian sebagai sekumpulan data yang
diformat dan disimpan secara digital dalam bentuk program atau intruksi
untuk menjalankan suatu perintah yang diinputkan ke perangkat
komputer. Berikut analisa kebutuhan perangkat lunak dapa dilihat pada
tabel berikut ini.

No Perangkat Spesifikasi
1 Operating System Windows 10 64Bit
2 Application XAMPP
3 Application Wordpress
Tabel 2. 2 Analisa Kebutuhan Perangkat Lunak

2.4.3 Implementasi Antar Muka

Berikut merupakan implementasi antar muka dari website company :

e. Homepage

Gambar 2. 12 Halaman Homepage

14
 Pada halaman homepage terdapat banner website company toko
gentong sari artha yang beara paling atas. Dibawah dari banner tersebut
ada kata penyambut dan deskripsi pendek dari toko gentong sari artha
dan melihatkan jenis produk yang dijual, lalu dibawahnya terdapat link
sosial media dari toko gentong sari artha.
f. Produk

Gambar 2. 13 Halaman produk

Pada halaman produk terdapat gambar barang-barang yang di pajang di

toko gentong sari artha. Gambar dilengkapi dengan deskripsi seperti
nama produk, warna, dan ukuran.

g. About us

Gambar 2. 14 Halaman about us

15
 Pada halaman about us terdapat banner dan video pendek tentang toko
gentong sari artha dan bagai mana produk itu dibuat. Selanjutnya
dibawah itu terdapat visi dan misi dari toko gentong sari artha

h. Contact

Gambar 2. 15 Halaman contact

Pada halaman contact terdapat google map yang bisa di pakai oleh
pelanggan untuk mecari toko gentong sari artha, lalu dibawahnya
terdapat alamat untuk membantu mencari toko gentong sari artha. Email
yang terletak di bawah alamat dapat membantu pelanggan untuk
menghubungi toko gentong sari artha, jika pelanggan ingin
menghubungin melewati telpon bisa dilihat di bawah alamat email
tersebut

2.5 Pengujian sistem

Pengujian sistem pada website company Gentong Sari Artha

meggunakan Black box testing. Hasil dari black box testing dari website company

16
gentong sari artha dapet dilihat pada tabel

Black Box testing

Sekenario Kasus Hasil Yang Di Hasil
Kesimpulan
Pengujian Pengujian Harapkan pengujian
User
Website akan
Membuka membuka
berhasil di Sesuai Normal
Website website
jalankan
pertama kali
User memilih Website
Memilih menu
menu home menampilkan Sesuai Normal
home
pada website halaman home
User pada
halaman User akan
Mengklik
home diarahkan ke
Button Sosial
mengklik facebook Sesuai Normal
media
button Sosial gentong sari
facebook
media artha
facebook
User pada
halaman User akan
Mengklik
home diarahkan ke
Button Sosial
mengklik whatsapp Sesuai Normal
media
button Sosial gentong sari
whatsapp
media artha
whatsapp
User pada
halaman User akan
Mengklik
home diarahkan ke
Button Sosial
mengklik instagram Sesuai Normal
media
button Sosial gentong sari
instagram
media artha
instagram

17
 User memilih Website
Memilih menu
menu produk menampilkan Sesuai Normal
produk
pada website halaman produk
User
Website
mengklik
menampilkan
Memperbesar gambar untuk
gambar produk Sesuai Normal
gambar melihat
yang di klik
gambar lebih
dengan besar
detail
User memilih Website
Memilih menu menu about menampilkan
Sesuai Normal
about us us pada halaman about
website us
User
mengklik Website
Mumutar video video pada menampilkan Sesuai Normal
halaman sebuah video
about us
User memilih Website
Memilih menu
menu contact menampilkan Sesuai Normal
contact
pada website halaman contact
Website google
User
map yang
berinteraktif
menunjukan
dengan
alamat toko dan
Google map google map Sesuai Normal
user bisa
yang berapa
berinteraktif
di halaman
google map
contact
tersebut
Tabel 2. 3 Hasil Pengujian black box testing

18
 BAB III

PENUTUP

Sebagai akhir penulisan laporan kerja praktek ini, saya menyajikan

beberapa kesimpulan dan saran yang saya ambil dari pembahasan yang
dijelaskan pada bab sebelumnya.

3.1 Kesimpulan

Berdasarkan hasil implementasi yang dilakukan pada Laporan Kerja

Praktek dengan judul IMPLEMENTASI WEBSITE COMPANY PADA GENTONG
SARI ARTHA BERBASIS WORDPRESS dapat disimpulkan bahwa telah
dihasilkan website company gentong sari artha yang bisa menampilkan informasi
tentang toko gentong sari artha dan produk yang dibuat. dan dapat menarik
minat pelanggan baru.

3.2 Saran

Dikarenakan website ini masih terbilang baru di buat maka website ini
masih memiliki kekurangan baik itu fitur-fitur maupun desain itu sendiri. Maka dari
itu sebaiknya untuk mengembangkan lebih lanjut seperti meperbagus desain dan
menambahkan fitur yang di perlukan.

19
 DAFTAR PUSTAKA

[1] A. Zulkarnain, A. Tirtana, and D. W. S. Susanto, “Sistem Informasi Karya

Inovatif berbasis CMS Wordpress Studi Kasus STIKI Malang,” J. Ilm.
Teknol. Inf. Asia, vol. 14, no. 2, p. 93, 2020, doi: 10.32815/jitika.v14i2.474.

[2] A. P. Hasibuan and D. Anubhakti, “Implementasi E-Commerce

Menggunakan Content Management System ( Cms ) Untuk
Meningkatkan,” J. IDEALIS, vol. 3, no. 1, pp. 157–163, 2020.

[3] U. Rahardja, I. Handayani, and A. A. Ningrum, “Pemanfaatan Sistem iMe

Berbasis WordPress sebagai Official Site RCEP pada Perguruan Tinggi,”
Creat. Inf. Technol. J., vol. 4, no. 3, p. 207, 2018, doi:
10.24076/citec.2017v4i3.111.

[4] D. Anjarkusuma, B. Soepeno, J. A. Niaga, N. Malang, and D. A. C. Id,

“Penggunaan Aplikasi CMS Wordpress Untuk Merancang Website
Sebagai Media Promosi pada Maroon Wedding Malang,” J. AKUNTANSI,
Ekon. dan Manaj. BISNIS, vol. 2, no. 1, p. 63, 2014.

20
 LAMPIRAN

Lampiran 1 Sertifikat

Lampiran 2 Pendaftaran Kerja Praktek

21
Lampiran 3 Surat pengantar kerja praktek

22
Lampiran 4 Surat bimbingan kerja praktek

23