Anda di halaman 1dari 26

LAPORAN

MEMBUAT WEBSITE MENNGGUNAKAN WOLDPRESS

OLEH :

IHWAN ANTOMI
NIM.

PROGRAM STUDI TEKNIKINFORMATIKA

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

SYAIKH ZAINUDDIN NW ANJANI

TA. 2021/2022
KATA PENGANTAR

Puji syukur ke hadirat Tuhan Yang Maha Esa. Atas rahmat dan hidayah-

Nya, penulis dapat menyelesaikan tugas makalah yang berjudul “MEMBUAT

WEBSITE MENGGUNAKAN CMS WOLDPRESS" dengan tepat waktu.

Makalah ini disusun untuk memenuhi tugas kuliah. Selain itu, makalah ini

bertujuan menambah wawasan tentang WoldPress bagi para pembaca dan juga

bagi penulis.

Penulis juga mengucapkan terima kasih kepada Dosen Mata Kuliah Design

Web dan terima kasih juga disampaikan kepada semua pihak yang telah

membantu dalam proses menyelesaikan makalah ini.

Penulis menyadari makalah ini masih jauh dari sempurna. Oleh sebab itu,

saran dan kritik yang membangun diharapkan demi kesempurnaan makalah ini.

Anjani, 07 Desember 2022

Penulis

I
DAFTAR ISI
COVER

KATA PENGANTAR...........................................................................................II

DAFTAR ISI...........................................................................................................3

BAB I.......................................................................................................................4

PENDAHULUAN...................................................................................................4

1.1 Latar Belakang............................................................................................4

1.2 Rumusan Masalah......................................................................................6

1.3 Tujuan........................................................................................................6

BAB II PEMBAHASAN........................................................................................7

2.1 Pengertian dan Fungsi Content Management System (CMS)...................7

2.2 Pengertian Wordpress................................................................................8

2.3 Sejarah WordPress.....................................................................................9

2.4 Pembuatan dan Instalisasi WoldPress......................................................11

2.5 Praktikan Cara Membuat Website Dengan CMS Wordpress...................12

BAB IV PENUTUP..............................................................................................30

4.1 Kesimpulan..............................................................................................30

4.2 Saran........................................................................................................31

DAFTAR PUSTAKA...........................................................................................32

LAMPIRAN..........................................................................................................38

1
BAB I

PENDAHULUAN

1.1 Latar Belakang

Sistem teknologi informasi telah berkembang dengan sangat pesat,

setiap dekade terjadi perkembangan yang cukup signifikan dari sistem

teknologi informasi. Saat ini, perkembangan teknologi informasi yang

semakin canggih membuat segala sesuatu menjadi lebih mudah disegala

aspek kehidupan.

Teknologi informasi telah membuka mata dunia akan sebuah dunia


baru, interaksi baru, market place baru, dan sebuah jaringan bisnis
dunia tanpa batas. Disadari betul bahwa perkembangan teknologi
yang disebut internet, telah mengubah pola interaksi masyarakat,
yaitu : interaksi bisnis, ekonomi, sosial dan budaya. Hadirnya
internet telah menunjang efektivitas dan efisiensi operasional
perusahaan, terutama peranannya sebagai sarana komunikasi,
publikasi, serta sarana untuk mendapatkan berbagai informasi yang
dibutuhkan oleh sebuah badan usaha atau lembaga lainnya
(hariningsih,2005:140-141).

Saat ini website merupakan salah satu media online yang mulai

digunakan banyak orang, dengan website kita bisa berbagi informasi, cerita,

pengalaman ataupun untuk menjadi sarana penghasil uang. Tak heran jika

website sangat cepat tumbuh dan perkembangannya pun sangat pesat. Sejak

kita melihat sebuah website , kita sudah berangan-angan untuk membuat

sebuah website dengan tampilan profesional seperti yang sering kita akses.

1
Dengan wordpress, keinginan itu dapat dicapai dengan lebih mudah.

Tak harus menulis kode pemrograman dari awal, yang kita perlukan hanya

sedikit ketekunan dan keinginan untuk belajar.

Wordpress adalah salah satu Content Management system


atau biasa disingkat CMS yang banyak digunakan saat ini karena
wordpress menawarkan kemudahan dalam meng-update isi website,
pengaturan tampilan website dan pengelolaan fungsi-fungsi website.
Wordpress bersifat open source, dapat digunakan secara gratis,
bias dikembangkan dan didukung penuh oleh komunitasnya
(Wahadyo,2008: 12).

Ketika mulai menginstal dan menggunakan wordpress untuk

membuat website, kita akan langsung mendapatkan tampilan standar bawaan

dari wordpress, tampilan selalu sama untuk setiap pengguna baru. Jika

bosan dengan tampilan website dan ingin tampil beda solusinya sangat

mudah, yaitu dengan mengganti template-nya.

Template pada wordpress adalah serangkaian file-file yang


digunakan untuk mengganti tampilan dasar website kita. Pada
template tersebut sudah diatur layout halaman, warna utama pada
website, gambar latar belakang, tampilan menu, tampilan teks dan
bermacam hal lain yang menyangkut tampilan dasar website. Yang
membuat wordpress lebih banyak digunakan adalah karena antara isi
website dan desain diatur sendiri- sendiri, maka kita bisa saja sering
mengubah tampilan website tanpa perlu kesulitan mengutak-atik
isinya. Desain tampilannya dapat berbagai macam bentuknya,
tergantung konsep dan kebutuhan website. (Sopian,2010:8-9).

2
1.2 Rumusan Masalah

1.2.1 Apa saja fungsi dari CMS?

1.2.2 Apa pengertian dari Wordpress?

1.2.3 Bagaimana sejarah Wordpress dari tahun ke tahun?

1.2.4 Bagaimana langkah-langkah pembuatan Wordpress?

1.2.5 Apa keunggulan dari Wordpress?

1.3 Tujuan

1.3.1 Agar mengetahui Pengertian dan Fungsi-fungsi Content Management

System (CMS)

1.3.2 Agar Mengetahui Pengertian Wordpress

1.3.3 Agar Mengehetahui Sejarah WordPress

1.3.4 Agar Mengetahui Cara Pembuatan dan Instalisasi WoldPress

1.3.5 Agar Membuat Website Dengan CMS Wordpress

3
BAB II

PEMBAHASAN

2.1 Pengertian dan Fungsi Content Management System (CMS)

Pertama CMS merupakan perangkat lunak (software) atau aplikasi web

yang berfungsi untuk mengelola halaman website secara instan, mudah dan

cepat. CMS berfokus pengelolaan konten di website supaya mudah dalam

pengaturan dan diedit. Jadi, fungsi utama dari CMS adalah sebagai platform

atau aplikasi web dengan focus pada pengelolaan konten. Biasanya website

atau situs yang menggunakan CMS adalah website yang menyajikan banyak

konten atau artikel seperti blog.

CMS memudahkan pengguna melakukan pengeditan artikel secara

cepat dan mudah. Semakin blog anda memiliki banyak artikel maka akan

semakin sulit untuk menyortirnya. Karena ketika ingin ingin melakukan

pengeditan pada artikel yang lama perlu waktu untuk mencarinya. Namun

dengan CMS hal tersebut mudah dilakuka karena pengguna tinggal

melakukan pencarian berdasarkan nama judul artikel. Dapat juga melakukan

pencarian berdasarkan tanggal posting dan sebagainya sehingga pasti akan

sangat memudahkan pengguna. Selain memberikan kemudahan dan efisien,

CMS memiliki fungsi lain yang tidak kalah penting yaitu mampu menjaga

kualitas design dari website anda.

4
Jika website anda memiliki tampilan yang bagus pastinya hal ini akan

menjadi nilai tambah tersendiri bagi suatu web untuk menarik minat dari

pengunjung. Dan juga, jika pada umumnya suatu website tidak menyediakan

administrator sebagai sarana pengelolaan web maka beda halnya dengan

CMS, karena anda akan mendapatkannya secara gratis. Contoh salah satunya

adalah Wordpress admin yang cukup popular sampai saat ini.

2.2 Pengertian Wordpress

Wordpress merupakan salah satu jenis CMS yang populer di samping

Blogspot, Drupal, Mambo dan Joomla. Wordpress adalah sebuah aplikasi

sumber terbuka (open source) yang sangat popular digunakan sebagai mesin

blog (blog engine). Berbeda dengan blogspot yang menggunakan bahasa

pemrograman HTML dan XML, wordpress dibangun dengan bahasa

pemrograman PHP dan menggunakan basis data (database) MySQL. PHP dan

MySQL, keduanya merupakan perangkat lunak sumber terbuka (open source

software). Saat ini, jumlah pengguna WordPress telah menembus jutaan blog

di seluruh dunia. Dengan WordPress, kita bisa memiliki layanan blog dengan

nama domain sendiri dan di server sendiri. Jadi, kita punya kontrol penuh atas

blog kita, baik dari segi desain maupun content.

WordPress sangat mudah dikelola, tampilannya menggunakan template

dikombinasikan dengan plugin yang membuatnya menjadi sangat powerfull.

Saat ini telah ada ratusan themes dan plugins yang bisa di download secara

gratis di situs official WordPress.org.WordPress juga memiliki versi yang

instant dan gratis hosting seperti halnya blogspot.

5
2.3 Sejarah WordPress

Segalanya dimulai di tahun 2001, ketika blogware bernama b2/cafelog

yang di develop oleh Michel Valdrighi di hentikan pengembangannya. Kala

itu, seorang developer web bernama Matt Mullenweg yang menggunakan b2

Makalah Wordpress 6 sebagai blogware utama untuk situsnya memutus kan

untuk mengembangkan sebuah blogging software yang dikembangkan dari

codebase b2 pada 2003. ia pun pada akhirnya dikontak oleh Mike Little dan

akhirnya mengembangkan software ke dalam bentuk yang lebih modern lagi

dan sesuai dengan standar web Pa dan kebutuhan Matt. Pada akhirnya,

Michel valdrighi selaku pengembang asli dari blogware b2 pun bergabung

pada tim mereka

1. 27 Mei 2003. Wordpress pertama kali di rilis (versi 0.7).

2. 19 desember 2003, Wordpress wiki di publish. Kita mengenalnya

sekarang dengan codex.wordpress.

3. 3 Januari 2004, Wordpress versi 1.0 di rilis. Upgrade besar besaran dari

vrsi sebelumnya. Edit link, interface admin baru, multiple category, dan

fitur – fitur yang sangat usefull hingga versi terkini wordpress.

4. 22 Mei 2004, versi 1.2 dirilis. perubahan besar – besaran. POst review,

Arsitektur plugin baru, sistem moderasi komentar yang lebih oke.

5. Pertengahan februari 2005, versi 1.5 dirilis. kemampuan memanage static

page (atau kita kenal dengan page pada wordpress) telah merubah

wordpress dari simple blog management menjadi full content

management system. Theme system yang memudahkan user merubah

6
tampilan, dan juga default template baru dengan codename Kubrick yang

didesain oleh Michael Heilemann.

6. Pada tahun 2005 merupakan tahun yang sangat berarti untuk wordpress.

versi 1.5 yang di download lebih dari 900,000 kali, dan saat dimulainya

service wordpress di wordpress.comMakalah Wordpress 7.

7. Desember 2005, versi 2.0 dirilis. fitur baru pada rich editting, sistem

administrasi yang lebih baik, upload image, pengembangan import

system, posting yang lebih cepat, pengembangan yang lebih baik untuk

developer plugin.

8. Tahun 2006, blogware wordpress di download sebanyak 1,545,703 kali,

dan 371 plugin unik yang di download sebanyak 191,567 kali. pada tahun

ini juga pertama kali diadakannya WordCamp pertama kali di san

fransisco.

9. 22 Januari 2007, versi 2.1 dirilis. desain ulang interface dan

pengembangan tools editing, pengembangan opsi manajemen konten, dan

optimasi database.

10. 16 Mei 2007, versi 2.2 dirilis. fitur support widget untuk template,

support Atom feed, optimasi kecepata, revisi sistem taksonomi untuk

category seperti tags.

11. 24 September 2007, versi 2.3 dirilis. support native tagging, sistem

taksonomi baru untuk category, notifikasi yang mudah untuk update, dan

support penuh terhadap Atom 1.0.

7
12. Pada tahun 2007 engine wordpress di download sebanyak 3,816,965 kali.

dan terdapat 1,384 plugins yang di download sebanyak 2,845,884 kali.

Meningkat 15 kali. pada tahun 2007 ini juga wordpress mengadopsi

sistem release reguler terjadwal. rilis fitur major dijadwalkan sekitar

setiap 3 – 4 bulan, atau 3 kali dalam setahun.

13. 29 maret 2008, versi 2.5 dirilis. para developer men-skip versi 2.4

sehingga versi 2.5 mengandung 2 major release. versi 2.5 membawa

interface admin bar.Makalah Wordpress 8.

14. 15 july 2008, versi 2.6 dirilis dengan sejumlah peningkatan krusial. Dari

word count, theme preview dan revisi post ala wiki.

2.4 Pembuatan dan Instalisasi WoldPress

Untuk membuat dan menginstal WordPress, Anda dapat mengikuti

langkah-langkah berikut:

1. Pertama, pergi ke https://wordpress.org/download/ dan unduh file instalasi

WordPress terbaru.

2. Setelah mengunduh file instalasi WordPress, unzip file tersebut

menggunakan aplikasi pengarsipan seperti WinZip atau 7-Zip.

3. Setelah mengekstrak file instalasi WordPress, pindahkan folder yang

dihasilkan ke dalam direktori web Anda di server. Jika Anda

menggunakan server lokal seperti XAMPP atau WAMP, pindahkan folder

ke dalam direktori "htdocs" di dalam folder instalasi server lokal Anda.

4. Setelah menyimpan folder WordPress di server Anda, buka browser web

Anda dan akses URL http://localhost/nama-folder-wordpress (jika Anda

8
menggunakan server lokal) atau http://alamat-server-anda/nama-folder-

wordpress (jika Anda menggunakan server online). Ini akan membuka

halaman instalasi WordPress.

5. Pada halaman instalasi WordPress, ikuti instruksi untuk menginput

informasi seperti nama database, nama pengguna, dan kata sandi. Jika

Anda menggunakan server lokal, Anda dapat menggunakan nama

database, nama pengguna, dan kata sandi default seperti "root" dan "".

6. Setelah menginput informasi yang diperlukan, klik tombol "Install

WordPress" untuk menginstal WordPress di server Anda. Ini akan

membuat database dan menginstal semua file yang diperlukan untuk

menjalankan WordPress.

7. Setelah menginstal WordPress, Anda akan diberikan opsi untuk masuk ke

Dashboard WordPress Anda. Masuk dengan menggunakan nama

pengguna dan kata sandi yang Anda buat sebelumnya.

8. Setelah masuk ke Dashboard WordPress, Anda dapat mulai mengelola

website Anda. Anda dapat menambahkan halaman, posting, dan plugin

untuk menambahkan fitur tambahan ke website Anda.

2.5 Praktikan Cara Membuat Website Dengan CMS Wordpress

2.5.1 Download dan Install XAMPP


Download aplikasi XAMPP terbaru dengan cara kunjungi

https://www.apachefriends.org/download.html. Kemudian setalah itu

download sesuai sistem operasi yang digunakan.

9
Kemudian setalah terdonwload Dobel klik file XAMPP yang baru

saja Anda download, nanti selanjutnya akan muncul jendela “installer

language” seperti di bawah ini:

Selanjutnya pilih bahasa. Pilih yang Bahasa Inggris (English). Klik

OK. Kadang pada proses ini muncul pesan error. Jika ada, abaikan saja

dan lanjutkan dengan klik OK dan YES. Centang Semua pada pilihan

yang ada Klik Next.

10
Selanjutnya pilih Folder untuk melakukan penginstalan (saran

menggunakan Folder C saja) Klik Next , Proses Instalasi sedang

berjalan. Proses instalasi selesai (bisa centang do you want start control

panel jika ingin menjalankan langsung) kemudian Klik Finish.

11
2.5.2 Download dan Instal WordPress

Download WordPress dari situs resminya di https://wordpress.org/

setelah di download Copy file WordPress dan pastekan di folder

C/Xampp/htdocs. Extract Here file wordpress nya, lalu rename file

WordPress yang sudah di Extract sesuai dengan nama yang diinginkan.

Bukalah aplikasi XAMPP, bisa melalui Start

Menu atau Desktop, dan klik icon XAMPP. Atau, jika Anda

membukanya begitu proses instalasi selesai maka klik Yes.Setelah

terbuka, silahkan klik tombol Start pada kolom Action sehingga tombol

tersebut berubah menjadi Dengan mengklik tombol tersebut, artinya

itulah aplikasi yang dijalankan. Biasanya jika saya menggunakan

XAMPP, yang saya start hanyalah aplikasi Apache dan MySQL, karena

saya tidak memerlukan aplikasi seperti Filezilla, dan lain-lain.

12
Kemudian setalah di aktifkan buka browser leptop kemudian kelik

http://localhost/phpmyadmin/. Setelah itu langkah selanjutnya anda

membuat database dengan cara mengklik baru dan tulislah nama

database sesuai nama yang kita inginkan keudian klik Buat.

13
Selanjutnya Ketikan localhost/nama file woldpress yang sudah di

ganti pada langkah meng copy pastefile, saatnya melakukan konfigurasi

wordpress kemudian pilih bahasa, Klik lanjutkan, dan klik Ayo. Bias di

lihat pada gambar berikut:

Kemudian Isikan Koneksi Database, Untuk Basis data isikan nama

database yang sudah dibuat tadi dan Untuk settingan lainnya biarkan

default kamu bisa lihat pada gambar, kemudian Klik jalankan

pemasangan.( Nama Basis data : nama database yang sudah dibuat,

Nama Pengguna : root Sandi : kosongkan, Host Basis data : localhost,

Prefiks Tabel : biarkan default).

14
Jika proses berhasil, maka WordPress sekarang akan terhubung ke

database Anda dan akan memunculkan halaman yang akan meminta Anda

untuk memasukkan rincian blog seperti nama situs, username, password dan

email. Pastikan Anda ingat username dan password Anda karena Anda akan

membutuhkan mereka untuk masuk ke bagian WordPress admin atau

Dashboard.

Setelah Anda selesai, klik “Install WordPress”. Setelah muncul halaman

yang mengatakan “Success”, sekarang Anda bisa login untuk mengakses

bagian Dashboard. Masukkan username dan password Anda dan klik Login.

Ini akan membawa Anda ke Dashboard WordPress.

15
Dan berikut ini adalah tampilan area admin atau Dashboard

WordPress.

16
BAB IV

PENUTUP

4.1. Kesimpulan

CMS (Content Management System) adalah aplikasi web yang siap

pakai. Ini merupakan istilah untuk pemilik website mengupdate websitenya

tanpa bantuan pengembang web. Yang dilakukan pengembang web hanya

installasi awal dan konfigurasi awal saja. Selanjutnya untuk pengisian artikel,

gambar, dan konten-konten lainnya bisa dilakukan oleh pemilik website tanpa

harus mengetahui kode-kode HTML ataupun pemrograman web seperti PHP

atau ASP .NET.

Content Management System (CMS) adalah software sistem

manajemen konten yang diimplementasikan dalam bentuk aplikasi web,

digunakan untuk membuat dan mengelola konten HTML. Aplikasi ini dipakai

untuk mengelola dan mengatur material web (dokumen HTML dan gambar

yang terkait) yang dinamis dalam jumlah besar. CMS memfasilitasi

pembuatan dan pengaturan konten, pengeditan, dan banyak fungsi esensial

dari pemeliharaan web. Pada makalah ini ada termuat beberapa langkah-

langkah atau cara install CMS yang tinggal siap digunakan oleh para pemilik

website. Namun dalam hal ini perlu di ketahui bahwa sebelum masuk pada

tahap proses penginstalan terlebih dahulu di pastikan harus tersedia dan

terinstal aplikasi pendukung pada computer/Laptop Anda, misalnya Mozilla

Firefox, dan Xampp. Kemudian di pastikan juga bahwa hasil dari Extract file

17
CMSnya harus tersave di folder Xampp htdocs.

4.2. Saran

Di harapkan bagi para pembaca, khususnya dosen pemegang mata

kuliah CMS, bahwa data yang termuat serta cara install CMS pada isi laporan

ini, itu adalah benar-benar hasil dari susunan saya  sebagai penulis, maka saya

sangat mengharapkan saran dan kritikan dari bapak yang sifatnya memotifasi

dan membangun demi kelengkapan dan kelancaran pembuatan laporan

selanjutnya.

18
DAFTAR PUSTAKA

Hariningsih. 2005. Teknologi Informasi.Yogyakarta: Graha Ilmu.

Sopian, Sudarma. 2010 “Membuat Website Lebih Powerfull Dengan Wordpress”.

www.sudarmaster.com.

Wahadyo, Agus. 2008. Membangun Website Dengan Wordpress. Jakarta: Media

Kita.

Catatan penomoran untuk bab pojok kanan atas, untuk sub bab ditengah bawah.

http://pilihbaik.blogspot.com/2013/04/pengertian-hosting-dan-tipe-hosting.html

http://www.virmansyah.info/2012/11/pengertian-cms-dan-macam-

macamnya.html

http://www.vintagewp.weebly.com/manfaat-website.html

https://id.wikipedia.org/wiki/WordPress

http://budiharyanto.web.id/2017/04/05/cara-membuat-website-gratis-dengan-

wordpress/

https://tusad.blogspot.co.id/2013/05/cara-membuat-website-dengan-cms

wordpress-di-xampp.html

https://yolandaanggi.wordpress.com/2018/01/24/makalah-cara-membuat-blog-

dengan-cms-wordpress-secara-offline-dan-online/

19
https://rahmandi.com/cara-membuat-website-dari-nol-sampai-online

20
LAMPIRAN

Gambar Website yang sudah di buat dengaan WoldPress

Gambar Tampilan Menu Home

Gambar Tampilan Menu About

21
Gambar Tampilan Menu Service

Gambar Tampilan Menu Portfolio

22
Gambar Tampilan Menu Contact

23

Anda mungkin juga menyukai