submit form in Rails using jQuery

agar aplikasi rails kita mampu melakukan submit form sejara AJAX, menggunakan jQuery maka pada application js. masukkan kode-kode di bawah ini

* untuk jquery sebelum versi 1.3 wajib ditambahkan function ajaxSetup berikut.
jQuery.ajaxSetup({
'beforeSend' : function(xhr) {xhr.setRequestHeader("Accept","text/javascript")}
})

Dan kode untuk membuat submit form secara AJAX adalah function submitWithAjax adalah sebagai berikut :

jQuery.fn.submitWithAjax = function() {
this.submit(function() {
$.post($(this).attr("action"), $(this).serialize(), null,"script");
return false;
})
};

Dan pada tiap form ditambahkan class untuk kemudahan biding event. (pada contohnya akan menggunakan nama class submit_ajax)

<% form_for(@member, :html => { :class => "submit_ajax"}) do |f| %>

Sehingga untuk tiap form yang akan melakukan submit ajax, cukup di bind seperti berikut pada application.js :

$(".submit_ajax").submitWithAjax();

Multiple model input in a single form

pada post ini saya akan menshare percobaan saya pada sebuah kasus, yaitu bagaimana caranya untuk melakukan multiple model input pada sebuah form, saya ingin memasukkan data pada transaction, dan juga transaction details, berdasarkan pilhan pada transaction type.

untuk schemanya dapat dilihat pada kode di bawah :

create_table "transaction_details", :force => true do |t|
    t.integer  "transaction_id"
    t.integer  "transaction_type_id"
    t.datetime "created_at"
    t.datetime "updated_at"
  end

  create_table "transaction_types", :force => true do |t|
    t.string   "transaction_type_name"
    t.datetime "created_at"
    t.datetime "updated_at"
    t.float    "bonus"
  end

  create_table "transactions", :force => true do |t|
    t.date     "transaction_date"
    t.integer  "employee_id"
    t.float    "transaction_value"
    t.datetime "created_at"
    t.datetime "updated_at"
  end

Upload di Ruby on Rails

untuk masalah upload file di ruby on rails, saya menyarankan untuk menggunakan plugin paperclip. cara penggunaannya cukup gampang, dan benar-benar nyaman, karen inilah konsep DRY dari rails.

oke sekarang gw bikin langkah-langkahnya deh :

1. install pluginnya, dengan mengetikkan pada root dari aplikasinya “ruby script/plugin install git://github.com/thoughtbot/paperclip.git”, atau ambil sendiri pluginnya di repositorynya langsung, dan taruh di dalam folder vendor/plugins (jangan lupa bersihkan nama folder hasil extractnya, jadi bernama paperclip)
2. generate paperclip untuk model yang akan dimuat upload nya. contoh : “script/generate paperclip product flyer”, untuk menambahkan flyer pada model product.
3. migrate dengan “rake db:migrate”
4. tambahkan pada model product satu baris kode “has_attached_file :flyer”
5. pada form untuk upload nya tambahkan option html multipart, seperti “<% form_for(@product, :html => { :multipart => true } ) do |f| %>”
6. masukkan inputan file upload nya “<%= f.file_field :flyer %>”
7. untuk membuat linknya, seperti ini “<%= link_to  @product.flyer.url %>”

semoga membantu, kalau ada yang lebih jelas bisa dilihat di railscastnya.

pilatesforlifebandung.com

ini mungkin udah rada basi, kerjaan 2 bulan kemaren sih

ini kerjaan pertama gw sebagai seorang freelancer, dalam hal bikin situs

alamatnya ada di http://pilatesforlifebandung.com

ini screenshotnya :

situs ini dibuat menggunakan Ruby on Rails, dalam situs ini aku lebih banyak belajar mengenai desainn, sejauh ini masih terus coba untuk improvement apa yang jadi kelemahanku ini.

ayo kerja lagi lagi lagi,

Test Google Chrome on Mac

iseng – iseng pas lagi buka downloadsquad. eh ternyata ada berita tentang link download google chrome di mac yang versi beta, berati bukan nightly build banget.

ini url nya buat yang pingin nyoba :

http://www.google.com/chrome/intl/en/eula_dev.html?dl=mac

dan ketika dicoba, lumayan enak, dan ini screenshotnya :

Ayo silahkan pakai. lumayan stabil kok untuk penggunaan sehari hari.

* post ini ditulis juga dengan pakai chrome lho.

Aplikasi buat Qkids Antapani

Berhubung kerjaan lagi sepi, dan biar jadi ajang untuk menjaga otak tetep panas dengan Ruby on Rails, maka gw membuat aplikasi pengaturan jadwal untuk qkids-antapani.

cukup mengasikkan untuk menjalani proses pembuatannya, karena selalu ada ide-ide baru untuk membuat aplikasi tersebut. dan memaksa gw untuk mendownload tutorial dari railscast.

di aplikasi ini, hal yang paling dirasa bermanfaat, yaitu untuk belajar menggunakan :

1. gem searchlogic.
2. framework CSS emastic, karena bisa melar, ga berkutat dengan fixed width.

* alasan paling real sebenernya karena gw pingin bantuin temen yang kerja di sana yaitu bucil. hehehe

The Most Easiest WebServer Setup

Sejauh ini dalam hal webserver untuk production mode, saya baru mencoba 2 buah webserver yaitu : yaitu Apache sama IIS, berhubung sekarang nyoba nya Ruby on Rails, yah saatnya ngulik-ngulik lagi.

sempet nyoba pakai mongrel ketika hosting, tapi itu pada dasarnya supaya ngarahin apache ke mongrel, klo itu sih ga native banget. tp apa mau dikata namanya juga hostingan di indonesia, suebeel.

nah ketika liat gem passenger, yaitu gem untuk jalankan rails di server seperti apache dan nginx. dalam hati berfikir, ah bosen sama apache.

dan akhirnya dicoba lah nginx, dan ternyata ada screencastnya langsung di situsnya, dan cuma beberapa langkah, walau itu berarti recompile, dari sisi recompile yang aku lihat berbeda dengan apache yang menyediakan berbagai macam mod, nginx harus di recompile untuk berjalan dengan platform yang akan dia run, dalam hal ini aku lihat ada satu sisi positif, yaitu  OPTIMALISASI.

nah Langkah nya gampang banget :

1. install gem passengernya
2. pilih jenis webserver untuk passengernya ( aku pilih nginx )
3. pilih tipe instalasi ( disini aku pilih yang otomatis, jadi dia akan download si nginx nya sendiri, dan ternayta ukuran file nginx sama dependencynya kecil bgt, ga sampe 5 mb )
4. tentukan path untuk naruh nginxnya ()
5. Setting untuk aplikasi rails yang akan di load pada nginx.conf
6. Running servernya deh, start dengan ./nginx , dan stop dengan ./nginx -s stop

yah nyaman, dan lebih kenceng pula.

 

My Life as a Freelancer

udah beberapa bulan bulan aku nyoba jalanin jadi seorang freelance worker, yah kenapa milih kerjaan yang kaya gitu, krn pada dasarnya saya ga ngerti cara kerja jadi karyawan, ga ada panggilan hati lah.

tapi dari apa yang aku jalanin. memang untuk nyari kerjaan sebagai freelance, lumayan rumit, kadang ga nentu.

hikmah yang aku ambil sih, jadi bisa ngehargain yang namanya uang, dulu sih terbiasa hidup kecukupan, dan ini emang saatnya keluar dari zona nyaman. jadi nya ngirit bgt, dan lebih sering ditraktir temen. hehehe

selagi nganggur / kerjaan lagi ga jelas statusnya, aku tetep nyoba untuk belajar, pokonya do something that productive. belajar ruby, ato bantu-bantu ibu.

tapi Overall aku enjoy bgt kerja freelance karen ini emang sesuai sama panggilan hati. jadi sebenrnya ga berasa gawe sih.

My Tools for Creating Website

Setelah lik ulik ulik, tools yang aku pakai untuk development

1. OS yang Mac Based, kenapa Mac based, karena di platform ini aku bisa fokus ngerjain segala sesuatu, nyaman enak, dan ada keseimabangan UNIX, juga aplikasi komersialnya.
2. Textmate, Editor ini emang editor paling sakti yang pernah gw pake, Bundle-bundle nya super lengkap, apapun jadi cepet, beda banget sama konsep IDE yang aku pake
3. Photoshop, yah ini sih emang biangnya ngedit gambar, jadi ga usah banyak komentar. pokoknya superb
4. CSSEdit, untuk edit-edit CSS. aplikasi ini fokus bgt, en gampang makenya, serta tetep ngajarin untuk ngoding CSS sendiri
5. WebKit, kok pake ini karena dia lebih update dari safari en tool webinspectornya ga kalah sama firebug. jadi emang ngebantu bgt, dan pada versi yang paling baru sudah bisa Inspect XHR, dulunya ga bisa. btw i love Webkit.
6. Git, tool versioning ini aku rasa paling nyaman, karena dia bawa repository nya, dan ringkas dalam manajemen file nya, untuk GUI nya aku pake GitX.

yah segitu aja deh, ternyata Toolnya banyak yah. hehehe

Going to Ruby on Rails

maaf lama ga posting-posting lagi, malesnya ampun

setelah diracunin oleh sahabat saya geboi, akhirnya pindah deh nyoba rails.

dan ngulik-ngulik terus, sempet terkagum-kagum sama konsep gem, dynamic method nya juga, terutama kerapihan akan codingan dari aplikasi rails

dan ada satu situs yang saya buat pake rails yaitu : pilatesforlifebandung.com

yah gw yakin jalan yang gw tempuh ini bener, walau sekarang masih kadang coding pake php (sekedar nostalgia), ato java (gimana proyekannya).

 

doakan saya selalu yah. yu yaa. yuuu