Contoh CRUD Sederhana Menggunakan FastPlaz Web Framework

Setelah sebelumnya saya membahas tentang bagaimana memasang FastPlaz (cek disini), selanjutnya saya merasa perlu membahas contoh sebuah aplikasi sederhana yang dapat melakukan proses insert, update dan delete pada database menggunakan Web Framework FastPlaz. Namun demikian saya tidak akan membahas bagaimana membuat projek dari awal melainkan memanfaatkan contoh projek dari FastPlaz itu sendiri. Silahkan download disini. Dari projek ini nantinya kita akan belajar banyak hal termasuk menganalisa bagaimana teknik koneksi ke database dan melakukan pemrosesan data.

Sebelum lebih jauh, pastikan anda sudah mengunduh dan mengekstrak contoh projeknya. Jika diperhatikan sebenarnya ada banyak contoh projek namun pada postingan ini yang akan kita bahas hanya contoh projek CRUD saja. Berikut adalah tahapannya.

1. Masuk ke folder fastplaz-example-development - source - db. Copy folder simple_contacts kedalam direktori web anda (misal C:\xampp\htdocs\simple_contacts).

2. Masuk ke folder fastplaz-example-development - public_html - db - simple_contacts. Copy semua file dalam folder tersebut ke dalam direktori web C:\xampp\htdocs\simple_contacts (langkah 1).

3. Pada contoh ini, database yang akan kita gunakan adalah SQLite. Jadi agar projek dapat terhubung ke database kita memerlukan sebuah library. Jika anda menggunakan windows silahkan download file sqlite3.dll dari website https://www.dll-files.com. Harap sesuaikan file sqlite3.dll yang anda unduh dengan speksifikasi laptop anda (32/64) bit. Jika anda menggunakan Linux gunakan file sqlite3.so. Berikutnya copy file sqlite.dll ke dalam direktori web C:\xampp\htdocs\simple_contacts. Pastikan namanya sqlite3.dll.

4. Sekedar informasi tambahan, file konfigurasi untuk melakukan koneksi ke database terdapat di folder C:\xampp\htdocs\simple_contacts\config dengan nama file config.json. Untuk mengatur koneksi database terdapat pada baris 20-26. Silahkan sesuaikan jika memang ada yang perlu diubah.

5. Langkah terakhir adalah mengatur lokasi output hasil kompilasi. Silahkan double klik file simplecontacts.lpi yang ada di dalam direktori web
C:\xampp\htdocs\simple_contacts. Akses menu Project - Project Options. Arahkan ke Compiler Options - Paths. Sesuaikan folder Target file name dengan direktori web sehingga menjadi C:\xampp\htdocs\simple_contacts\simplecontacts.bin kemudian OK.

6. Akses menu Run - Compile untuk melakukan kompilasi. Untuk melihat hasilnya, buka browser dan ketikan alamat http://localhost/simple_contacts atau http://localhost/simple_contacts/contacts. Hasilnya akan terlihat seperti gambar diatas.

Read More

Membuat Website Menggunakan Lazarus Free Pascal (FastPlaz)

Saat ini terdapat beberapa Framework yang dapat digunakan untuk membuat website menggunakan bahasa Pemrograman Free Pascal. Salah satu Framework yang cukup dikenal adalah FastPlaz. Framework ini dikembangkan oleh anak bangsa dan berbasis open source sehingga anda dapat menggunakan dan mengembangkannya dengan bebas. Informasi lebih lanjut tentang framework ini dapat diperoleh melalui situs resminya di https://www.fastplaz.com.

Website yang dikembangkan menggunakan FastPlaz tidak memerlukan spesifikasi khusus agar dapat dijalankan bahkan di shared hostingpun dapat berjalan dengan baik (hasil ujicoba). Namun demikian harus disesuaikan dengan shared hosting yang digunakan. Misal, jika menggunakan hosting linux maka kompilasi harus dilakukan di linux. Harus dibedakan juga antara teknologi 32 dan 64 bit. Selain itu hosting yang digunakan juga harus mendukung cgi-bin. Untuk menjawab masalah ini, hosting yang saya rekomendasikan adalah https://idwebhost.com.

Tertarik mencoba FastPlaz? Silahkan download masternya melalui github. Pastikan anda mengunduh melalui branch development (https://github.com/fastplaz/fastplaz/tree/development). Selanjutnya mari kita mulai membuat website menggunakan Free Pascal dan Lazarus.

FastPlaz memerlukan package weblaz agar dapat berjalan dengan baik. Silahkan jalankan lazarus anda kemudian pasang package weblaz. Package - Install/Uninstall Packages - weblaz1.0 - Install Selection - Save and Rebuild IDE - Continoue. Perhatikan gambar berikut.

Berikutnya adalah menginstall FastPlaz. Package - Open Package File (.lpk). Arahkan ke folder tools di master FastPlaz yang sudah anda download dan ekstrak. Buka dan compile fastplaz_runtime.lpk. Setelah itu buka dan Install fastplaz_tools.lpk. Jika tidak ada kesalahan Lazarus akan restart otomatis yang menandakan proses pemasangan FastPlaz berhasil.

Seperti biasa, untuk menguji hasil pemasangan, mari kita coba membuat sebuah projek sederhana menggunakan FastPlaz. File - New. Pilih FastPlaz - Create New FastPlaz Application. Perhatikan gambar berikut.

Isi project name sesuai keinginan misal (fastplaz). webroot directory arahkan ke direktori web server lokal anda misal (C:\xampp\htdocs\fastplaz). Centang generate web directory/files structure kemudian OK. Berikutnya, Save All project yang anda buat ke direktory web root sebelumnya (C:\xampp\htdocs\fastplaz). Sampai disini kita sudah berhasil membuat sebuah projek menggunakan fastplaz.

Langkah terakhir sebelum kompilasi adalah mengedit file routes.pas pada baris 16. Ubah tanda slash (/) menjadi main sehingga menjadi sebagai berikut.

Route[ 'main'] := TFastplazController; // Main Controller

Setelah semua langkah diatas anda lakukan silahkan kompile projek anda melalui menu Run - Compile. Untuk melihat hasilnya silahkan buka browser anda kemudian akses alamat http://localhost/fastplaz/ atau http://localhost/fastplaz/info. Berikut adalah hasil yang saya peroleh.

Itulah langkah-langkah membuat website sederhana menggunakan Free Pascal + Lazarus (FastPlaz). Selanjutnya mungkin anda bisa melanjutkan sendiri dengan mengoprek beberapa contoh demo projek yang disediakan oleh tim pengembang FastPlaz yang dapat diperoleh di https://github.com/fastplaz/fastplaz-example/tree/development

Read More

Membuat Aplikasi Android Menggunakan Lazarus Free Pascal (LAMW)

Lazarus Android Module Wizard (LAMW) adalah sebuah alat bantu yang dapat digunakan untuk membuat aplikasi Android menggunakan bahasa pemrograman Free Pascal dengan jembatan Java Native Interface (JNI). Sebelum LAMW dikembangkan, untuk membuat aplikasi Android menggunakan Free Pascal dapat dilakukan dengan Custom Drawn.

Dari pertama kali dikembangkan sampai saat ini, saya rasa LAMW cukup powerfull untuk membuat aplikasi Android yang sifatnya Personal sampai menengah. Projek ini dikembangkan secara sukarela dan bersama-sama berbasis open source. Anda dapat memantau sekaligus membantu pengembangannya melalui (https://github.com/jmpessoa/lazandroidmodulewizard). Terdapat beberapa persyaratan agar LAMW dapat berjalan dengan maksimal yaitu (windows):

1. Java Development Kit (JDK) / Sangat direkomendasikan menggunakan versi 8 (http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html)

2. Android Software Development Kit (SDK) / https://dl.google.com/android/repository/tools_r25.2.5-windows.zip

3. Android Native Development Kit (NDK) / https://developer.android.com/ndk/downloads/index.html

4. Laz4Android. Versi terakhir saat postingan ini ditulis adalah 2.0.0 (https://sourceforge.net/projects/laz4android/)

5. Apache Ant (http://ant.apache.org/bindownload.cgi)

6. Grandle 4.4.1 (https://gradle.org/next-steps/?version=4.4.1&format=bin)

Jika semua persyaratan tersebut diatas sudah terpenuhi. Berikut adalah langkah-langkah pemasangan LAMW untuk membuat aplikasi Android menggunakan Free Pascal.

1. Install JDK

2. Install Laz4Android di (C:\laz4android2.0.0)

3. Extrak Android SDK misal di (C:\LAMW) kemudian buka folder tools dan jalankan android.bat. Berikut adalah daftar yang harus dipasang (butuh akses internet).

a) centang "Android SDK Tools"
b) centang "Android SDK Platform-Tools" 
c) centang "Android SDK Build-Tools 26"       
d) centang "Android SDK Build-Tools 26.0.2"      
f) centang "Android SDK Build-Tools 27"
g) centang "Android SDK Build-Tools 27.0.3"
h) centang "Android SDK Build-Tools 28.03"
i) centang "Android SDK Build-Tools 29"
j) centang "Android SDK Build-Tools 29.0.5"
k) "Android 8.0.0 (API 26)" centang "SDK Platform"
l) "Android 8.1.0 (API 27)" centang "SDK Platform"
m) "Android 9 (API 28)" centang "SDK Platform"n) "Android 10 (API 29)" centang "SDK Platform"
o) "Extras" centang sbb:
    "Android Support Repository"                               
    "Google USB Drive"   
    "Google Repository"
    "Google Play Services"   

4. Extrak Android NDK, Apache Ant dan Grandle. Usahakan untuk menggabungkan dalam satu folder agar menjadi lebih mudah diakses. misal di (C:\LAMW). Berikut penampakan folder (C:\LAMW)

 

 
5. Jalankan Laz4Android2.0.0 - Package - Open Package File (.lpk). Kemudian buka dan install satu persatu package LAMW berikut:

a). tfpandroidbridge_pack.lpk  
b). lazandroidwizardpack.lpk  
c). amw_ide_tools.lpk

6. Setelah menginstall LAMW langkah terakhir adalah melakukan sedikit konfigurasi. Jalankan Laz4Android2.0.0 - Tools - [LAMW] Android Module Wizard - Paths Setting [Jdk, Sdk, Ndk]. Sebagai berikut (Sesuaikan dengan path di komputer anda).

7. Pemasangan Selesai..

Setelah instalasi dan konfigurasi LAMW berhasil, untuk melakukan ujicoba biasanya saya melakukan kompilasi salah satu demo yang disertakan di dalam master LAMW. Silahkan buka salah satu projek demo tersebut (File - Open) arahkan ke folder demo kemudian buka salah satu projek GUI misal (AppSqliteDemo1 - jni - controls.lpi). Jika muncul beberapa dialog klik saja ok. Berikut adalah tampilan Design form projek tersebut.

Untuk mengcompile, akses menu Run - [LAMW] Build Android Apk And Run. Pada contoh ini saya tidak menggunakan emulator tapi menyambungkan smartphone Andoid ke PC sehingga outputnya akan langsung terpasang di smartphone saya (perlu mengaktifkan mode debug di hp dan menginstall ADB Driver di PC). Berikut adalah Screenshot Message hasil compile dan setelah dijalankan di smartphone. Jika muncul dialog klik Create it.   

 

Adapun output hasil kompilasi (file *.apk) akan berada di folder bin (C:\LAMW\lazandroidmodulewizard-master\demos\GUI\AppSqliteDemo1\bin) terdapat beberapa file namun anda dapat menggunakan salah satunya misal AppSqliteDemo1-debug.apk. Tapi jika kompilasi menggunakan Grandle maka outputnya akan berada di folder debug (build\outputs\apk\debug).

Catatan:

Jika anda menggunakan thema AppCompat kompilasi akan menggunakan Grandle dan membutuhkan akses internet.

Untuk membuat projek baru menggunakan LAMW dilakukan melalui menu File - New. Pilih Project dan jenis projek LAMW yang ingin anda buat.    

Read More