Berhubung para suhu berhalangan hadir, kemarin darurat disuruh ngisi seminar Pengenalan Ruby on Rails di Bandung Comtech 2008. Kalau tahun lalu ngisi materi FOSS Grafis untuk Industri Kreatif sambil duduk manis di depan, setelah nonton tips presentasi ala Steve Jobs di YouTube jadi pingin nyoba presentasi sambil jalan-jalan.

Akhirnya mikir gimana caranya bisa menggunakan remote control LCD projector di linux? Mengandalkan remote bawaan LCD projector? Belum tentu bisa (dan belum tentu kebagian yang ada remotenya). Akhirnya memutuskan menggunakan mOOo!

mOOo adalah singkatan dari mobile OpenOffice.org, sebuah project opensource yang mencoba membuat berbagai macam aplikasi mobile yang bisa berhubungan dengan OpenOffice. Salah satu fitur awal yang tersedia saat ini adalah mOOo Impress controller yang bisa menyulap handphone kita (yang support Java dan Bluetooth) menjadi remote control slide persentasi. Instalasinya sangat mudah, ikuti penjelasan instalasinya sebentar dan voila! Slide presentasi yang ada di Ubuntustudio 7.10 saya sudah bisa diremote dari handphone Nokia 6275i. Presentasi Pengenalan Ruby on Rails akhirnya berjalan sukses, slidenya bisa didownload di account Slideshare.net saya.

Tempat : Gedung Pusat Teknologi PT INTI (Persero), Jl. Moh. Toha 77, Bandung
Waktu : 28 – 29 Juli 2008, pukul 09.00 – 17.00 WIB
Pendaftaran : railstraining@narayana.co.id

Tidak dipungut biaya, namun tempat sangat terbatas. Jika semua slot sudah terisi, pendaftaran mungkin tetap dibuka bagi yang benar-benar antusias terhadap Ruby on Rails (konfirmasi terlebih dahulu via email di atas). Peserta tambahan tidak mendapat fasilitas (PC, lunch, sertifikat dll.) seperti para pendaftar pertama, tapi kami coba mungkinkan untuk bisa ikut serta menggali ilmu bersama (kami sarankan membawa laptop sendiri).

Workshop Ruby on Rails ini dibimbing oleh Arie Kusuma Atmaja yang bertindak sebagai mentor.

Juga didukung oleh komunitas opensource Bandung (Opensuse-id, Ubuntu-id dan Klub Linux Bandung).

1. Download TinyMCE terbaru
2. Extract dan copy direktori “jscripts/tiny_mce” ke struktur Rails kita yaitu “public/javascripts/tiny_mce”
3. Buat file “public/javascripts/mce_editor.js” yang berisi inisialisasi awal TinyMCE. Contoh sederhana:
   tinyMCE.init({
theme:"advanced",
mode:"textareas",
plugins : "safari"
});Contoh inisialisasi theme awal lain ada di sini.
4. Tambahkan method berikut di “app/helpers/application_helper.rb” :def use_tinymce
@content_for_tinymce = ""
content_for :tinymce do
javascript_include_tag "tiny_mce/tiny_mce"
end
@content_for_tinymce_init = ""
content_for :tinymce_init do
javascript_include_tag "mce_editor"
end
end
5. Tambahkan handling pemanggilan javascript TinyMCE (supaya hanya diload saat dibutuhkan) di file “app/views/layouts/application.rhtml” sesuai urutan:
<%= javascript_include_tag "prototype" %>
<%= yield :tinymce %>
<%= javascript_include_tag "scriptaculous" %>
<%= javascript_include_tag "effects" %>
<%= javascript_include_tag "controls" %>
<%= yield :tinymce_init %>

6. Sisanya tinggal lakukan pemanggilan di form yang dibutuhkan:<% use_tinymce -%>
<%= textarea_tag :foo, :bar, ... :class => "mce-editor" %>

Bagaimana jika formnya adalah remote form / AJAX? Kebetulan saya banyak menggunakan remote form (hasil generate Toombila Scaffold). Jadi si textarea tidak dirender saat halaman diload, dia di render setelah halaman tampil lalu ada tombol “Add New Entry” misalnya. Ada beberapa bagian yang harus ditambahkan:

1. Usahakan kode dipanggil di halaman load awal (bukan partial render, file _form misalnya).
2. Di bagian partial form yang akan dipanggil, tambahkan trigger yang akan menambahkan TinyMCE ke DOM Tree dokumen kita saat form tersebut dirender. Taruh di setelah textarea :
<%= form_remote_tag :url => {:action => 'edit_page', :id => @page},
:before => "tinyMCE.triggerSave(true,true)" %>
<b>Page Content:</b><br />
<%= text_area :page, :content, :rows => 15, :cols => 150 %>
<br /><br />
<%= submit_tag "Update" %>
<script type="text/javascript">
//<![CDATA[
tinyMCE.execCommand('mceAddControl', true, 'page_content');
//]]>
</script>
<%= end_form_tag %>


Simply modifying last year’s comicstrip