LAPORAN AKHIR

PEMROGRAMAN WEB BERBASIS BERBASIS CMS

Dosen Pengampu :
Abdul Rahim, S.Kom. ,M.Cs

Disusun Oleh :
Ayu Hesti Pratiwi
2011102443108
Kelas ; LL

PROGRAM STUDY TEKNIK SIPIL

FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS MUHAMMADIYAHKALIMANTAN TIMUR
2021
 KATA PEGANTAR

Dengan menyebut nama Allah Yang Maha Pengasih lagi Maha

Penyayang, puji syukur kehadirat Allah SWT yang telah melimpahkan Rahmat,
Hidayah, dan Inayah-Nya sehingga penulis dapat menyelesaikan penyusunan
Laporan Akhir mata kuliah Pemprograman WEB Berbasis CMS tepat pada
waktunya.

Penyusunan laporan akhir semaksimal mungkin, penulis berusaha dan

didukung oleh bantuan dari berbagai pihak, sehingga dapat mempermudah dalam
penyusunannya. Untuk itu penulis tidak lupa mengucapkan terima kasih kepada
semua pihak yang telah membantu penulis dalam menyelesaikan makalah ini.

Namun tidak terlepas dari itu semua, penulis menyadari sepenuhnya

bahwa masih terdapat kekurangan baik dari segi penyusunan bahasa maupun
aspek lainnya. Oleh karena itu, penulis dengan lapang dada membuka pintu lebar-
lebar bagi para pembaca yang ingin memberikan saran maupun kritik demi
penyempurnaan makalah ini.

Akhir kata, penulis sangat berharap semoga laporan sederhana ini dapat
diambil manfaat dan keinginan besar penulis untuk menginspirasi pembaca untuk
mengangkat isu-isu lain yang relevan pada karya tulis selanjutnya.

Samarinda, 8 Desember 2022

Ayu Hesti Pratiwi

 ABSTRAK

Pemrograman web merupakan matakuliah yang mempelajari tentang

bahasa pemrograman web dengan menggunakan bahasa CMS. Namun, karena
perkembangan bahasa pemrograman maka di keluarkan versi baru dari bahasa
pemrograman CMS, sehingga dalam hal ini mahasiswa sulit melakukan adaptasi
dari pemrograman terstruktur menjadi pemrograman berorientasi objek. E-
Learning merupakan suatu content dan instructional metode dengan menggunakan
aplikasi elekronik dengan media Internet atau intranet untuk membangun
pengetahuan dan keahlian dengan tujuan pembelajaran suatu individu maupun
organisasi tertentu.

Oleh karena itu, dengan adanya aplikasi e-learning pemrograman web

berorientasi objek pada jaringan intranet di UMKT ini, diharapkan dapat menjadi
solusi untuk mengatasi kendala pembelajaran yang ada.

Kata Kunci : E-Learning, CMS, UMKT

 DAFTAR ISI

Table of Contents
KATA PEGANTAR................................................................................................................2
ABSTRAK.............................................................................................................................2
DAFTAR ISI..........................................................................................................................2
2.1 Pembuatan WEB.....................................................................................................2
2.2 Desain WEB............................................................................................................2
2.3 Template WEB........................................................................................................2
2.4 Link WEB................................................................................................................2
BAB 3 PEMBUATAN WEB...................................................................................................2
3.1 Alat dan Bahan.......................................................................................................2
3.2 Instal Software.......................................................................................................2
3.2.1 Instal XAMPP..........................................................................................................2
3.2.2 Instal Wordpress....................................................................................................2
3.3 Pembuatan WEB.....................................................................................................2
3.4 Mengisi WEB yang telah dibuat..............................................................................2
3.4.1Mengisi Pembuatan Awal WEB..................................................................................2
3.4.2 Membuat Postingan...............................................................................................2
3.4.3 Pembuatan Kategori...............................................................................................2
3.4.4 Pembuatan Tagline.................................................................................................2
3.4.5 Pembuatan Page atau Laman.................................................................................2
3.5 Diagram Alur Penggunaan WEB.............................................................................2
BAB 4 PENUTUP.................................................................................................................2
4.1 Kesimpulan.............................................................................................................2
4.2 Saran......................................................................................................................2
DAFTAR PUSTAKA...............................................................................................................2
 BAB 1 PENDAHULUAN
1.1 Latar Belakang
Memasak adalah kegiatan mengolah atau membuat berbagai macam
penganan, lauk-pauk, dan sebagainya (KBBI, 2016). Dalam kegiatan memasak
dibutuhkan pengetahuan tentang cara mengolah berbagai bahan makanan dengan
menggunakan berbagai peralatan memasak yang baik agar menghasilkan
panganan yang enak dan memuaskan penikmatnya. Pengetahuan tentang
memasak dapat diperoleh dari berbagai cara seperti melalui lembaga pendidikan
yang mengajarkan tentang pengetahuan memasak, atau mempelajari langsung dari
orang lain yang dianggap ahli dalam memasak ataupun dapat juga melalui resep
masakan yang banyak beredar melalui media massa cetak dan elektronik.

Secara umum masyarakat di Indonesia ingin dapat menikmati makanan

yang enak dan memuaskan yang dihasilkan dari proses memasak yang baik. Oleh
karena itu keinginan masyarakat untuk mendapatkan pengetahuan memasak
semakin meningkat. Banyak kalangan masyarakat yang mendalami dunia
memasak dengan cara mempelajari dari orang yang ahli atau belajar sendiri
melalui resep yang didapatkan dari media massa.

Minat masyarakat terhadap dunia kuliner baik sebagai penikmat ataupun

sebagai pengusaha kuliner semakin meningkat dari tahun ke tahun. Hal tersebut
tebukti dari perkembangan industri kuliner di Indonesia yang juga semakin
meningkat pesat. Berdasarkan data statistik dari Badan Pusat Statistik (BPS),
perkembangan industri di sektor makanan meningkat sebanyak 450% dari tahun
2013 ke tahun 2014 dan tercatat terdapat lebih dari ±3juta perusahaan industri di
bidang makanan di tahun 2014.

Perkembangan industri kuliner yang semakin meningkat dari tahun ke

tahun juga merupakan faktor penunjang berkembangnya industri pariwisata di
Indonesia. Berdasarkan data Badan Pusat Statistik (BPS), jumlah wisatawan asing
meningkat dari tahun ke tahun dan mencapai ±8,8juta wisatawan di tahun 2014.
Menurut Plt. Dirjen Pengembangan Destinasi Pariwisata, Kementerian Pariwisata
dan Ekonomi Kreatif, Dadang Rizki Ratman, kuliner LP3A Semarang Cooking
School 2 merupakan citra pariwisata di Indonesia, dan wisata kuliner di Indonesia
memberikan kontribusi sebanyak Rp209 triliun terhadap PDRB Indonesia di
tahun 2013(Kompas.com,2015).

1.2 Pemilihan Topik WEB

Pemilihan topik sendiri sangat banyak yang bisa diangkat topik dalam pembuatan
web ini, topik yang saya angkat adalah Resep Masakan Indonesia.

Resep masakan adalah takaran yang digunakan untuk membuat masakan

(makanan & minuman) yang telah teruji ke akuratannya. Untuk dapat membuat
masakan tentunya si pemasak (Juru masak) harus menyiapkan bahan-bahan
terlebih dahulu untuk diolah menjadi masakan siap saji.

Selain menyiapkan bahan, dalam resep masakan juga tersedia keterangan dan
panduan seputar cara mengolah bahan-bahan yang akan dimasak, serta keterangan
tentang cara menyajikan hasil masakan tersebut.

Ada berberapa faktor yang harus diketahui oleh seorang juru masak ketika
mengkreasikan sebuah resep masakan.

 Berapa lama waktu yang dibutuhkan sebelum masakan yang dibuat

mencapai titik basi / rusak.
 Jumlah kalori yang akan dihasilkan dalam setiap masakan.
 Durasi yang dibutuhkan untuk memasak makanan.
 Media untuk menyajikan hasil masakan.

Ke-empat faktor diatas merupakan hal yang fundamental dalam meracik,

membuat dan menghidangkan masakan.

1.3 Tujuan Dan Manfaat

Tujuan dari pembuatan Website Portal resep makanan dan minuman
masakmasak, yaitu :
1.Memudahkan pengguna dalam mencari kumpulan resepmasakan dengan
cepat dan mudah.
 2.Membantu pengguna yang belum memiliki ide mengenaimasakan yang
akan dibuat.
3.Menambah pengetahuan tentang resep masakan
 BAB 2 PEMBAHASAN

2.1 Pembuatan WEB

Dalam pembuatan Website ini penulis melakukan beberapa Langkah ini :

1. Judul. Judul website yang penulis buat ini adalah “Resep

Masakan Indonesia” alasan saya membuat web tentang
masakan kuliner Indonesia ini karena saya melihat banyak
makanan kuliner Indonesia dan masih banyak orang orang yang
belum tau resep resep untuk membuat makanan tersebuk.
2. Tema Website ini adalah Resep masakan .
3. Tampilan. Website ini memiliki tampilan background biru variasi
dengan warna merah sebagai pembeda supaya bisa dilihat
dengan enak.

4. Content. Website ini berisi content yang membahas tentang

membuat resep makanan,mungkin bagi pengunjung web yang
hobi memasak bisa langsung mencari resepnya saja.
2.2 Desain WEB

Desain web ini sendiri saya menggunakan seperti di atas yang dimana
mempermudah orang yang mengunjungi web saya dan desain yang saya pakai
ini bisa dibilang mudah dipahami karena dibagian home sudah terdapat icon
home yang mana langsung muncul resep yang ingin di pakai
 2.3 Template WEB

Ini adalah template atau tema yang saya gunakan, dimana saya
menggunakan tema Cookery Lite , yang dimana tema atau template ini
menurut saya cocok dengan topik WEB yang saya pakai dan juga menurut
saya template ini juga mempermudah saya dan juga pengunjung web saya.

2.4 Link WEB

ini adalah link web yang saya buat dengan menggunakan XAMPP dengan
Wordpress yang dimana 2 software ini membantu saya membuat WEB ini. Dan
dimana ini adalah HomeScreen saya di web saya sendiri
 BAB 3 PEMBUATAN WEB

3.1 Alat dan Bahan

Analisa kebutuhan ini merupakan kebutuhan yang diperlukan dalam

pembuatan website ini yaitu:

 Software
1. XAMPP program ini mempunyai satu paket web server Apache, PHP dan

MySQL.
2. Web browser yang digunakan Google Chrome, yang berguna untuk
menampilkan interface program yang telah dibuat.

 Hardware yang digunakan dalam pembuatan program

ini 1.Intel core i5-8250U
2. CPU 1.60Hz, 1800 Mhz, 4 Core
3. Nvidia Geforce 930MX

4.VRam 2.00 GB
5. Memory RAM 8.00 GB
6. Hardisk Local Disk D ( 1 TB ) dan Local Disk C ( 250 GB )

3.2 Instal Software

Sebelum tahap pembuatan WEB dimana melakukan tahap install 2 software

yaitu wordpress dengan XAMPP, proses nya sebagai berikut :

3.2.1 Instal XAMPP

Ini adalah step by step cara menginstal aplikasi software XAMPP :

7
8
 3.2.2 Instal Wordpress

Pertama, setelah mendownload software nya, di extract dan diganti namanya

APP_CMSAYU atau sesuai keinginan kita

Kedua, pindah folder tadi ke bagian C/xampp/htdocs setelah itu taruh folder
yang tadi disini
9
3.3 Pembuatan WEB

1. Buka XAMPP tadi dan start Apache dan MySQL dan setelah nyala
seperti hijau ini berarti sudah menyala XAMPP nya

10
2. Ketikkan di browser localhost/phpmyadmin

3. Setelah itu klik baru yang disebelah kiri, dan masukkan db_sesuai
keinginan kita , contoh saya menggunakan nama yaitu db_ayuhesti

4. Klik ayo yang dibawah kiri web

11
5. Isi bagian nama basis data sesuai dengan nama root, nama pengguna
isi nama keinginan kita karena ini buat kita login nanti, sandi
kosongkan saja, dan klik kirim

6. Klik Jalankan pemasangan

12
7. Isi judul situs yang kita mau dan nama pengguna di isi nama yang kita
mau karena ini buat kita login nanti, isi sandi dan masukkan email kita

8. Kita login dengan nama kita tadi dan password kita

13
9. Dan ini adalah tampilan awal web kita dan klik new tab di bagian

10. Dan inilah tampilan awal web kita

14
3.4 Mengisi WEB yang telah dibuat

3.4.1Mengisi Pembuatan Awal WEB

1. Klik Sesuaikan Situs Anda akan diarahkan mengisi awal WEB dari tema
dan lain-lainnya

15
2. Dan ini adalah fitur-fitur nya yang kalian bisa isi sesuai kreatifvitas kita
sendiri

16
 3.4.2 Membuat Postingan

1. Kembali ke Dasboard, dan klik bagian post, dan klik di bagian tambah
baru nantinya akan diarahkan pembuatan postingan

17
2. Setelah itu bisa kita isi sesuai yang kita mau, di sini ada mengisi Judul
da nisi, untuk bagian isi bisa kita variasikan dengan bermacam-macam
fitur dari foto dan video contohnya setelah itu bisa juga langsung
mengisi kategori apa postingan ini dan juga memasukkan tagline
sebagai kata kunci untuk yang melihat web kita sebagai kata kunci
yang dicari nanti nya, setelah selesai klik terbitkan di bagian atas
kanan bewarna biru, dan jadi postingan pertama

18
3. Dan ini adalah contoh salah satu postingan saya yang telah jadi
dimana postingan ini cukup lengkap untuk pembaca.

19
 3.4.3 Pembuatan Kategori

1. Yang pertama dilakukan kembali ke dashboard dan menuju kebagian

kategori, dan setelah itu mengisi nama slug itu tersendiri dan juga
deskripsi kategori itu sendiri setelah selesai mengisi scroll kebawah
dan klik tambah baru kategori bewarna biru

20
2. Dan ini daftar kategori saya ada 10 kategori yang dimana kategori ini
berfungsi mengkelompokkan postingan kita berbagai kategori agar
mudah dilihat oleh kita dan pengunjung WEB

21
 3.4.4 Pembuatan Tagline

1. Sama seperti post dan kategori, untuk membuat tagline kembali ke

dashboard dan mengisi nama,slu, dan deskripsi itu sendiri, setelah jadi
klik bagian tombol biru yang namanya itu tambah tag baru

22
2. Ini salah satu contoh tagline saya yang dimana semakin banyak kita
pakai penggunaan tag semakin besar juga tulisan tagline atau kata
kunci tersebut, tag ini sendiri berfungsi kata pengunci yang dimana
sebagai acuan pengunjung melihat WEB kita buat ini

23
 3.4.5 Pembuatan Page atau Laman

1. Kebagian laman dan klik tambah baru

2. Setelah itu mengisi isi dan judul yang kita mau dan klik terbitkan di
pojok kanan atas
24
3. Ini salah satu page saya ada 4, page ini berfungsi sebagai halaman
web yang dibuat dan isi dari page ini bisa bermacam macam yang kita
mau disini saya mengisi ada 4 yang dimana 4 ini berfungsi sebagai
informasi,dan kegiatan apa saja yang di web yang saya buat ini

25
3.5 Diagram Alur Penggunaan WEB

BUKA WEB P

HOME SCREEN WEB

KE PAGE
DAFTAR RESEP
MAKANAN

PILIH RESEP YANG

AKAN DIGUNAKAN

26
 3.6 Penjelasan Manfaat Membuat WEB ini

Dari Tugas project ini saya mempelajari banyak hal tentang pembuatan
website, dengan kuliah secara daring ini saya merasa agak kesulitan karena
pengetahuan saya tentang pembuatan website agak terbatas, jadi kendala saya pada
saat pertama kali saya membuat website dengan tampilan yang saya ingin kan agak
sulit dan sedikit kaku, pada case ini masih banyak yang saya belum pelajari dan hanya
sedikit saja yang saya ketahui pada system XAMPP dan wordpress. Dan proses
pembuatan website dari nol ini sampai saat ini, agak susah-susah gampang dan masih
banyak yang saya belum ketahui tentang tool plugin lainnya. Dan kedepannya saya
memliki rencana untuk membuat sebuah website untuk project saya di tahun depan
dan saya akan mencoba meng-online kan website saya dan dikembangkan besar
seperti komunitas yang saya buat sebelumnya.

27
 BAB 4 PENUTUP

4.1 Kesimpulan

Perkembangan dunia informatika yang semakin canggih saat ini

menawarkan kemudahan bagi setiap orang dalam membantu
menyelesaikan kebutuhan dan pekerjaannya. Internet sebagai salah satu
bukti nyata dengan adanya perkmbangan ini.

Maka dari itu, para mahasiswa berusaha merancang beberapa

pemrograman di internet. CMS termasuk dari unsur penting dalam
pemrograman internet.Pembuatan web menggunakan pemrograman CMS
mempunyai berbagai macam kelebihan dan keunggulan bila
dibandingkan dengan menggunakan program lain yang sejenis. Berbagai
macam kemudahan yang ada pada program CMS sangat fleksibel
danakan memberikan kemudahan dalam aplikasinya.Berbagai
keunggulan yang dimiliki oleh CMS sangat berperan penting dalam
perkembangan dunia teknologi khususnya dalam bidang internet dan
penyebar aninformasi. Secara tidak langsung perkembangan tersebut juga
akan mempengaruhi terhadap berbagai aspek kehidupan manusia.

4.2 Saran

Sebagai penulis berharap penulisan laporan akhir ini dapat

menambah wawasan bagi seluruh mahasiswa khususnya para pembaca
agar dapat meningkatkan kesadaran tentang teknologi dan menambah
pengetahuan bagi teman – teman mahasiswa lainnya. Demi
penyempurnaan laporan akhir ini, saya sebagai penulis mengharapkan
kritik dan saran yang konstruktif.

28
 DAFTAR PUSTAKA

Academia. (2021, Januari 1). Academia. Retrieved Desember 26,

2021, from MAKALAH " PEMROGRAMAN WEB II " Disusun
Untuk Memenuhi Semester Pemrograman Web II DISUSUN
OLEH : EGIA SURANTA 2013030038 PROGRAM STUDI
MANAJEMEN INFORMATIKA POLITEKNIK
UNGGUL LP3M MEDAN:
https://www.academia.edu/34604890/
MAKALAH_PEMROGRAMAN_WEB
_II_Disusun_Untuk_Memenuhi_Semester_Pemrograman_Web_II_D
ISUSUN
_OLEH_EGIA_SURANTA_2013030038_PROGRAM_STUDI_
MANAJEM
EN_INFORMATIKA_POLITEKNIK_UNGGUL_LP3M_MED
AN

Zahara, S. (2019, Januari 1). UNIM. Retrieved Desember 26,

2021, from Pemprograman WEB:
http://e- learning.unim.ac.id/course/info.php?id=710&lang=id

29