LAPORAN PRAKTIK KERJA LAPANGAN

DINAS KOMUNIKASI INFORMATIKA

STATISTIK DAN PERSANDIAN

Disusun Sebagai Syarat Untuk Menyelesaikan Tugas Akhir

Praktik Kerja Lapangan (PKL)

Disusun Oleh :

MUHAMMAD SURYA AJI PRAJA

NIS. 20-07-036

PROGRAM KEAHLIAN TEKNIK KOMPUTER DAN INFORMATIKA

KOMPETENSI KEAHLIAN TEKNIK KOMPUTER DAN JARINGAN
SMK NEGERI 1 SIMPANG EMPAT
TANAH BUMBU
2022
 LAPORAN PRAKTIK KERJA LAPANGAN
DINAS KOMUNIKASI INFORMATIKA
STATISTIK DAN PERSANDIAN

Disusun Sebagai Syarat Untuk Menyelesaikan Tugas Akhir

Praktik Kerja Lapangan (PKL)

Disusun Oleh :

MUHAMMAD SURYA AJI PRAJA

NIS. 20-07-036

PROGRAM KEAHLIAN TEKNIK KOMPUTER DAN INFORMATIKA

KOMPETENSI KEAHLIAN TEKNIK KOMPUTER DAN JARINGAN
SMK NEGERI 1 SIMPANG EMPAT
TANAH BUMBU
2022

i
 HALAMAN PENGESAHAN

Laporan Kegiatan Praktik Kerja Lapangan (PKL) yang disusun oleh :

Nama : Muhammad Surya Aji Praja
NIS : 20-07-043
Program Studi : Teknik Komputer dan Informatika
Kompetensi Keahlian : Teknik Komputer dan Jaringan

Telah disahkan pada :

Hari : ……………………..
Tanggal : ……………………..

Pembimbing Perusahaan/Instansi, Pembimbing Sekolah,

Sudirman Se.Mm Muammar Ajianto, S.Kom

Mengetahui :

An. Kepala Kepala Program

Wakasek Bidang Humas/HI, Teknik Komputer dan Informatika,

Muhammad Ali, S. Kom Muhammad Jamaluddin, S.Kom

NIP. 19851230 200908 1 001 NIP. 19940605202012 1 013

ii
 KATA PENGANTAR

Laporan ini dibuat untuk memenuhi persyaratan tugas akhir praktik kerja
lapangan di SMK Negeri 1 Simpang Empat dengan tujuan melaporkan segala
sesuatu yang ada kaitannya dengan dunia kerja di Dinas Komunikasi Statistic Dan
Persandian

Penyusun menyadari bahwa tanpa adanya petunjuk, bimbingan, serta dukungan

dan bantuan dari berbagai pihak, tentunya laporan ini tidak dapat terselesaikan
dengan baik. Oleh karena itu pada kesempatan ini penyusun ingin menyampaikan
ucapan terima kasih kepada :

1. Bapak Drs. Amran Ali, MM selaku Kepala SMK Negeri 1 Simpang Empat.
2. Bapak Muhammad Jamaluddin, S.Kom selaku Kepala Program Teknik
Komputer dan Informatika.
3. Bapak Muammar Ajianto S.Kom selalu guru pembimbing.
4. Seluruh Guru dan Staff SMK Negeri 1 Simpang Empat.
5. Bapak Ardiansyah selaku kepala dinas komunikasi statistik
6. Bapak Sudirman Se.Mm selaku pembimbing industri.
7. Seluruh Karyawan dinas komunikasi
8. Orang Tua yang selama ini terus memberikan do’a dan dukungannya.

Mengingat kurangnya pengetahuan dan penyusunan, maka penyusun menyadari

bahwa dalam penyusunan laporan ini masih banyak terdapat kekurangan dan
kesalahan. Maka dengan ini, penyusun mengharapkan saran dan kritik yang
sifatnya membangun dari pembaca untuk kesempurnaan dalam penyusunan dalam
pembuatan tugas akhir selanjutnya.

Simpang Empat, 14 Mei 2022

iii
 Penyusun

iv
 DAFTAR ISI

Halaman
HALAMAN PENGESAHAN................................................................................ii
KATA PENGANTAR..........................................................................................iii
DAFTAR GAMBAR..............................................................................................v
DAFTAR TABEL..................................................................................................x
BAB 1 PENDAHULUAN......................................................................................1
A. Latar Belakang..........................................................................................1
B. Tujuan.......................................................................................................2
C. Manfaat.....................................................................................................2
BAB 2 PELAKSANAAN KEGIATAN................................................................3
A. Gambaran Umum Instansi........................................................................3
1. Sejarah Singkat Diskominfo SP............................................................3
2. Visi Dan Misi Dinas Komunikasi Informatika Tanah Bumbu..............3
3. Struktur Organisasi Dinas Komunikasi Informatika Tanah Bumbu.....4
B. Uraian Kerja..............................................................................................5
C. Tempat Dan Waktu...................................................................................7
BAB 3 PEMBAHASAN.........................................................................................9
A. Kajian Teori..............................................................................................9
1. Membuat Landing Page Untuk Olshop Menggunakan Page Builder
Pada Platform CMS Wordpress................................................................9
B. Temuan Studi..........................................................................................10
1. Persiapan Kerja...................................................................................10
2. Pembuatan Landing Page Pada Menggunakan Elementor..................11
3. Mengunggah Website Ke Online Hosting..........................................48
BAB 4 PENUTUP.................................................................................................52
A. Kesimpulan.............................................................................................52
B. Saran.......................................................................................................52
DAFTAR PUSTAKA...........................................................................................54
L A M P I R A N...................................................................................................55

v
 DAFTAR GAMBAR

Gambar 2. 1 Struktur Organisasi.............................................................................5

Gambar 3. 1 Login Dashboard Wordpress...............................................................8
Gambar 3. 2 Menambahkan Tema...........................................................................8
Gambar 3. 3 Plugin Ocean Extra.............................................................................9
Gambar 3. 4 Plugin Elementor.................................................................................9
Gambar 3. 5 Plugin Elementor Add-On...................................................................9
Gambar 3. 6 Plugin Elementor Header & Footer Builder........................................9
Gambar 3. 7 Plugin Woocommerce.......................................................................10
Gambar 3. 8 Plugin Cat Slider For Woo................................................................10
Gambar 3. 9 Plugin All In One Wp Migration......................................................10
Gambar 3. 10 Mengaktifkan Plugin.......................................................................11
Gambar 3. 11 Menambahkan Laman.....................................................................11
Gambar 3. 12 Konfigurasi Laman Home...............................................................12
Gambar 3. 13 Konfiguraasi Laman Home.............................................................12
Gambar 3. 14 Menyunting Laman.........................................................................12
Gambar 3. 15 Menerbitkan Laman........................................................................12
Gambar 3. 16 Interface Elementor.........................................................................13
Gambar 3. 17 Menambahkan Section....................................................................13
Gambar 3. 18 Menambahkan Inner Section...........................................................13
Gambar 3. 19 Section Utama.................................................................................14
Gambar 3. 20 Penyesuaian Tinggi.........................................................................14
Gambar 3. 21 Penyesuaian Warna.........................................................................14
Gambar 3. 22 Dual Color Heading........................................................................15
Gambar 3. 23 Penyesuaian Dual Color Heading...................................................15
Gambar 3. 24 Penyesuain Dual Color Heading.....................................................15
Gambar 3. 25 Menyesuaikan Ukuran Column.......................................................16
Gambar 3. 26 Warna Global..................................................................................16
Gambar 3. 27 Triple Strip......................................................................................16
Gambar 3. 28 Pengaturan Situs..............................................................................16

vi
Gambar 3. 29 Warna Sekunder..............................................................................16
Gambar 3. 30 Warna Utama..................................................................................16
Gambar 3. 31 Font Utama......................................................................................17
Gambar 3. 32 Font Sekunder.................................................................................17
Gambar 3. 33 Penyesuain Dual Color Heading.....................................................17
Gambar 3. 34 Menambahkan Tombol...................................................................18
Gambar 3. 35 Penyesuaian Tombol.......................................................................18
Gambar 3. 36 Pemberian Icon................................................................................18
Gambar 3. 37 Penyesuaian Tombol.......................................................................19
Gambar 3. 38 Penyesuaian Tombol.......................................................................19
Gambar 3. 39 Penyesuaian Tombol.......................................................................19
Gambar 3. 40 Penyesuaian Tombol.......................................................................19
Gambar 3. 41 Penyesuaian Tombol.......................................................................20
Gambar 3. 42 Penyesuaian Tombol.......................................................................20
Gambar 3. 43 Penyesuaian Tombol.......................................................................20
Gambar 3. 44 Penyesuaian Tombol.......................................................................20
Gambar 3. 45 Penyesuaian Tombol.......................................................................21
Gambar 3. 46 Penyesuaian Tombol.......................................................................21
Gambar 3. 47 Penyesuaian Inner Section..............................................................21
Gambar 3. 48 Widget Gambar...............................................................................21
Gambar 3. 49 Penyesuaian Gambar.......................................................................22
Gambar 3. 50 Penyesuaian Gambar.......................................................................22
Gambar 3. 51 Penyesuaian Gambar.......................................................................22
Gambar 3. 52 Penyesuaian Gambar.......................................................................22
Gambar 3. 53 Penyesuaian Inner Section..............................................................23
Gambar 3. 54 Menambahkan Section....................................................................23
Gambar 3. 55 Memilih Layout Section.................................................................23
Gambar 3. 56 Menyesuaikan Section....................................................................23
Gambar 3. 57 Menyesuaikan Tittle........................................................................24
Gambar 3. 58 Menyesuaikan Tittle........................................................................24
Gambar 3. 59 Menambahkan Widget Penyunting Text.........................................24

vii
Gambar 3. 60 Menyesuaikan Penyunting Teks.....................................................25
Gambar 3. 61 Menyesuaikan Penyunting Teks.....................................................25
Gambar 3. 62 Menambahkan Widget Shortcode...................................................25
Gambar 3. 63 Menyesuaikan Cat Slider................................................................25
Gambar 3. 64 Menyesuaikan Cat Slider................................................................26
Gambar 3. 65 Menyesuaikan Cat Slider................................................................26
Gambar 3. 66 Menyesuaikan Cat Slider................................................................26
Gambar 3. 67 Menyesuaikan Cat Slider................................................................27
Gambar 3. 68 Menyesuaikan Cat Slider................................................................27
Gambar 3. 69 Menerbitkan Cat Slider...................................................................27
Gambar 3. 70 Menambahkan Kategori..................................................................28
Gambar 3. 71 Menyesuaikan Shortcode................................................................28
Gambar 3. 72 Menduplikat Section.......................................................................29
Gambar 3. 73 Mengubah Shortcode......................................................................29
Gambar 3. 74 Mengubah Tittle..............................................................................29
Gambar 3. 75 Mengubah Penyunting Teks............................................................30
Gambar 3. 76 Menambahkan Section Baru...........................................................30
Gambar 3. 77 Memberi Margin.............................................................................30
Gambar 3. 78 Memberi Warna Pada Section Utama.............................................31
Gambar 3. 79 Menambahkan Tittle.......................................................................31
Gambar 3. 80 Menyesuaikan Tittle........................................................................31
Gambar 3. 81 Menyesuaikan Tittle........................................................................32
Gambar 3. 82 Menambahkan Penyunting Teks.....................................................32
Gambar 3. 83 Menambahkan Penyunting Teks.....................................................32
Gambar 3. 84 Menambahkan Penyunting Teks.....................................................33
Gambar 3. 85 Menambahkan Inner Section...........................................................33
Gambar 3. 86 Menambahkan Kotak Gambar........................................................33
Gambar 3. 87 Menyesuaikan Kotak Gambar.........................................................34
Gambar 3. 88 Menyesuaikan Kotak Gambar.........................................................34
Gambar 3. 89 Menyesuaikan Kotak Gambar.........................................................35
Gambar 3. 90 Menyesuaikan Kotak Gambar.........................................................35

viii
Gambar 3. 91 Menyesuaikan Kotak Gambar.........................................................35
Gambar 3. 92 Membuat Kategori..........................................................................36
Gambar 3. 93 Menambahkan Pos..........................................................................36
Gambar 3. 94 Membuat Pos...................................................................................37
Gambar 3. 95 Menambahkan Laman.....................................................................37
Gambar 3. 96 Menyunting Laman.........................................................................38
Gambar 3. 97 Menyunting Laman.........................................................................38
Gambar 3. 98 Menyunting Laman.........................................................................39
Gambar 3. 99 Menyunting Laman.........................................................................39
Gambar 3. 100 Menambahkan Kategori................................................................40
Gambar 3. 101 Menerbitkan Produk......................................................................40
Gambar 3. 102 Menyunting Mode Baca................................................................40
Gambar 3. 103 Menyesuaikan Permalink..............................................................41
Gambar 3. 104 Duplikat Section............................................................................41
Gambar 3. 105 Sunting Title..................................................................................41
Gambar 3. 106 Sunting Title..................................................................................41
Gambar 3. 107 Sunting Teks..................................................................................42
Gambar 3. 108 Sunting Teks..................................................................................42
Gambar 3. 109 Menambahkan Post Grid...............................................................42
Gambar 3. 110 Menyesuaikan Post Grid...............................................................42
Gambar 3. 111 Menyesuaikan Post Grid...............................................................42
Gambar 3. 112 Mengubah Warna Section.............................................................43
Gambar 3. 113 Menambahkan Inner Section.........................................................43
Gambar 3. 114 Memberikan Margin Pada Section................................................43
Gambar 3. 115 Menyunting Tittle..........................................................................44
Gambar 3. 116 Menyunting Penyunting Teks.......................................................44
Gambar 3. 117 Menyunting Tittle..........................................................................44
Gambar 3. 118 Memberi Warna Pada Section Utama...........................................45
Gambar 3. 119 Menyunting Gambar.....................................................................45
Gambar 3. 120 Menyunting Gambar.....................................................................45
Gambar 3. 121 Ekspor Situs..................................................................................46

ix
Gambar 3. 122 Mengunduh Hasil Ekspor..............................................................46
Gambar 3. 123 Daftar Akun Baru Untuk Layanan Client Area.............................46
Gambar 3. 124 Melengkapi Data Diri....................................................................47
Gambar 3. 125 Daftar Akun...................................................................................47
Gambar 3. 126 Verifikasi Email............................................................................48
Gambar 3. 127 Masuk Client Area........................................................................48
Gambar 3. 128 Dashboard Client Area..................................................................48
Gambar 3. 129 Halaman Services..........................................................................49
Gambar 3. 130 Memilih Paket Hosting.................................................................49
Gambar 3. 131 Daftar Domain...............................................................................49
Gambar 3. 132 Memilih Paket Periode..................................................................50
Gambar 3. 133 Konfigurasi Domain......................................................................50

x
 DAFTAR TABEL

Tabel 2. 1 Uraian Kerja............................................................................................7

Tabel 2. 2 Jadwal Kerja............................................................................................8

xi
 BAB I
PENDAHULUAN

A. Latar Belakang
Program Praktik Kerja Lapangan di SMKN 1 Simpang Empat
merupakan kegiatan pendidikan, pelatihan, dan pembelajaran bagi siswa yang
dilakukan di dunia usaha atau dunia industri yang berkaitan dengan
kompetensi siswa, sesuai dengan bidang yang digelutinya untuk menambah
wawasan, pengetahuan, keterampilan dan etika pergaulan khususnya pada
lingkungan kerja nyata bagi siswa sebelum siswa tersebut memasuki dunia
bisnis yang sebenarnya, sehingga diharapkan setelah siswa lulus bukan hanya
menguasai ilmu hasil praktek tersebut didunia nyata dengan baik,namun
bermanfaat bagi dirinya maupun bagi Perusahaan dimana tempat siswa
tersebut bekerja nantinya.
Memilih tempat praktik kerja lapangan atau (PKL) Bersama dinas
komunikasi informatika merupakan awalan yang baik untuk mempelajari dan
memperdalam tentang prodi studi yang akan di bahas di dalamnya dengan
meningkatkan kualitas serta kepribadian karakter siswa nya, Dan keuntungan
lainnya saat melakukan magang disini yaitu adalah siswa dapat mengenal
dunia industri yang berjalan di bidang kepemerintahan sehingga bukan hanya
melakukan kegiatan praktik kerja lapangan (PKL) saja namun siswa juga
dapat mengenali tentang kondisi ataupun status kepemerintahan daerah
mereka, walaupun selama periode penulis melakukan praktik kerja lapangan
(PKL) Bersama dinas komunikasi informatika, penulis tidak pernah
mendapatkan kegiatan praktik yang benar-benar berarti bagi program
kompetensi yang penulis miliki, namun kegiatan praktik kerja lapangan lebih
sering di gunakan untuk mempelajari tugas yang di berikan oleh instruktur
terkait.

1
 2

B. Tujuan
Selama penulis melakukan kegiatan praktek kerja lapangan Bersama
dinas komunikasi informatika, penulis memiliki maksud dan tujuan yang
hanya bisa di capai bersama instansi tersebut, di antara lain :
1. Menambah ilmu serta wawasan penulis terkait program studi serta dunia
industry yang bergerak di bidang kepemerintahan
2. Menambah relasi serta kenalan dengan mempererat hubungan di antara
penulis serta pembimbing maupun seluruh staff yang berada di dinas
komunikasi informatika
3. Membentuk pengalaman yang telah di lalui Bersama dinas komunikasi
informatika agar bisa berguna suatu saat nanti.
4. Menjadikan program praktik kerja lapangan (PKL) Bersama dinas
komunikasi informatika sebagai sarana refreshing dan hiburan untuk
melepaskan diri dari kegiatan sehari-hari penulis sembari mengenal dunia
industry

C. Manfaat
Keuntungan yang saya peroleh bersama Dinas Komunikasi
Informatika sangatlah berguna untuk mendorong siswa ke tahapan
berikutnya, seperti :
1. Penulis mampu merasakan dunia industry di mana penulis mampu
bekerja bersama di dalam Tim
2. Dengan banyaknya siswa serta staff yang melakukan dan mewujudkan
kegiatan PKL bersama, maka penulis dapat memiliki banyak refrensi
serta pandangan yang baru terkait dunia industri
3. Penulis dapat membagikan dan mengimplementasikan ilmu yang didapat
selama kegiatan program praktik kerja lapangan (PKL) berlangsung
sehingga ilmu yang penulis dapatkan mampu berguna bagi sesama
 BAB II
PELAKSANAAN KEGIATAN

A. Gambaran Umum Instansi

1. Sejarah Singkat Diskominfo SP
Terbentuknya Kabupaten Tanah Bumbu ditandai dengan
keluarnya Undang-Undang No.2 Tahun 2003 tentang Pembentukan
Kabupaten Tanah Bumbu dan Kabupaten Balangan di Kalimantan
Selatan, telah memulai babak baru dalam proses pemerintahan dan
Daerah Administrasi menjadi Daerah Otonom. Dengan semangat
reformasi untuk meningkatkan pelayanan kepada masyarakat khususnya
masyarakat Kabupaten Tanah Bumbu, yang sebelumnya di bawah
pemerintahan Kotabaru.
Terbentuknya Dinas Perhubungan pada tahun 2007 berdasarkan
Peraturan Daerah No.16 tahun 2007 Tentang Pembentukan, Kedudukan,
Tugas Pokok, dan Susunan Organisasi Dinas Deerah Kabupaten Tanah
Bumbu.
Dengan dikeluarkannya UUD 23 Tahun 2014, yang
mengamanatkan bahwa Kominfo telah resmi menjadi ikatan Dinas di
pemerintahan Kabupaten Tanah Bumbu. Maka dari itu, Kominfo yang
dulunya bergabung dengan Dinas Perhubungan, kini telah memiliki
Dinas sendiri, Yaitu Dinas Komunikasi dan Infomatika. Dinas Kominfo
berdiri pada tanggal 28 Desember 2016, dan sejak itu juga di atas dan
dibentuk perangkat-perangkat daerah Dinas Komunikasi guna menunjang
jalannya informasi dan teknologi di pemerintahan daerah Kabupaten
Tanah Bumbu.

2. Visi Dan Misi Dinas Komunikasi Informatika Tanah Bumbu

a. Visi
Terwujudnya Komunikasi dan Informatika yang prima dalam
menyelenggarakan pemerintahan daerah menuju Tanah Bumbu yang
maju, sejahtera dan berintelektual tinggi

3
 4

b. Misi
1) Peningkatan kualitas dan kemampuan sumber daya aparatur
serta peningkatan penyelenggaraan pemerintah.
2) Mendorong peningkatan kapasitas kelembagaan serta
pemahaman masyarakat tentang hukum dan Peraturan
Perundang – undangan.
3) Meningkatkan pemahaman masyarakat akan pentingnya
pengelolaan lingkungan hidup.
4) Peningkatan partisipasi masyarakat, mendorong percepatan
pembangunan ekonomi dan penciptaan lapangan kerja baru serta
perluasan lapangan kerja baru serta perluasan lapangan kerja di
masyarakat.
5) Peningkatan sumber daya alam manusia masyarakat kelurahan
Batulicin sehingga mampu bersaing dengan peningkatan akses
layanan Pendidikan berstandar nasional dan kesehatan
terjangkau.
6) Meningkatkan Pemberdayaan masyarakat diwilayah kelurahan
Batulicin guna mengangkat kualitas keluarga
prasejahtera/sejahtera yang mengamalkan ajaran agama dalam
kehidupan sehari – hari.
 5

3. Struktur Organisasi Dinas Komunikasi Informatika Tanah Bumbu

Berikut adalah struktur organisasi yang di miliki oleh dinas
komunikasi informatika tanah bumbu :

Gambar 2. 1 Struktur Organisasi

B. Uraian Kerja
Adapun beberapa serangkaian kegiatan secara umum yang sering
penulis lakukan saat program studi seperti berikut :
1) Melakukan absensi Ketika hendak memulai ataupun mengakhiri kegiatan
study
2) Berdoa Bersama ketika study hendak di mulai atau telah berakhir
3) Mempersiapkan perangkat pendukung study seperti
proyektor,speaker,dan stopkontak
4) Mengikuti arahan ataupun menyelesaikan tugas yang di berikan oleh
instruktur.
 6

Serta Adapun beberapa kegiatann secara spesifik yang penulis lakukan

di tiap harinya seperti berikut :

NO Hari/Tanggal Kegiatan Jenis Kegiatan

1 Senin, 14 februari 2022 Mengenal Web

2 Selasa, 15 februari 2022 Instalasi photoshop

3 Rabu , 16 februari 2022 Mengenal Html

4 Kamis, 17 februari 2022 Mengenal jurnalistik

5 Jumat 18 februari 2022 Instalasi kabel Lan

6 Senin 21 februari 2022 Mengenal cms

7 Selasa 22 Februari 2022 Membuat spanduk dengan photoshop

8 Rabu 23 Fenruari 2022 Menginstall code editor

9 Kamis 24 Februari 2022 Mengenal Teknik shoot video

10 Jumat 25 Februari 2022 Mengenal topologi

11 Selasa 01 Maret 2022 Mengenal platform figma

12 Rabu 02 Maret 2022 Menuliskan hello word pada html

13 Kamis 03 Maret 2022 Membuat kelompok video jurnalistik

14 Jumat 04 Maret 2022 Pemeteaan topologi di diskominfo

15 Senin 07 Maret 2022 Instalasi wordpress

Membuat design landing page

16 Selasa 08 Maret 2022
menggunakan figma

17 Rabu 09 Maret 2022 Mengenal penggunaan tag

Membuat rancangan scenario video

18 Kamis 10 Maret 2022
jurnalistik

19 Jumat 11 Maret 2022 Mengenal mikrotik

 7

Membuat website pribadi dengan

20 Senin 14 Maret 2022
wordpress

21 Selasa 15 Maret 2022 Membuat design login page pada figma

22 Rabu 16 Maret 2022 Mengenal penggunaan atribut

Menentukan actor dan choreography

23 Kamis 17 Maret 2022
jurnalistik

24 Jumat 18 Maret 2022 Konfigurasi hotspot pada mikrotik

Merapikan tampilan website pada

25 Senin 21 Maret 2022
wordpress

26 Selasa 22 Maret 2022 Membuat design iklan pada figma

Mengenal tag paragraph pada html dan

27 Rabu 23 Maret 2022
penulisanya

28 Kamis 24 Maret 2022 Shooting video jurnalistik

Mempresentasikan hasil settingan

29 Jumat 25 Maret 2022
mikrotik
Memberikan post dan instalasi plugin
30 Senin 28 Maret 2022
wordpress

31 Selasa 29 Maret 2022 Membuat design kartu lebaran

32 Rabu 30 Maret 2022 Mengenal tag image dan penlisannya

33 Kamis 31 Maret 2022 Proses editing video jurnalistik

34 Jumat 01 April 2022 Penjelasan seputar materi UKK

Pembagian kelompok pembuatan website

35 Senin 04 April 2022
wordpress

36 Selasa 05 April 2022 Membuat logo pada canva

37 Rabu 06 April 2022 Mengenal tag table dan penulisanya

38 Kamis 07 April 2022 Proses editing video jurnalistik

 8

39 Jumat 08 April 2022 Konfigurasi vlan mikrotik

Pembuatan website online shop

40 Senin 11 April 2022
berkelompok

41 Selasa 12 April 2022 Membuat logo pada canva

42 Rabu 13 April 2022 Mengenal tag form dan penulisannya

43 Kamis 14 April 2022 Liputan dan kunjungan ke kantor DPRD

44 Jumat 15 April 2022 Konfigurasi acces point

45 Senin 18 April 2022 Upload website ke hosting

Memuat dan menginstall property untuk

46 Selasa 19 April 2022
acara
Menjemput property dari acara yang telah
47 Rabu 20 April 2022
usai

48 Kamis 21 April 2022 Publishing video jurnalistik

49 Jumat 22 April 2022 Memasang acces point

50 Senin 25 April 2022 Presentasi hasil website kelompok

51

52

53

54

55

56

Tabel 2. 1 uraian kerja

 9

C. Tempat Dan Waktu

Penulis melaksanakan kegiatan praktik kerja lapangan Bersama dinas
Komunikasi informatika yang berlokasi di Jalan Dharma Praja Gunung
Tinggi No. 3 Kecamatan Batulicin Kabupaten Tanah Bumbu, yang
berlangsung pada 14 februari hingga 14 mei dengan total 3 bulan.adapun
jadwal kegiatan yang penulis lakukan selama melaksanakan kegiatan praktik
kerja lapangan Bersama dinas komunikasi informatika statistic dan
persandian

JAM
HARI
Masuk Istirahat Pulang

Senin 08.00 12.00 – 13.00 16.00

Selasa 08.00 12.00 – 13.00 16.00

Rabu 08.00 12.00 – 13.00 16.00

Kamis 08.00 12.00 – 13.00 14.00

Jumat 07.30 11.30 – 13.00 16.00

Tabel 2. 2 jadwal kerja

 BAB III
PEMBAHASAN

A. Kajian Teori
1. Membuat Landing Page Untuk Olshop Menggunakan Page Builder Pada
Platform CMS Wordpress
a. Pengertian CMS Serta Fungsinya
Content Management System (CMS) merupakan sebuah
platform berupa software yang digunakan untuk mengatur dan
membuat berbagai konten pada website. fungsi utama dari sebuah
Content Management System (CMS) untuk dapat mengelola dan
mengembangkan konten secara lebih fleksibel, mudah, dan cepat.
Salah satu Aplikasi CMS yang di gunakan oleh penulis
merupakan Wordpress yang merupakan salah satu platform CMS
yang Open Source sehingga banyak sekali komunitas serta panduan
yang terkait dengan wordpress, selain itu beberapa kelebihan lain
seperti fitur theme,plugin serta UI/UX yang ramah pemula
membuatnya sangat di nikmati para pemula
b. Sejarah Olshop (Online Shop) Dan Pengertiannya
‘Olshop’ adalah singkatan dari online shopping, maka dapat
di artikan bahwa ‘olshop’ merupakan toko online yang menjual
suatu produk kepada konsumen dengan cara online atau
menggunakan internet.
Kinerja dari olshop ini sangat berbeda dengan toko yang
biasa kita lihat langsung dalam kehidupan sehari-hari. Sebab, segala
aktivitas yang dilakukan oleh olshop semua menggunakan media
online, baik itu dari sosial media, website, webshop, dan lain
sebagainya yang terhubung dengan internet, dan juga Dalam hal
promosi, banyak olshop yang menggunakan sosial media sebagai
wadah untuk mempromosikan produk atau website bisnisnya

9
 10

c. Pengertian Page Builder

Mengingat penulis menggunakan CMS Wordpress sebagai
platform pembuatan website sehingga kehadiran plugin page builder
sangatlah membantu dalam melakukan kustomisasi tampilan
mengingat penulis hanya perlu melakukan drag & drop pada widget
yang di sediakan oleh page builder pada layout yang telah kita
sesuaikan dalam melakukan customisasi.
Salah satu plugin page builder yang penulis gunakan
merupakan elementor yang memiliki puluhan widget berguna serta
kemudahan dalam melakukan customisasi menggunakan layouting
yang di miliki elementor.

B. Temuan Studi
1. Persiapan Kerja
Sebelum memulai pembuatan landing page pastikan teman-teman
memiliki hosting yang akan di gunakan,dalam kasus ini penulis
menggunakan localhost sebelum hasil landing page di publikasikan
melalui hosting online, Adapun beberapa hal yang perlu teman-teman
siapkan sebagai berikut :
a. Persyaratan umum yang di perlukan :
1) Pc dengan akses Internet
2) Hosting online maupun local
3) Material gambar maupun logo pendukung
b. Software yang di perlukan :
1) Wordpress
2) Tema OceanWP
3) Plugin Ocean
4) Plugin elementor
5) Plugin elementor add-on
6) Plugin elementor header & footer builder
7) Plugin woocomerce
 11

8) plugin all in one migration

2. Pembuatan Landing Page Pada Menggunakan Elementor
Proses pembuatan Landing Page untuk Website bertema Online
Shop menggunakan Page Builder elementor pada Platform CMS
Wordpress
1) Login pada dashboard wordpress yang telah di install di hosting

Gambar 3. 1 Login Dashboard Wordpress

2) Tambahkan dan aktifkan tema pada Tampilan > tema > tambah baru
lalu cari dan install tema Ocean WP

Gambar 3. 2 Menambahkan Tema

 12

3) Install plugin yang akan di perlukan melalui Plugin > Tambah baru
lalu cari dan install seluruh plugin berikut

gambar 3. 3 plugin ocean extra

gambar 3. 4 plugin elementor

gambar 3. 5 plugin elementor add-on

gambar 3. 6 plugin elementor header & footer builder

 13

gambar 3. 7 plugin woocommerce

gambar 3. 8 plugin cat slider for woo

gambar 3. 9 plugin all in one wp migration

 14

4) Aktifkan semua plugin pada plugin > plugin terpasang lalu checklist
pada icon box plugin dan ubah terapkan massal pada box dropdown
menjadi aktifkan lalu klik tombol terapkan

gambar 3. 10 mengaktifkan plugin

5) Tambahkan Laman baru untuk homepage pada laman > tambah baru

gambar 3. 11 menambahkan laman

15
 16

6) Ketik ‘Home’ pada judul Laman lalu atur Content Layout pada
Sidebar ‘Main’ menjadi ‘100%Full Width’

gambar 3. 12 konfigurasi laman home

7) Set ‘Display Page Tittle’ menjadi Disable pada Sidebar ‘Tittle’

gambar 3. 13 konfiguraasi laman home

8. Klik tombol ‘Perbarui’ atau ‘Terbitkan’ lalu klik tombol ‘Sunting

Dengan Elementor’

gambar 3. 14 menerbitkan laman gambar 3. 15 menyunting laman

 17

9. Teman-teman akan masuk ke dalam interface awal elementor lalu

klik Icon ‘plus’ untuk menambahkan Section

gambar 3. 14 interface elementor

10. Klik pada Section dengan Satu Column

gambar 3. 15 menambahkan section

11. Drag & Drop Widget ‘Inner Section’ ke dalam Section yang telah
kita tambahkan

gambar 3. 16 menambahkan inner section

 18

12. Klik Symbol 6 titik pada Section utama lalu menu Penyunting akan
tampil,lalu atur pada ‘Box Dropdown’ tinggi menjadi tinggi minimal

gambar 3. 18 section utama gambar 3. 17 penyesuaian tinggi

13.
13. Masuk ke bagian ‘Gaya’ lalu klik Icon ‘Kuas’ pada ‘Jenis Latar’
selanjutnya klik Icon ‘Slash

berwarna
merah’ lalu
isikan warna
yang di

gambar 3. 19 penyesuaian warna

inginkan,dalam kasus ini penulis telah menyiapkannya
 19

14. Cari Widget yang Bernama ‘Dual Color Heading’ selanjutnya Drag
& Drop Widget tersebut ke dalam ‘Inner Section’ yang telah kita
buat pada bagian sebelah kiri
15.
 20

gambar 3. 20 dual color heading

Pada menu ‘Show Icon’ atur menjadi ‘Hide’ lalu isi teks yang teman-teman
inginkan pada ‘Box Tittle First’ dan ‘Last Part’

gambar 3. 21 penyesuaian dual color heading

16. Scroll pada bagian menu Penyunting hingga menemukan Box Sub
Text lalu
isi Box

gambar 3. 22 penyesuain dual color heading

tsb,selanjutnya atur mode Alignment menjadi Left
21
 22

17. Jika di perlukan kita bisa meng-Adjust ukuran Layout Columnnya

tergantung kebutuhan

gambar 3. 23 menyesuaikan ukuran column

18. Klik pada bagian ‘Triple Strip’ lalu pilih ‘Pengaturan Situs’

gambar 3. 26 triple strip gambar 3. 27pengaturan situs gambar 3. 28warna global

selanjutnya pilih ‘Warna Global’

19. Selanjutnya atur Warna Utama dan Sekunder sesuai kebutuhan

gambar 3. 29 warna utama gambar 3. 30 warna sekunder

 23

20. Lalu Kembali dan klik ‘Jenis Huruf Global’ lalu atur Font Utama
dan Sekunder sesuai keinginan

gambar 3. 24 font utama gambar 3. 25 font sekunder

21. Kembali pada penyunting Dual Color Heading lalu masuk ke bagian
‘gaya’ dan ke menu ‘Color & Typography’ selanjutny atur warna
sesuai keinginan

gambar 3. 26 penyesuain dual color heading

 24

22. Kembali menuju Interface awal Elementor lalu cari Widget ‘tombol’
pada kolom pencarian, selanjutnya Drag & Drop Widget tersebut
tepat di bawah teks Headline seperti di gambar

gambar 3. 27 menambahkan tombol

23. Pada penyunting Tombol, atur Teks yang akan di gunakan pada Box
‘Teks’ lalu klik ‘Icon’ pada menu Icon dan cari ‘shopping cart’

gambar 3. 29 penyesuaian tombol gambar 3. 28 pemberian icon

 25

24. Pada opsi ‘Normal’, atur jenis latar menjadi warna yang di inginkan
lalu pada Box ‘Radius Batas’ isi dengan Nominal Sepuluh,
selanjutnya pada opsi ‘Sorotan’ lakukan pemberian warna dan pada
Box Drop Down ‘Sorotan’ atur menjadi ‘Grow’

gambar 3. 30 penyesuaian tombol gambar 3. 31 penyesuaian tombol

25. Tekan shortcut ctrl+d untuk menduplikat tombol tersebut selama kita
masih berada di menu penyunting tombol,lalu masuk ke bagian
lanjutan dan pada box dropdown lebar, atur menjadi ‘sebaris (auto)’
pada kedua tombol lalu pada box margin,klk icon rantai lalu isi
nominal 30 pada box kiri jika teman-teman menyunting tombol
kanan dan sebaliknya

gambar 3. 33 penyesuaian tombol gambar 3. 32 penyesuaian tombol

 26

26. Ubah nama pada tombol tersebut pada bagian ‘Konten’ lalu isi nama
tombol tersebut pada Box ‘Teks’ , selanjutnya ubah Icon tsb dengan
mengklik logo Icon dan cari kata ‘Sign In’ pada Box pencarian

gambar 3. 34 penyesuaian tombol gambar 3. 35 penyesuaian tombol

27. Ubah tampilan pada tombol kedua pada bagian ‘Gaya’ lalu pada opsi
‘Normal’ ubah warna ‘Teks’ dan berikan jenis batas ‘solid’ lalu
isikan nominal sebesar ‘Dua’ dan berikan warna pada Batasan
tersebut, selanjutnya hapus warna Latar menjadi Transparan dengan
mengatur Slider Transparency menjadi ke kiri mentok

gambar 3. 36 penyesuaian tombol gambar 3. 37 penyesuaian tombol

 27

28. Pada opsi ‘Sorotan’ atur ‘Warna Teks’ dan ‘Warna Batas’ sesuai
keinginan lalu buat Transparan untuk warna ‘Latar’

gambar 3. 38 penyesuaian tombol gambar 3. 39 penyesuaian tombol

29. Klik pada Icon Box Titik pada ‘Inner Section’ lalu pada Box
Dropdown ‘Perataan Vertikal’ ubah menjadi ‘Tengah’

gambar 3. 40 penyesuaian inner section

30. Kembali menuju Interface awal Elementor lalu Drag & Drop Widget
gambar pada Inner Section sebelah kanan

gambar 3. 41 widget gambar

 28

gambar 3. 43 penyesuaian gambar gambar 3. 42 penyesuaian gambar

32. Teman- teman bisa meng-Adjust kelebaran gambar sesuai keinginan
melalui bagian ‘Gaya’, lalu pada opsi ‘Sorotan’ atur ‘Animasi
Sorotan’ menjadi ‘Grow’

gambar 3. 44 penyesuaian gambar gambar 3. 45 penyesuaian gambar

 29

33. Sunting ‘Inner Section’ lalu masuk ke bagian ‘Lanjutan’ dan pergi
ke menu ‘Efek Gerakan’ lalu atur ‘Animasi Masuk’ menjadi ‘Fade
In Left’ dan ‘Durasi Animasi’ menjadi ‘Lambat’

gambar 3. 46 penyesuaian inner section

34. Tambahkan Section baru dengan mengklik icon ‘Plus’ lalu pilih
Single Section

gambar 3. 47 menambahkan section gambar 3. 48 memilih layout section

35. ke bagian ‘Lanjutan’ lalu klik Icon Rantai agar sisi-sisi Margin tidak
saling terhubung lalu isikan nominal sebesar lima puluh pada Box
atas

gambar 3. 49 menyesuaikan section

 30

36. Tambahkan Widget ‘Tittle’ pada Section baru lalu pada Box Tittle
isi dengan teks ‘Kategori Produk’ , selanjutnya pergi ke Bagian
‘Gaya’ dan atur penulisan dari tittle tersebut

gambar 3. 50 menyesuaikan tittle gambar 3. 51 menyesuaikan tittle

37. Tambahkan widget ‘penyunting text’ tepat di bawah widget tittle

seperti di gambar berikut

gambar 3. 52 menambahkan widget penyunting text

 31

38. Pada bagian ‘Konten’ isi teks yang di inginkan pada box
‘Penyunting Teks’ lalu pada bagian ‘Gaya’ atur alignment menjadi

‘Center’

gambar 3. 54 penyunting teks gambar 3. 53 penyunting teks

39. Tambahkan Widget ‘Shortcode’ tepat di bawah Penyunting Teks

untuk menambahkan Category Slider

gambar 3. 55 menambahkan widget shortcode

 32

40. Untuk mengetahui Shortcode yang ingin kita berikan melalui

Dashboard lalu ke Menu Woo Cat Slider > add new dan berikan
nama untuk slider yang akan di sesuaikan lalu copy Shortcode yang

gambar 3. 56 menyesuaikan cat slider

tertera

41. Pada bagian ‘General Settings’ silahkan atur sesuai kebutuhan

ataupun bisa mengikuti gambar berikut

gambar 3. 57 menyesuaikan cat slider

 33

gambar 3. 58 menyesuaikan cat slider

42. Pada bagian ‘Display Options’ bisa mengikuti gambar berikut

gambar 3. 59 menyesuaikan cat slider

gambar 3. 60 menyesuaikan cat slider

43. Pada bagian ‘Thumbnail Settings’ bisa mengikuti gambar berikut

gambar 3. 61 menyesuaikan cat slider

 34

44. Stelah menyesuaikan cat slider lalu terbitkan hasil suntingan tersebut

gambar 3. 62 menerbitkan cat slider

 35

45. Tambahkan kategori melalui menu produk > kategori lalu isi nama
kategori dan tambahkan gambar kategori tsb lalu klik ‘tambah
kategori’

gambar 3. 63 menambahkan kategori

46. Kembali menuju penyunting elementor pada laman home dan

pastekan shortcode dari cat slider ke widget shortcode lalu klik
terapkan

gambar 3. 64 menyesuaikan shortcode

 36

47. klik icon section utama kategori produk lalu tekan shortcut ctrl+d

gambar 3. 65 menduplikat section

48. pada section yang telah terduplikat, sunting section short code lalu
pastekan [products limit="5" columns="5" orderby="id"
order="DESC" visibility="visible"] untuk list produk terbaru

gambar 3. 66 mengubah shortcode

49. Ubah tulisan kategori produk menjadi produk terbaru dengan

menyunting section tersebut lalu isi pada box judul

gambar 3. 67 mengubah tittle

 37

50. Lakukan hal yang sama pada section ‘penyunting teks’

gambar 3. 68 mengubah penyunting teks

51. Ulangi langkah tiga puluh delapan hingga empat puluh satu untuk
Section produk unggulan dengan Shortcode [products limit="5"
columns="5" best_selling="true" ]
52. Tambahkan Section baru dengan Single Column lalu atur tinggi
Section menjadi ‘Tinggi Minimal’

gambar 3. 69 menambahkan section baru

53. Ta
mbahkan jarak Margin pada bagian lanjutan di Box atas dengan

gambar 3. 70 memberi margin

nominal lima puluh
38
 39

54. Sunting warna pada Section utama dengan pergi ke bagian ‘Gaya’
lalu atur warna sesuai keinginan

gambar 3. 71 memberi warna pada section utama

55. Tambahkan widget tittle pada section utama

gambar 3. 72 menambahkan tittle

 40

56. Tulis judul pada Box judul dan atur Alignment menjadi Center pada
bagian konten

gambar 3. 73 menyesuaikan tittle

 41

57. Atur warna teks dan penulisan Tittle pada bagian ‘Gaya’

gambar 3. 74 menyesuaikan tittle

58. Tambahkan Widget Penyunting Teks tepat di bawah Tittle

gambar 3. 75 menambahkan penyunting teks

59. Tulis kalimat yang di butuhkan pada Box Penyunting Teks

gambar 3. 76 menambahkan penyunting teks

 42

60. Atur warna sesuai keinginan dan Alignment menjadi Center pada
bagian ‘Gaya’

gambar 3. 77 menambahkan penyunting teks

61. Tambahkan Inner Section di bawah Penyunting Teks

gambar 3. 78 menambahkan inner section

62. Tambahkan widget kotak gambar pada inner section

gambar 3. 79 menambahkan kotak gambar

 43

63. Tulis judul dan deskripsi sesuai keinginan lalu pilih gambar yang
sesuai kebutuhan serta atur Alignment gambar menjadi ‘Center’

gambar 3. 80 menyesuaikan kotak gambar

64. sunting warna pada column kotak gambar dengan mengklik icon
column dan atur warna latarnya

gambar 3. 81 menyesuaikan kotak gambar

 44

65. Berikan Box margin dengan nominal 10 pada bagian Lanjutan

gambar 3. 82 menyesuaikan kotak gambar

66. Gandakan Column ‘Pengiriman Cepat’ lalu edit Kembali masing-

masing Column sesuai kebutuhan

gambar 3. 83 menyesuaikan kotak gambar

67. Tam
pilan
setelah
jadi

gambar 3. 84 menyesuaikan kotak gambar

 45

68. Kembali ke dashboard wordpress lalu masuk ke menu pos >

kategori, selanjutnya tambahkan kategori sesuai kebutuhan dan klik
‘tambah kategori baru’

gambar 3. 85 membuat kategori

69. Tambahkan pos melalui menu pos > semua pos lalu klik tombol
tambah baru dan tambahkan pos sesuai keinginan

gambar 3. 86 menambahkan pos

 46

70. buat isi pos semenarik dan terstruktur dengan memasukkan pos tsb
ke kategori dan memberikan thumbnail lalu klik terbitkan

gambar 3. 87 membuat pos

71. Tambahkan laman baru untuk membuat daftar menu melalui menu
laman > semua laman lalu klik ‘tambah baru’

gambar 3. 88 menambahkan laman

 47

72. Pada penyunting lama isi nama laman tersebut lalu pada menu main
atur content layout menjadi ‘100 % full width’

gambar 3. 89 menyunting laman

73. Masuk ke menu tittle lalu atur pada display page tittle menjadi
‘disable’ lalu klik tombol terbitkan. lakukan hal ini untuk semua
laman yang bersifat pasif

gambar 3. 90 menyunting laman

 48

74. Tambahkan produk untuk section produk unggulan dan terbaru pada
menu produk > tambah baru lalu berikan tittle dan deskripsi produk

gambar 3. 91 menyunting laman

75. Scroll pada bagian bawah lalu isi ‘data produk’ dan ‘deskripsi
singkat’ sesuai keinginan lalu tambahkan gambar produk dan galeri

gambar 3. 92 menyunting laman

produk
49
 50

76. Tambahkan ‘kategori produk’ lalu klik ‘terbitkan’

gambar 3. 93 menambahkan kategori gambar 3. 94 menerbitkan produk

77. Pergi ke menu pengaturan > membaca lalu ubah opsi ‘tampilan
beranda’ menjadi laman statis dan atur pada box beranda menjadi
‘home’ serta laman pos menjadi laman ‘blogs’ lalu klik ‘terbitkan’

gambar 3. 95 menyunting mode baca

 51

78. pergi ke pengaturan > permalink dan gunakan opsi ‘nama tulisan’

gambar 3. 96 menyesuaikan permalink

79. Masuk Kembali ke penyunting Elementor lalu Duplikat Section
‘Kenapa Harus Kami’

gambar 3. 97 duplikat section

80. Sunting Section Tittle pada bagian Judul dan ubah juga warnanya

gambar 3. 98 sunting title gambar 3. 99 sunting title

 52

81. Kemudian ganti isi teks section ‘penyunting teks’ dan ubah juga
warnanya

gambar 3. 100 sunting teks gambar 3. 101 sunting teks

82. Ganti section kotak gambar dengan Widget Posts Grid dan letakkan
di dalam inner section

gambar 3. 102 menambahkan post grid

 53

83. Pada bagian konten atur ‘Post Per Page’ sesuai keinginan lalu pada
bagian pengaturan hapus ‘Heading For The Grid’

gambar 3. 104 menyesuaikan post grid gambar 3. 103 menyesuaikan post grid
 54

84. Masuk ke Penyunting Section lalu atur warna Background menjadi

‘Putih’ atau ‘Blank’

gambar 3. 105 mengubah warna section

85. Tambahkan Section baru dengan Layout ‘Single Column’ lalu
tambahkan Widget ‘Inner Section’ dan beri Spacing atas
menggunakan ‘Margin’ senilai ‘50’

gambar 3. 106 inner section gambar 3. 107 memberikan margin pada section
 55

86. Tambahkan Widget ‘tittle’ dan ‘Penyunting Teks’ lalu Sunting judul
Section ‘Tittle’ dan atur ukuran Font serta Alignmentnya

gambar 3. 108 menyunting tittle

87. Pad
a Section ‘Tittle’ atur warnanya menjadi putih lalu sunting Section
‘Penyunting Teks’ dan lakukan settingan yang sama pada ‘Tittle’

berupa ‘Warna Teks’ beserta

‘Alignment Center’
 56

gambar 3. 109 menyunting tittle gambar 3. 110 penyunting teks

88. Ubah warna section utama pada bagian gaya sesuai keinginan

gambar 3. 111 memberi warna pada section utama

89. Tambahkan Widget gambar pada inner section kanan lalu pilih
gambar yang di inginkan dan atur ukuran serta gayanya

gambar 3. 112 menyunting gambar gambar 3. 113 menyunting gambar

 57

3. Mengunggah Website Ke Online Hosting

Dalam kasus ini penulis menggunakan localhost sebagai media
hosting sementara sebelum website di publikasikan melalui online
hosting dengan menggunakan layanan hosting dari ‘Id Cloud Host’
 58

1. Masuk ke dashboard wordpress lalu pergi ke menu ‘all in one wp

migration lalu pada bagian ‘ekspor ke’ atur menjadi berkas

gambar 3. 114 ekspor situs

2. Proses ekspor akan berjalan, jika selesai klik tombol unduh localhost

gambar 3. 115 mengunduh hasil ekspor

3. Masuk ke website id cloud host lalu daftar akun baru untuk client area

gambar 3. 116 daftar akun baru untuk layanan client area

 59

4. Lengkapi data diri yang di perlukan

gambar 3. 117 melengkapi data diri

5. Setujui box persyaratan yang di ajukan lalu klik register

gambar 3. 118 daftar akun

 60

6. Setelah melakukan pendaftaran maka kita harus melakukan verifikasi

email

gambar 3. 119 verifikasi email

7. Setelah melakukan verifikasi maka kita akan di bawa ke halaman

berikut lalu klik ‘coninue to client area’

gambar 3. 120 masuk client area

8. Pada halaman dashboard, masuk ke tab ‘services’

gambar 3. 121 dashboard client area

 61

9. Klik ‘order new services’ untuk membeli hosting

gambar 3. 122 halaman services

10. Pilih paket hosting sesuai kebutuhan dengan meng-klik ‘order now’

gambar 3. 123 memilih paket hosting

11. Daftarkan Domain baru yang di inginkan, jika domain yang di
daftarkan tersedia maka klik ‘continue’

gambar 3. 124 daftar domain

 62

12. Pilih paket periode yang di inginkan lalu klik ‘continue’

gambar 3. 125 memilih paket periode

13. Konfigurasi domain sesuai kebutuhan lalu klik ‘continue’

gambar 3. 126 konfigurasi domain

14. Pada halaman Checkout pastikan semua data telah terisi dan setujui
segala persyaratan yang di berikan
63
 BAB IV
PENUTUP

A. Kesimpulan
Dengan adanya Praktik Kerja Lapangan (PKL) untuk Siswa-Siswa
SMK akan sangat memberikan dampak terobosan untuk meningkatkan ilmu
dan mengembangkan keahliannya langsung ke dunia Industry yang di gemari
sehingga hal ini dapat menjadi bekal yang sangat berharga bagi Siswa kelak
apabila terjun langsung ke dunia Kerja karena Siswa sudah mempunyai
gambaran tentang Kehidupan di Dunia Kerja maupun Dunia Instansi.
Setelah melakukan kegiatan Praktik Kerja Lapangan (PKL) Bersama
pihak Dinas Komunikasi Informasi Statistic dan Persandian, Penulis banyak
mendapatkan pengalaman yang menyenangkan dan kelak akan berguna serta
penulis pun mampu menjalin Relasi yang akan penulis manfaatkan sebagai
sarana persiapan penulis untuk maju ke jenjang yang lebih tinggi.

B. Saran
1. Dunia Industri
Harapan penulis, agar Dinas Komunikasi dan Informatika akan
memberikan waktu ajar yang ketat bagi instruktur untuk meminimalisir jam
kosong sehingga siswa tidak bermalas-malasan serta melengkapi fasilitas
untuk siswa-siswi Prakerin, salah satunya ialah fasilitas Computer, perangkat
penunjang proses belajar,ruangan yang layak serta koneksi internet yang
dimana mampu membuat proses belajar semakin menyenangkan.
2. Sekolah
Ada beberapa saran yang ingin penulis sampaikan untuk pihak
sekolah. Berikut adalah saran penulis:
a) Pihak sekolah sebaiknya memberikan rekomendasi kepada siswa
Prakerin sesuai program keahliannya. Jangan sampai, ilmu yang telah
didapat dan dipelajari di sekolah, tidak bisa disalurkan di tempat Prakerin

52
 53

b) Ketika siswa-siswi menentukan tempat untuk melaksanakan Prakerin,

akan lebih baik jika pihak sekolah mengoreksi ulang tempat pilihan
siswa-siswi tersebut. Apakah tempat tersebut sesuai dengan program
keahliannya atau tidak. Apakah ilmu yang dipelajari di sekolah bisa
diterapkan atau tidak di tempat Prakerin.
c) Pihak sekolah seharusnya melakukan monitoring setidaknya dua kali
dalam sebulan. Untuk memantau kegiatan siswa-siswi selama prakerin
serta juga untuk meminimalisasi siswa-siswi Prakerin yang bermasalah di
tempat Prakerin.
 DAFTAR PUSTAKA

https://id.wordpress.org
https://idcloudhost.com/
https://pkl2018.blogspot.com/2017/12/laporan-pkl-dan-format
penulisanlaporan.html
https://www.apachefriends.org/download.html
https://www.smkn1simpangempat.sch.id/
L
A
M
P
I
R
A
N
Liputan Bersama di Kantor DPRD TanahBumbu

Pembuatan video Jurnalistik

Presentasi pembuatan OnlineShop dengan Basis Website