Pengenalan Web

Framework
Zia Imam Perdana, M.Kom.
AMIK YPAT Purwakarta
D3 - Manajemen Informatika
 Perkembangan
• Web Statis -> berbasis HTML dan halaman-halaman
• Web Dinamis -> memisahkan antara kode program dan
data
• Content Management System (CMS) -> web instant
berupa template web
• Web Framework -> membagi sistem dalam 3 bagian
(model, view dan controller)
 CMS dan Web Framework
CMS:
– Cocok untuk kebutuhan instant pembuatan web
– Sangat membantu pengembang web pemula (tidak berhubungan dengan
kode program)
– Dapat digunakan untuk membangun aplikasi (tidak direkomendasikan)
• Jenis :
– Sistem portal -> Joomla, Drupal, WordPress, AuraCMS,
– PHPNuke, dll.
– Elearning -> Moodle, Atutor, DrupalEd, dll
– Ecommerce -> PrestaShop, ZendCart, VirtueMart Joomla, OsCommerce,
dll.
– Forum diskusi -> PHPBB, VFM, dll
 CMS dan Web Framework (2)
Web Framework:
• Fleksibel untuk pengembangan aplikasi berbasis web
• Dapat digunakan untuk membuat CMS tertentu sesuai kebutuhan.
• Secara umum lebih secure dibanding CMS karena system terbagi 3
(model, view, controller)
• Pengembang web harus menguasai konsep OOP dan MVC
• Contoh :
– CodeIgniter (CI)
– CakePHP
– Zend Framework
– DooPHP
 Apa yang Anda ketahui?
• Front-End, Back-End, Full-Stack?
• Web Developer, Web Designer dan WebMaster?
 What is Framework?
• Kerangka Kerja
• Komponen - komponen pemrograman yang sudah jadi
dan siap untuk digunakan kapan saja
• Ada lagi?
 Fungsi Framework
 Mempercepat proses pembuatan aplikasi baik itu aplikasi berbasis
desktop, mobile ataupun web.

 Membantu para developer dalam perencanaan, pembuatan dan

pemeliharaan sebuah aplikasi.

 Aplikasi yang dihasilkan menjadi lebih stabil dan handal, hal ini
dikarenakan Framework sudah melalui proses uji baik itu stabilitas dan
juga kehandalannya.

 Memudahkan para developer dalam membaca code program dan lebih

mudah dalam mencari bugs.
 Fungsi Framework
• Memiliki tingkat keamanan yang lebih, hal ini dikarenakan
Framework telah mengantisipasi cela - cela keamanan yang
mungkin timbul.

• Mempermudah developer dalam mendokumentasikan

aplikasi - aplikasi yang sedang dibangun.
 Jenis Framework
Framework PHP terdiri dari
- Laravel - Yii
- CI - Symfoni
- Zend Framework - Cake PHP
- Fuel PHP and etc.
Framework CSS terdiri dari
- Bootstrap - Gumby
- Foundation - Less Framework
- JQuery UI - Unsemantic
- Blue Print CSS - MUI
 Arsitektur Web Framework
• Berhubungan erat dengan konsep MVC :
– Model – mengandung fungsi-fungsi untuk berkomunikasi
dengan database, seperti : mengambil data produk dengan id
tertentu, hapus produk, menyimpan komentar pada blog.
– View – kode yang mengeluarkan HTML yang akan dilihat oleh
pengunjung.
– Controller – kode yang memeriksa input dari pengunjung dan
memilih apa yang harus dilakukan.
• Kenapa sih harus dipisah ? Tentu saja untuk
mempercepat & mempermudah proses pengembangan
perangkat lunak
 Apa MVC itu?
MVC itu sendiri adalah suatu konsep Model – View –
Controller. Pada dasarnya dalam konsep MVC ini, Model
merupakan pengolah data dan berkomunikasi dengan
database, View adalah tampilan yang ditampilkan ke user,
sedangkan Controller merupakan pengolah request user
dan mengembalikan request user dalam bentuk View
Arsitektur Web Framework (2)
 Code Igniter
• Pengertian?
• Kenapa harus menggunakan framework ini?
• Bagaimana Implementasinya?
• Perbandingan dengan Framework lainnya?
– Keunggulan
– Kelemahan
 Web Framework
CakePHP :
• Didesain mengikuti arsitektur RoR (RubyonRails), sebuah
framework terkemuka
• Mendukung teknologi ORM (Object Relational Model)
• Library lengkap disertai dokumentasi yang memadai
• Bersifat opensource dan didukung oleh komunitas yang
besar
• Digunakan oleh sistem web terkenal (salah satunya
adalah portal Yahoo!)
 Laravel
• Pengertian?
• Kenapa harus menggunakan framework ini?
• Bagaimana Implementasinya?
• Perbandingan dengan Framework lainnya?
– Keunggulan
– Kelemahan
 Bootstrap
Bootstrap adalah framework front-end yang lengkap untuk
pengembangan website yang lebih cepat dan mudah.
• Kenapa harus menggunakan framework ini?
• Bagaimana Implementasinya?
• Perbandingan dengan Framework lainnya?
– Keunggulan
– Kelemahan
 Tugas
• Presentasi tugas besar?progress?
• Kendala?solusi?
• Tugas besar bobot 25%