.: COME AS MY FAMILY :.

Membuat Login Form Blogger

Dear All,

Berbeda dengan sebuah situs web , sebuah blog (blogger) tidak disertai sebuah form login yang digunakan user untuk masuk kedalam halaman administrasi (Back-End) . Maka user harus masuk ke halaman login blogger dahulu untuk masuk ke halaman administrasi blog mereka .

Dalam tutorial kali ini saya akan menjelaskan bagaimana memindahkan halaman login form dari blogger.com ke halaman blog kita .

Tutorial :

  1. Buka Halaman login blogger disini .


  2. Buka tekan tombol ctrl+u (firefox/opera) .

  3. Cari kode <form id="gaia_loginform" .

  4. Copy kode tersebut dari tag <form> awalan sampai akhiran tag </form>

  5. Atau copy kode dibawah ini :


  6. <form id="gaia_loginform"

    action="https://www.google.com/accounts/ServiceLoginAuth" method="post"

    onsubmit=
    "return(gaia_onLoginSubmit());"
    >

    <div id="gaia_loginbox">
    <table class="form-noindent" cellspacing="3" cellpadding="5" width="100%" border="1">
    <tr>
    <td valign="top" style="text-align:center" nowrap="nowrap"
    bgcolor="#e8eefa">
    <input type="hidden" name="ltmpl"
    value="start" />
    <div class="loginBox">
    <table id="gaia_table" align="center" border="0" cellpadding="1" cellspacing="0">
    <tr>
    <td colspan="2" align="center">
    <font size="-1">

    Sign in with your
    </font>
    <table>
    <tr>
    <td valign="top">
    <img src="https://www.google.com/accounts/google_transparent.gif"
    alt="Google" />

    </td>
    <td valign="middle">

    <font size="+0"><b>Account</b></font>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td colspan="2" align="center">
    </td>
    </tr>
    <tr id="email-row">

    <td nowrap="nowrap">
    <div align="right">
    <span class="gaia le lbl">
    Email:
    </span>
    </div>
    </td>
    <td>
    <input type="hidden" name="continue" id="continue"
    value="https://www.blogger.com/loginz?d=http%3A%2F%2Fwww.blogger.com%2Fhome&amp;a=ADD_SERVICE_FLAG" />

    <input type="hidden" name="service" id="service"
    value="blogger" />
    <input type="hidden" name="naui" id="naui"
    value="8" />
    <input type="hidden" name="fpui" id="fpui"
    value="2" />
    <input type="hidden" name="skipvpage" id="skipvpage"
    value="true" />
    <input type="hidden" name="rm" id="rm"
    value="false" />
    <input type="hidden" name="dsh" id="dsh"
    value="7528144672560134721" />
    <input type="hidden" name="ltmpl" id="ltmpl"
    value="start" />
    <input type="hidden" name="alwf" id="alwf"
    value="true" />
    <input type="hidden" name="alinsu" id="alinsu"
    value="0" />

    <input type="hidden" name="ltmpl" id="ltmpl"
    value="start" />
    <input type="hidden" name="timeStmp" id="timeStmp"
    value=''/>
    <input type="hidden" name="secTok" id="secTok"
    value=''/>
    <input type="hidden"
    name="GALX"
    value="9jTdYpcfWb4" />
    <input type="text" name="Email" id="Email"
    size="18" value=""


    class='gaia le val'

    />
    </td>
    </tr>
    <tr>
    <td></td>
    <td align="left">

    <div style="color: #666666; font-size: 75%;">
    ex: pat@example.com
    </div>
    </td>
    </tr>
    <tr id="password-row" class="enabled">
    <td align="right" nowrap="nowrap">
    <span class="gaia le lbl">
    Password:
    </span>
    </td>

    <td>
    <input type="password"
    name="Passwd" id="Passwd"
    size="18"




    class="gaia le val"

    />
    </td>
    </tr>
    <tr>
    <td> </td>
    <td align="left">
    </td>
    </tr>
    <tr id="rememberme-row" class="enabled">

    <td align="right" valign="top">
    <input type="checkbox" name="PersistentCookie" id="PersistentCookie"
    value="yes"



    />
    <input type="hidden" name='rmshown' value="1" />
    </td>
    <td>
    <label for="PersistentCookie" id="PersistentCookieLabel" class="gaia le rem">
    Stay signed in
    </label>
    </td>

    </tr>
    <tr>
    <td>
    </td>
    <td align="left">
    <input type="submit" class="gaia le button" name="signIn" id="signIn"
    value="Sign in"
    />
    </td>
    </tr>
    <tr id="ga-fprow">
    <td colspan="2" height="33.0" class="gaia le fpwd"
    align="center" valign="bottom">
    <a href="https://www.blogger.com/forgot.g"
    target=_top>

    Forgot your password?
    </a>
    </td>
    </tr>
    </table>
    </div>
    </td>
    </tr>
    </table>
    </div>
    <input type="hidden" name="asts"
    id="asts"
    value="" />

    </form>

  7. Login akun blogger tambahkan widget HTML/Javascript pada blog anda .

  8. Copas kode tadi ke widget HTML/Javascript tadi lalu coba preview blog anda .

Jika ada kesalahan pada simpan widget ataupun saat preview halaman bisa ditanyakan kepada saya (dengan ngisi komentar gitu ^_^) .

Semoga Tutorial diatas dapat membantu anda .

Terima kasih






Mochamad Idris

Read More . . .

Efek "Snow Storm" di Blogger

Dear All ,

Apakah anda melihat butiran - butiran yang jatuh di halaman blog ini , kalau tidak coba cek ketersediaan javascript di web browser anda (^-^) . Pada kesempatan kali ini penulis akan membahas mengenai cara membuat efek "Snow Storm" (Badai Salju) seperti yang anda lihat di blog anda dengan catatan engine blog anda adalah Blogger .


Langsung saja kita mulai :

  1. Download file javascript ini .


  2. Save dengan nama 'snowstorm.js' (tanpa tanda kutip) , ingat ekstensi harus [dot] js .


  3. Setelah itu agar blog anda bisa menggunakan kode dari file javascript tersebut maka anda harus meng-upload nya ke internet , atau bisa saja anda menggunakan file javascript tadi yang saya upload disini .


  4. Setelah anda sudah meng-upload file anda , copas link file tersebut ke dalam kode xml blog anda . Caranya :


    • Buka editor template anda .


    • Tulis kode dibawah ini


    • <script src="link file anda disini" type="text/javascript" />


    • Letakkan sebelum tag </head> .



  5. Sebelum di simpan coba anda "preview" dahulu .


Penulis tidak bertanggung jawab jika terjadi error pada template blog anda (he..he..bercanda kog!!) . Jika terjadi kesalahan insya Allah saya bersedia membantu .

Semoga tulisan saya diatas bisa membantu .

Terima kasih






Mochamad Idris

Read More . . .

Menjalankan Aplikasi Java di Linux

Dear , all

Dalam kesempatan kali ini penulis ingin menjelaskan bagaimana kita menjalankan aplikasi Java di sistem operasi Linux distro Ubuntu Koala-Kermic , sebenarnya untuk distro lainya tidak masalah karena penulis pernah mencobanya di Linux distro yang lain .


Sebelumnya kita membuat sebuah aplikasi Java sederhana contohnya App HalloJava , untuk lebih detilnya disini





Setelah selesai simpan file tersebut di dalam folder user anda , contohnya :


/home/~user/projek_java/HalloWorld.java



Jalankan terminal , dan masuk pada direktori dimana file Java tersebut berada (di Linux lebih dikenal direktori daripada folder) .


user@shell-linux$cd /home/~user/projek_java

Setelah itu kita akan mengkompile source code tersebut kedalam Java bytecode dengan menjalankan perintah sebagai berikut :

user@shell-linux:~user/projek_java$javac HalloWorld.java
user@shell-linux:~user/projek_java$javac HalloWorld.java

Dengan perintah tersebut kita akan mendapatkan file output dengan nama HalloJava.class yang diletakkan kedalam direktori dimana file HalloJava.java kita berada , file tersebut merupakan file bytecode dari app Java kita .

user@shell-linux:~user/projek_java$ls
HalloJava.java HalloJava.class

Berikut cara menjalankan file bytecode Java kita , ketik perintah sebagai berikut :

user@shell-linux:~user/projek_java$java HalloJava
Hallo Java !!!

Alhasil , tercetak output “Hallo Java !!!” di terminal .

Jika terjadi kesalahan saat menjalankan coba periksa -classpath nya . mungkin -classpath Java belum teregistrasi di sistem linux . untuk mendaftarkan cek tulisan saya disini .


Semoga tulisan saya diatas bisa membantu .

Terima kasih






Mochamad Idris


Read More . . .

Install Proxy Server Squid di Windows

Dear all,

Pada kesempatan kali ini penulis akan menjelaskan bagaimana menjadikan sebuah mesin ber-OS Windows XP menjadi sebuah server proxy yang dapat digunakan sebagi cache server , bandwidth manager , ataupun otentikasi user .

Untuk lebih detil pengertian , fungsi ataupun info lebih lengkap bagaimana proxy server bekerja dapat dilihat di postingan saya disini.

Berikut tutorial menginstall squid sebagai proxy server di mesin Windows XP ;
  1. Download paket instalasi Squid disini

  2. Kemudian ekstrak paket di dalam direktori c:\







  3. Masuk dalam direktori squid\etc
    Ganti nama file-file yang ada didalam direktori squid\etc tersebut dengan menghilangkan ekstensi (akhiran) nama file *.default , liat contoh :

    sebelum





    sesudah






  4. Setelah itu buat folder dengan nama cache , didalam direktori squid\var (sebelumnya dalam deirktori var hanya berisi folder log) .

    sebelum







    sesudah






  5. Jalankan command prompt . masuk dalam direktori squid\sbin .

    c:\>cd squid\sbin
    c:\squid\sbin>





  6. Setelah itu kita akan membuat sebuah direktori swap yang akan digunakan sebagi virtual memori bagi squid , dengan mengetik perintah :

    c:\squid\sbin>squid -k parse
    c:\squid\sbin>squid -z

    Setelah itu akan keluar konfirmasi bahwa direktori swap berhasil dibuat .






  7. Jalankan squid dengan cara :

    c:\squid\sbin>squid start

    Atau kita dapat membuat sebuah service squid yang akan berjalan secara background (daemon) dengan cara :

    c:\squid\sbin>squid -i





  8. Kemudian coba kita jalankan service squid-nya , dengan cara masuk kedalam run , kemudian ketik perintah 'services.msc' (tanpa tanda petik).












  9. Cari service bernama squid , kemudian pilih tombol start didalam menu properties-nya.



















  10. Untuk mengecek apakah squid kita sudah berjalan, kita dapat mengecek lewat konfigurasi browser kita .



















Nilai-nilai dari variabel diatas berdasarkan dari konfigurasi proxy server kita , untuk mengubah fungsi proxy kita menurut kebutuhan , kita dapat mengubah konfigurasi degan cara mengedit file dari squid\etc\squid.conf .
Untuk mempelajari cara kostumisasi file squid.conf tersebut dapat dilihat di tulisan saya disini .
Semoga tutorial diatas dapat membantu pembaca .

Terima Kasih






Mochamad Idris



Read More . . .

Over View J2ME

Dear All,

Bahasa Pemrograman java telah banyak berkembang dalam kurun waktu yang sangat cepat untuk sekarang ini . Mulai dari edisi standar pemrograman (J2SE) yang digunakan untuk pengembangan apllikasi berbasis GUI , applet dan sejenisnya .



Kemudian java mengenalkan kelengkapannya dengan J2EE yang diorientasikan untuk keperluan pengembangan aplikasi model client-server kelengkapan tersebut meliputi akses database , proses komunikasi antar host ataupun dengan server , maupun pengontrolan terhadap proses transaksi (transaction control) .


Lalu pada akhirnya Java mengeluarkan teknologi pemrograman untuk skala perangkat bergerak (mobile device) seperti ponsel , PDA , pager yang dikenal dengan sebutan J2ME (Java 2 Micro Edition)





Perbedaan mendasar pada mobile device yang menjadi kelebihan dibanding dengan perangkat lain :


  1. Ukuran yang kecil

  2. Perangkat bergerak biasanya dibuat dalam ukuran yang kecil, sehingga dengan ukuran tersebut perangkat bergerak nyaman dibawa kemana-mana


  3. Ruang penyimpanan pada perangkat bergerak sangat terbatas
  4. Dengan ukurannya yang kecil , perangkat bergerak cenderung memiliki sistem elektronik yang terbatas pula . Ruang penyimpanan (memory) , CPU , maupun display device pada perangkat yang bergerak dibuat sangat minim .


  5. Daya yang rendah (hemat energi)

  6. Perangkat bergerak didesain dengan bentuk yang kecil dengan memiliki sistem elektronik yang kecil pula . Sistem elektronik berupa memory , CPU , maupun display tesebut hanya mengkonsumsi daya dari sebuah batrei yang hanya berukuran kecil . Contohnya dalam baterai ponsel yang hanya berdaya dc 3,6v/930mAh dapat bertahan hidup selama 3 hari (ketentuan berlaku).


  7. Perangkat bergerak menjadi bagian dari masyarakat

  8. Penggunaan perangkat bergerak seperti ponsel sekarang telah menjadi bagian dari kebutuhan primer seorang individu , bisa dikatakan setiap orang memerlukan sebuah media penghubung dengan orang lain dimanapun ia berada , dan disaat apapun kondisi mereka



Semoga tulisan diatas dapat membantu pembaca .


Terima Kasih






Mochamad Idris

Read More . . .

BELAJAR JAVA (Hallo World)

Dear all,

Java , adalah sebuah bahasa pemrograman opened source (maaf kalau saya menyebutnya begitu ^.^! ) yang memodelkan paradigma pemrograman berorientasi objek (PBO) maksud dari permodelan berorientasi objek tsb nanti dijelaskan di postingan selanjutnya .

Berikut contoh sebuah program java sederhana yang menuliskan "Selamat datang di pemrograman Java" ke konsul (console) .



public class ProgramJavaPertamaku {
public static void main(String args[]){
System.out.print("Selamat datang di pemrograman Java");
}
}


Penjelasan

  1. pada baris pertama , mendeklarasikan sebuah kelas bersifat public dengan nama ProgramJavaPertamaku .
  2. public static void main(String args[]) , adalah sebuah method bernama main yang bersifat public static dan memiliki konstruktor bernilai array String dengan nama variable agrs .
  3. dan untuk menuliskan tulisan ke konsul kita menggunakan metod print() dari objek out dari kelas System . Penjelasan mengenai istilah-istilah tersebut nanti akan saya jelaskan lebih lanjut .


Untuk menjalankan kode program diatas , caranya :

Tulis kode program seperti didalam sebuah teks editor dalam kesempatan kali ini saya menggunakan notepad.exe dari Windows . Jika anda lebih senang dengan Linux cek tulisan saya disini .

Simpan file dengan nama ProgramJavaPertamaku.java , ingat ekstensi harus *.java

jalankan program cmd , lalu masuk dalam direktori dimana anda menyimpan file java tersebut

ketik perintah :


javac ProgramJavaPertamaku.java
java ProgramJavaPertamaku


Maka akan keluar tampilan seperti dibawah ini .







Jika tidak keluar atau terjadi kesalahan cek disini .


Semoga tulisan saya diatas dapat membantu pembaca .

Terima kasih





Mochamad Idris

Read More . . .

Pewarisan (Inheritansi) PBO

Dear all,

Dalam konsep PBO dikenal konsep yang disebut pewarisan , sebuah kelas dapat diturunkan dalam kelas lain lagi sehingga kelas turunan mewarisi behavior / method ataupun attribut dari kelas diatasnya (super class) . contohnya jika kelas ‘Motor’ kita turunkan menjadi kelas ‘Generator’


Perhatikan kode program dibawah ini :

public class Motor {
//konstruktor kelas Motor
public Motor(String jenisMotor){
System.out.println(jenisMotor);
}

public void setTeganganKerja(String teganganKerja){
System.out.println("Tegangan kerja : "+teganganKerja);
}

public void setJumlahPhase(int jumlahPhase){
System.out.println("jumlahPhase : "+jumlahPhase);
}

public void setBergerakKekanan(boolean bergerakKekanan){
if(bergerakKekanan==true){
System.out.println("Motor bergerak ke kanan");
}
}

public void setBergerakKekiri(boolean bergerakKekiri){
if(bergerakKekiri==true){
System.out.println("Motor bergerak ke kiri");
}
}

public void setBerhenti(boolean berhenti){
if(berhenti==true){
System.out.println("Motor berhenti");
}
}
}

public class Generator extends Motor{

private String teganganKerja ;
private int jumlahPhase ;
private boolean bergerakKekanan,bergerakKekiri,berhenti ;

public Generator(String teganganKerja,int jumlahPhase){
//super-class nya memiliki konstruktor Motor(String arg)
super("Motor Generator");
this.teganganKerja = teganganKerja ;
this.jumlahPhase = jumlahPhase;
// Mengakses method dari kelas Motor
setBergerakKekanan(true);
setBergerakKekiri(true);
setBerhenti(true);
setTeganganKerja(teganganKerja);
setJumlahPhase(jumlahPhase);
}

// Meng-Override method setBergerakkekiri(arg)dari kelas Motor
@Override
public void setBergerakKekiri(boolean bergerakKekiri){
this.bergerakKekiri = bergerakKekiri;
if(bergerakKekiri==true){
bergerakKekanan=false;
berhenti=false;
}
System.out.println("maaf , Motor tidak dapat bergerak ke kiri");
}
// Meng-Overload method setBerhenti(arg)dari kelas Motor
public void setBerhenti(boolean berhenti,int selangWaktu){
this.berhenti = true;
if(this.berhenti==true){
bergerakKekiri=false;
bergerakKekanan=false;
}
System.out.println("Motor sudah dihentikan dan Berhenti selama "
+selangWaktu+" detik");
}

public static void main(String[] args){
Generator generator = new Generator("AC 220v",3);
// Penerapan overloading method
generator.setBerhenti(true); // kelas Motor (super-class)
generator.setBerhenti(true,30); //Kelas Generator (sub-class)
}
}


Dapat dilihat dalam method super-class (kelas Motor) sendiri memiliki beberapa method yang memiliki prosedur yang telah didefinisi secara global , kita dapat mendefinisi method turunan dari super-class sesuai kebutuhan dari sub-class atau kita dapat menyebutnya meng-overriding method

Atau dalam sub-class nya (class Generator) kita dapat secara langsung mengakses method-method yang ada di dalam super-class nya (Kelas Motor) .

// Mengakses method dari kelas Motor
setBergerakKekanan(true);
setBergerakKekiri(true);
setBerhenti(true);
setTeganganKerja(teganganKerja);
setJumlahPhase(jumlahPhase);



Kelas Generator yang kita buat meng-extends kelas Motor sehingga dalam kelas Generator kita leluasa mengakses dari method yang kita turunkan dari kelas Motor , dapat dilihat pada method setBergerarkKekiri(arg) . Pada super-class nya method ini memiliki prosedur untuk mencetak tulisan :


System.out.println("Motor bergerak ke kiri");



sedangkan pada method setBergerakKekiri(arg) pada sub-class nya memiliki prosedur untuk mencetak tulisan :


System.out.println("maaf , Motor tidak dapat bergerak ke kiri");



Dan ketika kita manjalankan programnya bahwa prosedur yang ada pada method sub-class nya lah yang akan tercetak .

Inilah yang dinamakan “overriding method’ . ketentuan-ketentuan dalam meng-overide method dijelaskan sebagai berikut :

  1. Nama method sub-class harus sama dengan nama method super-class
  2. Daftar parameter method sub-class harus sama dengan Daftar parameter method super-class
  3. Return-type method sub-class harus sama dengan Return-type method super-class
  4. Method yang terkena override modifier-nya tidak boleh lebih luas dari method super-classnya


Sedangkan yang dimaksud dengan overloading method dalam PBO adalah apabila dalam sebuah kelas , super-class ataupun sub-class terdapat beberapa method yang memiliki nama method yang sama tetapi memiliki nilai parameter yang berbeda-beda .

Potongan kode diatas :

//Kelas Motor
public void setBerhenti(boolean berhenti){
if(berhenti==true){
System.out.println("Motor berhenti");
}
}
  //Kelas Generator
// Meng-Overload method setBerhenti(arg)dari kelas Motor
public void setBerhenti(boolean berhenti,int selangWaktu){
this.berhenti = true;
if(this.berhenti==true){
bergerakKekiri=false;
bergerakKekanan=false;
}
System.out.println("Motor sudah dihentikan dan Berhenti selama "
+selangWaktu+" detik");
}


Cara untuk membuat overloading method :

  1. Harus memiliki beberapa nama method yang sama
  2. Dalam nama method overloading yang sama harus memiliki parameter yang berbeda
  3. Setiap method overloading boleh memiliki return type yang sama ataupun berbeda

Berikut contoh penanganannya :

  public static void main(String[] args){
Generator generator = new Generator("AC 220v",3);
// Penerapan overloading method
generator.setBerhenti(true); // dari kelas Motor
generator.setBerhenti(true,30); // dari kelas Generator
}


Untuk lebih jelasnya dapat dilihat tulisan saya mengenai Fungsi Pewarisan pada PBO disini .

Semoga tutorial diatas dapat membantu pembaca .



Terima kasih





Mochamad Idris


Read More . . .

 
© 2009 Computer | Life | Earth | Health | Powered by Blogger | Built on the Blogger Template Valid X/HTML (Just Home Page) | Design: Choen | PageNav: Abu Farhan