INF104: WEB DESIGN Membangun Website dengan...
Transcript of INF104: WEB DESIGN Membangun Website dengan...
Pertemuan 15:
INF104: WEB DESIGN
Membangun Website dengan
Wordpress
Dosen: Wayan Suparta, PhD
Informasi UAS & Tugas
• Bahan UAS (close book): 100 menit
• Tugas Akhir: 1. Buat sebuah website dengan WordPress, pilih salah satu
tema berikut:
Pendidikan Bisnis Konsultasi
2. Kumpulkan LINKnya (alamat websitenya) melalui
EDMODO sebelum 19 Mei 2019.
• Ujian Praktek (salah satu):
1. Design Web dengan JAVA
2. Design Web dengan Joomla
3. Design Web dengan WordPress
• Ujian Teori:
1. XAMPP
2. JAVA
3. Joomla
4. WordPress
ISI ANGKET/KUESIONER:
Silakan isi angket ini untuk
peningkatan kualitas pengajaran
Web Design
https://forms.gle/LxtgiED7hnvehcw59
Creating a WordPress Website
Is WordPress for You?
Creating a WordPress Website Is WordPress for You?
CMS: Benefits vs Creativity
Apa itu Wordpress • WordPress adalah suatu aplikasi content
management system (CMS) untuk pembuatan blog.
• Aplikasi ini bersifat open source (free) dan gratis (preceless).
• Website wordpress : http://wordpress.com/
• Nama alamat website kadang mengikuti nama email yang didaftarkan untukmembuat blog ini.
• Nama blog adalah unik.
• Click “Start your free wordpress Blog” atau langsung ke http://wordpress.com/signup/
wsuparta
X
• Masukkan Blog Title. – Contoh : Wayan Suparta Homepage
• Klik “Signup”
Successful Activation Wordpress
MEMULAI MENDESAIN HOMEPAGE DENGAN
WORDPRESS
https://drwayansuparta.wordpress.com/wp-admin/
The Dashboard
Pemilihan Template Wordpress
Klik: Appearance Theme
Klik: Appearance Menu Add to Menu
Manage Template Wordpress
https://www.niagahoster.co.id/kb/cara-update-theme-wordpress
1. Pilih menu Appearence » Themes, jika terdapat theme yang minta untuk di-update
akan ada notifikasi seperti gambar di bawah.
2. Untuk mengupdate theme tersebut, Anda cukup mengklik theme
yang akan di-aktivasi kemudian memilih ”Activate”.
3. Tunggu bebepa detik, jika theme berhasil Update akan muncul
seperti gambar di bawah.
1. Jika kita klik “Visit site”, maka
aktivasi yang telah dilakukan
belum berdampak pada tampilan.
2. Kemudian, kita harus klik
“Customize”
3. Lalu klik “Activate & Publish “
seperti gambar di bawah ini.
1
2
3
Themes vs Templates vs
Frameworks
• Templates can be used with HTML websites
(yeah, let’s save 100+ hours of programming.
• Themes are used with CMS
• Frameworks: Built on a solid core theme with
quality code that includes a lot of “inbuilt”
functionality; continually being updated and
improved; easier customization; doesn’t break.
• Thesis, Genesis highly rated themes.
The Dashboard
• Cara Mengganti Template dalam Wordpress
Cara -1 – Login dan Install Template
WordPress di Dashboard
Kemudian, menuju menu appearance
lalu pilih themes dan kemudian pilih
add new. Singkatnya, appearance ->
themes -> add new.
Jika anda bingung dan pusing buka
link berikut:
https://idwebhost.com/blog/mengganti-template-wordpress/
WordPress Plugins
• Update ke Premium Plan
WordPress Pages
• Untuk membuat Menu dan Submenu
https://drwayansuparta.wordpress.com/wp-admin/
WordPress Customize • Klik Homepage setting A Static Page
• Current header Header image (pilih header yang anda suka)
• Font juga dapat anda atur termasuk juga Widgets
• Tagline bisa anda sisipkan sesuai motto Anda.
WordPress EDIT • Anda dapat melakukan editing dimana saja terhadap menu atau fitur yang
dibuat dengan melakukan login terlebih dahulu. Klik tanda “Edit” untuk melakukan updating, dll.
• Editing juga dapat dilakukan secara visualisasi atau HTML.
• Setelah Edit, klik “Update” di pojok kanan atas untuk menyimpan dan mempublikasi hasil perubahannya.
WordPress Update
• Fitur “Update” ada di pojok kanan atas. Sementara
edit HTML dengan klik tanda vertikal titik tiga.
WordPress Edit HTML • Fitur “HTML” berada setelah klik tanda vertikal titik tiga.
• Selesai edit maka pilih “Update” dan klik “View Post”.
Menu My Account/ Profile http://drwayansuparta.wordpress.com/wp-admin/profile.php
• Your Profile and Personal Options
– Name
– About yourself
– Contact Info
– Update Your Password : jika ingin merubah
password
Rangkuman
• Keunggulan Wordpress
1. Website gratis dengan kapasitas 3 GB dan dilengkapi tema gratis serta CMS.
2. Setiap selesai membuat sebuah artikel, klik Update/PUBLISH untuk melihat hasilnya.
3. Rancanglah tema terlebih dahulu sebelum mengisi atau menulis artikel dalam website.
4. Wordpress dapat diperbaharui kapan saja dengan fasilitas “EDIT” setelah akun wordpress aktif.
5. Dengan website berbasis wordpress anda dapat melakukan aktivitas tertentu sesuai kebutuhan.
TUGAS 3 1. Buat sebuah website dengan WordPress, pilih salah satu
tema berikut:
Pendidikan
Bisnis
Konsultasi
2. Kumpulkan LINKnya (alamat websitenya) melalui
EDMODO sebelum 19 Mei 2019.
3. Kriteria penilaian adalah
• Kreativitas sesuai tema yang dipilih
• User friendly dan menu-menu yang dibuat serta gambar-gambar
yang dipilih harus bernilai seni (estetika)
• Setiap menu yang dibuat harus memuat informasi yang lengkap
• Sebuah website yang bernilai jual yang dapat melakukan
aktivitas promosi, bisnis atau kemanfaatan lainnya.