PROJECT UAS MKDU

PEMROGRAMAN WEB BERBASIS CMS

Disusun Oleh :

Achmad Maulidin
2111102441141
Prodi Teknik Informatika

DOSEN PENGAMPU:
Achmad Jaya Adhi Nugraha, S.Kom, MMSI

LEMBAGA AIK & MKDU

UNIVERSITAS MUHAMMADIYAH KALIMANTAN TIMUR
 ABSTRAK

Pemanfaatan teknologi saat ini sangat dibutuhkan, seperti website yang telah banyak menjadi
kebutuhan umum di masa sekarang, Website atau situs dapat diartikan sebagai kumpulan halaman
yang menampilkan informasi dan teks, data gambar diam atau gerak, data animasi, suara.
WordPress adalah platform yang memudahkan pembuatan dan pemeliharaan blog seperti
penulisan, pengeditan, pempublikasian posting blog dan komentar dengan fungsi khusus untuk
memanajemen gambar, video, sindikasi web, serta moderasi posting dan komentar. Store Online
outfit/pakaian adalah salah satu contoh konten atau blog yang di buat menggunakan CMS
(Content Management System) WordPress.

Kata Kunci: Website, WordPress, Store, CMS

i
 DAFTAR ISI

ABSTRAK..........................................................................................................................................1
DAFTAR ISI.......................................................................................................................................2
BAB I...................................................................................................................................................1
PENDAHULUAN...............................................................................................................................1
A. Latar Belakang.....................................................................................................................1
B. Tujuan Makalah...................................................................................................................2
C. Manfaat Makalah.................................................................................................................2
BAB II.................................................................................................................................................3
DESAIN WEB....................................................................................................................................3
A. Membuat Website Dengan WordPress..............................................................................3
BAB III..............................................................................................................................................10
HOSTING.........................................................................................................................................10
A. Hosting Web........................................................................................................................10
Tampilan akhir website...............................................................................................................16
Link Website.................................................................................................................................17
BAB IV..............................................................................................................................................18
PENUTUP.........................................................................................................................................18
A. Kesimpulan.........................................................................................................................18

ii
 BAB I
PENDAHULUAN
A. Latar Belakang

Dewasa ini penggunaan teknologi kian marak terutama penggunaan internet. Internet merupakan
sarana komunikasi global yang saling menghubungkan orang yang satu dengan orang lain di belahan
dunia, yang saling berinteraksi dan bertukar informasi. Sehingga memudahkan dalam melakukan
hubungan komunikasi.
Website atau situs dapat diartikan sebagai kumpulan halaman yang menampilkan informasi dan teks,
data gambar diam atau gerak, data animasi, suara. Video dan atau gabungan dari semuanya, baik
bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana
masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink) (P, 2014)
Untuk menyediakan sebuah website, maka harus menyediakan unsur-unsur penunjangnya, seperti
halnya: Nama domain (Domain name / URL – Uniform Resource Locator) adalah alamat unik di dunia
internet yang digunakan untuk mengidentifikasi sebuah website, contoh:http://www.namasitus.Com.
Rumah tempat website (web hosting) dapat diartikan sebagai ruangan yang terdapat dalam harddisk
tempat penyimpanan berbagai data, file-file, gambar dan lain sebagainya yang akan ditampilkan di
website. Bahasa Program (Scripts Program) Adalah bahasa yang digunakan untuk menerjemahkan
setiap perintah dalam website yang pada saat diakses. Desain website Setelah melakukan penyewaan
domain name dan web hosting serta penguasaan bahasa program (scripts program), unsur website yang
penting dan utama adalah desain. Publikasi website Keberadaan situs tidak ada gunanya dibangun tanpa
dikunjungi atau dikenal oleh masyarakat atau pengunjung internet.
Wordpress tidak hanya sebagai blog tool tetapi menyediakan layanan hosting blig gratis sebagai
layanan blogger (Budiarto, 2010:18). WoedPress.com merupakan situs layanan blog yang
menggunakan mesin WordPress, didirikan

1
 oleh prusahaan Automattic. Dengan mendaftar pada situs WordPress.com, pengguna tidak perlu
melakukan instalasi atau konfigurasi yang cukup sulit. Sayangnya, pengguna WordPress.com tidak
dapat mengubah template standar yang sudah disediakan. Artinya, pengguna tidak dapat menambahkan
asesori apa pun selain yang sudah disediakan. Meski demikian, fitur yang disediakan oleh
WordPress.com sudah cukup bagus.

Store online merupakan inovasi yang sangat baik, dimana seseorang dapat dengan mudah membeli
suatu produk tanpa harus datang secara langsung dan dapat melihat semua produk hanya melalui
website, ini merupakan alasan saya membuat web tentang store online ini
Dengan latar belakang tersebut makalah ini membahas tentang website menggunakan WordPress
untuk mengembangkan teknologi dan pengetahuan kepada setiap mahasiswa.
B. Tujuan Makalah

a. Untuk menyelesaikan Tugas Akhir Mata kuliah Pemrograman Web Berbasis CMS.
b. Dapat membuat Website dari WordPress.
c. Dapat mengambil peran atau berkarya di Internet khususnya Website.
d. Memberikan informasi kepada pembaca tentang pemanfaatan Website menggunakan
WordPress
C. Manfaat Makalah

a. Untuk mengetahui cara pembuatan Website dari WordPress.

b. Untuk menyebar luaskan tulisan yang di buat.
c. Dapat memiliki karya tulis yang dapat di lihat oleh orang lain.
d. Diharapkan dengan adanya blog yang dibuat dengan WordPress dapat meningkatkan
pengetahuan dalam bidang Website berbasis CMS wordpress

2
 BAB II
DESAIN WEB

A. Membuat Website Dengan WordPress

Untuk membuat website di wordpress kita harus membuat database di xampp melalui localhost/phpMyAdmin,
disini saya membuat database dengan nama pakaian_db.

Kemudian selanjutnya menginstal wordpress dan mengekstraknya ke folder htdocs

3
Lalu ketik di browser “localhost/wordpress/wp-admin” lalu akan muncul tampilan selamat datang di
wordpress. Ini adalah tampilan awal dari wordpress, setelah itu kita klik “ayo” pada tampilan tersebut.

Tampilan nya akan berubah dan kita perlu melengkapi setiap kolom data yang di perlukan seperti nama
database, nama pengguna, sandi, host basis data dan prefiks table.
Selanjutnya klik “kirim”
Lalu klik “jalankan pemasangan ” :

4
Akan muncul tampilan “Selamat datang”. Selanjutnya kita mengisi data yang dibutuhkan seperti judul situs, ini
kita isi sesuai dengan kebutuhan kita. Nama pengguna dan sandi ini nantinya akan digunakan sebagai username
login pada menu administrator CMS kita.

Pastikan nama pengguna dan sandinya mudah diingat, jangan sampai lupa dan jangan sampai ada orang lain yang
tahu Karena jika orang lain mengetahui nama dan Sandi ini maka nantinya bisa digunakan oleh user lain dan
website kita bisa di otak atik oleh orang tidak dikenal.

Kita coba login pada menu log masuk kita klik saja, lalu muncul tampilan login dan kita hanya perlu mengisi
nama pengguna dan Sandi yang telah kita buat tadi.

5
Lalu klik “login”:
Jika berhasil login maka tampilan akan seperti ini :

Dan akan muncul tampilan dashboard. inilah yang disebut cms atau content management system. Disini
ada beberapa menu, yang pertama beranda, pembaruan lalu dibawahnya ada pos, media, laman
komentar, tampilan, pengguna, peralatan, pengaturan ini memiliki fungsi yang berbeda-beda.

Contohnya pada menu POS, lalu klik semua Pos maka akan muncul semua post yang ada pada tampilan
wordPress kita, ini adalah contoh post yang telah saya buat.

6
Ketika ingin mengubah judul, cukup ceklis disebelah judul lalu kita klik buang tong sampah dan
otomatis akan terhapus.
Lalu untuk menambahkan judul baru, disebelah kata POS terdapat menu “tambah baru” kita klik saja
menu tambah baru / addnew.
Lalu klik berikut dan ikuti sampai selesai, Lalu akan muncul tampilan “tambahkan judul”, ini adalah
menu untuk menambahkan judul konten yang akan kita buat, kita bisa bebas menuliskan judul apa saja
yang ingin kita tampilkan di tampilan WordPress kita Contohnya kita tulis “judul konten”. dibawah
judul konten adalah isi konten web cms. Kita bisa mengubah seluruh tampilan webnya, caranya ada
pada menu pengaturan di pojok kanan atas. Klik pengaturan setelah itu ada 2 menu yaitu POS dan
BLOCK. Kita buka di menu POS maka terdapat menu status dan visibilitas, permalink, kategori, tag,
gambar andalan dan lain-lain.

Selanjutnya ada kategori yang berguna untuk mengkategorikan WordPress. Cara menambahkan kategori
yaitu klik “tambah kategori baru” lalu isi kolom-kolom yang dibutuhkan.
Kita bisa menambahkan tag dalam website, contohnya kita ingin menambahkan tag konten baru, lalu
untuk memisahkannya cukup dengan klik “konten baru” enter lalu “terbaru” enter “baru” enter maka
muncul beberapa tag.
Apabila telah selesai kita bisa klik terbitkan/publish yang terpadat di pojok kanan atas di sebelah
pengaturan. Ketika sudah diterbitkan dan ingin merubah konten maka yang muncul adalah
perbarui/update.

7
Berikut ini tampilan konten yang sudah saya terbitkan di website.

8
9
 BAB III
HOSTING
A. Hosting Web

Setelah selesai merancang dan mengatur website. Saya akan melakukan hosting, dimana fungsi hosting agar
website kita dapat dilihat oleh orang lain atau para pembaca. Untuk hosting, saya menggunakan web hosting
yaitu pantheon.io, karena pantheon.io ini gratis hosting.

Membuat akun di Pantheon.io

10
Login di Pantheo.io

Membuat site baru

11
Pilih wordpress

Isi nama untuk link url nanti dan pilih site Australia

12
Tunggu hingga proses selesai

13
Setelah proses instalasi selesai, kita akan masuk pada tampilan dashboard wordpress tetapi didalam link web
yang berbeda. Langkah selanjutnya memasang plugin, adapun plugin yang saya gunakan adalah all in one
wp migration.
Saya memasang dua plugin, yaitu di web pantheon.io dan di localhost dengan plugin yang sama. Kita klik
new plugin untuk proses penginstallannya, selanjutnya klik unggah plugin.

Selanjutnya pilih file plugin all in wp migration dan klik instal sekarang setelah itu aktifkan.
Lalu pilih file yang sudah disebutkan sebelumnya, dan klik aktifkan plugin.

14
Selanjutnya all in one wp migration ini kita klik. Pada localhost kita pilih ekspor dan pada pantheon kita
pilih impor. Tetapi lakukan satu persatu, ekspor yang di localhost terlebih dahulu tunggu hingga selesai
proses tersebut lalu download hasil ekspornya

Selanjutnya kita pindah ke pantheon, klik all in one wp migration lalu klik impor, dan pilih file yang sudah
didownload sebelumnya.
Lalu tunggu sebentar sampai selesai proses impornya.

15
Setelah selesai proses import, website telah selesai di hosting dan dapat di akses orang lain.
Tampilan akhir website

16
Link Website: https://dev-bramstorekeren.pantheonsite.io/product/

17
 BAB IV
PENUTUP
A. Kesimpulan

Website adalah kumpulan halaman yang telah beredar di dunia Internet. WordPress sebuah
platform yang dapat digunakan sebagai blog tool yang dirancang untuk memudahkan pembuatan
dan pemeliharaan blog seperti penulisan, pengeditan, pempublikasian posting blog dan komentar
dengan fungsi khusus untuk memanajemen gambar, video, sindikasi web, serta moderasi posting
dan komentar (Amalia, 2018). Untuk pembuatan website di dalam WordPress sendiri sangat mudah
dan gratis.
Website yang saya buat tentang Store Online didalamnya membahas tentang pakaian, dan
pengertiaan singkatnya. Dengan tujuan untuk mengembangkan pengetahuan pembaca,
mengembangkan daya tarik serta memberi informasi kepada pembaca dengan harapan mereka dapat
tertarik

Link Website: https://dev-bramstorekeren.pantheonsite.io/product/

Link Video Penjelasn Web dan Hosting:

https://www.youtube.com/watch?v=EIf_L3MRAC

18
19
20