PENGANTAR REKAYASA WEB

---

1. 📌 Pengertian Rekayasa Web

Rekayasa Web adalah disiplin ilmu yang mempelajari perancangan, pengembangan, dan pemeliharaan aplikasi berbasis web.

Rekayasa Web mencakup:

• Analisis kebutuhan
• Desain sistem
• Implementasi
• Pengujian
• Maintenance

---

2. 🎯 Tujuan Pembelajaran

Mahasiswa mampu:

• Memahami konsep rekayasa web
• Menjelaskan arsitektur web
• Mengenal CMS
• Menggunakan WordPress untuk membuat website

---

3. 🌍 Konsep Dasar Web

6

📌 Komponen:

• Client (Browser)
• Server (Web Server)
• Database

---

4. 🧩 Arsitektur Aplikasi Web

6

📌 Layer:

1. Presentation (UI)
2. Logic (Backend)
3. Data (Database)

---

5. 🧠 Pengertian CMS

CMS (Content Management System) adalah sistem untuk mengelola konten website tanpa coding dari nol.

---

6. 🌐 Contoh CMS Populer

• WordPress
• Joomla
• Drupal

---

7. 🏆 Mengapa WordPress?

7

📌 Kelebihan:

• Mudah digunakan
• Banyak tema & plugin
• Open source
• Komunitas besar

---

8. ⚙️ Komponen WordPress

---

📌 1. Theme (Tema)

Mengatur tampilan website

📌 2. Plugin

Menambah fitur

📌 3. Post & Page

Konten website

📌 4. Database

Menyimpan data

---

9. 🔄 Siklus Pengembangan Web

7

📌 Tahapan:

1. Planning
2. Design
3. Development
4. Testing
5. Deployment
6. Maintenance

---

10. 🧱 Struktur WordPress

5

---

11. 💻 Cara Kerja WordPress

7

---

12. 🧪 Contoh Implementasi CMS

📌 Jenis Website:

• Blog
• Company Profile
• E-Commerce
• Portal berita

---

13. 🆚 CMS vs Coding Manual

Aspek	CMS	Manual
Kemudahan	Mudah	Sulit
Waktu	Cepat	Lama
Fleksibilitas	Terbatas	Tinggi

---

14. ⚠️ Tantangan Rekayasa Web

6

• Keamanan
• Performa
• Skalabilitas
• Maintenance

---

15. 🧪 Latihan Sederhana

---

🎯 Latihan 1:

Install WordPress di XAMPP

---

🎯 Latihan 2:

Masuk dashboard WordPress

---

🎯 Latihan 3:

Buat:

• 1 Post
• 1 Page

---

🎯 Latihan 4:

Install 1 tema

---

16. 📝 Tugas Praktikum

---

🎯 Tugas: Website Sederhana

6

📌 Ketentuan:

1. Install WordPress
2. Pilih tema
3. Buat halaman:
   • Home
   • About
   • Contact
4. Tambahkan:
   • Menu navigasi
   • Gambar

---

17. 🎯 Kesimpulan

• Rekayasa web adalah proses pengembangan website
• CMS mempermudah pembuatan website
• WordPress adalah CMS paling populer
• Tema & plugin mempercepat development

---

18. 📚 Diskusi

1. Apa itu rekayasa web?
2. Apa kelebihan CMS?
3. Mengapa WordPress populer?
4. Apa perbedaan CMS dan coding manual?