Membuat Project PHP Menggunakan Dreamweaver CS6, Netbeans, dan PhpDesigner8

 
Hii! I'm finally back again after a really long hiatus. Don't you guys miss me? Muehehe kidding .___.v Alright, I'll go straight to my first purpose. I'm not here to post something 'bout my life, instead I'll be sharing to you about my first PHP assignment from Mr. Hadi :)

I'm not going to post the whole steps using english cause I'm not sure either I can do it. And it's actually a long way to go before I finally able to post this, since I got many problems (come on, I won't tell you here).

Now, let's just start the tutorials. I'll use Bahasa from now on :)

Jadi yang pertama kali bakal saya bahas steps nya adalah yang menggunakan Adobe Dreamweaver CS6. Sebenernya sih, perintahnya suruh pake Dreamweaver CS6, tapi berhubung waktu diajarin pertama kali sama Pak Hadi banyak yang pake Dreamweaver 8, jadinya diajarin tutorialnya juga deh. Tapi nih (lagi lagi tapi!) karna saya pakenya yang CS6, jadi yang saya share yang pake CS6 ajah :v Waks, bear with me yaaa~

Okay, let's start this. Jadi step yang paling pertama adalah... (read the explanations below):

1. Install dulu software Adobe Dreamweaver CS6 nya (dan juga NetBeans plus PhpDesigner 8 nya). Bisa install yang master collection, jadi sekalian sama product Adobe yang lain atau bisa juga install yang portable. Trus install xampp juga. How about the download link? I won't give you any, so googling deh ;) Sekarang kan udah maju jamannya, everything can be found from internet. Jadi, kalian bisa kok nemuin link downloadnya dengan cepat lewat internet. (Ganbatte yah buat yg belum install ataupun download! :D)
2.  Setelah selesai download, kita gak bakal langsung eksekusi *ceilah pake eksekusi segala* programnya. Kita buka My Computer, terus ke partisi tempat kamu nyimpen data xampp mu (misalnya, kalo saya di partisi D:). Abis itu masuk folder xampp dan cari folder htdocs, klik dua kali. Terus bikin New Folder di dalam folder htdocs dengan nama PraktikumPHP21 (no space)
   
3. Setelah selesai bikin foldernya, trus kita baru deh buka Adobe Dreamweaver CS6 nya. Once it opened, pilih file PHP di bawah tulisan Create New.
   
4. Isikan script seperti di bawah ini.  <title>Hello World</title>
   <?php
   
   echo"<font face='tahoma' color='#ff6666' size='3'>Hello World, My Name is Ellys Ds<br><br><br>
   <b>DATA DIRI</b>
   <br>
   <br>
   <table width='700' height='200' border='0' >
   <tr>
   <td width='50'>&nbsp;</td>
   <td width='200' height='5'><font face='tahoma' color='#ff6666' size='2'> Nama Lengkap</font></td>
   <td>:</td>
   <td width='500'><font face='tahoma' color='#ff6666' size='2'>ELLYS DWI SETYOWATI</font></td>
   </tr>
   <tr>
   <td>&nbsp;</td>
   <td><font face='tahoma' color='#ff6666' size='2'> Nama Panggilan</font></td>
   <td>:</td>
   <td><font face='tahoma' color='#ff6666' size='2'>ELL</font></td>
   </tr>
   <tr>
   <td>&nbsp;</td>
   <td><font face='tahoma' color='#ff6666' size='2'> TTL</font></td>
   <td> :</td>
   <td><font face='tahoma' color='#ff6666' size='2'>MALANG, 11 MEI 1997</font></td>
   </tr>
   <tr>
   <td>&nbsp;</td>
   <td><font face='tahoma' color='#ff6666' size='2'> Asal SMP</font></td>
   <td>:</td>
   <td><font face='tahoma' color='#ff6666' size='2'>SMPN 4 KEPANJEN</font></td>
   </tr>
   <tr>
   <td>&nbsp;</td>
   <td><font face='tahoma' color='#ff6666' size='2'> Alamat</font></td>
   <td>:</td>
   <td><font face='tahoma' color='#ff6666' size='2'>JL. PACAR NO 107 CEPOKOMULYO, KEPANJEN</font></td>
   </tr>
   <tr>
   <td>&nbsp;</td>
   <td><font face='tahoma' color='#ff6666' size='2'> Tinggi/Berat</font></td>
   <td>:</td>
   <td><font face='tahoma' color='#ff6666' size='2'>150 cm/37 kg</font></td>
   </tr>
   <tr>
   <td>&nbsp;</td>
   <td><font face='tahoma' color='#ff6666' size='2'> Cita-cita</font></td>
   <td>:</td>
   <td><font face='tahoma' color='#ff6666' size='2'>PROGRAMMER AND A FREELANCE WRITER</font></td>
   </tr>
   <tr>
   <td>&nbsp;</td>
   <td><font face='tahoma' color='#ff6666' size='2'> Agama</font></td>
   <td>:</td>
   <td><font face='tahoma' color='#ff6666' size='2'>ISLAM</font></td>
   </tr>
   <tr>
   <td height='21'>&nbsp;</td>
   <td><font face='tahoma' color='#ff6666' size='2'> Hobi</font></td>
   <td>:</td>
   <td><font face='tahoma' color='#ff6666' size='2'>WRITING</font></td>
   </tr>
   </table></font>";
   
   ?>
5. Save file script diatas dengan nama helloword.php dan arahkan pada folder PraktikumPHP21 yang telah kita buat tadi.
   
6. Setelah tersimpan, sekarang kita akan mencoba membuat New Site agar file tersebut dapat dibuka di Live View ataupun browser external. Klik tool Site  dan pilih “New Site”.
   
7. Kemudian, akan muncul jendela seperti dibawah ini. Isikan kolom “Site Name” dengan nama folder yang telah dibuat "PraktikumPHP21" dan isikan juga “Local Site Folder” dengan nama lokasi folder tersebut "D:\xampp\htdocs\PraktikumPHP21\". Lalu klik Save.
   
8. Sekarang klik lagi tool Site, tetapi pilihlah "Manage Sites"
   
9. Lalu akan muncul pop up seperti di bawah ini, pilih site yang telah kita buat sebelumnya (ParktikumPHP21) kemudian klik button edit (gambar pensil).
   
10. Dan muncullah jendela Site Setup for PraktikumPHP21 lalu klik pada tab menu Servers, kemudian Add New Server. 
    
11. Akan muncul jendela lagi, lalu isikan Server Name dengan "localhost", Connect using dengan "Local/Network", Sever folder dengan lokasi folder yang telah kita buat "D:\xampp\htdocs\PraktikumPHP21\" dan Web URL dengan alamat yang akan dipanggil setelah website bisa digunakan, yaitu "http://localhost/PraktikumPHP21/" kemudian klik save.
    
12. Saat ada pop up seperti gambar di bawah ini, check button Remote dan Testing.
    
13. Kemudian coba buka file PHP yang telah kita simpan tadi di browser external (ex: firefox) dengan mengetikkan alamatnya (https://localhost/PraktikumPHP21/helloworld.php) maka akan muncul halaman seperti dibawah ini.
    

Sekarang kita akan pindah ke NetBeans, yaitu mencoba membuat New Project dengan memanfaatkan file PHP yang telah kita buat di Dreamweaver CS6 tadi.

1. Pertama-tama, setelah menginstall NetBeans IDE 7.3.1, bukalah programnya dan klik tool New Project.
   
2. Lalu akan muncul pop up seperti di bawah. Di kolom Categories, pilih PHP dan di kolom Projects pilihlah PHP Applicationwith Existing Source lalu klik Next.
   
3. Next step, when there's another pop up window opened for Name and Location, isilah Source Folder dengan lokasi folder PraktikumPHP21 yang tadi telah kita buat dan isi Project Name dengan PraktikumPHP21 lalu klik Next.
   
4. Lalu pada window Run Configuration, pilihlah Local Web Site (running on local web server) untuk Run As dan isilah Project URL sesuai dengan di gambar dan klik Finish.
   
5. Setelah itu, klik Tools dan pilih Options, maka akan muncul pop up seperti gambar di bawah ini. Untuk Web Browser, pilihlah Chrome atau Firefox dan klik Ok.
   
6. Lalu bukalah file helloword.php yang tadi telah kita buat, seperti pada gambar di bawah.
   
7. Inilah tampilan script file tsb setelah dibuka di NetBeans (lihat gambar di bawah)
   
8. Untuk membuka file tersebut di browser sesuai dengan apa yang tadi kita pilih, tekan SHIFT+F6.

Terakhir, kita akan membahas steps membuat Project di PhpDesigner8.

1. The very first steps, open the application after you install it. Klik icon Project Manager di sebelah kanan, di bawah tulisan No Project loaded seperti di gambar.
   
2. Akan muncul pop up window, dan klik New.
   
3. Maka akan ada pop up window lagi, kemudian isi Project title dengan PraktikumPHP21 dan klik Next.
   
4. Setelah itu untuk Project root folder, arahkan ke folder PraktikumPHP21 yang telah kita buat tadi, lalu klik Next.
   
5. Akan muncul Edit Project, pilih Localhost dan tampilannya akan seperti gambar di bawah. Lalu isi Serverpath dan Local path sesuai gambar dan klik Ok.
   
6. Lalu buka file helloworld.php pada Project Manager dan seperti inilah tampilannya setelah file tsb terbuka (lihat gambar di bawah).
   
7. Yang terakhir, untuk mencoba membuka file tsb di browser, pilih tool Run dan pilih browser sesuai yang anda inginkan.
   

Finished! *throws confetti* Muehehe semoga stepsnya bermanfaat dan selamat mencoba! :) So sorry for not using proper language~ Anyway, see ya next time cause I still have another assignments to share here. Also, I think I will renew this blog since myself, think that it's a bit awful ;w; I'll be going now! Bye! :D