MAKALAH

LAPORAN PEMBUATAN WEB

Disusun oleh:
Rifki Wisnu Cangih Pratama
221542018154062

UNIVERSITAS WIDYAGAMA
MALANG
 2023
KATA PENGANTAR

Puji dan syukur kehadirat Allah SWT yang telah melimpahkan rahmat dan karunia- Nya
sehingga saya bisa menyelesaikan makalah ini. Makalah ini disusun dalam rangka memenuhi
tugas Kompetensi IT pada Semester Genap Tahun Ajaran 2023/2024.
Proses penyusunan makalah ini tidak lepas dari bantuan, bimbingan, masukan, dan
dukungan dari berbagai pihak. Oleh karena itu pada kesempatan ini, saya mengucapkan banyak
terima kasih kepada semua pihak yang telah turut membantu dalam penyusunan makalah ini.
Saya menyadari sepenuhnya bahwa makalah ini masih jauh dari sempurna. Oleh karena
itu dengan segala kerendahan hati, segala kritik dan saran yang membangun sangat saya
harapkan demi menyempurnakan makalah ini. Semoga makalah ini dapat memberikan suatu
manfaat bagi pembaca serta dapat memenuhi kriteria tugas sehingga bisa bernilai baik.

Malang, 9 Agustus 2023

Penyusun
 DAFTAR ISI

KATA PENGHANTAR.................................................................................................

DAFTAR ISI.................................................................................................................

Bab I Pendahuluan........................................................................................................

1. Latar Belakang..................................................................................................
2. Rumusan Masalah.............................................................................................
3. Tujuan dan Manfaat..........................................................................................
1) Tujuan...................................................................................................
2) Manfaat.................................................................................................

Bab II Hasil dan Pembahasan.......................................................................................

1. Instalasi Xampp................................................................................................
2. Instalasi WordPress...........................................................................................
3. Tampilan Web...................................................................................................
1) Tampilan Shop Gallery.........................................................................
2) Tampilan Latar Belakang Perusahaan...................................................
3) Tampilan Blog Website.........................................................................
4) Tampilan Contact Us.............................................................................

Bab III Penutup.............................................................................................................

1. Kesimpulan.......................................................................................................
2. Saran ................................................................................................................

Daftar Pustaka ..............................................................................................................

 BAB I

PENDAHULUAN

1. Latar Belakang

Dalam era digital yang semakin berkembang pesat, keberadaan website telah
menjadi hal yang tidak bisa diabaikan. Website bukan hanya menjadi sarana untuk
berbagi informasi, tetapi juga menjadi platform untuk berbisnis, berkomunikasi, dan
menyampaikan pesan kepada khalayak luas. Dalam konteks ini, laporan ini akan
membahas secara mendalam proses pembuatan sebuah website. Mulai dari
perencanaan awal, pemilihan teknologi yang tepat, desain yang menarik, hingga
implementasi dan peluncuran. Melalui paparan yang komprehensif, diharapkan
pembaca dapat memahami tahapan-tahapan kunci serta tantangan yang mungkin
dihadapi dalam menghasilkan sebuah website yang efektif dan fungsional. Dengan
demikian, mari kita eksplorasi lebih jauh mengenai dunia pembuatan website
melalui laporan ini.

2. Rumusan Masalah
1. Bagaimana proses Instalasi Xampp?
2. Bagaimana proses Instalasi WordPress pada Xampp?
3. Apa sajakah menu-menu yangbada pada web yang telah dibuat?

3. Tujuan dan manfaat penelitian

1) Tujuan penelitian
Tujuan dari penelitian tentang pembuatan website adalah untuk
mengidentifikasi, mengembangkan, dan memahami berbagai aspek terkait
pembuatan situs web dengan tujuan tertentu. Tujuan dari penelitian tentang
pembuatan website adalah untuk menghasilkan situs web yang efektif, efisien,
aman, dan sesuai dengan kebutuhan pengguna serta tujuan organisasi.

2) Manfaat penelitian
Penelitian tentang pembuatan website memiliki manfaat yang luas dan
relevan dalam era digital saat ini. Penelitian tentang pembuatan website
memiliki manfaat yang beragam dan multidimensi, memengaruhi berbagai
aspek termasuk teknologi, bisnis, pendidikan, dan pengalaman pengguna.
 BAB II
HASIL DAN PEMBAHASAN

1. Instalasi Xampp

1) Unduh Xampp
Download Xampp melalui browser anda. Pilih sesuai dengan seri laptop yang
sama laptop anda.

2) Install Xampp
a. Lakukan instalasi setelah Anda selesai mengunduh. Selama proses
instalasi mungkin Anda akan melihat pesan yang menanyakan apakah
Anda yakin akan menginstalnya. Silakan tekan Yes untuk melanjutkan
instalasi.
b. Klik tombol Next.
c. Pada tampilan selanjutnya akan muncul pilihan mengenai komponen
mana dari Xampp yang ingin dan tidak ingin Anda instal. Beberapa
pilihan seperti Apache dan PHP adalah bagian penting untuk
menjalankan website dan akan otomatis diinstal. Silakan centang
MySQL dan phpMyAdmin, untuk pilihan lainnya biarkan saja.

d. Berikutnya silakan pilih folder tujuan dimana Xampp ingin Anda

instal, pada tutorial ini pada direktori C:\xampp.

e. Pada halaman selanjutnya, akan ada pilihan apakah anda ingin

mengistal Bitnami untuk Xampp, dimana nantinya dapat anda gunakan
untuk install WordPress, Drupal, dan Joomla secara otomatis.
f. Pada langkah ini proses instalasi Xampp akan dimulai. Silakan klik
tombol Next.

g. Setelah berhasil diinstal, akan muncul notifikasi untuk langsung

menjalankan control panel. Silakan klik Finish.
3) Jalankan Xampp
Silakan buka aplikasi Xampp kemudian klik tombol Start pada Apache dan
MySQL. Jika berhasil dijalankan, Apache dan MySQL akan berwarna hijau
seperti gambar di bawah ini.
2. Instalasi Wordpress

1) Pertama pastikan Xampp sudah terinstall pada PC atau laptop.

2) Selanjutnya bukalah Xampp Control Panel yang dapat diakses melalui start
menu atau desktop pada PC anda.

3) Setelah Xampp terbuka, maka klik tombol start pada apache untuk
mengaktifkan server local dan klik tomol start pada MySql untuk
mengaktifkan database.

4) Setelah Xampp aktif, dan sebelum menginstall WordPress sebaiknya membuat

database website pada Xampp. Buka browser dan ketikkan URL
localhost/phpmyadmin maka akan muncul tampilan sebagai berikut:
5) Klik new untuk membuat database baru untuk website anda. Kemudian
ketikkan nama database dengan huruf kecil dan tanpa spasi, setelah itu klik
Create.

6) Jika databasenya sudah berhasil dibuat maka nama database anda akan muncul
pada menu samping, seperti gambar berikut:
7) Setelah selesai membuat database, selanjutnya adalah instalasi CMS
WordPress. Jika belum memiliki WordPress, bisa mendownload melalui
browser. Setelah itu jika file WordPress masih dalam bentuk archive zip atau
rak maka extrak terlebih dahulu.
8) Maka folder Wordpress akan tampil.

9) Setelah itu rename folder WordPress tersebut sesuai dengan title website yang
di inginkan serta memindahkan file tersebut pada folder Xampp > htdocs.

10) Langkah selanjutnya adalah mulai proses instalasi WordPress. Pertama buka
browser dan ketikan localhost/wordpress maka akan muncul tampilan seperti
gambar dibawah, kemudian klik tombol Let’s go.
11) Maka akan muncul tampilan seperti dibawah ini, selanjutnya mengisi
konfigurasi database. Pertama isi field database yang telah dibuat
sebelumnya, kemudian field username isi dengan root, field password
dikosongkan saja, field database host isi dengan localhost dan field table
prefix dibiarkan saja. Setelah semua lengkap kemudian klik tombol submit
untuk Langkah selanjutnya.
12) Maka akan muncul tampilan seperti dibawah ini. Klik tombol run the install
untuk menginstall WordPress.

13) Kemudian akan muncul tampilan seperti dibawah ini, lengkapilah data yang
diminta seperti Site title (nama website), username, Password, email,
kemudian klik Install WordPress untuk instalasi selanjutnya.
14) Maka selanjutnya akan muncul tampilan seperti dibawah ini, ingatlah
username dan password yang telah anda buat tadi, selanjutnya klik tombol Log
in untuk masuk ke tampilan beckend website.

15) Selanjutnya akan muncul tampilan sebagai berikut, masukan username dan
password yang telah anda buat kemudian klik tombol Log in.

16) Setelah Log In maka tampilan beckand website akan tampil. Dan jika ingin
masuk kembali ke beckend website anda bisa langsung mengakses dengan
URL localhost/nama_website/wp-admin.
 3. Tampilan Web

Pada home ini berisi tentang pengenalan web dan juga sebagai menu utama web yang dapat
mengarah ke bagian-bagian lain dari web.
 1. Tampilan Shop Gallery

Di halaman ini kita menampilkan berbagai produk dalam bentuk gallery. Pengunjung dapat
dengan mudah menjelajahi berbagai produk yang ditampilkan dalam gambar. Tampilan ini
memungkinkan pengguna untuk melihat berbagai pilihan produk secara cepat dan memilih
untuk melihat detail lebih lanjut tentang setiap produk yang menarik perhatian pembeli.

2. Tampilan latar belakang perusahaan

 Pada halaman ini, pengunjung dapat mengetahui informasi mengenai Sejarah Perusahaan,
tim manajemen kunci, visi dan misi, serta apa yang membedakan Perusahaan dari yang
lain. Halaman ini juga bisa mencakup pengalaman, prestasi, dan komitmen Perusahaan
dalam melayani pelanggan atau komunitas.

3. Tampilan Blog website

Disini pengunjung dapat pengunjung dapat membaca artikel-artikel yang mencakup berbagai
topik, seperti pengaduan, ulasan produk, tips, tren, atau pemikiran mendalam. Pada halam ini
memungkinkan pembaca untuk mendapatkan wawasan baru, belajar, dan terhubung dengan
penulis atau merek di luar produk atau layanan yang mereka tawarkan.

4. Tampilan Contact Us
Halaman ini dibuat agar para pembuka dapat menghubungi Perusahaan dengan mudah, jika
ada kesalahan atau hal yang tidak diinginkan terjadi pada barang pesanan yang telah disorder
oleh para pengunjung.

BAB III

PENUTUP

1. KESIMPULAN
Penelitian ini menyimpulkan bahwa pembuatan sebuah website dapat menjadi alat
yang efektif dalam menyajikan makalah singkat. Dengan menggunakan platform web,
informasi dapat diakses secara mudah dan cepat oleh berbagai kalangan pembaca. Hal
ini juga memungkinkan untuk penggunaan elemen visual seperti gambar, grafik, dan
video guna memperjelas konsep dalam makalah. Selain itu, website juga dapat
meningkatkan interaksi antara penulis dan pembaca melalui fitur komentar atau
kontak langsung. Namun, kesuksesan website sebagai alat presentasi masih
bergantung pada desain yang baik, navigasi yang intuitif, dan konten yang relevan
dan berkualitas.

2. SARAN
Untuk membuat web, kita harus menentukan tujuan, mengenali target audiens,
memilih platform, dan responsif agar website yang kita buat dapat menjadi website
yang baik, rapi, dan nyaman untuk para pengunjung web tersebut.
 DAFTAR PUSTAKA

https://www.academia.edu/19017397/Tutorial_Instal_CMS_Wordpress_pada_Xampp
https://hariono.site.unwaha.ac.id/cara-menginstal-xampp-di-windows/
https://www.academia.edu/34213761/
Cara_Install_Word_Press_di_Localhost_Menggunakan_XAMPP
https://www.niagahoster.co.id/blog/cara-instal-wordpress-di-xampp/