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. Hal-hal Sepele yang Sering Dilupakan oleh Web Developer (Bagian 2)
  3. Meng-override Style di Aplikasi Web yang Dihasilkan oleh PHPMaker
  4. Seri-1 Bootstrap: Persiapkan Dirimu!
  5. Mengenal User Code di PHPMaker
  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 Custom Validation Function di PHPMaker
  9. Mengenal Pengaturan Edit pada Table Setup di PHPMaker
  10. Mengenal Pengaturan Email Notification pada Table Setup di PHPMaker
  11. Seri-3 Bootstrap: Sistem Grid
  12. Bagaimana PHPMaker Menangani Security di Aplikasi Web?
  13. Pengaturan Password di Aplikasi Web yang Dihasilkan oleh PHPMaker
  14. Invoking JavaScript Dari .NET Pada Blazor – Part 1
  15. Mengenal Multi-Language Property Editor di PHPMaker
  16. Mengenal Custom Files di PHPMaker
  17. Mengenal Extensions di PHPMaker
  18. Mengenal Pengaturan Multi-Page pada Table Setup di PHPMaker
  19. Seri-2a Bootstrap: Semudah Apa Bootstrap?
  20. Mengenal Pengaturan List Page pada Table Setup di PHPMaker