LAPORAN PRAKTIK KERJA LAPANGAN

PEMBUATAN TEMPLATE WEBSITE LIPI UNTUK SATUAN

KERJA MENGGUNAKAN WORDPRESS

Disusun Oleh :
Rizki Bagus Saputra
183112706450258

PROGRAM STUDI INFORMATIKA

FAKULTAS TEKNOLOGI KOMUNIKASI DAN INFORMATIKA
UNIVERSITAS NASIONAL
JAKARTA
2021
 LAPORAN PRAKTIK KERJA LAPANGAN
PEMBUATAN TEMPLATE WEBSITE LIPI UNTUK SATUAN
KERJA MENGGUNAKAN WORDPRESS

Disusun Oleh :
Rizki Bagus Saputra
183112706450258

PROGRAM STUDI INFORMATIKA

FAKULTAS TEKNOLOGI KOMUNIKASI DAN INFORMATIKA
UNIVERSITAS NASIONAL
JAKARTA
2021
 LEMBAR PENGESAHAN
LAPORAN KERJA PRAKTIK
LEMBAGA ILMU PENGETAHUAN INDONESIA
25 MARET – 25 JUNI 2021

Oleh :
Rizki Bagus Saputra – 183112706450258

Jakarta, 12 September 2021 Mengetahui/Menyetujui Koordinator Kerja

Praktik Pembimbing Kerja Praktik

Delly Wicaksono Putra, S.T. Albaar Rubhasy, S. Si, MTI

NIP. 199512142019021002 NID. 050020069

Program Studi Informatika Ketua,

Ratih Titi Komala Sari, ST, MM, MMSI

NID. 0103150850
 KATA PENGANTAR

Assalamu’alaikum Wr. Wb

Puji dan syukur kami panjatkan kehadirat Allah S.W.T karena dengan
rahmat dan hidayah-Nya, laporan ini dapat terselesaikan. Tidak lupa shalawat serta
salam kita curahkan kepada Nabi akhir zaman Muhammad SAW, karena atas
kegigihan beliau kita telah terselamatkan dari kekufuran dan dapat mengenal Islam
dengan segala kebenarannya.

Pada kesempatan kami megucapkan terimakasih kepada:

1. Ibu Dr. Septi Andryana, S.Kom., MMSI selaku dosen pembimbing yang
telah senantiasa membimbing dan mengarahkan sehingga penulis dapat
menyelesaikan laporan ini.
2. Bapak Kusetiawan, S.Kom selaku ketua bidang Teknologi Informasi
Lembaga Ilmu Pengetahuan Indonesia (LIPI) Pusat.
3. Serta semua pihak yang telah berkontribusi, baik secara langsung maupun
tidak langsung dalam pembuatan laporan ini.

Penulis menyadari laporan ini masih jauh dari kata sempurna. Oleh karena
itu, saran dan kritik konstruktif senantiasa diterima, guna perbaikan dan
kesempurnaan laporan ini. Untuk itu kami ucapkan terimakasih sebelumnya. Akhir
kata kami mengharapkan semoga laporan ini dapat bermanfaat bagi pembaca.
Aamiin yaa rabbal’alamiin.

Wassalamu’alaikum Wr. Wb

Jakarta, 09 September 2021

Penulis

i
 DAFTAR ISI

LEMBAR PENGESAHAN ................................... Error! Bookmark not defined.

KATA PENGANTAR ............................................................................................. i
DAFTAR ISI ........................................................................................................... ii
DAFTAR GAMBAR ............................................................................................. iv
DAFTAR TABEL ................................................................................................... v
BAB I PENDAHULUAN ....................................................................................... 1
1.1. Latar Belakang ......................................................................................... 2
1.2. Rumusan Masalah .................................................................................... 2
1.3. Batasan Masalah ....................................................................................... 2
1.4. Tujuan ....................................................................................................... 3
1.5. Metodologi ............................................................................................... 3
1.6. Sistematika Penulisan ............................................................................... 3
1.7. Relevansi .................................................................................................. 4
BAB II LANDASAN TEORI ................................................................................. 5
2.1. Desain Sistem ........................................................................................... 5
2.2. XAMPP .................................................................................................... 6
2.3. CMS Wordpress ....................................................................................... 7
BAB III TINJAUAN UMUM PERUSAHAAN ..................................................... 9
3.1. Lembaga Ilmu Pengetahuan Indonesia (LIPI) .......................................... 9
3.2. Sejarah Lembaga Ilmu Pengetahuan Indonesia (LIPI) ........................... 10
3.3. Visi dan Misi Lembaga Ilmu Pengetahuan Indonesia (LIPI) ................. 12
3.3.1. VISI ................................................................................................ 12
3.3.2. MISI................................................................................................ 12
BAB IV URAIAN SISTEM ................................................................................. 13
4.1. Pelaksanaan Kerja Praktik ...................................................................... 13
4.2. Perancangan Desain untuk Template ..................................................... 13
4.3. Perangkat yang digunakan...................................................................... 16
4.4. Implementasi Hasil ................................................................................. 18
4.5. Ekspor Template..................................................................................... 23

ii
BAB V PENUTUP................................................................................................ 27
5.1. Kesimpulan ............................................................................................. 27
5.2. Saran ....................................................................................................... 27
DAFTAR PUSTAKA ........................................................................................... 28
LAMPIRAN KEGIATAN .................................................................................... 29

iii
 DAFTAR GAMBAR
Gambar 2. 1. Xampp ............................................................................................... 6
Gambar 2. 2. PhpMyAdmin .................................................................................... 7
Gambar 2. 3. Wordpress.......................................................................................... 8
Gambar 2. 4. Dashboard Wordpress ....................................................................... 8
Gambar 3. 1. Logo LIPI…………………………………………………………...9
Gambar 4. 1. Rangkaian Navbar…………………………………………………14
Gambar 4. 2. Rangkaian Footer ............................................................................ 14
Gambar 4. 3. Rangkaian Beranda ......................................................................... 15
Gambar 4. 4. pressbook1 ....................................................................................... 15
Gambar 4. 5. pressboook 2.................................................................................... 16
Gambar 4. 6. Header .............................................. Error! Bookmark not defined.
Gambar 4. 7. Beranda 1.......................................... Error! Bookmark not defined.
Gambar 4. 8. Beranda 2.......................................... Error! Bookmark not defined.
Gambar 4. 9. Beranda 3.......................................... Error! Bookmark not defined.
Gambar 4. 10. Beranda 4........................................ Error! Bookmark not defined.
Gambar 4. 11. Beranda 5........................................ Error! Bookmark not defined.
Gambar 4. 12. Footer ............................................................................................ 19
Gambar 4. 13. Sub-menu Sejarah ......................................................................... 20
Gambar 4. 14. Sub-menu Struktur (3D-flipbook) ................................................. 20
Gambar 4. 15. Sub-menu Visi Misi ...................................................................... 20
Gambar 4. 16. Layanan ......................................................................................... 21
Gambar 4. 17. Sub-menu pemanduan ................................................................... 21
Gambar 4. 18. Sub-menu Produk (Kategori) ........................................................ 21
Gambar 4. 19. Informasi ....................................................................................... 22
Gambar 4. 20. Sub-menu Koleksi (Kategori) ....................................................... 22
Gambar 4. 21. Post Koleksi .................................................................................. 22
Gambar 4. 22. Kontak ........................................................................................... 23
Gambar 4. 23. Ekspor database ............................................................................. 23
Gambar 4. 24. Copy paste file ............................................................................... 24
Gambar 4. 25. Import database ............................................................................. 25

iv
 DAFTAR TABEL
Table 1. Hardware ................................................................................................. 16
Table 2. Software .................................................................................................. 17
Table 3. LogBook Kegiatan .................................................................................. 29

v
 BAB I
PENDAHULUAN

Kerja Praktik (KP) merupakan kewajiban yang harus dipenuhi dalam rangka
memenuhi salah satu syarat untuk mengikuti mata kuliah tugas akhir pada program
studi S1 Teknik Informatika Universitas Nasional. Kerja Praktik (KP) bertujuan
untuk mengaplikasikan materi yang diperoleh di kampus guna mendapatkan
pengalaman lapangan sesuai dengan bidang ilmu yang dipelajari mahasiswa. Proses
penyampaian informasi memegang peranan yang sangat penting dalam kehidupan
manusia karena menyangkut bidang lain.
Pesatnya perkembangan ilmu pengetahuan dan teknologi saat ini, maka
perlu adanya metode pengajaran dan penyempurnaan bahan ajar. Oleh karena itu,
sebagai lembaga pendidikan yang berorientasi pada teknologi, telah menyiapkan
mata kuliah yang fleksibel dan dapat memberikan siswa pembelajaran tentang kerja
praktik.
Dengan kerja Praktik mahasiswa diharapkan agar dapat mengerti dan
memahami pekerjaan di lapangan. Seluruh mahasiswa tidak hanya dituntut untuk
memiliki ilmu pengetahuan teknologi dan informasi semata, namun yang lebih
penting adalah mahasiswa memiliki keterampilan dan kemampuan untuk
menerapkan ilmu yang dimiliki.
Kerja Praktik juga sebagai langkah praktis dalam mempersiapkan mahasiswa
untuk dapat tangkas, ahli, bertanggung jawab dan terampil dalam dunia kerja. Dan
diharapkan kepada mahasiswa agar mendapatkan gambaran saat terjun ke dunia
kerja yang sebenarnya.

1
1.1. Latar Belakang
Teknologi informasi dan komunikasi saat ini telah berkembang pesat serta
selaras dengan perkembangan karakteristik masyarakat modern, sehingga 2
kebutuhan akan informasi dan komunikasi semakin meningkat. Umumnya
perusahaan atau instansi mempunyai fasilitas yaitu website. Bagi perusahaan
atau instansi hal tersebut sangat penting, karena dengan website mereka dapat
menampilkan informasi tentang perusahan atau instansi yang dapat diakses oleh
publik.
LIPI merupakan lembaga riset negara dalam bidang penelitian,
pengembangan dan pemanfaatan ilmu pengetahuan untuk meningkatkan daya
saing bangsa. Lipi memiliki beberapa satuan kerja di seluruh Indonesia dan
berpusat di LIPI Pusat Sasana Widya Sarwono (SWS) Jakarta. Berdasarkan dari
beberapa satuan kerja yang ada, beberapa diantaranya belum memiliki website
sendiri atau websitenya masih terbilang belum memiliki fitur yang memadai.
Oleh karena itu pada kesempatan praktek kerja lapangan ini, penulis membuat
template website sebagai standarisasi website pada satuan kerja.
Selama masa kerja praktik yang berlangsung selama 3 bulan, penulis
diberikan tugas dalam pembuatan proyek sederhana yang harus di kerjakan,
yaitu melakukan pembuatan template menggunakan theme generator untuk
website satuan kerja LIPI berbasis wordpress. Oleh karena itu, penulis telah
menjalankan masa kerja praktik tersebut dan akan menjabarkannya dalam
laporan kerja praktik ini.

1.2. Rumusan Masalah

1) Bagaimana rancangan desain untuk tampilan template website?
2) Bagaimana hasil implementasi dari rancangan desain dengan website
yang sudah ada sebelumnya?
3) Bagaimana cara migrasi data website?

1.3. Batasan Masalah

1) Rancangan desain bebas sesuai keinginan penulis.

2
 2) Meminimalisir penjelasan bagaimana implementasi tampilan template.
3) Mempersingkat cara untuk migrasi website.

1.4. Tujuan
1) Pembaca mengetahui bagaimana rancangan desain untuk tampilan
template.
2) Pembaca mengetahui bagaimana hasil implementasi dari rancangan
desain yang telah dibuat dengan website yang sudah ada sebelumnya.
3) Pembaca mengetahui bagaimana cara migrasi template website yang
telah dibuat.

1.5. Metodologi
Metodologi yang digunakan kali ini ialah metodologi membangun
rancangan website menggunakan CMS wordpress yang didalamnya sudah
terdapat fitur theme generator.

1.6. Sistematika Penulisan

Adapun sistematika penulisan yang tertera sebagai berikut :

BAB I PENDAHULUAN
Bab ini merupakan bagian yang berisi mengenai latar belakang
penulisan, rumusan masalah, batasan masalah, maksud dan tujuan
penelitian, metode penelitian dan sistematika penulisan.

BAB II LANDASAN TEORI

Pada bab ini menjelaskan tentang landasan teori yang menjelaskan
tentang teori umum yang berkaitan dengan judul, teori program yang
berhubungan dengan aplikasi yang dibangun, teori khusus yaitu berkaitan
dengan istilah-istilah yang dipakai serta penulisan dalam pengembangan
website yang dibangun sebagai dasar penulisan laporan kerja praktik.

3
 BAB III TINJAUAN UMUM PERUSAHAAN
Pada bab ini menjelaskan mengenai sejarah perusahaan tempat
penulis melakukan kerja praktik, struktur organisasi serta visi misi
perusahaan.

BAB IV URAIAN SISTEM

Berisi tentang pekerjaan yang telah dilakukan di perusahaan selama
Kerja Praktik. Bab ini membahas tentang uraian materi, kegiatan kerja
praktik yang dilakukan, perangkat keras dan perangkat lunak yang
digunakan.

BAB V PENUTUP
Bab ini terdiri dari kesimpulan dan saran yang berisikan hal – hal
terpenting yang dibahas dan kemudian dijadikan kesimpulan. Bab ini juga
berisi saran-saran yang dimungkinkan untuk pengembangan perangkat
lunak selanjutnya

1.7. Relevansi
Relevansi dari kegiatan kerja praktik ini ialah agar mahasiswa/i dapat
mempraktikan ilmu yang telah didapatkan pada Perguran Tinggi yang salah
satunya ialah dengan merancang template untuk website satuan kerja LIPI
menggunakan CMS wordpress.

4
 BAB II
LANDASAN TEORI

2.1. Desain Sistem

Desain sistem adalah proses mendefinisikan arsitektur, modul, antarmuka,
dan data untuk suatu sistem untuk memenuhi persyaratan yang ditentukan.
Perancangan sistem dapat dilihat sebagai penerapan teori sistem untuk
pengembangan produk. Ada beberapa tumpang tindih dengan disiplin analisis
sistem, arsitektur sistem dan rekayasa sistem.

Pada desain sistem dibutuhkan langkah – langkah dalam prosesnya,

menurut Tavri D. Mahyuzir beberapa langkah yang perlu dilakukan pada
proses desain sistem adalah:
1) Menganalisa masalah dari pemakai (user), sasarannya adalah
mendapatkan pengertian yang mendalam tentang kebutuhan
pemakai.
2) Studi kelayakan, membandingkan alternatif-alternatif pemecahan
masalah untuk menentukan jalan keluar yang paling tepat.
3) Rancang sistem, membuat usulan pemecahan masalah secara logika.
4) Detail desain, melakukan desain sistem pemecahan masalah secara
terperinci.
5) Penerapannya yaitu memindahkan logika program yang telah dibuat
dalam bahasa yang dipilih, menguji program, menguji data dan
outputnya.
6) Pemeliharaan dan evaluasi terhadap sistem yang telah diterapkan.
Dalam pembuatan suatu sistem tentunya sangat penting melakukan
proses mendesain sistem yang akan dibangun, dengan tujuan
sebagai prototype.
Dalam melakukan desain sistem tentunya tidak bisa dilakukan dengan
sembarang, Adapun langkah-langkah dalam mendesain sistem :

5
 1) Tahap Perencanaan.
2) Mendefinisikan masalah, Sistem yang berjalan dan Sistem yang
diusulkan.
3) Menentukan tujuan system.
4) Mengidentifikasikan kendala system.
5) Membuat studi kelayakan (TELOS).
6) Keputusan ditolak/diterima [1].

2.2. XAMPP
Xampp merupakan software yang berfungsi sebagai server local untuk
mengampu berbagai jenis data website yang sedang dalam proses
pengembangan. Penulis menggunakan xampp ini untuk meyimpan data
website secara local sebelum website dapat diluncurkan ke internet [2].

Gambar 2. 1. Xampp

Berikut cara menggunakan XAMPP sebagai penyimpanan data di server

lokal:
1) Buka XAMPP dan klik tombol start pada Apache dan MySQL
2) Buat database di phpMyAdmin

6
 Gambar 2. 2. PhpMyAdmin

3) Bukalah sebuah browser, kemudian ketikkan

‘localhost/phpmyadmin’, kemudian pilih menu database, lalu
masukkan nama database yang ingin dibuat. Misalnya saja
‘wordpress’ kemudian klik buat / create
4) Setelah Langkah – Langkah diatas diikuti maka dari situ database
sudah terbuat.

2.3. CMS Wordpress

Wordpress merupakan aplikasi open source yang dibangun dengan bahasa
pemrograman PHP dan database MySQL. Sebagai CMS (Content Management
System) wordpress memiliki banyak fitur yang membantu para pengembang
website untuk memodifikasi website sesuai dengan keinginan developer. Maka
dari itu penulis menggunakan wordpress ini agar dapat mempersingkat waktu
dalam pembuatan website tanpa harus banyak membuat kode program.
Wordpress dapat membantu pengembang dalam membuat website seperti
website pribadi, website perusahaann, toko online, website portal berita, dll [3].

7
 Gambar 2. 3. Wordpress

Berikut cara kerja wordpress :

• Sebagai editor sederhana berbasis web untuk membuat halaman web
tanpa harus belajar HTML.
• Bahkan ada versi host di WordPress.com, yang memungkinkan
Anda untuk membuat situs web WordPress baru hanya dalam
beberapa detik. Sisi bawah dari metode ini adalah Anda tidak
memiliki nama domain Anda sendiri, tetapi Anda menggunakan
sub-domain.
• Menawarkan tema – tema yang ingin digunakan untuk pembuatan
website.
• Memiliki berbagai macam plugin yang memudahkan Anda untuk
membuat website tanpa harus mengoding.

Gambar 2. 4. Dashboard Wordpress

8
 BAB III
TINJAUAN UMUM PERUSAHAAN

3.1. Lembaga Ilmu Pengetahuan Indonesia (LIPI)

Lembaga Ilmu Pengetahuan Indonesia (LIPI) adalah Lembaga Pemerintah
Non Kementrian (LPNK) yang berada dalam koordinasi Badan Riset dan
Inovasi Nasional (BRIN).

Gambar 3. 1. Logo LIPI

LIPI memiliki tugas melaksanakan tugas pemerintah di bidang penelitian

ilmu pengetahuan sesuai dengan ketentuan peraturan perundang-undangan.
Yang berlaku untuk melaksanakan tugas tersebut, LIPI mempunyai fungsi :

1. Pengkaji penyusunan kebijakan nasional di bidang penelitian ilmu

pengetahuan.
2. Penyelenggaraan riset keilmuan bersifat dasar.
3. Penyelenggaraan riset inter dan multi disiplin terfokus.
4. Pemantauan, evaluasi kemajuan dan penelaahan kecendrungan ilmu
pengetahuan dan teknologi.
5. Koordinasi kegiatan fungsional dalam pelaksanaan tugas LIPI.
6. Pelancaran dan pembinaan terhadap kegiatan instansi pemerintah di
bidang penelitian ilmu pengetahuan.
7. Penyelenggara pembinaan dan pelayanan administrasi umum di bidang
perencanaan umum.
8. Ketatausahaan, organisasi dan tata laksanan, kepegawaian, keuangan,
kearsipan, hukum, persandian, perlengkapan dan rumah-tangga.

Kewenangan yang dimiliki oleh LIPI untuk menjalankan fungsi tersebut, adalah
:

9
 1. Penyusunan rencana sosial secara makro di bidanganya.
2. Perumusan kebijakan di bidangnya untuk mendukung pembangunan
secara makro
3. Penetapan sistem informasi di bidangnya.
4. Kewenangan lain yang melekat dan telah dilaksanan sesuai dengan
ketentuan peraturan perundang-undangan yang berlaku, yaitu :
a) Perumusan dan pelaksanaan kebijakan tertentu di bidang penelitian
ilmu pengetahuan.
b) Penetapan pedoman dan penyelenggaraan riset ilmu pengetahuan
dasar.
c) Penetapan pedoman etika ilmiah, kedudukan dan kriteria
kelembagaan ilmiah.
d) Pemberian izin Peneliti Asing.
e) Pemegang kewenangan ilmiah dalam keanekaragaman hayati.

3.2. Sejarah Lembaga Ilmu Pengetahuan Indonesia (LIPI)

LIPI memiliki sejarah Panjang berdiri. Setelah melalui beberapa tahapan
kegiatan ilmiah sejak abad ke-16 hingga tahun 1956, pemerintah Indonesia
membentuk Majelis Ilmu Pengetahuan Indonesia (MIPI) melalui
UndangUndang Nomor 6 (UU) tahun 1956. Misinya adalah untuk memandu
pengembangan ilmu pengetahuan dan teknologi dan untuk mempertimbangkan
pemerintah dalam hal kebijakan ilmu pengetahuan.

Pada tahun 1962, pemerintah membentuk Kementrian Riset Nasional

(DURENAS) dan menempatkan MIPI di dalamnya, dengan tugas tambahan
untuk mendirikan dan memelihara beberapa lembaga penelitian nasional. Baru
pada tahun 1966 status DURENAS menjadi Lembaga Penelitian Nasional
(LEMRENAS).

10
 Pada Agustus 1967, pemerintah membubarkan LEMRENAS dan MIPI
sesuai dengan keputusan Presiden Republik Indonesia Nomor 128 tahun 1967.
Sejak saat itu, pemerintah membentuk LIPI sesuai dengan Ketetapan MPRS
18/B/1967, dan memasukan semua tugas LEMRENAS dan MIPI ke dalam
Lembaga tersebut. Tugas pokoknya adalah:

1. Membimbing perkembangan ilmu pengetahuan dan teknologi yang

berakar di Indonesia agar dapat dimanfaatkan untuk kesejahteraan
rakyat Indonsia bahkan seluruh umat manusia;

2. Berusaha mengakui dan menjamin kebenaran ilmiah yang mengakui

dan menjamin kebebasan ilmu pengetahuan, kebebasan penelitian, dan
kebebasan berforum sepanjang tidak bertentangan dengan Pancasila dan
UUD 1945;

3. Persiapan pendirian Akademi Ilmu Pengetahuan Indonesia (sejak tahun

1991, tugas pokok ini adalah selanjutnya ditangani oleh Menteri Riset
dan Teknologi Nasional sesuai dengan Keputusan Presiden Nomor 179
(Keppres) Tahun 1991).

Dengan berkembangangnya kemampuan negara dalam bidang ilmu

pengetahuan dan teknologi, Lembaga Penelitian Ilmiah Indonesia juga
mengalami pertumbuhan dan perkembangan. Sehubungan dengan itu, terus
mengkaji dan menyesuaikan tugas pokok dan fungsi serta struktur organisasi
LIPI. Di antaranya, ketentuan Keputusan Presiden Nomor 128 tanggal 23
Agustus 1986, tentang Lembaga Ilmu pengetahuan Indonesia. Terakhir,
dilakukan perbaikan sesuai Perpres No. 1 Pasal 103 Tahun 2001.

11
3.3. Visi dan Misi Lembaga Ilmu Pengetahuan Indonesia (LIPI)

3.3.1. VISI
Menjadi lembaga ilmu pengetahuan berkelas dunia dalam
penelitian, pengembangan dan pemanfaatan ilmu pengetahuan untuk
meningkatkan daya saing bangsa.

3.3.2. MISI
1) Menciptakan invensi ilmu pengetahuann yang dapat mendorong
inovasi dalam rangka meningkatkan daya saing ekonomi bangsa.
2) Mengembangkan ilmu pengetahuan yang bermanfaat untuk
konservasi dan pemanfaatan sumber daya berkelanjutan.
3) Meningkatkan pengakuan internasional dalam bidang ilmu
pengetahuan.
4) Meningkatkan kualitas SDM Indonesia melalui aktivitas ilmiah.

12
 BAB IV
URAIAN SISTEM

4.1. Pelaksanaan Kerja Praktik

Pelaksanaan kegiatan kerja praktik dilaksanakan dari tanggal 25 Maret
2021 sampai dengan tanggal 25 Juni 2021. Dikarenakan pandemi sedang
terjadi, demi menjaga protokol kesehatan, peserta kerja praktik dibatasi oleh
pihak penyelenggara kerja praktik dari LIPI untuk diwajibkan datang ke kantor
minimal 1 kali setiap minggu nya antara lain dari hari Senin sampai hari Kamis,
dan melakukan pekerjaan secara WFH di rumah diantara hari kamis atau jumat.

Lembaga Ilmu Pengetahuan Indonesia (LIPI) adalah Lembaga Pemerintah

Non Kementrian (LPNK) yang berada dalam koordinasi Badan Riset dan
Inovasi Nasional (BRIN).

Dalam Pelaksanaan kerja praktik, penulis di tempatkan di LIPI pusat pada

Jl. Jend. Gatot Subroto 10, Jakarta 12710. Di Gedung Pusat Data dan
Dokumentasi Ilmiah (PDDI) bagian Teknologi Informasi. Penulis ditugaskan
untuk membuat template untuk satuan kerja LIPI menggunakan CMS
wordpress.

4.2. Perancangan Desain untuk Template

Pada proses perancangan penulis menggunakan aplikasi berbasis website
bernama draw.io untuk membuat rangkaian desain halaman per halaman.

4.2.1. Header
Rancangan pertama yaitu header yang meliputi menu – menu
navbar, yang dimana jika kita mengarahkan kursor ke menu utama maka
menu tersebut akan membuka sub menu lainnya. Dan navbar ini akan selalu
ada di setiap halaman. Pada bagian header penulis menggunakan template
bawaan dari tema pressbook sehingga memudahkan penulis dalam

13
pembuatan website.

Gambar 4. 1. Rangkaian Navbar

4.2.2. Footer
Rancangan footer untuk template website satker lipi akan berisikan
informasi tambahan yang berisikan 3 kolom, dimana kolom pertama akan
diisi alamat & kontak, kolom kedua diisi peta lokasi, kolom ketiga akan diisi
dengan situs – situs terkait berbentuk link.

Gambar 4. 2. Rangkaian Footer

4.2.3. Beranda
Pada halaman beranda yang merupakan halaman awal dari website
dimulai dari banner yang menggunakan plugin slider yang berisikan
informasi terupdate mengenai satuan kerja tersebut, kemudian isi dari
halaman beranda dibagi menjadi 2 dengan rasio 70/30%. Yang masing –
masing memiliki fungsi tersendiri. Dan di akhir halaman dibuatkan 4 kolom
untuk konten tambahan.

14
 Gambar 4. 3. Rangkaian Beranda

4.2.4. Tema pressbook

Untuk halaman – halaman yang lainnya seperti informasi, layanan,
profil, dan kontak dibuat menggunakan tema bawaan bernama pressbook.
Berikut rancangan bentuk default dari penggunaan template tema pressbook
:

Gambar 4. 4. pressbook1

15
 Gambar 4.4 merupakan gambaran tema bawaan untuk halaman yang
berbentuk kategori seperti sub menu dari informasi.

Gambar 4. 5. pressboook 2

Gambar 4.5 merupakan rancangan milik tema pressbook untuk

halaman posting apabila telah diklik, dengan bentuk ini dapat digunakan
untuk berita, produk, dll.

4.3. Perangkat yang digunakan

Berikut perangkat yang digunakan untuk membuat template website :

4.3.1. Perangkat Keras (Hardware)

Table 1. Hardware

Perangkat Spesifikasi

AMD A4-9120 RADEON R3, 4

Processor COMPUTE CORES 2C+2G
2.20 GHz

RAM 4,00 GB

Hardisk 500 GB

16
4.3.2. Perangkat Lunak (Software)
Table 2. Software
Nama Software Fungsi

Sistem Operasi Windows 10 Sistem operasi yang digunakan peneliti

Home Single Language 64-bit dalam membangun aplikasi

Sebagai CMS yang digunakan untuk

Wordpress 5.8
membuat, membangun, memelihara website.

Media penyimpanan server local, untuk

XAMPP menyimpan rancangan website dari
wordpress.

Pembuatan diagram alir tentang kegunaan

Draw.io
dan cara kerja dari aplikasi

Sebagai tema awal pembuatan rangkaian

yang kemudian digenerate Kembali
Pressbook themes
menggunakan wordpress sesuai rangkaian
yang dibuat penulis

Plugin yang digunakan untuk membuat

Smart Slider 3
banner pada homepage

Sebagai media untuk menyebarkan postingan

Share Social Media
ke sosial media

Plugin bantuan untuk membuat posting

Classic Editor
dengan model klasik.

Plugin yang digunakan untuk membuat

gambar dapat dizoom-in/out juga untuk
3D flipbook
melampirkan pdf yang dapat diubah
bentuknya menjadi buku/majalah 3D.

17
4.4. Implementasi Hasil
Berikut hasil dari implementasi rancangan template dengan menggunakan
contoh website yang sudah ada yaitu website kebun raya bali.

4.4.1. Header, Beranda dan Footer

Pada bagian ini penulis memasukkan beberapa plugin untuk
menambah estetika tampilan website. Penulis menggunakan plugin social
share untuk membagikan berita pada social media pengunjung website
yang dapat dilihat pada bagian kanan website. Pada bagian headline news
penulis menggunakan plugin slider untuk menampilkan kepala berita yang
akan bergeser secara otomatis selama beberapa detik sekali.

Gambar 4.6 Header

Gambar 4.7 Beranda 1

Gambar 4.8 Beranda 2

18
Gambar 4.9 Beranda 3

Gambar 4.10 Beranda 4

Gambar 4.11 Beranda 5

Gambar 4.12. Footer

19
4.4.2. Profil
Pada bagian profil penulis memasukkan beberapa artikel yang
menjelaskan tentang sejarah, struktur organisasi serta visi dan misi dari
Lembaga Ilmu Penelitian Indonesia (LIPI). Pada bagian ini penulis
menggunakan plugin 3d Flipbook untuk bagian struktur organisasi
dengan format pdf sehingga bagian struktur organisasi jika kita lihat
dengan tampilan layar penuh tetap pada resolusi yang baik.

Gambar 4. 6. Sub-menu Sejarah

Gambar 4. 7. Sub-menu Struktur (3D-flipbook)

Gambar 4. 8. Sub-menu Visi Misi

20
4.4.3. Layanan
Pada bagian ini penulis memasukkan beberapa layanan yang ada
pada LIPI.

Gambar 4. 9. Layanan

Gambar 4. 10. Sub-menu pemanduan

Gambar 4. 11. Sub-menu Produk (Kategori)

4.4.4. Informasi
Pada bagian ini penulis menyunting grid dengan menggunakan
plugin elementor sehingga mempermudah penulis untuk melakukan
sunting pada halaman ini.

21
 Gambar 4. 12. Informasi

Gambar 4. 13. Sub-menu Koleksi (Kategori)

Gambar 4. 14. Post Koleksi

4.4.5. Kontak
Pada laman kontak penulis menggunakan plugin contact form 7
karena plugin ini memiliki rating download dan penilaian yang baik
dari para pembuat website wordpress lainnya.

22
 Gambar 4. 15. Kontak

4.5. Ekspor Template

Pada device pengirim :
1. Koneksikan jaringan MySql dan Apache di XAMPP, kemudian
buka localhost/nama-folder.
2. Pilih database yang ingin diekspor, lalu masuk ke menu ekspor.
Kemudian pilih format SQL, dan klik ‘GO’.

Gambar 4. 16. Ekspor database

3. Setelah database terekspor dengan format .sql maka lanjut untuk

memindahkan database ke folder baru yang akan diisikan file – file
dari htdocs/nama-folder(template yang sudah dibuat).

23
 4. Copy seluruh isi dari htdocs/nama-folder(template yang sudah
dibuat) dan paste ke folder baru.

Gambar 4. 17. Copy paste file

5. Pindahkan ke flashdisk atau upload ke google drive agar dapat

dibagikan dengan device lain.

Pada device penerima :

1. Copy folder yang ada di flashdisk/google drive dan paste di folder
XAMPP/htdocs.
2. Koneksikan jaringan MySql dan Apache di XAMPP, kemudian
buka localhost/nama-folder.
3. Buat database dengan nama yang sama seperti database pengirim.

24
 Gambar 4. 18. Import database

4. Kemudian masuk ke menu import, lalu ‘choose file’ pilih file yang
ada di folder yang baru dipaste dengan format .sql, lalu klik ‘GO’.
5. Setelah selesai semua langkah sebelumnya. Maka Langkah
selanjutnya ialah dengan membuka localhost/nama-folder/wp-
admin. Kemudian login dengan username dan password yang telah
diberikan oleh pengirim.
6. Template telah dapat diakses. Namun konten belum diisi, maka dari
itu penerima dapat mengisi kontennya sendiri dengan bentuk
rancangan template yang telah penulis buat.
4.6. Plugin Tambahan
Plugin - plugin yang penulis pakai untuk menunjang tampilan
website dan juga fitur pada website ini adalah :
a. Akismet
Plugin ini untuk mencegah adanya spam komentar pada bagian berita.
b. Yoast SEO
Plugin ini untuk mengoptimasi pencarian website pada search engine
manapun.
c. W3 Total Cache

25
 Plugin ini untuk mempersingkat respond time pada website, karena pada
website ini banyak sekali gambar jadi harus ada pengoptimasian pada
bagian cache agar website lebih ringan untuk dibuka.
d. Updraft Plus
Plugin ini dikhususkan untuk membackup data dari website. Untuk
menghindari adanya pembobolan sistem keamanan pada website, plugin
ini akan langsung membackup data dari website dan mengirimkannya
ke email administrator.

26
 BAB V
PENUTUP

5.1. Kesimpulan
Dari uraian yang telah disampaikan di atas dan setelah melakukan kerja
praktik selama 3 (tiga) bulan di Lembaga Ilmu Pengetahuan Indonesia, maka
dapat disimpulkan bahwa :
1) Rancangan template website yang dikerjakan menggunakan
wordpress dapat digunakan untuk satuan kerja.
2) Hasil implementasi rancangan template website diterima oleh pihak
pendamping kerja praktik LIPI.
3) Cara mengekspor file template berhasil dilaksanakan.
4) Penulis merasa senang dapat mempraktikan ilmu yang telah
diberikan dari kampus di lingkungan kerja praktik LIPI ini.
5) Penulis belajar lebih dalam tentang bagaimana kehidupan di dunia
pekerjaan walaupun belum bekerja secara langsung.
6) Penulis mengerti bagaimana cara menyampaikan sesuatu dengan
baik dan benar.
7) Lembaga Ilmu Pengetahuan Indonesia memberikan ilmu wawasan
yang sangat berguna untuk para peserta kerja praktik.

5.2. Saran
Adapun saran yag dapat penulis berikan:
1) Disarankan agar pengguna template melihat secara detail cara
mengekspor templatenya.
2) Melakukan update rutin software yang digunakan.
3) Mereview kembali template yang diberikan sebelum diisikan
dengan konten – konten.

27
 DAFTAR PUSTAKA

[1] Mahyuzir, Tavri D, Pengantar analisis dan perancangan perangkat lunak,

Jakarta Elex Media Komputindo, 1991.
[2] Mubarok, Ilham. 2020. “Apa Itu WordPress? Pengertian WordPress dan
Manfaatnya”, https://www.niagahoster.co.id/blog/apa-itu-wordpress/,
diakses pada 02 September 2021 pukul 22:52.
[3] Cloudraya, Marketing. 2020 “Panduan Lengkap Menggunakan XAMPP
untuk Hosting Lokal”, https://cloudraya.com/blog/panduan-lengkap-
menggunakan-xampp-untuk-hosting-lokal/, diakses pada 02 September 2021
pukul 22:53.
[4] Visi Dan Misi, n.d.: <http://lipi.go.id/tentang/visimisi> (diakses 30 Juli,
2021).
[5] R. Muliono, “OPTIMASI WEBSITE BERBASIS CMS,” Journal Of
Computer Engineering, System And Science, vol. 1, no. 2, pp. 32–35, 2016.
[6] D. Pendidikan, “Pengertian Implementasi,” DosenPendidikan.Com, 2020.
https://www.dosenpendidikan.co.id/implementasi-adalah/.
[7] A. Wibowo, “IMPLEMENTASI APLIKASI WORDPRESS UNTUK
PEMBUATAN WEB,” Jurnal Sistem Informasi Musirawas, vol. 04, no. 02,
pp. 74–85, 2019.

28
 LAMPIRAN KEGIATAN

Table 3. LogBook Kegiatan

TANGGAL KEGIATAN

• Pengenalan diri peserta dan pembimbing dari LIPI.

• Penjelasan tentang kegiatan yang akan dilakukkan
22 Maret 2021
peserta.
• Pembagian kelompok kerja pertama.

• Pengenalan area jaringan di LIPI.

• Tanya jawab seputar jaringan yang ada di LIPI pusat
31 Maret 2021 antara pembimbing (Delly) dengan peserta.
• Pengecekan Jaringan LAN gedung SWS lantai 5 dan
lantai 8

• Seluruh peserta ditugaskan untuk membuat web

menggunakkan wordpress yang dibimbing oleh mba
31 Maret s/d 8 April 2021 Nurul dan Merry.
• Seluruh peserta mempresentasikan hasil dari
pembuatan web wordpress.

• Dibimbing pak Taufik dari LIPI jaringan Jakarta

untuk membantu memasang Switch di Gedung SWS
13 April 2021 lantai 5 dengan 8.
• Merapihkan kabel pada box server lantai 5 & 8
gedung SWS.

• Pembagian kelompok kerja untuk pendalaman

bidang.
• Saya bersama Dwiky ditugaskan untuk membuat
20 April 2021
template website untuk satker LIPI.
• Bimbingan dari mba Nurul dan Merry untuk
membuat template satker LIPI.

29
 • Presentasi hasil kerja peserta.
• Meminta penilaian dan saran dari mba Nurul dan
Merry tentang pembuatan template satker LIPI.
10 Mei 2021 • Membantu melakukkan pengecekan Switch jaringan
LIPI Jakarta.
• Diberi tugas untuk mengimplementasikan template
satker untuk Kebun Raya Bali.

• Memasukkan data yang ada pada krbali.lipi.go.id ke

template satker yang telah dibuat.
24 Mei 2021 • Tanya jawab juga saran dengan pembimbing serta
mas Kusetiawan mengenai web krbali yang
diimplementasikan dengan template satker.

• Mempresentasikan web satker Kebun Raya Bali

dengan template yang telah dibuat.
31 Mei 2021 • Tanya jawab juga saran dengan pembimbing serta
mas Kusetiawan mengenai web krbali yang
diimplementasikan dengan template satker.

• Mengekspor data template satker yang dibuat ke

pembimbing (mba Nurul).
10 Juni 2021
• Mengirim file ppt untuk tata cara penggunaan
template satker.

• Penugasan untuk seluruh peserta agar segera

membuat laporan kerja praktek.
16 Juni 2021 • Tanya jawab bersama pebimbing dari LIPI untuk
rancangan laporan.
• Pembuatan laporan s/d 24 atau 25 Juni 2021.

• Mempresentasikan Laporan hasil Kegiatan Kerja

Praktek selama di LIPI.
24 atau 25 Juni 2021
• Meminta penilaian dari pembimbing LIPI untuk
dilaporkan ke kampus Universitas Nasional.

30
Dokumentasi Pelaksanaan Kerja Praktik :

31
32
 LEMBAR PENILAIAN KERJA PRAKTEK

Nama Mahasiswa : Rizki Bagus Saputra

NPM : 183112706450258
Program Studi : Informatika
Tempat Kerja Praktek : LIPI Pusat Dokumentasi dan Informasi Ilmiah
Nama Instansi : Lembaga Ilmu Pengetahuan Indonesia
Alamat : LIPI Pusat Sasana Widya Sarwono (SWS) Jl. Jend.
Gatot Subroto 10, Jakarta 12710
Waktu Kerja Praktek : 25 Maret 2021 s/d 25 Juni 2021
Pembimbing Lapangan : Delly Wicaksono Putra, S.T.

NO ASPEK YANG DINILAI NILAI INDEX

1 Disiplin Dalam Kerja 77 Baik

2 Kemampuan Menyelesaikan Tugas 78 Baik

3 Prestasi Kerja 76 Baik

4 Inisiatif 77 Baik

5 Kepribadian 79 Baik

33
JUDUL LAPORAN KERJA PRAKTEK

PEMBUATAN TEMPLATE WEBSITE LIPI UNTUK SATUAN KERJA

MENGGUNAKAN WORDPRESS

Komentar Pejabat Penilai Atas Prestasi Kerja Mahasiswa/i Universitas

Nasional Jakarta
Peserta magang mampu menyelesaikan tugas dengan baik dan disiplin. Cukup baik
dalam memahami CMS Wordpress. Tingkatkan kembali kemampuan merancang
desain website.

NILAI INDEKS KETERANGAN

80 ≤ NA ≤ 100 A Sangat Baik

70 ≤ NA ≤ 79,99 B Baik

55 ≤ NA ≤ 69,99 C Cukup

41 ≤ NA ≤ 54,99 D Kurang

0 ≤ NA ≤ 40,99 E Buruk

Pembimbing Kerja Praktek

Delly Wicaksono Putra S.T.

NIP. 199512142019021002

34