LAPORAN

PEMROGRAMAN WEB BERBASIS CMS

Di Susun Untuk Memenuhi Tugas Akhir Mata Kuliah Yang Berbasis Project

KULINER SAMARINDA

http://websitekulinersamarinda.epizy.com

Hana Saida

1911102431275

PROGRAM STUDI MANAJEMEN INTERNASIONAL

FAKULTAS EKONOMI, HUKUM, POLITIK, DAN PSIKOLOGI
UNIVERSITAS MUHAMMADIAH KALIMANTAN TIMUR
2020
 ABSTRAK

Website ini dibuat dengan tujuan untuk menyelesaikan Tugas Akhir Mata Kuliah yang Berbasis Project
sekaligus membantu mempromosikan kuliner di Samarinda.

Kuliner saat ini merupakan suatu hal yang menarik pada beberapa kota salah satu nya Kota Samarinda,
selain terkenal sebagai kota yg di lewati garis khatulistiwa juga di kenal akan kuliner nya.

Semakin berkembangnya internet di Indonesia, semakin banyak pula yang mengenal website.

Website adalah apa yang kita kunjungi setiap hari di internet, Website tidak hanya bermanfaat untuk pribadi
dan bisnis. Website juga memiliki manfaat sosial yang bisa dirasakan oleh semua lapisan masyarakat

i
 DAFTAR ISI

ABSTRAK ......................................................................................................................................................... i
DAFTAR ISI ..................................................................................................................................................... ii
BAB I PENDAHULUAN ................................................................................................................................. 1
1.1 Latar Belakang........................................................................................................................................ 1
BAB II DESAIN WEBSITE ............................................................................................................................ 2
2.1 Langkah – Langkah Pembuatan Website ............................................................................................ 2
2.2 Pemilihan Template .............................................................................................................................. 14
2.3 Skema Diagram Alur Penggunaan Web ............................................................................................. 14
BAB III PENUTUP ........................................................................................................................................ 22
3.1 Kesimpulan ............................................................................................................................................ 22

ii
 BAB I PENDAHULUAN

1.1 Latar Belakang.

Website yang saya buat ini merupakan website yang bergerak pada bidang Informasi, Nama website ini
yaitu Kuliner Samarinda, latar belakang di ambil nya website ini adalah berawal dari melihat kuliner yang
ada di Samarinda sehingga saya tertarik untuk membuat website Kuliner Samarinda. Sebagai media
informasi, Tujuan dari website ini adalah untuk memudahkan orang yang masih bingung ketika ingin
mencari kuliner di Kota Samarinda. sehingga manfaat dari website ini untuk memudahkan orang mencari
info tentang kuliner di Samarinda terutama untuk pendatang baru yang tinggal di Kota Samarinda misalnya
warga asing yang baru berkunjung ke Kota Samarinda.

1
 BAB II DESAIN WEBSITE

2.1 Langkah – Langkah Pembuatan Website

 Download Wordpress pada web resmi nya yaitu Wordpress.org

 Ketika sudah selesai, pindahkan folder Wordpress ke dalam folder Xampp ↔ htdocs
 Ubaah nama folder Wordpress tadi menjadi nama website yang ingin kita buat contoh Kulineran
Samarinda

2
 Pertama kita download dan install aplikasi Xampp pada laptop

 Lalu buka browser dan ketik localhost//phpmyadmin ↔ new ↔ isi nama database kita sesuai nama
website kita ↔ create

3
 Buka tab baru pada browser dan ketik localhost/nama database kita tadi lalu enter
 Ketika selesai kita akan masuk ke laman wordpress untuk mengatur atau membuat akun web site kita
 Setelah selesai kita akan masuk ke tampilan dasbor atau laman untuk mensetting website yang ingin
kita buat

4
 Pertama yang harus kita lakukan adalah download tema di tampilan ↔ klik tema ↔ lalu tambah
baru ↔ disini saya menggunakan tema Page Builder Framework

 Download Plugin – (tambah baru) download elementor – aktifkan

5
 Membuat Laman – (tambah baru) home, kuliner, about, contact

 Membuat kategori – isi nama lalu tambah kategori baru, contoh: makanan berat, makanan ringan,
minuman

6
 Pengaturan - membaca - tampilan beranda anda - halaman statis - beranda : Home - laman pos : kuliner

 Tampilan – menu – nama menu kemudian simpan lalu buka (laman) didalam item menu, lihat semua,
centang home, kuliner, about, contact (Kategori) – lihat semua – centang kategori yang mau
ditambahkan, Diurutkan sesuai keinginan, isinya digeser kekanan

7
 Buat halaman beranda - laman – home – sunting – pengaturan – atribut laman – templat pilih full width
– pengaturan template – tata letak – pilih lebar penuh – centang judul halaman – perbarui - edit with
elementor – + layar 1 – style – kuas - + gambar – advanced – padding naik 140 - style – position – pilih
semau kita – background overlay – kuas – color – gelapkan warna – shape divider – bottom – type;
waves brush – atur semau kita (width & height) – update
 + layar 1 – titik 9 - Heading – tulis selamat datang di kuliner samarinda ( jika ingin mengganti warna
tulisan bisa klik ditulisannya lalu pilih style lalu primary color disebelah kiri)– tulisannya ditengahkan;
alignment; center – update
 + layar 3 – titik 9 – icon – masukkan ke 3 layar tadi – ganti lambang icon dengan pilih icon library –
pilih utensils, pizza beer ( jika ingin mengganti warna icon bisa klik iconnya lalu pilih style lalu
primary color disebelah kanan) – view pilih framed – masukkan link caranya buka website makanan
berat lalu copy link – update – lakukan yang sama di makanan ringan dan minuman – update -
 Titik 9 biru – advanced – margin – naik 40 – update

8
 Pos - tambah baru – tambah kan gambar di menu + warna biru - pilih gambar – setelah sudah masukan
gambar dan caption – lalu ke pengaturan di pojok kanan atas – dokumen – pilih kategori yang di
inginkan – gambar andalan - terbitkan – untuk melihat hasil buka tab baru ke website kita - lakukan
yang sama di postingan makanan ringan dan minuman

9
 Laman - About – sunting – pengaturan – atribut laman – templat pilih full width – pengaturan template
– tata letak – pilih lebar penuh – centang judul halaman – perbarui - edit with elementor – + layar 1 –
style – kuas - + gambar – advanced – padding naik 140 - style – position – pilih semau kita –
background overlay – kuas – color – gelapkan warna – shape divider – bottom – type; waves brush –
atur semau kita (width & height) – update

10
 Laman - Contact - edit with elementor - (+ tanda merah pilih 4 kotak) icon - ganti lambang icon dengan
pilih icon library - view; framed, saya pilih icon Instagram, facebook, WhatsApp, Envelope - masukan
text editor kebawah icon - update
 + warna merah pilih kotak 1 - tambahkan maps - location ganti Samarinda

11
 Plugin - download gtranslate - instal lalu aktifkan - kemudian di settings, yang dirubah hanya show
floating ganti dengan top right, dan flag size ganti 16px

12
 Setelah website selesai di atur, kita bisa langsung menghosting nya atau membuat website menjadi
online (pada website yang saya buat, saya gunakan web hosting yaitu Infinity Free)
 Langkah yang harus dilakukan terlebih dahulu yaitu mengimport data dari localhost untuk kita gunakan
agar website yang kita buat di localhost dapat digunakan pada website online
 Pilih Plugin, lalu klik tambah baru dan cari nama plugin All In One WP Migration atau Migrasi Semua
dalam Satu WP , Install lalu aktifkan
 Setelah selesai maka pada menu sebelah kiri akan muncul All In One WP Migration, kemudian klik lalu
pilih ekspor
 Pilih Ekspor Ke → Berkas, Tunggu sampai proses ekspor selesai akan muncul tampilan localhost
yang sudah di ekspor tinggal download dan tutup
 Setelah itu buka web bernama Infinity Free
 Akan muncul tampilan awal pada infinty free, kemudian klik Sign Up (Nanti kita akan dibawa ke
tampilan daftar account silahkan isi menggunakan email aktif kemudian klik create account
 Setelah itu silahkan buka Email anda untuk memverifikasi email yang anda daftarkan
 Kemudian akan muncul beberapa step yang harus di lakukan, Pada Step 1 silahkan buat nama domain
yang akan kita gunakan untuk website kita, disini saya menggunakan dengan nama
http://websitekulinersamarinda.epizy.com/
 Setelah itu atur domain extension nya, hal ini digunakan untuk melengkapi nama domain yang sudah
kita buat (disini saya menggunakan domain extension berupa epizy.com) ketika website telah online
maka yang akan kita gunakan nanti adalah http://websitekulinersamarinda.epizy.com/
 Setelah itu klik search domain untuk mengetahui apakah nama domain yang kita gunakan sudah
terpakai atau tidak
 Lalu kita akan menuju Step 2 dimana pada step ini kita akan mengatur password account domain kita,
setelah itu maka Step 3 akan muncul lalu kita akan menuju Control Panel
 Pada control panel ini silahkan cari menu Software dan pilih Softcolous App Installer, Pada bagian ini
lah kita akan menginstall wordpress online
 Setelah itu kita akan muncul tampilan awal dari Softcolous App Installer, silahkan pilih wordpress dan
instal

13
2.2 Pemilihan Template

Pada pemilihan template, saya menggunakan template Page Bulider Famework yang dimana tema ini
dapat saya ubah sesuai dengan website yang ingin saya buat, template tersebut juga sangat sederhana namun
terlihat menarik, dan memudahkan pemula yang ingin meningkatkan kreatifitas karna tema ini isinya kosong
sehingga mudah untuk diubah

2.3 Skema Diagram Alur Penggunaan Web

 PAGE 1 (Beranda)
Beranda adalah tampilan pada website saya, yang merupakan tampilan awal ketika menuju website saya
yaitu http://websitekulinersamarinda.epizy.com/
Isi dalam halaman ini terdapat tiga icon yang jika di klik menuju ke laman postingan

14
 PAGE 2 (Kuliner)
Kuliner adalah laman yang memiliki 3 dropdown kategori yaitu kategori makanan berat, makanan ringan,
dan minuman. Sedangkan kuliner sendiri adalah laman berkumpulnya postingan-postingan dari makanan
berat, Makanan Ringan, dan minuman.

15
16
 PAGE 3 (Makanan Berat)
Makanan berat adalah laman kategori postingan yang isi nya hanya berisi khusus untuk makanan berat saja

17
 PAGE 4 (Makanan Ringan)
Makanan Ringan adalah laman kategori postingan yang isi nya hanya berisi khusus untuk makanan ringan
saja

18
 PAGE 5 (Minuman)
Minuman adalah laman kategori postingan yang isi nya hanya berisi khusus untuk minuman saja

19
 PAGE 6 (About )
About adalah laman yang menjelaskan secara singkat tentang website saya, dan untuk memberitahu orang
bahwa apa saja kegunaan dan manfaat website ini

 PAGE 7 (Contact)
Contact adalah laman untuk orang yang ingin memberi saran dan masukan kepada admin website, Maps
disitu berguna memudahkan orang mencari tujuan yang ingin dituju

20
 PAGE 8 (Bahasa)
Bahasa disini Saya masukkan untuk mempercantik website saya, dan juga berguna untuk memudahkan
orang jika ingin mengganti ke bahasa yang disediakan

21
 BAB III PENUTUP

3.1 Kesimpulan

Pada pembuatan website ini, hal yang dapat saya ambil adalah bagaimana cara kita untuk membuat
website secara bertahap sampai dengan mengatur website dari nol hingga menjadi menarik dan juga
membuat kita untuk menciptakan kreatifitas dan ide agar bisa membuat website ini dikunjungi banyak orang.

Sebuah website yang baik adalah website yang tidak mengandung konten yang dilarang dalam
undang-undang, diantaranya mengandung unsur kekerasan, pornografi, perjudian, penipuan, SARA, dan hal
negatif lainnya yanag diatur dalam undang-undang. Oleh karena itu, penting bagi kita untuk belajar
bagaimana membuat suatu website yang benar agar kita bisa mendapat pengetahuan akan teknis pembuatan
dan peraturan yang harus dipatuhi agar tidak merugikan diri sendiri maupun orang lain.

Dengan diberikan tugas membuat website, membuat saya jadi lebih tahu tentang pembuatan website ini.
Saya telah mempelajari begitu banyak langkah-langkah dari membuat website mulai dari awal hingga akhir,
mulai dari mendownload wordpress dilocalhost, menginstal xampp sampai prosesnya selesai, hingga
membuat website sampai kehosting agar website kita bisa dilihat oleh orang lain.

22