Salah satu cara yang paling mudah membuat aplikasi web based bagi programmer Delphi adalah menggunakan framework Raudus. Dengan framework ini Anda dapat membuat sebuah web seperti halnya membuat aplikasi desktop biasa, dengan gaya pemrograman Delphi tentunya, yakni visual programming, tinggal drag and drop komponen saja. Semua sintaks pun mengikuti gaya bahasa Delphi/Pascal, sehingga saya yakin bagi Anda yang sudah terbiasa menggunakan Delphi pasti akan sangat mudah membuat aplikasi web dengan Raudus ini.
[AdSense-A]
Kali ini saya akan memberikan tutorial membuat menu di tampilan web Anda. Caranya sangat mudah. Langkah pertama, buatlah sebuah aplikasi raudus dengan sebuah RaForm. Ohya, saya anggap Anda sudah menginstal Raudus ya, kalo belum bisa langsung donlot di web resminya, http://raudus.com/download. Untuk framework Raudus yang saya gunakan adalah versi 0.8.7 sesuai yang ada di buku Delphi-Raudus saya.
Baik, kita lanjutkan kembali tutorialnya, untuk membuat aplikasi dengan Raudus, Anda harus menciptakan sebuah project baru dengan RaForm di dalamnya (bukan Form yang biasanya). Caranya melalui menu File-New-Other-RaApplication.
Langkah kedua, ambil beberapa komponen sebagai berikut dari component pallete di tab ‘Raudus Ext’, Raudus Ext Edit’ dan ‘Raudus Deprecated’.
| Tab | Komponen | Properti | Nilai |
| Raudus Ext | RaExtWindow1 | ||
| Raudus Deprecated | RaextTopToolbar1 | ||
| Raudus Ext | RaextMenu1 | ||
| Raudus Ext | RaExtMenu2 | ||
| Raudus Ext | RaExtMenuItem1 | Text | New |
| Raudus Ext | RaExtMenuItem2 | Text | Open |
| Raudus Ext | RaExtMenuItem3 | Text | ReOpen |
| Menu | RaExtMenu2 | ||
| Raudus Ext | RaExtMenuItem4 | Text | Exit |
| Icon-File Url | fugue-icons-3.0/icons/cross.png | ||
| Raudus Ext Edit | RaExtCheckBox1 | BoxLabel | File A |
| Raudus Ext Edit | RaExtCheckBox2 | BoxLabel | File B |
| Raudus Ext Edit | RaExtRadio1 | BoxLabel | File 1 |
| Raudus Ext Edit | RaExtRadio2 | BoxLabel | File 2 |
| Raudus Ext | RaExtButton1 | Text | File |
| Menu | RaextMenu1 | ||
| Raudus Ext | RaExtButton2 | Text | Edit |
| Raudus Ext | RaExtButton3 | Text | Search |
| Raudus Ext | RaExtToolbarSeparator1 | ||
| Raudus Ext | RaExtToolbarSeparator1 | ||
| Raudus Ext | RaExtToolbarSeparator1 |
Langkah ketiga, Atur peletakan komponen-komponen tersebut hingga tampilannya seperti gambar di bawah
Untuk submenu ‘Exit’, silahkan di-double click, dan isikan event handler sebagai berikut :
procedure TRaForm1.RaExtMenuItem4Click(Sender: TObject); begin  application.Terminate; end;
Sudah, selesai :). Udah tahu fungsi event handler di atas, kan? Saya hanya sekedar memberi contoh sederhana , jika Anda memilih/menekan submenu ‘Exit’ maka Anda akan keluar dari aplikasi web Anda. Sintaksnya, sama persis dengan Delphi yang biasanya, bukan?
Sekarang silahkan ditekan tombol F9 (Run) untuk menjalankan program. Sesaat kemudian, muncul jendela command prompt sebagai berikut :
Jendela ini menandakan bahwa web server Raudus, yakni ‘Mongoose’ sudah running dan siap melayani client di web browser. Untuk membuka aplikasi web yang sudah Anda rancang tadi, bukalah web browser kesayangan Anda (Google Chrome, Mozilla Firefox, Opera, dll) dan ketika alamat http://localhost:88, hingga terlihat tampilan sebagai berikut. Silahkan Anda coba-coba sendiri hasil tampilan menu yang tadi Anda buat
Catatan : Alamat localhost dapat diganti dengan IP address laptop Anda (contoh: http://192.168.10.17:88), sehingga laptop/komputer lain yang terhubung pada jaringan LAN yang sama dapat mengakses aplikasi web Anda.
[AdSense-A]
a Technopreneur – writer – Enthusiastic about learning AI, IoT, Robotics, Raspberry Pi, Arduino, ESP8266, Delphi, Python, Javascript, PHP, etc. Founder of startup Indomaker.com
mas, numpang nanya. btw form raudus yang di atas itu bisa dibuat jadi webserver gak dengan bantuan xampp + modem USB.
bisa mas
Artikelnya bagus..
Oh iya mau tanya kalo delphi dengan tampilan web (php) gitu bisa ga ya?
Di toko sodara saya, beberapa komputer yang running aplikasi exe hasil delphi lumayan lemot, dan ada yang nyaranin delphinya pake webview aja, bisa php atau .net, maksudnya gimana tuh..
1. Delphi untuk membuat aplikasi web: bisa, salah satunya bisa pake framework Raudus ini. Tapi Delphi+Raudus bukan PHP ya, beda jauh
2. Aplikasi exe dengan Delphi menjadi tergantung banyak faktor, bisa karena sisi programming-nya atau sisi komputernya sendiri (banyak virus, harddisk mulai rusak, memori RAM kecil dsb).
3. Yang dimaksud webview mungkin aplikasi web ya, bisa pake PHP, delphi+raudus atau dotnet tergantung kebutuhan. Yang jelas, aplikasi web berjalan di server dan dimaksudkan untuk melayani banyak client. Dengan demikian akan membutuhkan spek hardware yang tinggi di sisi server. Kalo hanya untuk berjalan di satu client, aplikasi desktop (exe) sepertinya lebih bagus
Oh jadi Raudus ini ga termasuk php ya? Masih bingung sih dengan delphi & php, mesti banyak belajar nih.
Thanks ya mas atas balasan dan materinya 🙂
beda mas, raudus menggunakan sintaks delphi/pascal, dan pemrogramannya secara visual, drag and drop. Kalo php bukan visual programming, ga bisa drag n drop komponen. Tapi PHP memang dioptimalkan untuk pembuatan aplikasi server, sedangkan delphi sebenarnya kuat di aplikasi desktop (client/lokal), tidak dikhususkan untuk pembuatan aplikasi server
mas aji… mau nanya dong kalo qta buat pdf preview dari raudus bisa ga … ?
bisa aja mas. Sebenarnya kalo preview pdf itu dari browsernya, coba install dulu plugin pdf viewer di chrome/mozilla firefox atau browser yang lain
mas saya baru download raudus 0.9.9 cuma saya nyari ko raextwindow koq g ada yahh …?
coba download yg versi 0.8.7
wah g competibel kata webnya saya peke delphi XE7 mas.. hhmm skalian mau nanya dong mas … kalo file yg mau di taro di htdoc file yg mana yahhh untuk raudus.. ?
kalau raudus tidak ditaruh di htdocs kayak file php gitu ya mas. Kalau raudus harus satu folder dengan aplikasi webservernya mas (mongoose)
Mas aji mau tanya, kenapa ya masuk web resminya raudus error terus bahasa di web servernya tidak bisa di mengerti.
Trims
mungkin lagi maintenance mas, coba tunggu beberapa hari lagi
Mas Ajie … saya mau nanya.
Apakah ada komponen Raudus yg seperti Tmemo pada komponen delphi standart.
Untuk input text yang panjang dan bisa wraping.
Terima kasih
ada mas, namanya TRaExtTextArea, ada di tab ‘Raudus Ext Edit’. Screenshot:
Terima kasih Mas.
Kalau komonen RaImage ada di mana ya Mas.
Thanks,
Santo
pake komponen RaPicturePublisher mas (di tab Raudus Ext). Komponen ini semacam versi web sripting -nya komponen TImage.
Mas mau tanya donk, kalo raudus dgn delphi 5 bisa ga..?
ga bisa mas, minimal delphi 7
Mau tanya mas… program raudus bs diakses via internet kl IP adress diisi dengan ip server mas? terus cara meletakkan programnya diserver bg,mana mas? terus kl programnya lebih dr 1 bgmana mas? karena tiap jalankan program alamatnya pasti 88 mas…makasih mas..
1. Bisa
2. Servernya kan harus Windows server, jadi meletakkan programnya sama di laptop aja
3. program bisa dibuat di subfolder atau port-nya bisa diganti
Mas aji mau tanya Raudus yang support XE 8 versi brapa ya..trims
ga support mas, maksimal XE2
Mas aji, mau tanya nih. Apa bisa bikin aplikasi sistem pakar berbasis web dengan raudus ini? Mohon maaf newbie spawn 😀
bisa mas. Programmernya harus jadi pakar dulu supaya bisa bikin sistem pakar 🙂
Salam kenal mas adjie, apakah ada link laen untuk download raudus nya? berbayar yah mas adjie? mohon info ya mas, link laen yang bisa di download. thx a lot mas Adjie 🙂
sekarang udah jadi shareware pak. Tapi kalo beli buku saya ada versi freeware-nya 🙂
aplikasi web dengan delphi 7+raudus bisa di-online-kan ke hosting pa tidak mas?
bisa mas, tapi di hosting yang tipenya windows VPS ya
saya lagi belajar raudus, untuk aplikasi yang dibuka di handset jika aplikasinya yang sederhana seperti kalkulator bisa di buka di handset tapi jika aplikasinya sudah konek ke database mysql kenapa gak bisa dibuka di handset ya?
apakah ada settingan tertentu di raudusnya atau gimana. mohon bantuannya
sebelumnya gini mas, dalam pemrograman raudus, mindset kita harus mulai digeser bahwa aplikasi yang kita buat menggunakan raudus akan running di server (walaupun kita developnya mungkin di client).
Nah, berangkat dari hal di atas, saya mau nanya dulu mas, database mysql yang diakses letaknya ada dimana?
ada diserver
berarti program hrs query ke server. Coba cek path-nya, benar ga query ke server (pake absolute path ya…. jgn relative path)
Mas Numpang nanya raudus ini bisa di akses multi user ga ? kaya webApp gitu ?
bisa mas
Mas mau nanya, untuk komponen main menu di raudus dimna ya letaknya
di tab ‘Raudus Ext’ di component pallete
Maaf mas numpang tanya, untuk pemula seperti saya memahami delphi dengan raudus itu sulit tidak. Karena yg baru saya pelajari hanya delphi nya saja menggunakan delphi 7. Dan raudus itu bisa menggunakan delphi 7 kan dengan mendownload software raudusnya lg, tanpa harus download aplikadi delphi yg lain?
Q: untuk pemula seperti saya memahami delphi dengan raudus itu sulit tidak
A: kalo mnrt sy, kalo udah bs delphi, pasti tidak akan kesulitan mempelajari raudus
Q: Dan raudus itu bisa menggunakan delphi 7 kan dengan mendownload software raudusnya lg, tanpa harus download aplikadi delphi yg lain?
A: iya, betul
mas aji mau tanya kalo cara hostingnya gimana? apa sama caranya kaya hosting web di php?
beda mas. Untuk Raudus perlu hosting yang berbasis windows
Mas Aji mohon bantunnya, Gimana caranya mau menambahkan event keyPress atau KeyEnter di RaExtTextField.
Terimakasih Banyak.