Cantiknya Memakai AlertifyJS di Aplikasi Web yang Dihasilkan oleh PHPMaker

Alertify adalah library Javascript yang berfungsi menampilkan kotak dialog di Aplikasi Web, untuk menggantikan kotak dialog standar bawaan browser yang tampilannya sangat jadul. Biasanya, kita memanggil function alert() atau confirm() dari Aplikasi Web untuk menampilkan kotak dialog yang disediakan oleh browser.

Dengan menggunakan Alertify, maka tampilan dari kotak dialog di Aplikasi Web menjadi lebih profesional, karena dilengkapi dengan banyak pilihan atau fitur yang powerful dan flexible. Tampilannya pun bisa disesuaikan sesuai dengan tema Aplikasi Web yang kita bikin, seperti Flat atau Bootstrap.

Aplikasi Web yang dihasilkan oleh PHPMaker memang belum menggunakan Alertify. Tapi jangan khawatir, karena saya sudah menyertakan library ini melalui Masino Extensions (extensions yang khusus saya bikin untuk semakin memperkaya dan meningkatkan kemampuan fitur-fitur di PHPMaker), sehingga bisa digunakan dengan sangat mudah di project PHPMaker Anda. Extensions ini bisa didownload dari website ilovephpmaker.com.

Tiga hari yang lalu, saya mulai memutahirkan Masino Extensions dari yang semula menggunakan Alertify versi lama (dibikin oleh Fabien) menjadi versi terbaru (dibikin oleh Mohammad Younes).

Versi yang terbaru lebih dikenal dengan istilah AlertifyJS (meskipun untuk pemanggilannya masih sama-sama menggunakan alertify antara versi lama dan yang terbaru). Banyaknya fitur bagus sekaligus fleksibel di versi yang terbaru ini merupakan alasan utama mengapa saya harus memutahirkannya.

Salah satu fitur yang paling terasa bedanya antara Alertify versi lama dengan terbaru adalah, adanya kemampuan untuk menggeser posisi kotak dialog dengan cara menyeret bagian atas (header/title) dari kotak dialog. Salah dua fitur lainnya adalah kemampuan untuk membuat kotak dialog lengket di posisi tertentu melalui icon Pin di bagian header/title-nya. Di versi lama, fitur-fitur tersebut belum tersedia.

Kedua fitur baru itu memang sudah lama saya idam-idamkan bisa diimplementasikan di Aplikasi Web yang dihasilkan oleh PHPMaker. Apalagi melalui penggunaan Extensions yang selama ini sudah saya buat untuk PHPMaker. Barusan, sebagian besar Aplikasi Web yang saya hasilkan melalui PHPMaker sudah berhasil saya mutahirkan, dan sangat puas bisa menikmati fitur baru tersebut.

Tentu saja bukan hanya kedua fitur itu saja bedanya. Ada begitu banyak pilihan dan properties lainnya yang tersedia di versi terbaru ini. Anda bisa mengeksplorasi lebih dalam melalui website-nya tadi. Dokumentasinya pun sangat lengkap dan mudah untuk dipelajari. Hanya dibutuhkan waktu kurang dari satu hari bagi saya untuk memutahirkannya melalui Masino Extensions.

Jadi, jika Anda sudah menjadi member di situs I Love PHPMaker tersebut, pastikan Anda sudah men-download semua Extensions yang kemarin (tanggal 21 Mei 2015) saya mutahirkan terakhir. Pastikan juga Anda sudah memutahirkan file bahasa english.xml dan/atau indonesian.xml sesuai yang terdapat di artikel ini, karena ada dua phrase yang mengalami perubahan dengan menambahkan property client=”1″ di dalamnya, yaitu:

    <phrase id="MyOKMessage" value="OK" client="1"/>
    <phrase id="MyCancelMessage" value="Cancel" client="1"/>

Ingin melihat demonya? Cukup klik di sini, lalu cobalah untuk memasukkan ID Pengguna dan Kata Sandi yang salah di form Login tersebut, maka Anda akan melihat kotak dialog Alertify dengan tampilan baru. Anda juga bisa masuk ke dalam website demo tersebut dengan menggunakan Username admin dan Password master, lalu cobalah misalnya di menu Orders untuk menambah, mengubah, atau menghapus data untuk melihat tampilan kotak dialog terbaru menggunakan AlertifyJS.