MODUL DESAIN WEBSITE PEMBELAJARAN

WORDPRESS

Diajukan Untuk Memenuhi Tugas Mata Kuliah

Desain Website Pembelajaran

ARNINDYA EKA NUR AZIZAH

20200810300026

PROGRAM STUDI PENDIDIKAN MATEMATIKA

FAKULTAS ILMU PENDIDIKAN

UNIVERSITAS MUHAMMADIYAH JAKARTA

KATA PENGANTAR

Assalamualaikum Warahmatullahi Wabarakatuh ,

Segala puji bagi Allah Tuhan Yang Maha Esa , Tuhan Seluruh Alam yang telah
melimpahkan rahmat dan karunia-Nya. Sholawat serta salam semoga selalu tercurah kepada
baginda nabi besar Muhammad SAW, agar kita mendapat syafaat di hari akhir kelak.
Alhamdulillah dengan kehendak Allah penulis dapat menyelesaikan makalah ini dengan baik.
Terima kasih juga, kami ucapkan kepada pihak pihak yang sudah membantu penulis
menyelesaikan modul ini dengan baik , dukungan secara materi dan uga lain hal nya sangat
membantu dalam proses pembuatan modul ini agar dapat bermanfaatbai semua orang.

Perkembangan dunia semakin maju di bantu dengan kecepatan dari perkembangan internet
yang bisa saja mempermudah dalam segala pekerjaan kita. Disamping ini penulis akan
mencantumkan sebagian keil dari proses dari ihal hal yang diperlukan oleh manusia pada
abad ini, yaitu website. Mulai dari sejarah sampai beberapa website yang bisa digunakan
khusus nya dalam informasi sekolah. Dalam modul ini juga akan dibahas tentang proses
pembuatan dari website dengan sasaran nya ialah sekolah sebagai pembelajaran ataupun
informasi, baik secara profil sekolah ataupun informasi lain nya yang dibutuhkan oleh banyak
oang tentang sekolah tersebut

Penulis mengetahui dalam modul ini masih kekurangan baik materi ataupun kebahasaan
dalam penulisan modul ini , sebab itu penulis sangat mengharapkan kritik dan saran sebagai
pembangun agar bisa menjadi lebih baik kedepan nya. Penulis juga meminta maaf jika ada
kesalahan dalam penyusunan makalah Ini.

Wassalamualaikum Warahmatullahi Wabarakatuh ,

Tangerang selatan Oktober 2023

Penulis
 Tujuan Modul :
Mejelaskan dan memahami sejarah singkat dari website dan dikaitkan dengan pengertian
singkat wordpress, kemudia menjelaskan langkah langkah penggunaan wordpress.

A. WEBSITE

1. Sejarah Website
Website adalah serangkaian halaman web berisi informasi yang terhubung satu sama
lain dan diakses melalui internet. website memiliki tujuan Bagi pengunjung, website
memberikan akses yang mudah dan cepat untuk mencari informasi, membeli produk, atau
mendapat pengalaman baru. Sedangkan bagi pelaku bisnis, website dapat meningkatkan
branding perusahaan serta memfasilitasi penjualan produk secara online.Setiap halaman
website memiliki alamat unik yang dikenal sebagai URL (Uniform Resource Locator). Situs
web dapat berisi berbagai jenis informasi, misalnya teks, gambar, video, dan audio. Selain
itu, website juga bisa memuat fitur interaktif seperti form kontak, komentar, atau chatting.
Website terdiri dari dua elemen utama,yakni client-side dan server-side. Client-side website
adalah bagian situs yang terlihat oleh pengguna melalui browser, seperti Google Chrome atau
Internet Explorer. Bagian ini tersusun atas HTML, CSS, dan JavaScript untuk merancang dan
menampilkan halaman web.Sebaliknya, server-side website adalah bagian website yang
tersembunyi oleh pengguna, dan berisi file dan data yang diolah oleh web server. Bagian
server-side ini terdiri dari bahasa pemrograman, seperti PHP, Python, atau Ruby on Rails.

Website pertama di dunia diluncurkan pada tahun 1991 oleh ahli komputer asal
Inggris bernama Sir Timothy John “Tim” Berners-Lee. Awalnya, tujuan Tim dalam
merancang website adalah untuk memfasilitasi pertukaran dan pembaruan informasi antar
sesama peneliti di tempat kerjanya yaitu HTML. HTML adalah bahasa markup yang hanya
mampu menampilkan teks dan gambar yang statis. Baru setelahnya pada tahun 1996, muncul
inovasi bernama CSS (Cascading Style Sheets). CSS adalah teknologi yang diperkenalkan
untuk mempercantik tampilan website. Di tahun yang sama, bahasa pemrograman
JavaScript dirilis ke publik sebagai bahasa yang memungkinkan website menjadi lebih
interaktif dan dinamis. Kemudian pada dekade 2000-an, teknologi Flash diluncurkan untuk
membuat animasi dan video interaktif pada halaman web.
2. Fungsi Website
Dari sejarah diatas pembuatan Website memiliki berbagai fungsi, antara lain
a. Penyampaian informasi
Website dapat digunakan untuk menyampaikan berbagai informasi berupa
informasi produk, perusahaan, hingga berita atau peristiwa terkini. website
juga bisa sebagai sarana untuk menyediakan informasi yang lengkap dan
detail tentang bisnis, produk, atau jasa. Informasi yang tersedia di website
dapat membantu calon pelanggan dalam mengenal produk atau jasa yang
ditawarkan.
b. Pemasaran dan promosi
Dapat digunakan untuk memperkenalkan produk atau jasa kepada calon
pelanggan atau yang lebih dikenal dengan branding website adalah untuk
membangun branding. Branding adalah aktivitas untuk mempromosikan
atau memasarkan sebuah merk bisnis.
c. Media komunikasi
Dengan website diharapkan terjadinya komunikasi antara penyedia dan
pelanggan agar mempercepat proses transaksi atau masalah, agar tidak lagi
terhalang oleh kendala seperti jarak dan lain hal nya. Hal ini juga bisa
digunakan sebagai komunikasi di bidang bisnis antara penjual dan
pembeli.

3. Unsur Website
Dalam website terhadap unsurunsur yang harus dimiliki agarbisa disebut sebagai
website, antara lain ialah :
 Domain
Domain adalah alamat atau nama unik yang digunakan untuk mengidentifikasi situs
web di internet. Sebuah domain biasanya terdiri dari nama domain unik dan ekstensi
domain seperti .COM, .ORG, atau .NET.
 Bahasa pemrograman
Bahasa Pemrograman adalah bahasa yang digunakan untuk membuat website, seperti
java, HTML, dan CSS. Bahasa pemrograman populer untuk pengembangan website,
Website yang dibangun menggunakan bahasa pemrograman yang tepat dapat
menjadikan situs web jadi lebih interaktif dan fungsional.
 Hosting
Hosting adalah server di mana website Anda akan disimpan, sehingga dapat diakses
melalui internet. Hosting yang baik dan andal akan menjamin website Anda selalu
cepat dan stabil ketika dibuka pengunjung. Terdapat banyak jenis hosting yang
tersedia, mulai dari cloud hosting sampai VPS hosting.
 Konten
Konten website adalah unsur vital sebuah situs web selanjutnya yang menjadi alasan
mengapa web tersebut dibuat. Konten website dapat berupa teks, gambar, audio,
video, maupun kombinasi dari semuanya. Konten pada halaman web wajib disajikan
secara menarik, informatif, dan mudah dipahami.
 Desain
Desain website adalah aspek yang meliputi tata letak, jenis font, dan elemen visual
lainnya yang merepresentasikan konten website. Dengan desain situs web yang baik,
pengunjung merasa nyaman dan mudah dalam mengakses informasi yang disajikan.
Desain website juga harus responsif, yaitu dapat menyesuaikan tampilan sesuai
perangkat yang digunakan oleh pengunjung.

4. Jenis Jenis Website

Ada berbagai jenis website yang bisa dibuat dan diguakan, sesuai dengan fungsi nya
masing masing
 Blog
website pribadi atau blog adalah website yang dibuat oleh individu sebagai tempat
untuk mengekspresikan diri, berbagi pengalaman atau pemikiran, maupun sebagai
wadah untuk menulis secara reguler.Website eCommerce
Cocok untuk digunakan utnuk menjual produk secara daring dan menjadi tempat
untuk jual beli
 Website pemerintah
Sesuai namanya, website ini dibuat dan dikelola oleh organisasi maupun lembaga
pemerintahan. Tujuan website pemerintahan adalah menyediakan informasi kepada
masyarakat tentang lembaga tersebut. Selain itu, website jenis ini juga dapat
memberikan akses kepada masyarakat untuk mengajukan permohonan atau mendapat
layanan
 Website pendidikan
Website ini biasanya dibangun oleh institusi Pendidikan seperti sekolah atau
universitas untuk menginformasikan institusi yang mereka gunakan bagi masyarakan
yang berminat untuk mengetahui informasi dari instansi pendidikan yang dibuat.

A. WORDPRESS

1. Pengertian Wordpress

WordPress adalah (open-source Content Management System (CMS) yang

merupakan tools populer untuk seseorang yang ingin membangun website dan blog,
bahkan tanpa perlu memiliki basic programming. Platform CMS ini tidak memerlukan
biaya apa pun sehingga kamu dapat menginstal, menggunakan, dan memodifikasinya
secara gratis. Content Management System (CMS) yang dibagun WordPress
menggunakan bahasa pemrogramam PHP dan database MySQL. Dengan WordPress,
pengguna baru dapat mengelola website tanpa perlu memahami teknis bahasa
pemrograman, hal itu pun yang membuat para pemula dapat dengan mudah
membuat website, bahkan dalam hitungan menit. Poin penting penyebab banyaknya
pengguna memilih WordPress adalah karena platform ini memiliki interface yang user-
friendly dan intuitif.

2. Fungsi di Wordpress
a. Blog
Umumnya orang menggunakan WordPress untuk membuat blog pribadi mereka.
Terutama untuk pengguna baru yang tidak perlu memahami bahasa pemrograman
yang rumit. Selain itu, di WordPress terdapat berbagai macam fitur, seperti
posting, tag, dan kategori yang memudahkan pengguna untuk membuat sistem
konten.

b. Website Portofolio Profesional

Di platform ini dapat ditemukan berbagai tema untuk portofolio
profesional. Nggak heran kalau WordPress dijadikan pilihan oleh para fotografer,
penulis, illustrator, atau para pekerja seni lainnya untuk menampilkan merek
 pribadi di platform ini. juga dapat memilih tema dengan galeri bawaan, atau kamu
dapat menginstal plugin untuk carousel dan slider portofolio.

c. Website Bisnis
WordPress bisa jadi pilihan terbaik untuk usaha kecil dan menengah, tetapi ingin
mempunyai website bisnis yang profesional. Di platform ini, dapat memilih
template yang sesuai keinginan dan menyesuaikannya sesuai dengan bisnis.
mengembangkan bisnismu melalui plugin untuk SEO, pengambilan prospek,
analitik, dan masih banyak lagi.

3. Perbedaan WordPress.com dan WordPress.org

WordPress.org atau yang sering disebut dengan self hosted WordPress adalah
platform WordPress yang bersifat open-source dan gratis serta dapat di instal di host web
pribadi untuk membuat website menjadi 100% pribadi. Tapi WordPress.com.

Lain halnya denganWordPress.com yang merupakan layanan berbayar dan didukung

oleh software WordPress.org. Platform ini mudah digunakan, tetapi kamu akan
kehilangan banyak fleksibilitas, mulai dari fitur hingga resource WordPress yang di-
hosting sendiri.

Ketika sebagian besar orang ingin menggunakan WordPress, biasanya yang mereka
maksud adalah WordPress.com karena tidak perlu memikiran web hosting ataupun
domain. Namun, WordPress.org yang di-hosting sendiri juga merupakan pilihan terbaik
ingin membuat website milik sendiri.

4. Cara Penginstall Wordpress

a. Download di www.google.com dengan kata kunci “ download wordpress”
b. Setelah itu juga download di www.google.com XAMPP sebagai pembuat server
nya
c. Setelah di download maka, XAMPP dan wordpress tersebut di ekstrak di file yang
berbeda.
d. setelah itu xampp tersedia di localdisk
Pindahkan folder wordpress yang telah di ekstrak kedalam folder di XAMPP/
htdocs, seperti pada gambar

e.

Setelah itu masuk kexampp control panel dan nyalakan apache dan
Mysql

f.