TUGAS AKHIR PEMBUATAN WEBSITE ROHIS SMK YADIKA 13

Disusun Oleh :

KELOMPOK 3

Muhammad Fadjrin 092022090255

Rafi Abdul Ghafur 092022090140
Yanda Gus Cholik 092022090240

PROGRAM STUDI S1 TEKNIK ELEKTRO

FAKULTAS SAINS DAN TEKNOLOGI

JAKARTA GLOBAL UNIVERSITY

2023

1
 LEMBAR PENGESAHAN

Tugas Akhir Pembuatan Website untuk Organisasi ROHIS SMK Yadika 13 telah
dibuat sesuai dengan ketentuan yang telah disepakati oleh Kelompok 3 dan mitra

Menyetujui Depok, 15 Juli 2023

Ketua Organisasi ROHIS SMK Yadika 13 Ketua Kelompok

( Satriyo Aji ) (Muhammad Fadjrin)

Mengetahui,
Dosen Pengampu Mata Kuliah

Ariep Jaenul, S.Pd., M.Sc.Eng

2
 KATA PENGANTAR

Puji Syukur Atas Kehadirat Allah SWT atas terlaksananya kegiatan dalam pembuatan
website dan telah kami selesaikan, Dalam laporan ini merupakan hasil dari kerjasama kelompok
kami dan dedikasi kami dalam mempelajari dan merancang website ini agar berfungsi dengan
baik.
Laporan ini berisi penjelasan tentang tujuan pembuatan website, konsep desain yang kami
pilih, teknologi yang digunakan, serta langkah-langkah yang kami ambil lakukan proses
pengembangannya. Kami juga akan membagikan langkah-langkah yang kami lakukan tiap
tahapnya dan berusaha untuk mengaplikasikan pengetahuan yang telah kami peroleh pada
materi pembuatan website, serta menerapkan keterampilan kami dalam merancang sebuah
website agar menarik dan tentunya akan mudah digunakan.
Kami ingin menyampaikan terima kasih kepada pak Ariep yang telah memberikan arahan
dan menjelaskan materi serta cara step by step nya pada pembuatan website. Kami juga
berterima kasih kepada rekan-rekan yang telah berkontribusi dan memberikan kerjasama yang
baik dalam penyelesaian tugas ini.
Akhir kata, kami berharap laporan ini dapat memberikan gambaran yang komprehensif
tentang proses dan hasil pembuatan website kami. Pastinya kami pun berharap website ini dapat
memberikan manfaat dan pengalaman baru yang menyenangkan bagi para penggunanya.

3
 DAFTAR ISI

COVER .......................................................................................................... 1
LEMBAR PENGESAHAN ........................................................................... 2
KATA PENGANTAR..................................................................................... 3
DAFTAR ISI .................................................................................................. 4
DAFTAR GAMBAR...................................................................................... 5
DAFTAR TABEL........................................................................................... 5
BAB I
Pendahuluan .............................................................................................. 6
Latar Belakang Masalah............................................................................. 6
Rumusan Masalah...................................................................................... 7
Tujuan ....................................................................................................... 7
Manfaat Pembuatan Web ........................................................................... 8
BAB II
Pembahasan ............................................................................................... 9
Gambaran Umum Rohis Syubban Rabbani ................................................ 9
Logo Rohis ................................................................................................ 10
Susunan Struktur Organisasi ...................................................................... 11
BAB III
Laporan Kegiatan....................................................................................... 12
Hasil Pembuatan Web ................................................................................ 22
BAB IV
Penutup...................................................................................................... 25
Kesimpulan Dan Saran .............................................................................. 25
DAFTAR PUSTAKA ..................................................................................... 26

4
 DAFTAR GAMBAR
Gambar 1 ......................................................................................................... 10
Gambar 2 ......................................................................................................... 12
Gambar 3 ......................................................................................................... 13
Gambar 4 ......................................................................................................... 14
Gambar 5 ......................................................................................................... 14
Gambar 6 ......................................................................................................... 15
Gambar 7 ......................................................................................................... 16
Gambar 8 ......................................................................................................... 17
Gambar 9 ......................................................................................................... 18
Gambar 10 ....................................................................................................... 19
Gambar 11 ....................................................................................................... 20
Gambar 12 ....................................................................................................... 20
Gambar 13 ....................................................................................................... 21
Gambar 14 ....................................................................................................... 21
Gambar 15 ....................................................................................................... 22
Gambar 16 ....................................................................................................... 22
Gambar 17 ....................................................................................................... 23
Gambar 18 ....................................................................................................... 23
Gambar 19 ....................................................................................................... 24
Gambar 20 ....................................................................................................... 24

DAFTAR TABEL
Tabel 1 ............................................................................................11

5
 BAB I
PENDAHULUAN

LATAR BELAKANG

Website adalah serangkaian halaman web berisi informasi yang terhubung satu sama
lain dan diakses melalui internet. Pada era digital saat ini, website telah menjadi salah satu
elemen penting di dalam kehidupan manusia.
Bagi pengunjung, website memberikan akses yang mudah dan cepat untuk mencari
informasi, membeli produk, atau mendapat pengalaman baru. Sedangkan bagi pelaku bisnis,
website dapat meningkatkan branding perusahaan serta memfasilitasi penjualan produk
secara online.
Kemudian CMS (Content Management System) merupakan perangkat lunak yang
biasa dipergunakan untuk mengelola, dan memodifikasi konten di sebuah website tanpa
harus memiliki keahlian pemrograman seperti javascript, phyton, php, C+ dan lain
sebagainya. CMS memiliki beberapa manfaat dan kelebiihan dalam pembuatan website,
seperti yang sudah dijelaskan diatas adalah mudah digunakan terutama untuk orang umum
yang tidak memahami bahasa pemrograman, pembuatan desain yang cukup mudah dan
dapat disesuaikan dengan keinginan user,multiuser,pembaharuan yang mudah, lalu juga
memiliki otoritas dalam mengatur peran dan izin penggunanya sesuai job desk, dan yang
terakhir adalah dapat mengoptimalkan SEO dengan plugin yang tersedia dan SEO pun juga
memiliki peran untuk membuat website yang kita buat berada di daftar teratas pada mesin
pencarian seperti google. Disamping kelebihan diatas pasti akan selalu diiringi dengan suatu
kekurangan antara lain ketergantungan kepada sistem penyedia platform terkait, keamanan
yang rentan terhadap hacker maupun virus dibeberapa CMS, perawatan yang diperlukan
seperti backup, dan perbaikan bug, biaya yang harus dikeluarkan untuk suatu lisensi,
perawatan, support dan hosting .
Dan untuk laporan ini akan dipaparkan pembuatan website CMS dengan
menggunakan wordpress, wordpress adalah platform CMS yang bersifat open source yang
artinya semua pengembang dapat melakukan modifikasi di dalam platform tersebut.

6
WordPress pada awalnya adalah sebuah platform blog, karena itu membuat website blog
tentu menjadi keunggulan platform yang satu ini. Apalagi fitur-fitur di WordPress juga
memudahkan untuk membuat tulisan serta menambahkan gambar dan video, kemudian
berkembang terus hingga wordpress sekarang banyak digunakan untuk membuat sebuah
company profile untuk marketing digital agar memudahkan calon konsumen melihat dan
mempelajari profil perusahaan terkait, website bisnis, online store, hingga komunitas online
dan masih banyak lagi. Secara singkat dapat dikatakan wordpress merupakan platform yang
open source dan dapat digunakan untuk membuat jenis website apapun dan bahkan hingga
mengunggah video tuorial yang akan membantu segala aktivitas dan kegiatan kita.

RUMUSAN MASALAH

Dari latar belakang diatas akan dirumuskan beberapa permasalahan yaitu,

1. Bagaimana membuat dan langkah-langkah merancang Web Profil organisasi ROHIS
SMK YADIKA 13 dengan Wordpress.
2. Cara membangun Web Profil organisasi ROHIS SMK YADIKA 13 dengan
menggunakan Wordpress.

TUJUAN
Tujuan dari pembuatan laporan ini adalah memaparkan pembuatan Web Profil untuk
sebuah komunitas atau organisasi ROHIS SMK YADIKA 13.

7
MANFAAT PEMBUATAN WEB PROFIL

Pembuatan Web ini diharapkan dapat membawa manfaat dalam,

1. Mempermudah seseorang ataupun kelompok sosial dapat saling membantu dan
organisasi tersebut akan lebih dikenal dikalangan yang lebih luas.
2. kemudian sebagai sarana informasi mengenai segala kegiatan dan penyebaran
informasi dapat dilakukan dengan lebih cepat, akurat dan lebih efisiensi waktu
3. Kemudian dapat juga digunakan untuk membuka kerjasama baru agar tercipta
organisasi yang lebih solid serta berkembang lebih pesat.
4. Dan poin terakhir yang paling penting adalah dapat mendatangkan calon anggota
atau orang dengan minat yang sama dari jarak jauh, yang secara tidak langsung akan
menumbuhkan organisasi dan membantu dalam menjaga dan mempertahankan
eksistensinya.

8
 BAB II
PEMBAHASAN

GAMBARAN UMUM ROHIS SMK YADIKA 13

Dari seorang Abi Dhani, beliau dulu keliling kelas untuk merekrut, diminta setelah
pulang sekolah untuk berkumpul di mushola orang-orang yang Abi pilih, Orang-orang ini
selepas waktu sekolah langsung ke mushola Baitul Makmur, dan disitu briefing pertama kali
bahwa kegiatan rohis itu menjadi sebuah ekstrakulikuler.
Singkatnya pada tanggal 12 maret 2010 menjadi tanggal pemilihan ketua pertama
dan sekaligus menjadi tanggal lahir Rohis SMK YADIKA 13 dengan ketua pertamanya yaitu
kak Suci Rahayu. lalu kemudian menurun dan berlanjut ke penerus-penerus baru hingga
sekrang adalah kak Satriyo Aji. Logo rohis sekarang ini nyatanya di buat dengan draft atau
digambar tangan oleh kak nurul angkatan pertama, lalu kemudian di digitalkan oleh kak heri
angkatan kedua.
Semakin tahun ternyata rohis ini mengalami perkembangan yang luar biasa dan
antusias yang besar dan kemudian Berkembang nya Rohis ini salah satunya dengan tambahan
kegiatan yaitu Marawis, yang sangat hits saat itu dan yang masih aktif hingga saat ini, dengan
nama Marawis El-Qodiriyah, Marawis El-Qodiriyah ini sering manggung keliling perumahan-
perumahan dan desa di sekitar sekolah. Yang Salah satu prestasi terbesarnya adalah berbagi
panggung dengan seorang Ustadz besar, yaitu Ust Solmed, dan pernah juga meraih kemenangan
favorit vokalis festival marawis yang diselenggarakan di cikunir jabodetabek dan Banten.

9
LOGO ROHIS SMK YADIKA 13 TAMBUN

Gambar 1 Logo Rohis SYUBBAN RABBANI

10
 STRUKTUR ORGANISASI ROHIS SMK YADIKA 13

KETUA ROHIS
Satrio Aji

WAKIL KETUA DKM

M. Faizal Yusuf Riri Fitria

BENDAHARA SEKRETARIS SEKSI HUMAS SEKSI

Lintang Cahyani Faridz M. Pandu KEAMANAN
Rahmatullah Raihan Daffa Raffi Kurniawan
WAKIL WAKIL Intan Mayasari Cahaya Insan
BENDAHARA SEKRETARIS
Claudia Fadia Zafira

Table 1 Tabel Susunan Kepengurusan

11
 BAB III
LAPORAN KEGIATAN

1. Memperiapkan Hosting
Pertama, terlebih dahulu kami menyiapkan hosting, kami memilih paket
hosting di Niagahoster. Kemudian Anda bisa menuju ke halaman Niagahoster dan
memilih hosting khusus untuk WordPress.Selanjutnya, konfirmasi hosting dan
durasi layanan WP Hosting yang jenis website Anda butuhkan dan membuat nama
domain untuk website .

Gambar 2 Paket Hosting

12
 Gambar 3 Paket Hosting

Sebagai catatan adalah Nama domain merupakan alamat website Anda. Karena setiap nama
domain itu berbeda-beda dan unik, pilih domain yang belum dipakai. karena domain tidak bisa
menggunakan nama yang sudah terpakai. Setelah itu, lakukan pembayaran. Ada beberapa metode
pembayaran yang tersedia, dan semuanya bisa dilakukan dengan mudah.

2. Instal wordpress
Setelah itu, lakukan pembayaran. Ada beberapa metode pembayaran yang tersedia, dan
semuanya bisa dilakukan dengan mudah. Selanjutnya, anda harus menginstal wordpress tetapi jika
sudah menggunakan layanan hosting WordPress, Anda tak usah menginstall WordPress secara
manual. Karena, CMS tersebut sudah langsung terpasang.

13
 Gambar 4 Wordprees Management

3. Kelola dasboard wordpress

Setelah itu kita memasang akan membuka website di WordPress, cara nya yaitu
membuka dashboard WordPress. Dasbor ini adalah tempat mengelola akun WordPress. Seperti
mengganti tema, menambah plugin, menerbitkan konten, dsb.
Masuk ke dasboard website WordPress lewat Member Area Niagahoster. Caranya, klik
layanan WordPress Hosting Anda → WordPress Management → pada WordPress Site klik tombol
Buka Dashboard.

Gambar 5 Wordpress Management

14
 Gambar 6 Dasboard Wordpress

Dasboard WordPress terbagi menjadi tiga bagian utama, yaitu toolbar, menu navigasi,
dan area kerja. Berikut masing-masing penjelasannya:

 Toolbar. Letaknya di bagian paling atas dasbor WordPress. Di sini, Anda bisa mengelola
profil WordPress hingga mendapat notifikasi komentar masuk.
 Menu navigasi, yaitu area di sebelah kiri dasbor WordPress. Sebagian besar aktivitas
mengelola website berada di menu navigasi. Dari menerbitkan blogpost, mengunggah
media, menambah halaman, mengelola komentar, mengganti tema, memasang plugin,
hingga mengganti pengaturan website.
 Area kerja. Area kerja berada di bagian tengah dan mengisi porsi paling besar dasbor. Ini
adalah tempat di mana Anda memonitor aktivitas konten sekaligus mengatur konten
website.

4. Menginstal Tema dan Plugin

Selanjutnya, kita akan memilih dan memasang template website WordPress. Sebagai
awalan, silakan klik menu navigasi Appearance →Themes. lalu klik Add New untuk mencari tema
situs. kemudian kami mencari tema melalui kolom search di menu pencarian tema website sesuai
kebutuhan. lalu klik tombol Install → Activate. Sekarang, template website sudah berganti sesuai
keinginan.
15
 Gambar 7 Tema Wordpress

Setelah memasang tema yang di inginkan, kemudian kami juga melakukan instalasi plugin. Plugin
adalah software untuk menambah fungsi pada website.
Cara install plugin WordPress adalah dengan mengklik menu navigasi Plugins → Add New,
Kemudian pilih plugin yang dibutuhkan untuk website.

16
 Gambar 8 Plugin Wordpress

Biasanya plugin yang direkomendasikan untuk diinstal pada website adalah

 Akismet Anti-Spam: mencegah serangan spam pada website atau blog.
 LiteSpeed Cache: mempercepat loading halaman website.
 Yoast SEO: memudahkan Anda mengoptimasi performa SEO website di mesin pencari.
 Site Kit by Google: mengintegrasikan website dengan tools analytic dari Google.
 Elementor : Biasanya untuk mengedit atau mendesign dengan cara yang lebih simpel dan
praktis.

5. Modifikasi Pages dan bagian-bagian pada Website

Agar website lebih menarik dan fungsional, Kami memodifikasinya sehingga halaman
maupun fitur yang pengunjung butuhkan tersedia. kami menambahkan deskripsi pada website,
menambahkan halaman penting dan mendesign menggunakan elementor.agar situs lebih tampak
professional dan menarik.

17
 Gambar 9 Pages Wrodpress

6. Membuat Postingan Blog

Pertama, silakan masuk ke menu navigasi Posts → Add New. Setelah itu akan muncul
editor blog post yang disertai berbagai fitur. Untuk membuat post baru di WordPress, buat judul
post terlebih dulu. Kemudian, ketik konten post pada area yang telah disediakan. Jika ingin
memformat teks, gunakan opsi toolbar. Toolbar tersebut hampir sama dengan toolbar yang Anda
gunakan di MS Word atau text editor populer lainnya.

18
 Gambar 10 Post Wordpress

Di sisi kanan halaman, adalah semacam meta box. Tiap box memiliki fungsi khusus.

 Publish : Di sini Anda dapat mengubah status dan visibilitas post. Buatlah jadwalnya.
Dengan mengklik tombol Publish, post Anda dapat dibaca oleh pengunjung. Jika ingin
menghapus post, klik tombol Move to Trash.
 Categories : Pada box ini, Anda dapat menentukan kategori post yang lebih spesifik.
Bahkan Anda bisa membuat kategori baru dengan mengklik tombol +Add New Category.
 Tags : Fitur ini mempermudah Anda untuk menambahkan tag baru dengan cepat.
 Featured Image. : Anda dapat menentukan featured image untuk post di sini. Featured
image adalah gambar yang muncul di atas artikel.

19
Kemudian Kurang Lebih Post nya akan seperti ini.

Gambar 11 Post Wordpress

Gambar 12 Post Wordpress Blog

20
7. Optimasi Performa Website

Ini dilakukan Agar performa website optimal, dengan mengoptimasinya. Dengan

manfaatnya seprti, website akan berada di posisi teratas mesin pencari Google, website tidak
loading lama, dan memperoleh pengunjung lebih banyak tentunya.

Gambar 13 Speed Test

Dan inilah hasil speedtest dari web kami .

Gambar 14 Result Speed Test

21
 HASIL PEMBUATAN WEB

Pada bagian ini kami akan membahas mengenai hasil kerja praktek mengenai Web
Profil Rohis Syubban Rabbani.

HALAMAN UTAMA WEB PROFIL

Gambar 15 Merupakan Tampilan Utama Web Profil

Gambar 16 Tampilan Utama Web Profil

22
  Home : Tampilan utama Website
 Contact : Berisi informasi dan kontak person yang dapat
dihubungi
 Blog : Berisi blog bacaan dan akititas.
 Tentang : Berisi informasi visi misi dan struktur organisasi
 Visi Misi : Berisikan tentang tujuan dan pencapaian yang akan
dituju dan diraih.
 Struktur Organisasi : Berisi informasi mengenai struktur kepengurusan
organisasi terbaru.

HALAMAN CONTACT

Gambar 17 Halaman Contact

HALAMAN BLOG

Gambar 18 Halaman Blog

23
HALAMAN VISI MISI

Gambar 19 Halaman visi misi

HALAMAN STRUKTUR ORGANISASI

Gambar 20 Struktur organisasi

24
 BAB IV

PENUTUP

KESIMPULAN

Kesimpulan dari uraian dan pemaparan hasil tugas diatas didapat bahwa profil
organisasi ROHIS SYUBBAN RABBANI sudah dapat dibuat dan dapat mempermudah
penyampaian informasi mengenai agenda acara dan blog bacaan yang bermanfaat. Meskipun
masih banyak kekurangan yang perlu untuk diperbaiki.

SARAN

Dalam kegiatan pembuatan web diatas masih memiliki beberapa hal yang perlu
diperbaiki, antara lain :

 Memperbaiki tampilan web profil Rohis syubban rabbani agar tampilan lebih
menarik lagi.
 Menambah fasilitas atau menu pada web profil rohis syubban rabbani karena
masih memiliki fasilitas dan menu-menu yang terbatas.
 Melakukan perawatan sistem dan menggunakan web ini dengan lebih
maksimal.

25
 DAFTAR PUSTAKA

1. Penyedia Hosting yang menyediakan fasilats dan ragam keunggulan

https://www.niagahoster.co.id/
2. Laporan kerja praktek TI UNTAG Surabaya
https://informatika.untag-
3. Jurnal Teknologi informasi ISSN 2086-2989 Vol.8
https://media.neliti.com/media/publications/142649-ID-aplikasi-plugin-transfer-
domain-di-pt-be.pdf

26