Archive

Archive for May, 2007

WYSIWYG Web Based Editor

May 8, 2007 irfanroom 2 comments

WYSIWYG (What You See Is What You Get) Web Based Editor merupakan editor yang sering digunakan di banyak blog engine atau CMS (Content Management System) dalam dunia web development. kenapa dikasih nama WYSIWYG? ya karena emang sesuai sama artinya: “Apa yang kau lihat adalah apa yang kau dapatkan”. Artinya dengan menggunakan editor ini kita bisa sesuka hati mengedit kontent / isi kita layaknya ketika mengetik di aplikasi Office. Pengertian dari WYSIWYG ada disini.

“Kita bisa memasukkan gambar, mengedit style, size dari font, menambahkan hyperlink, dan bahkan bisa menambahkan tabel.”

Kali ini saya akan mereview penggunaan dari salah satu WYSIWYG Editor ini yang berbasis Javascript. Kelak ketika suatu saat kita harus membuat web yang didalamnya disertai dengan Content Management System, kita sudah tau kemana harus mencari Editor pengganti textarea ini. Namanya adalah TinyMce. Salah satu blog engine yang menggunakan plugin Editor ini adalah wordpress.com (kebetulan engine blog saya ini juga menggunakan wordpress). TinyMce merupakan software gratis (opensource). kita bisa mendownloadnya disini. (versi yg saya coba adalah versi 2.1.0 Berikut adalah cara penggunaannya:

  1. Ekstrak tinymce_2_1_0.zip yang sudah selesai didownload.
  2. Hasil Ekstrak akan menghasilkan folder tinymce dengan subfolder docs,examples,jscripts.
  3. Contoh dari penggunaan TinyMce ini ada di folder examples/example_advanced.htm
  4. File library javascript yang digunakan ada di dalam folder jscripts yaitu: jscripts/tiny_mce/tiny_mce.js

Untuk mengedit tipe dari editor yang digunakan dapat dengan melihat contoh2 yang ada di folder examples, kemudian lihat sourcenya.

Selamat Mencoba…

Categories: Web

Instalasi XAMPP (Satu Paket PHP)

May 7, 2007 irfanroom Leave a comment

Kenapa dibilang satu paket? karena menurut yang saya lansir dari situsnya di http://www.apachefriends.org/en/xampp-windows.html, program ini udah menginclude-kan hampir semua kebutuhan di bidang Web Development, bahkan sampai ke FTP segala. Ini lengkapnya :

The XAMPP 1.6.1 is available!

We’ve released a new version of XAMPP, including:

  • MySQL 5.0.37
  • PHP 4.4.6
  • OpenSSL 0.9.8e
  • phpMyAdmin 2.10.02
  • FileZilla FTP Server 0.9.23
  • ZEND Optimizer 3.2.4

Nah, buat yang mau cara termudah belajar PHP dirumahnya… ini gak ada salahnya nih kita donlod… Cara instalasinya mudah banget lagi. Cukup jalanin file executablenya, next…next…next… finish…. Nah yg mungkin rada ribet waktu instalasi udah selesai. Bagi pemula, kita harus tau dulu dimana harus menyimpan file2 php kita.

Default instalasi XAMPP mengkonfigurasikan DOCUMENT ROOT (adalah root dokumen tempat menyimpan file2 web dan merupakan path/alamat yg dituju ketika kita mengetikkan alamat web kita pada browser) adalah di c:/Program Files/xampp/htdocs/

Jadi kopikan file2 php kita ke folder itu… trus untuk mengaksesnya via Web Browser (Firefox or IE), cukup ketikkan http://localhost/Namafile.php jika kita misalkan punya file php dengan nama NamaFile.php yang ditaruh di DOCUMENT ROOT tersebut. Detail mengenai konfigurasi untuk mengganti dokumen root akan dijelaskan dipostingan yang lain.

Selamat Mencoba

Categories: Web