Plug and Play Programming Partner

Terrestrica

2009-06-24T14:10:00.001-07:00

Terrestrica.net menawarkan sesuatu yang menarik. Mungkin belum ada layanan seperti ini sebelumnya. Kita bisa sharing tempat-tempat menarik yang kita tahu kepada pengguna aplikasi ponsel Terrestrica. Pada waktu yang sama, kita bisa menambah uang jajan karena iklan yang dilihat orang ketika melihat ke lokasi yang kita input. Menarik. Rasanya mirip seperti ide saya, tetapi tetap saja beda.

Website ini dilengkapi dashboard di mana kita bisa menambahkan lokasi, melihat statistik lokasi yang kita input. Bagi pemasang iklan, bisa juga memasang iklan di sini. Saya ada kelemahan. Sedikit tapi krusial.

Saya tidak bisa menambahkan lokasi. Padahal saya sudah repot-repot mengisi form, kemudian menyiapkan foto tempat menarik tersebut. Tetapi waktu saya akan menentukan lokasinya di peta yang disediakan di sebelah kanan (saya diminta untuk me-resize kotak merah di peta tersebut), kotak merah itu tidak pernah saya temukan. Ketika saya mencari di mana saya bisa menemukan kotak merah tersebut, saya tidak menemukannya. Entahlah apa penyebabnya? Mungkinkah browser? Saya menggunakan Firefox 3. Entahlah, mungkin saya harus lihat kode programnya (Google MAP API yang mereka gunakan). Mungkin saja mereka khilaf.

Atau saya ambil saja idenya, lalu saya bikin saja layanan serupa?

Panoramio, simpan tempat-tempat favorit Anda

2009-06-23T11:27:00.001-07:00

Panoramio - Photos of the World
Panoramio adalah website yang cukup menarik. Databasenya menyimpan foto-foto tempat menarik di dunia dari sumbangan penggunanya. Anda juga bisa menyimpan tangkapan kamera Anda tentang tempat wisata di daerah Anda.

Saya sendiri lebih tertarik untuk mempelajari cara kerja Google Map API yang dipakainya. Menarik sekali.

Ebook Tutorial J2ME Client Server Database

2009-06-21T07:42:00.000-07:00

Download ebook
Download source code

Akhirnya selesai juga ebook tutorial yang saya janjikan untuk Pak Sugeng. Mohon maaf ini kalau untuk menulis ebook ini membutuhkan waktu 1 minggu, meskipun sebagian konten-nya sudah saya tulis juga di blog ini.

Dalam ebook ini saya mencoba memberikan asistensi kepada pembaca untuk membangun aplikasi client-server dengan protokol yang sangat sederhana dengan Java pada ponsel. Teknologi yang digunakan dalam membangun apllikasi ini adalah J2ME, PHP dan MySQL. Topik-topik yang dibahas antara lain:
1. Bagaimana menggunakan Netbeans untuk membangun aplikasi J2ME dengan mudah
2. Bagaimana membuat project PHP dengan Eclipse
3. Bagaimana membuat fungsi dengan PHP
4. Bagaimana melakukan koneksi ke database dengan PHP dan MySQL
5. Bagaimana menangani request HTTP dengan method GET
6. Bagaimana membuat flow aplikasi J2ME dengan mudah menggunakan Netbeans
7. Bagaimana membuat koneksi dengan jaringan (protokol HTTP) pada J2ME
8. Bagaimana membuat koneksi J2ME ke resource menjadi multi threading sehingga tidak berrasa hang
9. Bagaimana mengimplementasikan Interface

Saya melengkapi ebook ini dengan source code lengkap yang saya gunakan dalam tutorial ini. Harapan saya, dengan adanya source code lengkap ini, pemahaman pembaca lebih mengena. Tetapi saya tidak berharap pembaca menjadi malas mengetikkan sendiri kode program yang ada dalam tutorial ini.

Ebook ini bisa didownload gratis dan bebas juga digunakan untuk keperluan pendidikan, termasuk bahan kuliah.

Silakan download ebook ini. Saya mengharapkan kritik, saran, masukan dan pertanyaan atas ebook tersebut. Selamat membaca.

Melindungi website Anda dari SQL injection

2009-06-17T07:21:00.000-07:00

Kadang saya berpikir, mengapa sih teman-teman white hacker tidak menulis dengan jelas tentang materi-materi pengamanan. Maksud saya dari sudut pandang developer. Intinya begini. Salah satu kelemahan dari aplikasi berbasis web (yang memakai database) adalah kerentanannya terhadap SQL injection. Pada waktu-waktu tertentu, misalnya mendekati masa Pemilu, juga ketika ada konflik dengan negara lain (seperti saat ini, Indonesia-Malaysia), para hacker dan adik-adik mereka, script kiddies, senang sekali melakukan hal ini: deface.

Deface sering kali menjadi kendaraan untuk membuat nama (setidaknya nick name) pelakunya menjadi dikenal. Kemudian, para pakar keamanan mengecam tindakan deface ini. Beberapa membeberkan bahwa teknik yang digunakan oleh defacer (kalau boleh saya menyebutnya begitu) adalah ini, itu dan anu. Mungkin anu adalah SQL injection. Sayangnya, meskipun mereka membeberkan tentang cara kerja SQL injection (yang saya sendiri rasanya sudah cukup jelas memahaminya, tetapi selalu tidak berhasil memberikan contohnya :( ), mereka tidak memberikan solusi praktis untuk dilakukan.

Saya bersyukur, ada yang berinisiatif menulis blog tentang ini. Algoritma dan teknik menangkal SQL injection. Rajiva telah menulisnya sehingga cukup mudah dipahami, disertai dengan code snippet dengan PHP. Sayangnya, tidak diberikan contoh working example yang menunjukkan suksesnya sebuah SQL injection terhadap script yang tidak disertai penangkal. Tapi bagaimanapun juga, saya salut kepada Rajiva. Good works! Nice post.

Google Code Playground

2009-06-17T07:09:00.000-07:00

Ketika mempelajari Google Map API, saya menemukan alamat menarik di dalam Google Code, yaitu Google Code Playground. Google Code Playground menyediakan cukup banyak code snippet untuk Google API. Di sini kita bisa learning by doing mempelajari Google API. Saya sendiri cukup menyesal mengetahui situs ini sekarang. Coba dulu-dulu, kan saya tidak usah belajar lama-lama.

Anda tertarik belajar Google API? Buka dulu Google Code Playground. Bener deh, situs ini layak di bookmark.

Puzzle yang ditulis oleh Bruce Schneier untuk Wired Magazine

2009-06-15T16:29:00.000-07:00

Beberapa saat yg lalu Bruce Schneier memberi tahu saya, bahwa dia diminta membuat cryptographic puzzle untuk edisi terbaru Wired Magazine.

Idenya sangat sederhana tapi menarik. Bahkan beberapa orang blogger memposting solusi mereka untuk masalah ini, dan mereka menyatakan edisi inilah yang paling menarik selama ini.

Anda juga ingin mencobanya?

PhotoDiary, kabar gembira untuk Photo Blogger

2009-06-15T16:00:00.000-07:00

Jika Anda senang berbagi foto di blog Anda, kenapa harus memaksakan Wordpress sebagai engine blog Anda? Kemudian baru menambahkan theme untuk membuat Wordpress menjadi Photo Blog? Coba PhotoDiary, engine blog yang memang khusus untuk Photo Blogging.

Fitur:
1. Mudah mengirimkan foto
2. Control panel
3. Front-end yang dibuat dengan Flash, melindungi foto-foto Anda dari pembajakan
4. Pembaca bisa menambahkan komentar di foto blog Anda
5. Fullscreen view

Sudah tidak sabar ingin mencoba? Anda bisa download PhotoDiary di sini. Atau Anda bisa mencoba front-end-nya dulu secara online di sini. Atau sudah mau mencoba upload foto? Silakan lihat bagaimana control panelnya bekerja.

Patterncooler, koleksi background pattern terbaik dan gratis

2009-06-09T09:06:00.000-07:00

Patterncooler adalah situs penyedia background pattern yang gratis untuk dipakai pada aplikasi web, blog, Twitter, aplikasi ponsel maupun wallpaper background Anda. Anda bisa mendownload pattern background manapun yang Anda temukan pada situs tersebut.

Yang cukup mengejutkan bagi saya, di website tersebut kita selain bisa memilih pattern yang Anda, kita juga bisa menentukan warna-warna yang digunakan dalam pattern tersebut selain juga ukuran grafik per tile-nya. Cukup menarik.

Saya sendiri sudah mendownload 3 pattern yang saya sukai, bahkan sudah saya jadikan wallpaper di Ubuntu saya. Salah satunya adalah file ini:
Cukup unik bukan?

Menurut saya, pattern yang ada di website ini semuanya bersih sampai ke pixel-pixel terkecilnya, sehingga tidak pecah jika digunakan untuk website kita, tentu dengan penggunaan yang wajar (artinya tidak di-stretch terlalu besar). Selain itu, pattern ini bekerja layaknya pattern seharusnya. Maksud saya, jika pattern ini digunakan sebagai background, satu petak pattern tersebut bisa langsung menyatu di semua sisinya, atas, bawah, kiri dan kanan. Silakan perhatikan tampilan desktop saya berikut ini:

Menurut dugaan saya, pattern-pattern ini dibuat dengan script. Bisa jadi menggunakan library GD atau semacamnya, sebab jika tidak, bagaimana Harvey Rayner bisa mempersilakan kita memilih pattern, warna-warna juga ukuran gambar untuk tiap tile-nya.

Meskipun saya menyukai situs ini, tetapi ada beberapa hal yang saya harapkan tapi tidak saya temukan di website ini, yaitu pattern alami seperti pattern kayu, batu atau pattern sederhana seperti pattern yang digunakan pada widget Mac OSX (hehehe, sebenarnya ini yang saya cari-cari). Memang, saya bisa menemukan pattern-pattern kayu, batu, daun, dll di situs lain, tetapi umumnya pattern-pattern itu tidak bisa menyatu jika dijadikan wallpaper atau background. Hasilnya selalu terlihat kotak-kotak.

Harvey selalu menampilkan foto lucunya menggunakan wig yang jelek sekali di halaman download, selain meminta donasi sebesar 1 dollar saja yang bisa dibayarkan melalui PayPal. Maklum, dia kan perlu cari makan juga. Betul nggak? Tapi saya yakin pembaca Indonesia pasti nggak mau bayar kan? Kebiasaan!!! Hehehe, tapi saya juga sih.

Intinya, website ini bermanfaat banget kalau Anda kehabisan akal, mau pake background apa untuk aplikasi web based Anda.

Selamat mencoba!

Bagaimana melakukan read, insert, update dan delete data di server dengan J2ME bagian 4

2009-06-06T10:39:00.000-07:00

Sudah lama saya pengen nulis ini. Melanjutkan tutorial sebelumnya (bagian 3). Mestinya kita sudah punya file PHP untuk menangani permintaan HTTP GET yang dikirim dari ponsel. Kalau belum nyambung, silakan baca tutorial sebelumnya. Oh ya, jika Anda temukan kode program dalam artikel ini berantakan, tidak masalah. Copy dan paste saja ke Netbeans. Netbeans bisa memformatnya untuk Anda. Cukup klik kanan di source code editor lalu pilih Format.

Dalam artikel kali ini kita akan melakukan:
1. Membuka koneksi HTTP ke server dan mengambil hasilnya
2. Mem-parsing field-field dari String sederhana yang didapat dari Server
3. Menyimpan hasil parsing ke dalam sebuah variabel instan class yang khusus dibuat untuk satu record
4. Menampilkan nilai field-field dalam record di tampilan ponsel
semuanya dengan J2ME.

Yang Anda butuhkan untuk melakukannya adalah:
1. Netbeans (rekomendasi: versi 6.5) dengan tambahan modul J2ME
2. File-file PHP yang telah disiapkan sebelumnya, bersama database MySQL dan web server

Membuat project J2ME dengan Netbeans
Yang perlu Anda lakukan adalah mengklik File | New Project, kemudian dari dialog yang muncul pilih J2ME Project

Berikan nama yang baik, dan seterusnya. Secara default, Anda akan mendapatkan file Main.java yang berupa Visual Midlet (buat jika tidak ada). Dengan Visual Midlet, Anda bisa membuat flow aplikasi J2ME dengan cara drag and drop.

Tambahkan sebuah Form dengan cara klik kanan pada Flow View, pilih New/Add | Form. Drag sebuah flow dari Mobile Device (Midlet) ke form, atau apapun nama yang Anda berikan untuk Form yang baru Anda tambahkan (defaultnya form). Klik kanan pada title bar form, kemudian New/Add | Ok Command dan command-command lain yang Anda butuhkan.

Berikutnya, klik title bar form, kemudian klik Screen View (persis di bagian atas diagram). Di bawah tab-tab nama file.

Pada Screen View, Anda bisa menambahkan beberapa komponen. Untuk contoh kita ini saya tambahkan 5 buah TextField yang masing-masing saya beri nama (variabelnya):
1. textFieldId
2. textFieldName
3. textFieldAddress
4. textFieldBillValue
5. textFieldNotes

Membuat koneksi HTTP
Untuk melakukan koneksi HTTP ke server, kita membutuhkan pengetahuan tentang class dan konsep Thread, class Connector, dan class HttpConnection.

Kita perlu membuat thread baru untuk melakukan koneksi dengan HTTP agar aplikasi kita tidak blocking (terrasa seperti hang) ketika koneksi berjalan. Ya, Anda tahu kan, melakukan koneksi jaringan kadang membutuhkan waktu tertentu.

Class Connector diperlukan untuk membuat object HttpConnection pada J2ME. Begitulah ringkasnya.

import java.io.ByteArrayOutputStream; import java.io.IOException; import java.io.InputStream; import javax.microedition.io.Connector; import javax.microedition.io.HttpConnection; /* * To change this template, choose Tools | Templates * and open the template in the editor. */ /** * * @author Amri Shodiq */ public class HttpThread implements Runnable { String command = ""; String[] parameters = null; ThreadListenable parent = null; public HttpThread(String command, String[] parameters, ThreadListenable parent) { // command digunakan untuk menentukan fungsi apa yang // akan dipanggil this.command = command; // parameters digunakan untuk memberikan parameter fungsi tersebut this.parameters = parameters; this.parent = parent; } public void run() { HttpConnection con = null; InputStream is = null; try { // pada contoh ini kebetulan yang dijalankan hanya fungsi READ // yang menggunakan 1 parameter saja // silakan ubah sendiri jika Anda ingin menjalankan fungsi lainnya con = (HttpConnection) Connector.open("http://localhost/Tutorial/function.php?function="+command+"&parameters=" + parameters[0]); con.setRequestMethod(HttpConnection.GET); con.setRequestProperty("Content-Type", "//text plain"); con.setRequestProperty("Connection", "close"); String str = ""; if (con.getResponseCode() == HttpConnection.HTTP_OK) { is = con.openInputStream(); int len = (int) con.getLength(); if (len != -1) { byte incomingData[] = new byte[len]; is.read(incomingData); str = new String(incomingData); // hanya untuk testing System.out.println("String: " + str); // kirim hasilnya ke Midlet parent.setHttpResult(str); } else { ByteArrayOutputStream bytestream = new ByteArrayOutputStream(); int ch; while ((ch = is.read()) != -1) { bytestream.write(ch); } str = new String(bytestream.toByteArray()); // hanya untuk testing System.out.println("String: " + str); // kirim hasilnya ke Midlet parent.setHttpResult(str); bytestream.close(); } } else { System.out.println("Server memberi jawaban tidak OK"); } } catch (IOException ex) { System.out.println(ex.getMessage()); } } }
Perhatikan di atas, kita membuat file HttpThread khusus untuk menangani koneksi HTTP dengan Thread. Pada kasus ini kita menggunakan Thread yang mengimplement interface Runnable (artinya nanti class ini bisa diperlakukan sebagai thread).

Membuat interface ThreadListenable
Perhatikan pada source code di atas, kita menggunakan class ThreadListenable untuk variabel parent. Kepada parent inilah HttpThread akan mengembalikan hasil. Siapakah ThreadListenable? Kita akan mengimplementasikan ThreadListenable untuk Main (Visual Midlet kita) agar sebuah variabel dalam midlet tersebut dapat diupdate oleh HttpThread.

Inilah source code interfacenya:

/** * * @author Amri Shodiq */ public interface ThreadListenable { public void setHttpResult(String someString); }

Membuat class CustomerRecord
Class ini akan kita gunakan sebagai Bean untuk menyimpan record yang kita dapat dari HTTP server. Kode programnya sebagai berikut. Sebentar, saya akan beritahukan satu rahasia untuk Anda. Untuk menulis kode program di bawah ini saya hanya menulis variabel-variabelnya saja (customerId, customerName, dll). Method-methodnya digenerate otomatis oleh Netbeans setelah saya block variabel-variabel yang saya tulis, kemudian klik kanan. Pilih Refactor | Encapsulate Fields. Klik tombol Select All, kemudian klik Refactor. Selesai.
/** * * @author Amri Shodiq */ public class CustomerRecord { private int customerId = 0; private String customerName = ""; private String address = ""; private int billValue = 0; private String billNotes = ""; public CustomerRecord() { } public CustomerRecord(int id, String name, String address, int value, String notes) { this.customerId = id; this.customerName = name; this.address = address; this.billValue = value; this.billNotes = notes; } /** * @return the customerId */ public int getCustomerId() { return customerId; } /** * @param customerId the customerId to set */ public void setCustomerId(int customerId) { this.customerId = customerId; } /** * @return the customerName */ public String getCustomerName() { return customerName; } /** * @param customerName the customerName to set */ public void setCustomerName(String customerName) { this.customerName = customerName; } /** * @return the address */ public String getAddress() { return address; } /** * @param address the address to set */ public void setAddress(String address) { this.address = address; } /** * @return the billValue */ public int getBillValue() { return billValue; } /** * @param billValue the billValue to set */ public void setBillValue(int billValue) { this.billValue = billValue; } /** * @return the billNotes */ public String getBillNotes() { return billNotes; } /** * @param billNotes the billNotes to set */ public void setBillNotes(String billNotes) { this.billNotes = billNotes; } }

Menyelesaikan Main.java (Midlet utama)
Saya menambahkan 2 variabel di dalam Main.java:

private String httpResult = ""; private CustomerRecord currentCustomer = null;

Saya menambahkan beberapa method di dalam Main.java seperti:
1. split
Method ini berfungsi untuk memecah sebuah string berdasarkan separator yang ditentukan dalam parameternya. Kita menggunakannya karena hasil dari HTTP request kita menggunakan format ini.

2. setHttpResult
Method ini digunakan untuk mengupdate variabel httpResult dari HttpThread. Lebih jauh, di akhir method ini juga mengupdate variabel currentCustomer.

3. showCurrentCustomer
Method ini digunakan untuk menampilkan nilai variabel currentCustomer ke dalam Form.

private void showCurrentCustomer() { if (currentCustomer instanceof CustomerRecord) { try { System.out.println("Id: " + currentCustomer.getCustomerId()); System.out.println("Name: " + currentCustomer.getCustomerName()); System.out.println("Address: " + currentCustomer.getAddress()); System.out.println("Bill value: " + currentCustomer.getBillValue()); System.out.println("Bill notes: " + currentCustomer.getBillNotes()); textFieldId.setString(String.valueOf(currentCustomer.getCustomerId())); textFieldName.setString(currentCustomer.getCustomerName()); textFieldAddress.setString(currentCustomer.getAddress()); // textFieldAddress.setString(String.valueOf(currentCustomer.getAddress().trim())); textFieldBillValue.setString(String.valueOf(currentCustomer.getBillValue())); textFieldNotes.setString(currentCustomer.getBillNotes()); } catch (Exception e) { e.printStackTrace(); } } }

private String[] split(String original, String separator) {
Vector nodes = new Vector();
System.out.println("split start...................");
// Parse nodes into vector
int index = original.indexOf(separator);
while (index >= 0) {
nodes.addElement(original.substring(0, index));
original = original.substring(index + separator.length());
index = original.indexOf(separator);
}
// Get the last node
nodes.addElement(original);

// Create splitted string array
String[] result = new String[nodes.size()];
if (nodes.size() > 0) {
for (int loop = 0; loop < style="font-weight: bold;">setHttpResult(String string) {
httpResult = string;

String[] result = split(string, "##");
if (result[0].equals("0")) {
String[] texts = split(result[1], "||");
for (int i = 0; i < currentcustomer =" new" alert =" new">Setelah kita memiliki ketiga method di atas, kita perlu menambahkan event yang men-trigger pemanggilan httpThread. Kita tambahkan baris-baris berikut pada method commandAction, pada syarat untuk tombol yang berlabel Edit (pada kasus saya, variabel tombolnya adalah okCommand1).
HttpThread thread = new HttpThread("READ", new String[]{"3"}, this); new Thread(thread).start(); System.out.println("Htp Result: " + httpResult); String[] result = split(httpResult, "##"); //if (result[0].equals("0")) { result = split(result[1], "||"); for (int i = 0; i <> System.out.println(result[i]); }

Baik, mungkin sebaiknya saya share saja seluruh isi file Main.java agar Anda mendapatkan gambaran lebih jelas.

import java.util.Vector; import javax.microedition.midlet.*; import javax.microedition.lcdui.*; /** * @author Amri Shodiq */ public class Main extends MIDlet implements CommandListener, ThreadListenable { private boolean midletPaused = false; private String httpResult = ""; private CustomerRecord currentCustomer = null; // private Form form; private TextField textFieldAddress; private TextField textFieldName; private TextField textFieldId; private TextField textFieldBillValue; private TextField textFieldNotes; private Command okCommand; private Command exitCommand; private Command okCommand1; private Command exitCommand1; private Command okCommand2; // /** * The Main constructor. */ public Main() { } // // // /** * Initilizes the application. * It is called only once when the MIDlet is started. The method is called before the startMIDlet method. */ private void initialize() { // write pre-initialize user code here // write post-initialize user code here } // // /** * Performs an action assigned to the Mobile Device - MIDlet Started point. */ public void startMIDlet() { // write pre-action user code here switchDisplayable(null, getForm()); // write post-action user code here } // // /** * Performs an action assigned to the Mobile Device - MIDlet Resumed point. */ public void resumeMIDlet() { // write pre-action user code here // write post-action user code here } // // /** * Switches a current displayable in a display. The display instance is taken from getDisplay method. This method is used by all actions in the design for switching displayable. * @param alert the Alert which is temporarily set to the display; if null, then nextDisplayable is set immediately * @param nextDisplayable the Displayable to be set */ public void switchDisplayable(Alert alert, Displayable nextDisplayable) { // write pre-switch user code here Display display = getDisplay(); if (alert == null) { display.setCurrent(nextDisplayable); } else { display.setCurrent(alert, nextDisplayable); } // write post-switch user code here } // // /** * Called by a system to indicated that a command has been invoked on a particular displayable. * @param command the Command that was invoked * @param displayable the Displayable where the command was invoked */ public void commandAction(Command command, Displayable displayable) { // write pre-action user code here if (displayable == form) { if (command == exitCommand1) { // write pre-action user code here exitMIDlet(); // write post-action user code here } else if (command == okCommand1) { // write pre-action user code here HttpThread thread = new HttpThread("READ", new String[]{"3"}, this); new Thread(thread).start(); System.out.println("Htp Result: " + httpResult); String[] result = split(httpResult, "##"); //if (result[0].equals("0")) { result = split(result[1], "||"); for (int i = 0; i <> System.out.println(result[i]); } //} // write post-action user code here } else if (command == okCommand2) { // write pre-action user code here // write post-action user code here } } // write post-action user code here } // // /** * Returns an initiliazed instance of form component. * @return the initialized component instance */ public Form getForm() { if (form == null) { // write pre-init user code here form = new Form("Form Input", new Item[] { getTextFieldId(), getTextFieldName(), getTextFieldAddress(), getTextFieldBillValue(), getTextFieldNotes() }); form.addCommand(getOkCommand1()); form.addCommand(getExitCommand1()); form.addCommand(getOkCommand2()); form.setCommandListener(this); // write post-init user code here } return form; } // // /** * Returns an initiliazed instance of textFieldName component. * @return the initialized component instance */ public TextField getTextFieldName() { if (textFieldName == null) { // write pre-init user code here textFieldName = new TextField("Nama", " ", 32, TextField.ANY); // write post-init user code here } return textFieldName; } // // /** * Returns an initiliazed instance of textFieldAddress component. * @return the initialized component instance */ public TextField getTextFieldAddress() { if (textFieldAddress == null) { // write pre-init user code here textFieldAddress = new TextField("Alamat", " ", 100, TextField.ANY); // write post-init user code here } return textFieldAddress; } // // /** * Returns an initiliazed instance of okCommand component. * @return the initialized component instance */ public Command getOkCommand() { if (okCommand == null) { // write pre-init user code here okCommand = new Command("Ok", Command.OK, 0); // write post-init user code here } return okCommand; } // // /** * Returns an initiliazed instance of exitCommand component. * @return the initialized component instance */ public Command getExitCommand() { if (exitCommand == null) { // write pre-init user code here exitCommand = new Command("Exit", Command.EXIT, 0); // write post-init user code here } return exitCommand; } // // /** * Returns an initiliazed instance of textFieldId component. * @return the initialized component instance */ public TextField getTextFieldId() { if (textFieldId == null) { // write pre-init user code here textFieldId = new TextField("Id", " ", 32, TextField.ANY); // write post-init user code here } return textFieldId; } // // /** * Returns an initiliazed instance of okCommand1 component. * @return the initialized component instance */ public Command getOkCommand1() { if (okCommand1 == null) { // write pre-init user code here okCommand1 = new Command("Edit", "Edit", Command.OK, 0); // write post-init user code here } return okCommand1; } // // /** * Returns an initiliazed instance of exitCommand1 component. * @return the initialized component instance */ public Command getExitCommand1() { if (exitCommand1 == null) { // write pre-init user code here exitCommand1 = new Command("Keluar", Command.EXIT, 0); // write post-init user code here } return exitCommand1; } // // /** * Returns an initiliazed instance of okCommand2 component. * @return the initialized component instance */ public Command getOkCommand2() { if (okCommand2 == null) { // write pre-init user code here okCommand2 = new Command("Simpan", Command.OK, 0); // write post-init user code here } return okCommand2; } // // /** * Returns an initiliazed instance of textFieldBillValue component. * @return the initialized component instance */ public TextField getTextFieldBillValue() { if (textFieldBillValue == null) { // write pre-init user code here textFieldBillValue = new TextField("Tagihan", " ", 32, TextField.ANY); // write post-init user code here } return textFieldBillValue; } // // /** * Returns an initiliazed instance of textFieldNotes component. * @return the initialized component instance */ public TextField getTextFieldNotes() { if (textFieldNotes == null) { // write pre-init user code here textFieldNotes = new TextField("Catatan", " ", 32, TextField.ANY); // write post-init user code here } return textFieldNotes; } // /** * Returns a display instance. * @return the display instance. */ public Display getDisplay() { return Display.getDisplay(this); } /** * Exits MIDlet. */ public void exitMIDlet() { switchDisplayable(null, null); destroyApp(true); notifyDestroyed(); } /** * Called when MIDlet is started. * Checks whether the MIDlet have been already started and initialize/starts or resumes the MIDlet. */ public void startApp() { if (midletPaused) { resumeMIDlet(); } else { initialize(); startMIDlet(); } midletPaused = false; } /** * Called when MIDlet is paused. */ public void pauseApp() { midletPaused = true; } /** * Called to signal the MIDlet to terminate. * @param unconditional if true, then the MIDlet has to be unconditionally terminated and all resources has to be released. */ public void destroyApp(boolean unconditional) { } private void showCurrentCustomer() { if (currentCustomer instanceof CustomerRecord) { try { System.out.println("Id: " + currentCustomer.getCustomerId()); System.out.println("Name: " + currentCustomer.getCustomerName()); System.out.println("Address: " + currentCustomer.getAddress()); System.out.println("Bill value: " + currentCustomer.getBillValue()); System.out.println("Bill notes: " + currentCustomer.getBillNotes()); textFieldId.setString(String.valueOf(currentCustomer.getCustomerId())); textFieldName.setString(currentCustomer.getCustomerName()); textFieldAddress.setString(currentCustomer.getAddress()); // textFieldAddress.setString(String.valueOf(currentCustomer.getAddress().trim())); textFieldBillValue.setString(String.valueOf(currentCustomer.getBillValue())); textFieldNotes.setString(currentCustomer.getBillNotes()); } catch (Exception e) { e.printStackTrace(); } } } public void setHttpResult(String string) { httpResult = string; String[] result = split(string, "##"); if (result[0].equals("0")) { String[] texts = split(result[1], "||"); for (int i = 0; i <> System.out.println(i + ". " + texts[i]); } currentCustomer = new CustomerRecord(Integer.parseInt(texts[0]), texts[1], texts[2], Integer.parseInt(texts[3]), texts[4]); showCurrentCustomer(); } else { Alert alert = new Alert("Ada yang tidak beres."); alert.setTimeout(Alert.FOREVER); Display.getDisplay(this).setCurrent(alert); } } private String[] split(String original, String separator) { Vector nodes = new Vector(); System.out.println("split start..................."); // Parse nodes into vector int index = original.indexOf(separator); while (index >= 0) { nodes.addElement(original.substring(0, index)); original = original.substring(index + separator.length()); index = original.indexOf(separator); } // Get the last node nodes.addElement(original); // Create splitted string array String[] result = new String[nodes.size()]; if (nodes.size() > 0) { for (int loop = 0; loop <> result[loop] = (String) nodes.elementAt(loop); //System.out.println(result[loop]); } } return result; } }

Selamat mencoba.

Manohara pernah diperkosa di Malaysia

2009-06-03T06:23:00.000-07:00

Ya, semua berita berkaitan dengan konflik Indonesia-Malaysia memang selalu menarik. Terutama untuk media massa, terutama elektronik seperti TV dan internet. Nah, yang cukup seru, setidaknya di Indonesia (karena di Malaysia sendiri hampir tidak dikenal), adalah kisah Cinderella Indonesia, Manohara.

Mengapa saya sebut kisah Cinderella?

Ada beberapa sebab:
1. Sebelum tahun ini, Manohara tidak dikenal, bahkan oleh salah satu media yang paling banyak dibaca umat manusia, Google. Buktinya bisa dilihat di sini.
2. Karakter ibunya Manohara, mirip ibunya Cinderella. Ya, saya memang tidak mengenalnya, saya hanya baca dari sini.
3. Manohara orangnya cantik. Sebelum saya nonton TV yang menayangkan kepulangan Manohara yang dramatis, meskipun tidak sesuai bayangan saya (sebelumnya, saya membayangkan wajah Manohara agak biru-biru, dengan tubuh yang kurus kering dan rambut agak acak-acakan). Yang saya lihat, justru wajahnya yang cantik, licin meski agak tembem yang pasti bukan tembem karena habis ditampar.

Mengapa saya tiba-tiba membahas Manohara yang jelas bukan termasuk keahlian saya. Jangan salah sangka, ini masih di lingkungan keilmuan saya. Jika saya turut memberitakan Manohara, apalagi dengan jumlah kata kunci yang cukup padat seperti ini. Didukung konten gambar seperti berikut ini:

Foto Manohara

insya Allah, blog saya bisa terdongkrak popularitasnya berkat Manohara.

Terlebih lagi jika saya berikan kutipan yang cukup mengundang kontroversi sebperti berikut ini:

Sebuah pernyataan kontroversial tentang kisah sedih Manohara

Ibu dessy sering kawin cerai, awal dari background yg nggak baik.
Mantan suaminya yg Narapidana & mendekam di penjara jadi awal yg nggak baik pula.
Kalau dia ibu yang baik, anak umur 15 tahun tdk akan diizinkan utk mulai pacaran, apalagi dg pria berusia 30-an tahun.

Ibu dessy jelas mencari pria super kaya utk anak yg masih dibawah umur, apalagi kalau bkn menggunakan kecantikan Mano utk kepentingan dessy sendiri.
Manohara diperkosa TT desember 2007 (Status: Masih pacar Ardhi). Kalau dia ibu yg baik tentu dia akan menjaga baik2 anaknya jgn sampai diambil keperawanannya oleh om2 berumur 31-an.

Setelah Mano tdk perawan, dan dessy juga tahu Mano tidak perawan, Dessy masih mendukung Mano pacaran dg Ardhi. Kemungkinan dessy & dewi tdk mau ketinggalan liburan ke Amerika naik pesawat jet Bakrie.

Masih juga tdk puas dpt calon mantu super kaya, dessy berusaha menarik perhatian bapaknya si calon mantu yg jelas2 sdh beristri. Yg sayangnya si bapak nggak tertarik sama sekali dg dessy, dan yg ada dessy dpt adl teguran keras dr keluarga si bapak & dpt dampratan yg super keras dr istri si bapak, dan diusir dari pada saat pestanya Adinda Bakrie.
Nah bbrp hari kemudian, dessy membawa Mano ke Kelantan utk dinikahkan dengan TT.

Saat Mano menikah (berdasarkan pengakuan dessy sendiri) wkt berdandan dengan Mano di ruangan istana, dessy memakai perhiasan kerajaan yg tersedia utk dipakai Mano, saat orang kerajaan meminta dilepas, dessy tersinggung.
Kalau dessy tdk kampungan dan tau diri, dia tdk akan berani memakai perhiasan kerajaan tanpa ijin dulu. Ibarat spt Lady Di sewaktu menikah diberi ratu Elisabeth tiara kerajaan yg diwariskan turun temurun, masuk akal nggak kalau sampai dipakai ibunya? Yg ada malu kaliii…

TT sdh menyerahkan sejumlah uang dan perhiasan sbg Mas Kawin (Yang tentunya sdh diterima dessy) Setelah menikah, TT menginginkan malam pertama, tapi Mano mengatakan sdg haid, TT masih sabar.
Saat bulan madu Mano & suaminya bulan madu ke Thailand, yg anehnya dessy & dewi ngekor aja. Kelihatan spt nggak mau kehilangan uang sesenpun, selalu ngekor kemana Mano pergi even utk honeymoon yg seharusnya jadi acara romantis berdua saja. TT mulai naik pitam..

Setelah 2 bulan menikah TT belum pernah tidur dg Mano, dg alasan yg sama, Mano lagi haid. Pastinya ini juga tekanan dari dessy krn tuntutan uang dessy baru diberi setengahnya saja. Jelas TT mengamuk. Sdh menikah tapi si istri selalu menolak utk berhubungan intim.
Tdk tahan dg TT yg sering marah2 krn ajakan utk tidur bersama, Mano kabur ke jakarta (tentunya atas desakan dessy), yg anehnya nggak lama kemudian dia kedapatan dugem di Bali. Herannya lagi nih , status masih suami TT, Mano malah berhubungan dg pembalap Ryan Haryanto. (Lihat foto2 mereka ketka dugem di Bali di bawah ini)

Jika dessy ibu yg baik dan benar Mano kabur ke Jakarta bkn krn tekanan dari dessy, saat TT ke jakarta utk jemput Mano, dessy tdk akan mengizinkan Mano kembali ke TT. Tdk ada org bodoh yg mau tertipu 2x jika bkn krn serakah.
Dessy terlalu banyak menuntut. Uang, apartemen dan mobil mewah. Setelah tuntutannya dikabulkan, dessy marah krn jumlah uang tdk sesuai dg yg diharapkan alias tdk cukup utk bayar hutangnya yg menggunung. Serta Mobil dan Apartemen bkn atas nama dessy. Dessy menolak apartemen tersebut, yg saya heran ini mobil Alphard sempat dipakai kemana2.

Dessy sekeluarga beserta TT berangkat Umroh, dimana TT mungkin sgt kesal dg ulah dessy yg mata duitan maka dibawalah Mano ke Kelantan tanpa dessy.
Kalau memang dia mdptkan kesulitan utk dpt penanganan scr hukum krn posisi TT sbg anak raja dan dia pikir perlu bantuan publikasi utk tujuan membebaskan Mano, nggak usahlah soal pribadi Mano diumumkan lewat media massa. Sangat miris sekali melihat ibu yg spt ini.

Setelah melihat tayangan heboh dessy di tv, tiap orang mulai bertanya, lho ini kan dessy yg pernah menipu saya, uang saya ada lho di dia ratusan juta dan belum dibayar. Temannya yg lain juga mulai bertanya, lho dia juga menipu saya, uang saya ratusan juta pun masih ada di dia dan belum dibayar.
Kedapatanlah dessy berhutang 5 milyar dari sekian banyaknya orang (itupun yg ketahuan, yg nggak ketahuan??) Kenapa dessy selalu membawa bangsa Indonesia dalam perdagangan manusia ini? Ini bukan masalah bangsa, bukan masalah Indonesia-Malaysia, tapi masalah individu.
Bisa dimengerti kenapa desy berteriak2 di Indonesia bkn di Amerika (bapaknya Mano org Amerika), krn rakyat Indonesia terlalu mudah diprovokasi, apalagi krn dr dulu hub Indonesia&Malaysia selalu diwarnai ketegangan.

Tidak usah saling menghujat mengatasnamakan bangsa,permasalahan bangsa ini saja sdh cukup rumit, kemiskinan dimana2. Sedangkan Mano? Ibu dan kakak yg ngakunya bergaul dg kalangan jetset, bukannya semua perlu uang yg sgt banyak,pakaian mahal & bermerek? Patut dipertanyakan asal uangnya dari mana.

Suami ke2 dessy org Amerika, Suami ke3 Dessy org Perancis, Mano disuruh kawin (dijual) ke Pangeran Malaysia. Giliran susah minta tolong ke Indonesia. Harus dicek apakah dessy ada npwp atau tdk. Sdh ngga bayar pajak, hidup bergaya socialita, ngga bawa devisa spt TKI, maunya kawin dg org luar negri terus, pas susah bawa2 rasa kebangsaan.

Anak sdh dijual, mana bisa minta kembali.
Presiden dan Wakil Presiden beserta menteri nggak level urus masalah ini.
Banyak masalah yg lebih penting dan urgent yg harus diurus. Daripda mengurus dessy yg doyan ngutang.

Pesawat jet di foto diatas diakui dessy sbg pesawat pribadinya. Mentok2 ketahuan juga kalau itu punya Bakrie. Pernyataan di Perancis dia tinggal di Cannes, mentok2nya ketahuan juga kalau dia ternyata numpang di rumah Bakrie, sekalian numpang tenar, numpang kaya. Persoalan ini juga lagi2 dia dpt teguran yg lumayan keras dr Bakrie.
Persoalan hutang bermilyar2 kenapa orang tdk ada yg melaporkan, itu tinggal menunggu bom waktu yang siap meledak kapan saja, dan sebelum itu terjadi,

Semoga bu dessy segera bertobat. Amien.

Maaf, ini hanya kutipan. No offence. Saya tidak berniat menyerang keluarga Manohara. Saya juga tidak bermaksud memberi dukungan moral kepada Manohara untuk minggat meninggalkan suaminya yang sah menurut hukum. Yang saya lakukan hanyalah mencoba meningkatkan omzet pembaca blog saya yang mungkin salah mampir hehehe. Sedikit beda dengan tujuan media massa yang menayangkan berita tentang Manohara yang jelas adalah keuntungan sebesar-besarnya dari iklan. Tujuan saya saat ini baru traffic saja. Hanya traffic (karena saya belum menampilkan satu iklan pun di blog saya ini). Tetapi tidak menutup kemungkinan lo.

Ah, ya, mengenai judul yang saya pakai, yang memang provokatif, sebenarnya judul itu tidak bermaksud untuk mencerminkan isi artikel saya ini. Juga tidak bermaksud menipu pembaca. Ini hanya salah satu penerapan konsep AIDA. Konsep ini bukan hal yang baru karena sudah diperkenalkan oleh seorang ahli hipnosis. Coba saja kalau saya menulis judulnya, "Tips SEO, Membuat Judul yang Provokatif". Siapa yang mau membaca artikel ini? Tulisan berjudul semacam itu saingannya ribuan.

Foto Bugil Manohara

"Ini dia yang ditunggu-tunggu pembaca. Foto bugil Manohara. Tentunya Manohara sering tampil seksi mengingat kehidupannya yang cukup glamour dan tak jauh-jauh dari diskotik dan hotel."

Bayangkan jika Anda mencari kata kunci "Manohara" kemudian menemukan judul di atas dengan detail di bawahnya bertuliskan seperti itu. Apa yang Anda lakukan? Mengkliknya? Jelas!

Lucunya, jika saya lebih berani lagi, tentu saya akan beri judul, "Foto Bugil Manohara", tapi tdak saya lakukan. Gila kali. Saya sangat yakin bukan hanya saya yang mencoba mengetikkan kata ini di Google, dan mereka pasti menyesal karena tidak menemukan satu pun halaman yang berjudul persis sama seperti itu. Saya yakin, jika ada 1 orang saja yang menemukan, tentu popularitasnya akan segera mengalahkan foto bugil Sarah dan Rahma Azhari, maupun Wiwid Gunawan, hihihi. Atau kasus perkosaan Sherina. Paling banter, dengan kata kunci itu, yang didapat adalah, "Manohara Odelia Pinot Buah Dadanya Disilet-silet ...". Maaf, saya tidak berikan link-nya karena link ke sana akan menambah popularitas artikel saingan saya.

Akhir kata, coba Anda perhatikan title gambar-gambar Manohara di atas. Silakan geser mouse Anda di atas gambar tersebut. Jangan bilang kalau tulisannya GILA!!! Karena ini teknik CEO juga.

Memakai fungsi PHP dengan JavaScript

2009-05-30T08:54:00.000-07:00

Web programmer seperti Anda (barangkali) dan saya umumnya menguasai satu bahasa lebih baik daripada bahasa lainnya. Misalnya jika Anda menguasai PHP, meskipun Anda bisa juga menggunakan JavaScript atau ASP atau JSP atau juga yang lainnya, tetap saja Anda merasa coding dengan PHP lebih mudah. Akibatnya, Anda mengalami pengalaman yang menyenangkan ketika programming dengan PHP. Sebaliknya, ketika Anda menulis aplikasi web base menggunakan JavaScript, misalnya ketika Anda berniat membangun Rich Internet Application, terpaksa Anda menggunakan JavaScript, Anda membangunnya mungkin agak lamat dibandingkan jika Anda coding apa saja dengan PHP.

Dari situ saya melihat masalah. Kita terpaksa harus paham PHP dan JavaScript sekaligus. Ya ya, memang ini suatu yang wajar, tetapi tetap saja kita selalu berpikir, "Bagaimana sih melakukan ini ... di JavaScript? Biasanya kalau pakai PHP begini caranya ...". Begitulah kira-kira. Saya sendiri, karena terbiasa bekerja dengan PHP ingin fungsi yang ada di PHP, ada juga di JavaScript.

Alhamdulillah, kebutuhan itu telah terpenuhi. Saat ini ada PHP.JS. PHP.JS adalah proyek open source untuk porting fungsi-fungsi PHP agar tersedia juga di JavaScript. Sejarahnya panjang, lebih baik Anda baca sendiri karena cukup menarik kalau dibaca dari situs aslinya, kalau saya tulis ulang dalam bahasa Indonesia takutnya kehilangan sentuhan emosionalnya (ngeles, padahal karena Englishnya jelek hehehe).

Ada tiga pendekatan yang bisa kita pakai untuk memakai PHP.JS:
1. Download full package kemudian mengimport file php.default.min.js ke dalam file HTML kita.
2. Costumize fungsi-fungsi apa saja yang Anda butuhkan, kemudian download file yang hanya berisi fungsi-fungsi yang Anda butuhkan saja untuk diimport ke file HTML kita.
3. Atau copy dan paste fungsi yang kita butuhkan dari daftar fungsi yang didukung PHP.JS.

Kalau saya, saya jelas memilih opsi kedua, setidaknya untuk production. Sedangkan selama development, mungkin saya memilih cara ketiga. Karena saya belum bisa memastikan fungsi mana yang saya butuhkan, jadi daripada repot, copy paste saja. Sesuai dengan tema blog ini, Plug and Play Programming.

Bagaimana informasi ini? Berguna? Lumayan kan? Selamat mencoba. Jangan ragu-ragu untuk meng-klik salah satu ikon social network di bawah ini.

Color Scheme Generator

2009-05-29T08:35:00.000-07:00

Anda sadar? Kadang hal sepele seperti warna theme aplikasi yang sedang kita bangun sering kali menyita banyak waktu. Kadang programmer web seperti saya harus berlama-lama menatap tampilan prototype aplikasi yang kita buat di browser, hanya sekedar untuk menemukan paduan warna yang tepat. Misalnya, apa sebaiknya warna form-nya, font, juga background-nya.

Masalah ini juga saya alami ketika saya menggunakan jQuery UI. Mestinya dengan disediakan 15 theme default, saya cukup memilih salah satu dari pilihan tersebut. Tetapi entah kenapa rasanya saya pengen membuat yang lain. Makanya, saya coba pilih salah satu theme, kemudian saya edit dengan Theme Roller. Masalahnya, untuk akhirnya menentukan warna-warna yang saya gunakan, saya harus menggunakan tool yang ada. Padahal saya juga belum punya ide bagaimana tampilan program saya nanti. Jadi, development time yang mestinya cepat, menjadi lama.

Kemudian saya menemukan website yang bisa membantu kita menentukan paduan warna apa saja yang cocok satu sama lain. Saya sendiri baru sadar bahwa rangkaian kata tersebut disebut dengan kata sederhana, theme. Ya, website ini adalah Color Scheme Generator atau pembangkit skema warna.

Perhatikan screenshot di bawah ini:

Anda bisa gunakan Color Scheme Generator untuk memudahkan Anda memilih warna yang benar-benar matching satu sama lain. Kenapa Anda tidak coba?

Cara mendownload jQuery UI custom theme

2009-05-27T11:41:00.000-07:00

Berkali-kali saya mencoba membuat sendiri theme jQuery UI saya supaya matching dengan style aplikasi yang saya bangun. Ini pekerjaan yang cukup mudah.

Caranya? Kita cukup mengunjungi jQuery UI Theme Roller. Memilih salah satu theme default yang ada di sebelah kiri halaman. Jika Anda belum menemukannya, silakan klik tab Gallery. Di sana ada 15 theme default. Anda bisa mencoba-coba mereka dengan mengklik pada gambar thumbnailnya kemudian perhatikan perubahan pada komponen-komponen di bagian tengah halaman. Menarik bukan?

Selanjutnya, Anda bisa memilih salah satu theme untuk diedit. Ini yang saya lakukan. Saya memilih theme Smoothness. Kemudian klin Edit. Muncullah berbagai fasilitas customisasi pada tab Roll Your Own. Maka saya ubah di banyak tempat, termasuk saya ubah corner yang semula membentuk rounded, saya buat siku saja. Kemudian saya ubah beberapa warna agar dominan biru dari semula abu-abu dan putih.

Setelah saya puas, saya klik Download theme. Harapan saya tentu saja, theme yang sudah saya custom tadi bisa saya peroleh. Betul, saya bisa mendownloadnya dari halaman berikutnya, dengan menekan tombold sebelah kanan halaman, agak ke bawah. Tombol berwarna hitam.

Proses download berjalan lancar.

Saya penasaran, ketika file tersebut saya coba untuk ekstrak, ternyata GAGAL!!!! Saya coba berkali-kali, bahkan termasuk dengan IE 7, tetap belum berhasil. Untuk mendownloadnya dengan browser lain, Anda cukup mengcopy isi address bar pada browser sebelumnya ke address bar browser berikutnya.

Cari-punya cari solusinya dengan Google, saya temukan juga solusinya di http://dev.jqueryui.com/ticket/4431. Di sana dikatakan bahwa masalah terpecahkan hanya dengan refresh halaman tersebut. Aneh ya? Culun juga. Saya tidak percaya. Tetapi untuk memastikannya, saya coba juga.

Tahu nggak hasilnya? Download berjalan lancar, setelah halaman direfresh dan saya klik tombol hitamnya. Ketika saya buka file hasil download tersebut, kemudian saya ekstrak, ternyata BERHASIL!!!

Ingat, jangan menggunakan download manager apapun untuk mendownload custom theme ini, termasuk Down-Them-All bawaan Mozilla Firefox. Cukup download biasa dari browser, toh ukuran file-nya kecil, hanya 713 KByte saja.

Membuat presentasi cantik dengan 280Slides

2009-05-22T18:13:00.000-07:00

Saya pernah merasa hutang budi kepada Micro*t. Sederhana saja, karena 3 atau 4 tahun yang lalu saya memenangkan suatu lomba karya tulis ilmiah dan mendapatkan laptop, yang saya pakai ini. Waktu itu bahkan saya tidak terpikir untuk membeli sebuah laptop, rasanya di luar budget saya.

Singkat cerita, saya menggunakan Ms Power Po*nt 2007 untuk mempresentasikan konsep yang saya paparkan dalam karya tulis saya. Waktu itu, belum banyak yang menggunakan Office 2007. Karena berbagai fasilitas yang ada padanya, saya terpaksa meninggalkan OpenOffice 2.1. Hasilnya, presentasi saya memukau hampir seratus orang hadirin.

Fitur yang saya gunakan waktu itu antara lan:

Picture effect, sehingga saya bisa menampilkan foto yang dipercantik dengan bayangan cermin di bawahnya, juga rounded edge.
Smart art, membuat gambar atau diagram yang cantik dengan berbagai pilihan warna dan bentuk.
Effect untuk font, membuat font yang saya gunakan untuk title berkesan seperti kaca, cantik sekali.
Template yang benar-benar cantik.

Keempat fitur ini yang tidak saya temui di OpenOffice 2.1. No offence.

Pagi ini saya menemukan 280Slides. Sebuah website yang menyediakan Webapps berupa tools presentasi. Saya harus mencobanya. Anda juga bisa mencobanya, It's free, katanya.

Pertama saya memilih Theme defaultnya, Sagan, yang mirip desktop Mac Leopard. Mendekati fitur aplikasi presentasi pada desktop, dengan 280Slides Anda juga bisa menambahkan gambar maupun video. Beberapa fitur mengharuskan Anda untuk login terlebih dahulu. Misalnya insert gambar.

Memang fitur-fitur yang saya sebutkan belum tersedia, tapi kita bisa berharap saja akan ada segera.

Bagaimana cara pakai jQuery dan jQuery UI dari Google?

2009-05-20T11:34:00.000-07:00

Jika Anda meng-hosting sendiri website Anda, dan Anda menggunakan jQuery (juga jQuery UI), mungkin masalah utama Anda adalah lambatnya akses web tersebut. Mungkin ini akibat server yang kita yang sedikit lambat, atau file jQuery dan jQuery UI yang memang besar sehingga waktu downloadnya agak lama, atau bisa jadi karena bandwidth server kita kecil. Pilihan manapun tidak menyenangkan karena kita ingin website kita tampil cantik, tetapi juga cepat.

Ada solusi baru yang ditawarkan Google. Lagi-lagi Google ya. Hebat emang si Google. Anda bayangkan saja, client-client website kita mendownload file JavaScript dan CSS yang dibutuhkan jQuery dan jQuery UI dari server Google yang cepat, handal dan bandwidthnya mungkin tidak terbatas.

Masalah
Masalahnya, sampai saat ini belum ada tutorial lengkap tentang cara pakai jQuery UI yang disediakan Google agar tetap menampilkan theme yang cantik. Tutorial ini saya share karena sebelumnya saya sempat mengalami masalah ketika ingin mencobanya. Masalahnya antara lain:
1. Saya tidak tahu path file JavaScript-nya
2. Ketika saya beri fungsi pada $ seperti halnya Script jQuery lainnya, ternyata jQuery tetap tidak nongol
3. Ketika akhirnya saya menemukan solusinya, jQuery bisa nongol tapi theme jQuery UI belum bisa keluar, terpaksa saya pakai file CSS dan gambar yang saya host sendiri

Solusi
Setelah saya menemukan masalah-masalah ini, memang saya Googling, tetapi solusinya hanya berfungsi untuk mengatasi satu per satu masalah di atas. Tidak mencakup semuanya. Akhirnya ketika saya berhasil merajut solusi-solusi itu jadi satu, sebaiknya saya share saja di sini supaya teman-teman bisa juga menikmatinya, dan saya juga nggak lupa.

Ini contoh penggunaannya untuk menampilkan komponen Accordion.

Tambahkan baris-baris ini di dalam tag HEAD HTML Anda

Bagaimana membuat menu seperti iPod dengan jQuery?

2009-05-19T15:40:00.000-07:00

Anda bisa menggunakan tutorial ini untuk membuat menu dropdown dengan sebuah HTML list. Menu ini memiliki tampilan yang cantik, seperti menu pada iPhone atau iPod dengan ada beberapa variasi lokasi meletakkan child menu-nya.

Untuk menggunakan menu ini, Anda membutuhkan jQuery dan pengetahuan tentang HTML dan JavaScript yang cukup matang. Pemahaman tentang CSS juga Anda perlukan jika ingin mengubah-ubah tampilan dan gaya menunya. Tapi saya rasa, style defaultnya sudah cantik sekali. Anda mungkin tidak perlu mengubahnya.

Anda bisa melihat ke halaman berikut untuk melihat bagaimana menu-menu ini bisa ditampilkan dengan lebih fleksibel, dan Anda bisa melihat source-nya (View Source pada browser Anda):
1. Flat
2. Dengan link untuk Back dan breadcrumb
3. Fly out menu

Anda juga bisa mendownload seluruh file yang ada pada tutorial ini di sini.

Bagaimana membuat icon sendiri?

2009-05-19T15:20:00.000-07:00

Asli, membuat icon sendiri kadang perlu juga. Apalagi kalau kita mau membuat aplikasi yang sifatnya komersil. Selain icon yang kita buat sendiri bisa tampil lebih sesuai dengan theme web atau aplikasi yang kita buat, juga kita bisa merasa lebih aman dari tuntutan hukum pembuat icon aslinya (kalau kita sekedar mengambil icon-icon dari sumber-sumber yang ada).

Berikut ini beberapa tutorial tentang bagaimana membuat icon:
1. Membuat icon dengan Gimp
Dalam artikel tersebut, kita diajarin membuat icon dari gambar yang kita dapatkan (misalnya dari Google Search) dengan Gimp (software semacam photoshop yang berlisensi GPL, biasa digunakan di Linux). Ternyata gampang bikin icon.

2. Membuat icon dengan Adobe Photoshop
Berbeda dengan artikel sebelumnya yang menggunakan gambar yang sudah ada. Di artikel ini, kita diajarin membuat icon dengan gambar yang kita buat sendiri. Buat sendiri lo! Mantab banget nih artikel. Sayang pendek banget.

Lalu baiknya mana yang kita ikuti? Terserah.

100 icon cantik yang bisa di download gratis

2009-05-19T13:56:00.000-07:00

Bagi programmer, khususnya web programmer, icon bagaikan garam. Tanpa icon, software kita akan terrasa hambar alias sepi tanpa warna-warni. Saya pernah membuat aplikasi yang molor penyelesaiannya hingga 2 minggu hanya karena belum menemukan icon yang tepat.

Googling juga kadang gak membantu. Googling dengan kata kunci "free icon", misalnya. Memang akan menghasilkan web-web penyedia icon gratis yang paling populer. Tetapi kita tetap harus memilah-milah mana yang bisa kita pakai, karena toh web-web tersebut menyediakan berbagai kategori icon dan umumnya icon-icon yang ada di web-web itu duplikasi antara satu situs dengan situs lain. Nampaknya karena memang sebenarnya jumlah icon set yang free itu juga terbatas.

Pada kesempatan ini, saya ingin berbagi resource dengan temen-temen. Saya sudah mengumpulkan sumber-sumber icon yang bagus. Barangkali ada temen-temen yang perlu, silakan di unduh di situs aslinya. Tentang penggunaannya tentu saja menyesuaikan term of condition yang berlaku di masih-masing sumber ya.

Situs-situs ini menyediakan icon yang cantik-cantik.
1. Project Icon

2. Web Injection

3. Free iPhone Style Sidebar Icon

4. 2S Space Emoticon

5. The Blacy Emoticon

6. Colorful 32px Mania Iconset

7. Social Media Icon

8. Glossy Browser Icon

9. Finance and Appplication Iconset

10. Torqua 3D Isometric Icon

11. On Stage Free Vector Iconset

12. Coqueta Iconset

13. Blogging Iconset

14. Bright

15. Web Application Iconset

Gimana? Manteb-manteb kan?

Kalau teman-teman ingin mengunjungi situs penyedia icon-icon gratis, silakan coba link-link berikut ini:
1. Free Icons Web
2. Icon Archive
3. Free Icons Download
4. Best Free Icons
5. Nesoft Icon Gallery

Happy surfing!

Bagaimana membuat website untuk iPhone?

2009-05-18T12:46:00.000-07:00

Seorang teman bercerita bahwa seorang remaja telah menjadi milyuner di Singapore setelah dia memasarkan sebuah game untuk ponsel iPhone. Lalu terpikir oleh saya untuk melakukannya juga. Saya menelusuri website Apple untuk mengetahui caranya. Begitu mengetahui caranya, saya kecewa berat karena saya harus menginstall sebuah aplikasi, yang ternyata hanya jalan di Mac OS. Yah, sayang, saya hanya punya Ubuntu dan Wind*s bajakan.

Waktu itu saya belum menyerah, saya coba menginstal Hackintosh. Bahkan saya membeli DVD nya dari seorang kenalan di Surabaya. Tetap saja saya tidak bisa menginstallnya di laptop saya. Naseeb.

Tapi, tak apalah, mungkin saya bisa membuat aplikasi untuk iPhone tetapi berbasis web. Saya mengenal sebuah tools untuk melakukannya, iWebKit. Anda bisa mendownloadnya secara gratis karena iWebKit berlisensi LGPL. Anda bisa mendapatkan sebuah ebook di dalamnya dan mempelajari bagaimana menggunakan iWebKit.

Selamat mencoba.

Ingin wisata ke puluhan tempat terindah di dunia?

2009-05-18T12:13:00.000-07:00

Pernahkah terpikirkan untuk berkunjung ke Grand Canyon, di Amerika? Atau memanjat gunung es di Alaska? Atau ingin melihat megahnya Machu Pichu, piramid Indian? Yah, mungkin untuk itu kita perlu menabung bertahun-tahun, atau Anda tidak ingin menyia-nyiakan uang Anda hanya untuk perjalanan yang tidak menghasilkan?

Klik saja gambar-gambar di bawah ini, dan Anda akan mendapatkan pengalaman seolah-olah Anda berrada di tempat-tempat tersebut karena Anda bisa melihat 360 derajat ke sekeliling Anda. Bahkan ke atas!

Ah, ya, saya malah sudah bernostalgia ke Fontana Di Trevi. Saya pernah mengunjungi tempat ini tahun 2005. Tempat yang amat indah, meskipun saat itu saya kehabisan uang hahaha. Menginap semalam saja menghabiskan biaya 1,5 juta rupiah.

Anda bisa mendapatkan puluhan tempat wisata terindah di Panorama 360. Sayang, saya tidak mengerti bahasa dalam website ini. Tetapi yang jelas, ini adalah pengalaman yang indah. Selamat mencobanya.

Bagaimana melakukan read, insert, update dan delete data di server dengan J2ME bagian 3

2009-05-16T18:19:00.001-07:00

Dalam function.php saya tambahkan baris program yang meminta PHP untuk menggunakan skema database tutorial.

$link = mysql_connect('localhost', 'root', 'Ultimate10');
if (!$link) {
die("Koneksi database gagal: " . mysql_error() . ".");
}
mysql_select_db("tutorial") or die("Database tidak dapat dibuka.");

Sampai tahapan ini, kita sudah memiliki koneksi ke skema database tutorial. Jika tidak berhasil, misalnya skema database belum dibuat, maka akan muncul pesan Database tidak dapat dibuka.

Kemudian, saya melengkapi program kita dengan fungsi-fungsi yang sudah dijanjikan pada bagian pertama seri ini, yaitu untuk insert, read, update dan delete data dalam tabel. Silakan perhatikan kode program berikut:

function insertCustomerData($nama, $alamat, $tagihan, $catatan) {
global $link;
$sql = "INSERT INTO datapelanggan (nama, alamat, tagihan, catatan)
VALUES ('$nama', '$alamat', '$tagihan', '$catatan')";
$result = mysql_query($sql);
return $result;
}

function readCustomerData($idPelanggan) {
global $link;
$error = 0;
$data = array();
$sql = "SELECT nama, alamat, tagihan, catatan FROM datapelanggan
WHERE idpelanggan='$idPelanggan'";
$result = mysql_query($sql);

if ($result) {
if (mysql_num_rows($result)) {
while ($row = mysql_fetch_assoc($result)) {
$data = array("nama"=>$row["nama"],
"alamat"=>$row["alamat"],
"tagihan"=>$row["tagihan"],
"catatan"=>$row["catatan"]
);
}
} else {
// Data tidak ditemukan
$error = 2;
}
} else {
// Query SQL gagal
$error = 1;
}
$result = array("errorcode"=>$error,
"data" => $data
);
return $result;
}

function updateCustomerData($idPelanggan, $nama, $alamat, $tagihan, $catatan) {
global $link;
$sql = "UPDATE datapelanggan
SET nama='$nama', alamat='$alamat', tagihan='$tagihan', catatan='$catatan'
WHERE idpelanggan='$idPelanggan'";
$result = mysql_query($sql);
return $result;
}

function deleteCustomerData($idPelanggan) {
global $link;
$sql = "DELETE FROM datapelanggan WHERE idpelanggan='$idPelanggan'";
$result = mysql_query($sql);
return $result;
}

Hingga tahap ini, kita sudah memiliki fungsi-fungsi yang dibutuhkan. Tetapi kapan fungsi ini digunakan? Kita perlu melengkapi program kita dengan kode berikut untuk menangani permintaan GET.

// Fungsi utama untuk
if (isset($_GET["function"])) {
switch ($_GET["function"]) {
case "INSERT": {
if (isset($_GET["parameters"])) {
$parameters = explode("||", $_GET["parameters"]);
if (count($parameters)==4) {
$result = insertCustomerData($parameters[0], $parameters[1], $parameters[2], $parameters[3]);
echo $result;
}
}
}
break;
case "READ": {
if (isset($_GET["parameters"])) {
$parameters = $_GET["parameters"];
$result = readCustomerData($parameters);
if ($result) {
echo $result["errorcode"];
if ($result["errorcode"]==0) {
echo "##";
echo $result["data"]["nama"] . "||" .
$result["data"]["alamat"] . "||" .
$result["data"]["tagihan"] . "||" .
$result["data"]["catatan"];
}
};

}
}
break;
case "UPDATE": {
if (isset($_GET["parameters"])) {
$parameters = explode("||", $_GET["parameters"]);
if (count($parameters)==5) {
$result = updateCustomerData($parameters[0], $parameters[1], $parameters[2], $parameters[3], $parameters[4]);
echo $result;
} else echo 3; // 3 adalah error code parameter tidak cocok
}
}
break;
case "DELETE": {
if (isset($_GET["parameters"])) {
$parameters = $_GET["parameters"];
$result = deleteCustomerData($parameters);
echo $result;

}
}
break;
}
}

Selesailah script PHP sebagai server aplikasi kita.

Anda bisa mengeceknya dengan mengetikkan URL berikut ini ke address bar browser Anda:

http://localhost/Tutorial/function.php?function=INSERT¶meters=Nunik%20Yulianingsih||Perumahan%20Kurnia%20Alam%20Permai%20Blok%20E%20No%209%20Depok||150000||Lunas

http://localhost/Tutorial/function.php?function=UPDATE¶meters=2||Nunik%20Kutoarjo%20Yulianingsih||Perumahan%20Kurnia%20Alam%20Permai%20Blok%20E%20No%209%20Depok||150000||Lunas

http://localhost/Tutorial/function.php?function=READ¶meters=2

http://localhost/Tutorial/function.php?function=DELETE¶meters=2

URL-URL di atas berturut-turut digunakan untuk menambah, mengubah, membaca dan menghapus data sebuah record di tabel pelanggan dalam skema database tutorial. Penasaran? Silakan mencoba.

Di posting berikutnya, kita akan mulai membuat projek J2ME-nya.

Bagaimana melakukan read, insert, update dan delete data di server dengan J2ME bagian 2

2009-05-16T16:49:00.000-07:00

Ok. kita lanjut tutorial kemaren. Kondisinya, saya sudah punya Apache HTTPD, MySQL dan PHP, juga PhpMyAdmin. Entah kenapa, MySQL Query Browser saya masih error.

Ok. Hal pertama yang saya lakukan adalah membuat database-nya seperti yang dibicarakan kemarin.

Tabel di atas saya buat menggunakan PhpMyAdmin. Mudah-mudahan Anda sudah cukup mengenalnya. Setelah saya Save skema tersebut, saya melanjutkan dengan membuat file PHP untuk servernya.

Saat ini saya memakai Linux dan installasi Apache-nya menggunakan APT. Maka ini yang saya lakukan:
1. Membuat direktori Tutorial dalan direktori Projects (direktori tempat saya menyimpan proyek-proyek PHP saya. Lokasinya kurang lebih seperti ini /home/pokemon/Projects/Tutorial.

2. Membuat file function.php di dalam direktori tersebut. Di dalamnya saya membuat kerangka fungsi-fungsi yang dibutuhkan dan menambahkan koneksi ke MySQL yang sederhana di awalnya, dan ditutup di akhir file.

// Koneksi ke database MySQL
$link = mysql_connect('localhost', 'root', 'password-mysql');
if (!$link) {
die('Koneksi database gagal: ' . mysql_error());
}

// Fungsi-fungsi
function insertCustomerData() {

}

function readCustomerData() {

}

function updateCustomerData() {

}

function deleteCustomerData() {

}

// Menutup koneksi
mysql_close($link);

?>

3. Mengubah file konfigurasi Apache agar bisa mendeteksi projek baru saya.

$ sudo kate /etc/apache2/apache2.conf

Perintah di atas berfungsi untuk membuka Kate (text editor sederhana di Kubuntu) dengan mode admin (root). Saya tambahkan entry berikut ini

Alias /Tutorial/ "/home/pokemon/Projects/Tutorial/"

AllowOverride None
Options IncludesNoExec
AddOutputFilter Includes html
AddHandler type-map var
Order allow,deny
Allow from all
LanguagePriority en cs de es fr it nl sv pt-br ro
ForceLanguagePriority Prefer Fallback

Perhatikan di atas, lokasi projek saya ditulis 2 kali. Langkah ini gunanya adalah agar nanti jika saya mengetikkan http://localhost/Tutorial/function.php, maka script PHP yang dijalankan adalah /home/pokemon/Projects/Tutorial/function.php.

4. Restart server Apache saya

$ sudo /etc/init.d/apache2 restart

Sampai tahap ini, function.php sudah diakses dan jika tidak ada pesan error ketika kita buka dengan Browser, maka mestinya koneksi dengan MySQL sudah benar.

Me-reset password MySQL yang kelupaan

2009-05-14T12:45:00.000-07:00

Rupanya saya lupa saya pakai password apa ketika install database server MySQL di komputer Kubuntu 9.04 saya. Agak panik juga. Tetapi seperti biasa, Oom Google membantu saya. Jika Anda mengalami masalah yang sama, silakan lakukan ini:

$ sudo dpkg-reconfigure mysql-server-5.0

Nantinya, akan muncul prompt berwarna biru untuk mengisikan password root MySQL Anda (jangan tertukar dengan prompt password sudo ya) yang baru. Masukkan dan ingat-ingat, jangan sampai lupa lagi.

Terima kasih http://ubuntu-tutorials.com/2008/01/08/how-to-reset-the-mysql-password-ubuntu-710/.

Bagaimana melakukan read, insert, update dan delete data di server dengan J2ME

2009-05-14T11:10:00.000-07:00

Siang ini seorang teman menelpon, menanyakan realisasi janji saya beberapa waktu yang lalu. Benar, pada waktu itu saya menjanjikan akan memberikan semacam tutorial tentang bagaimana mengakses data di server.

Latar belakangnya begini, Pak Sugeng (sebut saja begitu), ingin membuat aplikasi ponsel yang bisa digunakan untuk menampilkan data-data pelanggan, kemudian mengeditnya sembari di depan muka pelanggan, hingga menyimpannya kembal ke server.

Untuk melakukannya, saya sebenarnya perlu melakukan persiapan terlebih dahulu. Justru ini yang sedang saya lakukan (sampe begadang-begadang, padahal besok pagi harus meeting dari pagi sampai sore, hiks). Berikut ini yang perlu saya persiapkan:
1. IDE (Integrated Development Environment untuk coding J2ME,
2. Database server (MySQL),
3. Server side scripting (PHP),
4. Sebuah mekanisme remote procedure call atau fungsi di server yang bisa dipanggil dari client

IDE, idealnya menggunakan Netbeans 6.5

Untuk coding J2ME secara drag and drop, idealnya saya menggunakan Netbeans 6.5. Saya sudah pernah mendownload aplikasi ini. Nanti akan saya install kembali di OS baru saya, Kubuntu 9.04. Wah, lumayan juga nih, refreshing ilmu lama.

Apache, MySQL dan PHP

Saya sudah menginstall Apache, MySQL dan PHP beberapa saat yang lalu di Kubuntu 9.04 ini. Berikut ini perintahnya:

$ sudo apt-get install apache2 php5-mysql libapache2-mod-php5 mysql-server

Perintah tersebut digunakan untuk mendownload langsung Apache2, MySQL dan PHP5, sekaligus menginstallnya di sistem saya.

Untuk pengguna Windows, mereka dapat menggunakan paket Xampp yang di dalamnya sudah tercakup Apache, MySQL dan PHP. Bayar gak? Tentu saja free open source.

Remote procedure call untuk melakukan insert, read, update dan delete

Sebelum bisa punya mekanisme ini, tentu saja saya harus membuat terlebih dahulu databasenya, juga table dan field-fieldnya. Untuk lebih sederhananya, saya akan membuat sebuah skema database bernama tutorial. Di dalamnya saya membuat tabel datapelanggan yang memiliki field-field: idpelanggan, nama, alamat, tagihan, dan catatan.

Saya menggunakan tool MySQL Query Browser untuk melakukannya. Ada sedikit masalah, ketika saya menjalankan MySQL Query Browser, saya tidak bisa terhubung ke database MySQL di localhost. Padahal saya sudah nyalakan servicenya. Hmm... aneh. Saya coba tool lain deh, mungkin PhpMyAdmin. Tapi saya harus download aplikasi ini, hiks.

$ sudo apt-get install phpmyadmin

Untuk pengguna Xampp, Anda boleh gembira karena PhpMyAdmin sudah tersedia untuk Anda.

Ok, sembari menunggu, saya akan ceritakan dulu rencana saya.

Nanti, kalau database udah jadi, saya akan buat 4 fungsi dengan script PHP dalam sebuah file saja, function.php. Fungsi-fungsi tersebut antara lain, insertCustomerData(), readCustomerData(), updateCustomerData(), dan deleteCustomerData().

Keempat fungsi tersebut tentunya harus melakukan fungsinya, mengacak-acak database, tentu saja. Nah, kemudian, saya harus juga menyediakan suatu cara agar fungsi-fungsi tersebut bisa diakses dengan ponsel. Maka saya sediakan sebuah listener dengan PHP untuk mendengarkan, jika ada permintaan fungsi, maka function.php akan mengecek, apakah fungsi yang diminta terdapat di sistem atau tidak. Jika ya, cek lagi, apakah parameternya lengkap atau tidak. Jika ya, jalankan fungsi yang diminta, kemudian berikan hasilnya kepada peminta.

Peminta yang saya maksud adalah ponsel. Sampai di sini sisi server sudah selesai.

Saya kemudian akan membuat fungsi/method dengan J2ME untuk memanggil keempat fungsi tersebut. fungsi tersebut adalah pemetaan dari tiap fungsi server, berikut parameternya. Setiap method tersebut nantinya akan dikirimkan dengan format tertentu ke server menggunakan protokol HTTP. Berarti juga, saya harus membuat method untuk mengirimkan data apapun melalui protokol HTTP. Setelahnya, saya juga harus menambahkan fungsi untuk parsing data dari ponsel ini di sisi servernya (function.php).

Hasil dari server akan dikembalikan ke ponsel dalam bentuk HTTP Response dari request yang dikirim. Dalam format tertentu pula. Maka, pada ponsel pun harus disiapkan method untuk parsing response dari server ini.

Terakhir, saya harus membuat tampilan program di ponsel untuk simulasi program ini. Ini mudah dilakukan dengan Netbeans 6.5.

Ok. Kira-kira begitulah skenario yang akan saya kerjakan, mungkin lusa, karena jadwal meeting besok padat (meskipun cuma sebagai pendengar) dan sorenya saya harus ikut Outbond sampai Sabtu siang. Sepertinya Pak Sugeng harus bersabar sementara waktu.

Bagian 2
Bagian 3

Bagaimana mengganti template blog di blogspot/blogger?

2009-05-14T07:12:00.000-07:00

Di sela-sela 'kesibukan', sah sibuk :P, saya menyempatkan diri mengunjungi blog saya ini yang sudah lama nggak dimaintain. Biasanya memang saya cuman maintain blog utama saya. Ternyata setelah dilihat-lihat, isi blog ini lumayan keren juga yah. Sayang kalau ditelantarkan. Apalagi tampilan sebelumnya, dafault banget.

Terilhami dari blognya Ammar (tepatnya sih clog-nya, apa tuh maksudnya clog?), saya jadi pengen ganti template. Tapi yang nggak standar gitu lo. Beda dengan Wordpress yang menyediakan blog dengan theme yang lumayan banyak tapi static, blogger atau blogspot menyediakan sedikit template tapi sangat dinamis. Kita bisa mengubah-ubah theme yang ada, bahkan menggantinya sama sekali. Perhatikan aja blognya Ammar, Anda pasti nggak menyangka itu dari blogspot. Oh iya, nggak usah jauh-jauh lah, lihat aja blog ini. Beda toh dengan blog-blog yang lain?

Kita bisa download theme-theme blogger yang banyak dishare sama temang-teman di Internet. Nggak usah takut, gratis! Nggak percaya? Silakan kunjungi web-web ini:
1. A new morning dot com
2. Blogger themes
3. Mashable
4. dll

Kalau mau pilihan lebih banyak lagi, silakan googling aja. Cari dengan kata kunci blogger theme, blogger template, blogspot theme atau blogspot XML template.

Kalau udah milih salah satu dari banyak pilihan itu, silakan buka dashboard account blogger Anda. kemudian pilih Tata Letak | Edit HTML. Di halam tersebut akan ada pilihan untuk mengupload dari sebuah template yang ada di komputer kita. Klik aja Browse kemudian pilih Unggah. Maka template baru Anda akan diaktifkan. Terakhir, Anda masih bisa mengotak-atik template pilihan Anda tersebut sehingga bisa menjadi template unik Anda.

Perhatikan gambar di bawah ini, barang kali Anda bisa melihat lebih jelas.

Hehehe, lucu juga ya bahasa Indonesianya upload ternyata Unggah. Bener gak sih berdasarkan kamus? Kayanya ini versi Google deh.

Tertarik? Silakan mencoba.

Hello world project at Android

2008-03-25T05:34:00.000-07:00

After successing in Android SDK installation, it's time to try my first Android code. Anyway, it's written in Java, but a little different from J2ME I've known before.

Here's the steps (use Eclipse):

Create a new Android project: File | New | Android Project
Fill the project detail. I filled the Project name by Terminator1 (since I remember Arnold's movie "Terminator" when I heard Android); package name com.caliphsoft.firstandroid (since this is my first Android program and I have a website named www.caliphsoft.com; Activity name: terminating (so my executable file will be terminating.java); Application name: Terminator1 (this name will be used by Android phone to name my application)
Select Finish button
See the left panel (Package Explorer), you have project named Terminator1
Double click at the src | com.caliphsoft.firstandroid | terminating.java, you will have the file is auto generated by Eclipse and ADT plugin.
I modify this file with these line

package com.caliphsoft.firstandroid; import android.app.Activity; import android.os.Bundle; import android.widget.TextView; public class terminating extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle icicle) { super.onCreate(icicle); TextView tv = new TextView(this); tv.setText("Hello, I'm Arnold Schwarzeneger.\nWho are you Android?"); setContentView(tv); } }
I saved it
Right click at Terminator1, select Run As | Android Application
At this point you will see Android phone emulator with ANDROID_ word then turn into bouncing red light. At this point you should be patient. The application will appear soon
Congratulations, it works! Isn't it pretty?

Install Google Android SDK in my Ubuntu

2008-03-25T04:10:00.000-07:00

Really, I love Java mobile application developing. And right now, I want install Android SDK in my laptop:

First, we must have the Android SDK from here (download it),
Extract the SDK at some location. You can right click the file from Nautilus then select Open with "Archive Manager". Left click on the android SDK ... then click Extract button. Select where you want it installed. Remember this location,
I also download Eclipse IDE from www.eclipse.org. Before I usually use EasyEclipse. but unfortunately it doesn't fits well. So I download a fresh copy from Eclipse.org. And it works. Also I extract it to some location,
Run Eclipse IDE by left click on eclipse (executable file).
Click Help | Software Updates | Find and Install. After that Search for new features to install.
Click Next.
Click New Remote Site button. Fill Name field with Google Android and URL with http://dl-ssl.google.com/android/eclipse/
Let the Update Manager works
Select the checkbox for Android Plugin | Developer Tools
Click on the checkbox for Accept term of the license agreement then press Next
Press Finish
Select Install All
Restart Eclipse
After restarting, update your eclipse preference by clicking on menu Window | Preferences. Select Android of the left panel
Browse the SDK location from setp 2. Click Apply then OK.
Thats it! You can create new Android project now.

Eclipse

2008-03-12T13:03:00.000-07:00

What is Eclipse?
Eclipse is a nice and really fast programming tools. It's an Integrated Development Environment.

What can we do with Eclipse?
We can do a lot things. Programming of cource. Unit testing our programs. We can code in Java, PHP, C and C++. That's the language I've ever tested using Eclipse.

Where can we get this software?
You can download it from www.eclipse.org. For newbie, I recommend you to download it form www.easyeclipse.org. Why easyeclipse? Because they give the easy version of Eclipse. If you wish to develop desktop Java application, just download the Java desktop version. You can also have the mobile java, PHP and some other version. If you have choose one, you can add some plugins to it. You can download the plugins at the same site (www.easyeclipse.org).

Can I see how is it looks? Is it better then my IDE?
Here, you can see Eclipse to be used for J2ME programming. I program a simple Java program for cellphone.

Adding Calibri and Cambria Fonts

2008-03-12T01:50:00.001-07:00

I added two of Microsoft's fonts to my Ubuntu these ways:

Copy the truetype fonts from the mounted Windows partition
/media/sda1/WINDOWS/Fonts [read as directory WINDOWS/Fonts in Windows]
To /usr/share/fonts/truetype/msttcorefonts. If it doesn't exists yet then create one. Don't change the name
It's done!
Please select System | Preference | Appearance and click Fonts tab
See, there is Calibri and Cambria
You like it?

What? you cannot copy them? Of course you need to do sudo.
$ sudo nautilus

Fight for SopingSenter

2008-03-12T00:29:00.001-07:00

Yesterday, I went to Yogya to presentate my software named SopingSenter in UGM Open Source Competition. It's just a simple program by now. Working as a couple application. One side (server side) made with PHP on Apache server. The other side made with J2ME (for the phone). It works like the illustration at the left side.

There present 9 of 10 applications author which presentate their software for the competition. One of them is my friend M. Taufik Yusuf who brought his software Smess. Smess is a secure messaging application via SMS. Simply a crypto SMS application. The others are:

I Made Budi from Denpasar with BiOS (Billing Open Source), such an interesting and fully working billing system for internet cafe in Indonesian way.
Chandra with his Etix, a new Linux distro made from Linux From Scratch. He lives in Yogya.
Shihabul Milah with his gSpeedyDownloadAlert who came from Batam
...

It's just an interesting competition since it was an open source competition but the judge, Mr. Azahari (which act as Simon in American Idol), always using his Windows XP to surf the web during the competition.

Really I didn't think that I would win this competition. I thought Budi will. He seems too ready and looks too cool. Thank God I won thefirst prize because God knows I need it.

Here are some screenshot of my application:

Now Rhythm, maybe next Eclair

2008-02-10T03:25:00.000-08:00

gOS has by default installed by Rhythm Music Player. I wondered why didn't they includes Eclair as their default music player, because Eclair is developed for E17. Then I tried to install Eclair.

After finishing the installation, I ran it. I see the looks is really good. But when I played some music using Eclair, sometime problems are occured. Maybe this problem makes them using Rhythm instead. But I am sure, for further development Eclair will get more stable. I hope.

E17 Desktop Tutorial Part 2

2008-02-08T02:19:00.000-08:00

Continuing the previous tutorial, now I will write about File Manager.

There is one default E17 File Manager installed by default from gOS CD. Although it looks good with a few buttons and simple control, I really missed many other features founded in other File Manager. If you used to using Nautilus or Konqueror, you will think that E17 is imperfect. Only a few operations can be done. Even if you want to copy a file from removable storage, you will have a trouble to move from one place to another.

PCMan File Manager
In order to solve this, finally I choose to install another independent file manager. I mean a file manager that is not depends on a desktop manager like Nautilus which is depends on Gnome or Konqueror which is depends on KDE. So I search for such an application in SourceForge.net and I found PCMan File Manager. It's quite a simple and fast file manager. I browse the bonary package hoping to find the .deb package so I need no more compilation.

I download it and install it. To install it, I open the default E17 file manager. Browse the downloaded file then double click on the icon. System will open GDebi Package Installer. If you connect to Internet, you will be able to install it. Otherwise you cannot because it will need to download other files it depends. Finally, you can use it with menu | Applications | Settings | PCMan File Manager.

Well, actually I wouldn't do it if I don't need it. It looks bad. If you want to change the icon theme, I think you really need to download Gnome icon theme somewhere in Internet such as www.gnome-look.org. If you decided to use it also, please beware of bugs. Some bugs may be occure.

Original (default) File Manager
If you decided not to use other file manager, please read these tipss.

Don't ever press your keyboard if you want to search for files, e.g. if you want to search for a file beginning with Ubu; you need to read it manually before find it,
You can go up one directory using right click then Go to Parent Directory; this is the best way you can have right now (hope it will be growing better),
If you know the location you want to navigate, please write it in the Location: text field,
If you want to copy a big file, you better do it with Root Terminal because if you use it with the default file manager, there will be no progress indicator; if you use Root Terminal, at leas you know when the prompt occure it means the copying operation is done,
You can see the hidden file (files beginning with a dot/ .[something]), you can right click then check Show Hidden Files

At least that is what I can say right now.

E17 Dekstop Tutorial

2008-02-07T18:51:00.000-08:00

E17 is quite different with other popular desktop manager like Gnome, KDE even Microsoft Windows. So if you used to using Microsoft Windows or Ubuntu, there is possibilities you will confuse with the desktop layout. even the menus. But, here I will write some usefull guide for new gOS/E17/Enlightenment users.

Access the menu using left click on desktop
Unlike Ubuntu which menu is in the top-left side of the desktop, E17 menu is accessed using a single left click at the desktop screen. If you right click at the desktop then Favourite Applications menu will be displayed.

See this screenshot at the left.
The application listed at the right side of the menu is grouped by it's genre. Like in Ubuntu or LinuxMint.

You can also click at the gOS logo at the top-left corner of the desktop. The popup menu which occure is axactly the same. This way, you will have the same feeling when accessing Ubuntu's menu.

Changing the wallpaper
To change the wallpaper, we just left click on the desktop, then select Configuration | Wallpaper. There we will have Wallpaper Settings window. We could import our picture or downloaded wallpaper using Picture... button.

After pressing Picture... button, you can choose the picture by browsing it using the Select a Picture... window.

You can also use animated background file (.edj file). This feature is really different from other Desktop Manager. E17 wallpaper is able to animated. You can download it from www.get-e.org or www.e17-stuff.org.

Changing E17 theme
The theme used by gOS is pretty. With white and green colors, it looks fresh. But if you want to use another theme you can also have it. e17-stuff.org and get-e.org hosts some nice theme. You should try one. Please download and have a try.

For illustration, here I have downloaded DarkRevolution theme. I will demonstrate it how to use the theme.

From the menu, I choose Configuration | Theme. Then comes Theme Selector window. I import darkrevolution.edj which I downloaded previously. Click the Apply button. Whoala ... the theme is used. It's dark and purple. The windows will looks black, the gOS logo changed to Enlightenment's logo, and the menu looks dark, blinking. The theme will looks nice if you change also the wallpaper from Wallpaper Settings by checking the Use Theme Wallpaper. Then click Apply. It will looks something like this:

It looks futuristic, but I prefer to use original gOS theme.

Ms Exchange is difficult

2008-02-06T01:12:00.000-08:00

A few weeks ago we tried to set up an email server. We used Microsoft Exchange Server 2003 with Ms Windows Server 2003 as the operating system. We didn't use Linux because it was so hard to implements Qmail or Postfix. We needed also this server since we want to use Funambol. An open source push mail server written in Java. Funambol had pretty good enough documentation to deal with Ms Exchange, not other mail server.

Then comes a problem. We didn't know how to activate the push mail feature. Wether we also didn't know how to start the POP3 service, since if we start POP3 service then IIS server will down (causing the SMTP also down). I didn't have any idea why was it so.

After a few search, finally we found this page. It should be worth to read since it came from the origin of the software (Microsoft). I am reading these pages, and it should be usefull for further reading (in case my team want to read it too).

My conclusion is Microsoft's solution is always buy BUY and more BUY!

MySQL GUI front end for gOS (and other Linux)

2008-02-04T20:52:00.000-08:00

PhpMyAdmin is good, but sometime we need more comfortable application but is is not as easy as I expected. Especially in the case when we need to insert more records at once. What I need is a desktop application to deal with MySQL database.

MySQL GUI tool from MySQL AB is a good solution. For gOS and other Ubuntu based Linux dsitribution can install it using APT or Synaptic. Here is the command to use:

#apt-get install mysql-admin

I didn't use sudo because I use Root Terminal. After the installation is done, We can access the application from menu Application | Programming | MySQL Administrator and MySQL Query Browser.

I've tried it and it's running well. For gOS (also Ubuntu) users, don't get bother by downloading from MySQL official site, because you will get more problems. Beleive me, I've tried it. APT way is better.

With MySQL Administrator, you could start and stop mysql easily using it's GUI. I don't mean that using console to start and stop MySQL is difficult. What I mean is, it will feel better to do this using some kinda GUI. You can also do something more complex using this application.

MySQL Query Browser enables us to manage a single database. We can restructure a table, insert or delete the records easily, adding more fields and much more.

Installing Apache, MySQL and PHP in gOS

2008-02-04T00:37:00.000-08:00

Apache2
In fact, gOS is inherited from Ubuntu, so the way Ubuntu to install Apache, MySQL and PHP should also work here. So I open Ubuntu's official documentation about installing them here. I tried the tutorial there and hoped that it'll work. So this is the steps (I use Root terminal so no need to sudo):

#apt-get install apache2

Above line will alse install apache2-mpm-worker, apache2-utils, apache2.2-common, libapr1 libaprutil1, libpcre3 libpq5 and also apache2-doc.

Right after the installation is done, the apache2 should also been started by default. You can check it using firefox browser by pointing to localhost. It should seems like the picture in the left.

MySQL
The next step is to install mysql server (also we need mysql client to manage the database). The command is simply like this:

#apt get install mysql-server mysql-client

This line will install mysql-server, mysql-client together with it's required libraries. You needs just answer it "Yes" when the system ask for confirmation.

While waiting for the installation which take sometime, I will prepare an application to create and manage my PHP scripts. It's Eclipse with PHP module. I don't like to use Bluefish neither Nvu. It does not suits me. So I choose Eclipse, since I used to using it while coding Java applications. I browse to www.easyeclipse.org, checking for the latest version. I should download the PHP distribution here. I choose the classic version since I need it to code PHP.

Aaahhh. Finally mysql installation is done. Once the download (the installation is simply downloading and setting up the applications) is finished, system will prompt you for a new password for "root" user in mysql database. You have to set the password taht you can remember it well yet difficult to guess.

After the new password is inserted, system will test the database,and finally restart it. So MySQL shoul be started by now. You can check it this way from the Root Terminal:

#netstat -tap|grep mysql

After a few seconds, the console will show something like this:

tcp        0      0 localhost.localdomain:mysql           *:* LISTEN -

This means the mysql works good and listening for requests.

PHP5
Next step is install PHP5.

#apt-get install php5-common php5 libapache2-mod-php5 php5-mysql

Ok, if the installation is finished, then we are ready to write our first PHP script. First I write a script to test my PHP installation, called info.php. From Root Terminal, I write:

#leafpad /var/www/apache2-default/info.php

Then in Leafpad, I write:

phpinfo();

Of course we also must use the php identifier. Then I browse the script using Firefox to http://localhost/apache2-default/info.php. For first attempt, my Firefox prompt for a download. It means the PHP script MIME type is not correctly managed. We should restart apache to solve this problem.

#/etc/init.d/apache2 restart

Then, once again browse to http://localhost/apache2-default/info.php. You will see, it is correctly done:

There, you see php is integrated correctly with Apache2 and MySQL.

Congratulations, we have our system installed with Apache2, MySQL and PHP. For further implementation maybe we need also PhpMyAdmin to deal with MySQL database easily.

Install Filezilla on gOS

2008-02-03T20:20:00.000-08:00

I really need Filezilla to upload and download files to my server. Don't get wrong, Filezilla works with SSH too. I used this way, with sftp.

My gOS has no FTP client pre installed. So I downloaded Filezilla, Linux version, here. Then trying to installed on my system hoping it will runs well. So, after the download finished, I extracted the downloaded file to /home/pokemon/Download/FileZilla3. It is said that the binary file is located inside bin directory. So I move there using file explorer. I see 2 files but I dunno how to execute these files.

I try to use Root Terminal. Going to the bin directory of Filezilla3. Then execute the program this way:

# ./filezilla

Done. That way is correct. But next time I should palce this program at some place so that I can execute it using only button from menus.

Problems in gOS

2008-02-03T17:34:00.000-08:00

I decided to make gOS as my working desktop Operating System. It has a quite nice looks (with E17 and green dominated colors) and applications. But truly, without desired of any harm, I would like to share my problems (but solved) with this nice OS. I installed the beta version of version called Rocket.

First problem, login
When I finished installing gOS, then I try to restarted it, I found a problem at logon state. It's just me who make this problem actually. I forgot what my login username is. So, after I insert my name to the first textfield of login screen I failed to move to second textfield (password field). I used to use Tab button to switch to the password field since it is the way GDM login works. I dunno that gOS use Entrance. I think Entrance check first wether such user is exists or not. If it's exists than you can go to the password field. A good solution.

So the problem is because I insert the wrong username then Entrance won't move my cusor to the password field. Finally this problem solved after I try to login via console (using Ctrl+Alt+F1). I see it prompts pokemon login. So my real username should be pokemon. I inserted amri. Then I try again to use pokemon as the user name, then I pressed Enter button of my keyboard. It works. The cursor moved to the password field. When I insert my password, it's logged in. So the first problem solved.

Second problem, screenshot application needed
First login, I really want to share my experiences in using gOS via my this blog. What I need is a screenshot of my desktop. I hardly find a way to take a screenshot with gOS. Finally I didn't find one.

After some minutes of search via Google, I find an E17's module called emodule-screenshot. Then I try to install it using Synaptic. It listed in Synaptic but the installation failed because Synaptic cannot find where the package is. So I search again and find a blog tell me that I have to add this repo to /etc/apt/sources.list. Then, I open Root terminal via Run Command (left click on the desktop) and insert Root terminal. After Root terminal opened, I entered this line:

#leafpad /etc/apt/sources.list

Then I added these lines to the end of this file

# repo for emodules and E17 applications
deb http://e17.dunnewind.net/ubuntu gutsy e17

These lines is information about repo for E17 aplications packed for Ubuntu 7.10 (Gutsy Gibbon) which is compatible too for gOS Rocket.

The next move is to add this repo's key. The steps are:

# wget http://lut1n.ifrance.com/repo_key.asc

to download the key of the repository then install the key whit this command

# apt-key add repo_key.asc

When the key installed, I update the applications list using

# apt-get update

It tooks a while. After finishing these steps, I open Synaptic again and search for emodule-screenshot. I found it and installed it. I activate the emodule via Configurations (left click on desktop) | My Settings | Extensions | Modules. I selected Screenshot. After that, I show it to shelf 2, Configuratios | Shelves | shelf 2. I pressed Configure button, then Configure Contents ... in the next window. I selected Screenshot and press Add gadget. Look, the screenshot icon is showing in the upper right corner of my desktop. Click this.

Third problem, screen resolution
gOS is well done at detecting my hardware, including my VGA card and monitor. It first used 1680 x 1080. The problem is it makes the fonts not clear and the window looks awfull. So I degrade the resolution to 1280 x 1024. It looks good. To change the resolution I use these path Configuration | My Settings | Screen (Categories) | Screen Resolution.

Fourth problem, no image viewer
gOS comes with no image viewer application (I think). There is Gimp and OpenOffice Drawing. That are not exactly what we need to just view images, shince we don't need to edit it at first glance. So, using Synaptic, I installed Exhibit. Exhibit is an image viewer built with Etk library which makes it best fit for E17 (gOS's desktop manager).

So that are some gOS problems, I've found, which is solved easily.

Fifth problem, new Firefox window each web application
We should appreciate that gOS's docking applications launcher is really pretty and inspiring. See this screenshot.
If we click one of the launcher, example Blogger. Then Firefox will open www.blogger.com. Unfortunately, if we click another application, a new Firefox window will occure. Maybe this is not exactly what we want. I want if I click the second and third application, I will use the running Firefox instead of a new one.

To solve this problem, I should change the path of the launcher so it will only open a new tab in the running Firefox window. So I right click on the Blogger launcher. Select Edit Icon (the last option in the popup menu).

At the Desktop Entry Editor window, I edit the textfield having a lable Executable. The current text is firefox http://www.blogger.com. I should change this to firefox -new-tab http://www.blogger.com. This means, system will open a new tab of the current running Firefox window and point it to http://www.blogger.com. The last think I should do is applying the change. So I press the Apply button.

It's done. The problem is solved.

I will share working tips only

2008-02-02T00:49:00.000-08:00

From now on, I will share only working tips. Well, I love programming and also Linux. So for now, before I meet other interesting topics, I will share my experience in programming in Linux machine. It's about my experience using Java, PHP and Ubuntu family distro.