Hallo guys ,Kemarin kita sudah membuat projek yang sangat sederhana dengan framework phalcon, kita juga sudah mengengenal dan memahami cara kerja dari Mvc. Nah, sekarang saya akan membagikan tutorial memadukan bootstrap dengan phalcon. Caranya simple jika kita sudah memahami cara kerja dari Mvc, dan kita juga tidak akan dipusingkan dengan script-script yang terlalu terbelit-belit, hanya saja kita butuh pemahaman lebih pada bootstrap dan phalcon.
Dalam tutorial kita akan mencoba membuat tampilan seperti gamabar di atas, kita akan membuat jumbotron dan juga kita akan membuat navigasinya, saya disini akan menjelaskan secara detail dari awal sampai akhir tutorial ini.
Alat dan bahan :
- PC / Laptop ( Terinstall web server dan phalcon )
- Koneksi Internet
- Text Editor ( Saya sarankan menggunakan Sublime atau BlueFish )
- Bootstrap ( silahkan download disini )
- Buat projek terlebih dahulu.
- Beri hak akses pada projek yang kita buat. "chown -R www-data:www-data template"
- Extrak hasil download bootstrap anda dan masukan file ke projek anda.
- Kemudian kita edit file services.php menjadi seperti ini.
- Setelah file services sudah sekarang kita buat folder template di /app/views.
- Buat file index.volt dan masukan script berikut.
- Jika sudah sekarang kita buat folder Home di views dan buat file index.volt.
- Masukan script ini ke dalam index.volt yang baru saja kita buat.
- Jika semuanya sudah, sekarang kita buat controllernya. Beri nama HomeController.php
- Lanjut masukan scriptnya.
- Semua tahap sudah kita jalankan, sekarang kita buka web browser dan buka projek kita. Tadaaa hasilnya seperti ini.
Semoga Bermanfaat !!!