Membuat Biodata pada PHP Menggunakan NetBeans IDE

OK Friends,,, yang ke dua ini sama halnya dengan uploadanku yang pertama. Bedanya, jika yang pertama menggunakan Adobe Dreamweaver CS6. Sekarang saya menggunakan software lain, yaitu NetBeans IDE. Langsung saja kita mulai...

    1.    Buka Netbeans pada desktop kita yang awalnya telah terinstall. 

  2.  Sekarang kita akan membuat projek baru pada Netbeans. Langkah awal, Klik file pada menubar --> Lalu pilih New Project. Setelah itu akan muncul tampilan di bawah.

 

   3. Kita memasuki stape 1 yaitu “choose project”. Pada Categories pilih PHP dan Project pilih PHP Application with Existing Sources  --> Next

 

  4. Stape 2 yaitu “Name and Location” untuk pemberian nama dan peletakan lokasi dari file kita nanti. Sources folder merupakan tempat dimana kita meletakkan file serta cara pengaksesannya nanti. Misalnya D:\xampp\htdocs\BelajarPHP (sesuai letak xampp kita). Isi Project Name kita dengan BelajarPHP1.

 

   5.  Step 3 “Run Configuration”, pada Run As kita bisa memilih browser yang akan digunakan hrom, mozilla atau default. Pada field Project URL kita isi dengan http://localhost/BelajarPHP/php1.php sesuai dengan peletakan dan nama file kita  lalu klik finish.  

   6.  Tahap awal pembuatan project telah selesai, namun project ini masih kosong dan kita harus mengisinya. Tampilan setelah klik finish sebagai berikut, dan nama BelajarPHP adalah nama project yang telah kita buat.

   7.  Klik file à New File untuk membuat file PHPnya nanti. Dan akan muncul interface step 1 “Choose File Type”, pada step ini pilih PHP pada categories dan PHP file pada file types. Lalu klik Next

 

  8. Setelah itu muncul step 2 “Name and Location”. Isi File Name dengan nama file yang kita buat misalnya: BelajarPHP1. Dan pada Created File, bagian yang terakhir tambahi dengan nama file php kita misalnya: \BelajarPHP1.php. Lalu klik Finish

   9.   Setelah itu akan muncul lembar file PHP kosong, di sinilah kita mengisi project PHP kita dengan sintax.

  

   Sebetulnya sama saja dengan yang sebelumnya, namun yang kali ini kita menggunakan NetBeans IDE. Bagi yang sudah faham, tinggal buat aja sintax nya dalam lembar kerja kita. Namun, untuk pemula  coba dulu dengan sintax berikut:

   <?php

echo "<pre> <font face='comic sans ms' size='4'>";
echo "        Hello Sobat, Ketemu lagi dengan saya";
echo "<br><br><br>";
echo "Perkenalan lagi yuk, namun kali ini memakai NetBeans,,, OK";
echo "</font> </pre>";

echo "<table width='500' border='0'>
    <tr>
        <td> Full Name </td>
        <td> : </td>
        <td> Moh. Irwan Afandi </td>
    </tr>
    <tr>
        <td> Call Me </td>
        <td> : </td>
        <td> Afan </td>
    </tr>
    <tr>
        <td> Born </td>
        <td> : </td>
        <td> Banyuwangi, 24 November 1996 </td>
    </tr>
    <tr>
        <td> Junior High School </td>
        <td> : </td>
        <td> SMPN 1 Srono </td>
    </tr>
      echo "</table>";
echo"<pre><font face='comic sans ms' size='4'><br><br>Sama saja cara menulis scriptnya Sobat, hanya beda software <br>         Keep Spirit For Our Future, God Bless You ... :D </font></pre>";
   
?>

    Teruskan sendiri sesuai kreasi kalian ya :)

    Keterangan:

    <pre> ... </pre>  digunakan untuk tampilan sesuai dengan keinginan kita

     

     Jadi, tag ini misalnya kita beri sepasi sebanyak mungkin akanmenyesuaikan tak perlu

     memberi  "&nbsp;" yang banyak. Begitupun tag lainnya

   
   10. Setelah di save. Tekan Ctrl + F6 atau ketikkan pada websource “ http://localhost/BelajarPHP/php1.php ”. Dan tampilannya kurang lebih sebagai berikut:

 

                                Selamat mencoba.... Semoga sukses ya :D
                                  Salam sukses M. Irwan Afandi