Tag Archives: twig

Membuat template layout dengan Twig serta Twtitter Bootstrap pada Slim Framework

http://www.informulate.net/wp-content/uploads/2013/02/symfony-twitter-bootstrap.jpg

http://www.informulate.net/wp-content/uploads/2013/02/symfony-twitter-bootstrap.jpg

Setelah pada artikel sebelumnya kita membahas tentang memasang twig pada framework slim, pada artikel ini akan saya tuliskan cara pembuatan templating menggunakan twig dan slim framework.

Templating akan sangat berguna dalam membuat layout aplikasi, dengan templating kita tidak perlu lagi melakukan “copy-paste” seluruh halaman web. Kita cukup membuat sebuah layout halaman inti yang memuat struktur html dasarnya, memanggul file css dan javascript. Selanjutnya halaman yang berisi data yang sering berubah kita pisahkan dari halaman layout tersebut. Sehingga jika suatu saat kita akan mengganti layout tidak perlu mengubah seluruh halaman yang sudah kita buat. Dalam artikel ini nantinya pengaturan halaman akan menggunakan twitter bootstrap untuk mempermudah dan memperindah tampilan yang akan dibuat.

Memasang TWIG extension pada SLIM

Sebelum membahas tentang twig, saya akan menyinggung sedikit tentang Slim Micro Framework yang kita gunakan. Dikarenakan sifatnya yang “slim/langsing” tentu ada beberapa fitur yang biasanya terdapat pada framework besar sejenis Yii atau codeigniter yang tidak ada pada micro framework ini. Salah satunya adalah model templating pada tampilan / layout.
Templating adalah teknik untuk memisahkan halaman-halaman sesuai dengan fungsinya. Hal ini akan meringankan dari sisi developer, misalnya saja dalam hal memanggil file javascript, file css atau bagian footer yang tidak pernah / jarang berubah. Dengan model templating maka tidak perlu menuliskan bagian tersebut berulang-ulang. Developer cukup fokus pada bagian content yang sering berubah / dinamis. Continue reading