Mengenal Theme di Aplikasi Web yang Dihasilkan oleh PHPMaker

Author: · Published: September 25, 2014 · Category: Pemrograman PHP 

Di beberapa artikel saya yang terdahulu, sudah diuraikan bahwa PHPMaker bukanlah sekedar Tools PHP Code Generator saja, melainkan lebih dari itu. Di samping sebagai alat untuk menghasilkan kode PHP untuk membangun Aplikasi Web, PHPMaker juga merupakan sebuah paket yang di dalamnya terdapat PHP Framework, CSS Framework, dan Javascript Framework.

Tentu saja CSS dan Javascript Framework yang digunakan oleh PHPMaker dibuat khusus sedemikian rupa, sehingga dapat diimplementasikan pada Aplikasi Web yang dihasilkan olehnya. Aplikasi Web yang dihasilkan oleh PHPMaker bukanlah hanya terdiri dari kode PHP, tapi dilengkapi dengan kode CSS dan Javascript yang digunakan di bagian Front-End dari Aplikasi Web tersebut.

Sejak versi 11, PHPMaker menggunakan Twitter Bootstrap 3 yang selama ini sudah kita ketahui sebagai sebuah Framework yang sangat bagus, dan banyak digunakan oleh Web Developer untuk membangun Aplikasi Web dengan mudah dan cepat. Itu artinya, Fitur CSS dan Javascript Framework yang sebelumnya sudah lama digunakan oleh PHPMaker menjadi lebih kaya lagi, karena ditambah dengan CSS Framework yang berasal dari Twitter Bootstrap 3.

PHPMaker telah menyediakan fitur Theme yang memungkinkan Web Developer dapat mengkostumisasi beberapa variabel yang sangat menentukan untuk menghasilkan CSS Framework tadi. Anda cukup hanya mengklik menu HTML, lalu mengklik sub-tab yang bernama Theme.

Di sana sudah tersedia 12 (Dua belas) Theme dasar yang bisa Anda kembangkan dengan mengubah nilai dari variabel yang terdapat di bawahnya. Dalam hal ini, PHPMaker juga menggunakan LESS, sehingga file-file .css yang dibangkitkan oleh PHPMaker berasal dari nilai pengaturan yang mengandung variabel di dalamnya.

Adapun bagian-bagian yang telah disediakan oleh PHPMaker agar bisa Anda kostumisasi nilai pengaturannya dengan sangat mudah adalah sebagai berikut:

  1. Site Header
  2. Site Left Column
  3. Site Footer
  4. Table Header
  5. Table Body
  6. Table Footer
  7. Grid
  8. Grid Lines
  9. Grid Pager Panel
  10. Mobile Menu
  11. Theme (Bootstrap)
  12. Colors (Bootstrap)
  13. Scaffolding (Bootstrap)
  14. Typograhy (Bootstrap)
  15. Components (Bootstrap)
  16. Tables (Bootstrap)
  17. Buttons (Bootstrap)
  18. Forms (Bootstrap)
  19. Dropdowns (Bootstrap)
  20. Media queries breakpoints (Bootstrap)
  21. Grid system (Bootstrap)
  22. Container sizes (Bootstrap)
  23. Navbar (Bootstrap)
  24. Navs (Bootstrap)
  25. Tabs (Bootstrap)
  26. Pills (Bootstrap)
  27. Pagination (Bootstrap)
  28. Pager (Bootstrap)
  29. Jumbotron (Bootstrap)
  30. FormStatesAndAlerts (Bootstrap)
  31. Tooltips (Bootstrap)
  32. Propovers (Bootstrap)
  33. Labels (Bootstrap)
  34. Modals (Bootstrap)
  35. Alerts (Bootstrap)
  36. Progress bars (Bootstrap)
  37. List group (Bootstrap)
  38. Panels (Bootstrap)
  39. Thumbnails (Bootstrap)
  40. Wells (Bootstrap)
  41. Badges (Bootstrap)
  42. Breadcrumbs (Bootstrap)
  43. Carousel (Bootstrap)
  44. Close (Bootstrap)
  45. Code (Bootstrap)
  46. Type (Bootstrap)

Berdasarkan pengalaman Penulis, fitur Theme di PHPMaker ini sangat membantu sekali bagi Web Developer, apalagi mereka yang masih pemula dan belum terlalu mengenal Twitter Bootstrap 3. Itu artinya, Aplikasi Web yang dihasilkan oleh PHPMaker sangat mendukung untuk menggunakan Multi-Theme. Anda sebagai Web Developer dapat membuat theme yang jumlahnya tidak terbatas! Bayangkan! 🙂

Bahkan, tidak berhenti di situ saja. PHPMaker juga sudah menyediakan fitur yang memungkinkan file-file .css (CSS) dan .js (Javascript) yang dihasilkan nantinya sudah dalam format yang telah dipadatkan/dikompres (compressed), sehingga Aplikasi Web Anda dapat diakses relatif lebih cepat dibandingkan dengan jika file-file tersebut tidak dikompres.

Betapa banyaknya waktu yang dapat dihemat dengan menggunakan PHPMaker dalam menghasilkan Aplikasi Web.

Related Articles

  1. PHPMaker = {PHP Code Generator + PHP Framework + CSS dan Javascript Framework}
  2. Meng-override Style di Aplikasi Web yang Dihasilkan oleh PHPMaker
  3. Seri-1 Bootstrap: Persiapkan Dirimu!
  4. Mengenal User Code di PHPMaker
  5. Hal-hal Sepele yang Sering Dilupakan oleh Web Developer (Bagian 2)
  6. Field Wajib di Tabel User pada Aplikasi Web yang Dihasilkan PHPMaker
  7. Hal-hal Sepele yang Sering Dilupakan oleh Web Developer (Bagian 1)
  8. Mengenal Pengaturan Email Notification pada Table Setup di PHPMaker
  9. Mengenal Custom Files di PHPMaker
  10. Mengenal Multi-Language Property Editor di PHPMaker
  11. Mengenal Extensions di PHPMaker
  12. Seri-2a Bootstrap: Semudah Apa Bootstrap?
  13. Mengenal Custom Validation Function di PHPMaker
  14. Mengapa PHPMaker Bisa Men-generate Kode PHP dengan Sangat Cepat?
  15. Seri-4 Bootstrap: Plugin Javascript
  16. Mengenal Pengaturan Multi-Page pada Table Setup di PHPMaker
  17. Pengaturan Password di Aplikasi Web yang Dihasilkan oleh PHPMaker
  18. Mengenal Fitur Password Recovery di Aplikasi Web yang Dihasilkan PHPMaker
  19. Mengenal Client Scripts di PHPMaker
  20. Mengenal Pengaturan Audit Trail pada Table Setup di PHPMaker