Thursday, March 10, 2016

Learn Web Programming : 10K Line of Code part 1

Website menjadi hal yang tidak asing di zaman globalisasi. Banyak web dapat kita cari melalui search engine maupun link langsung. Website-website ini dibuat dengan berbagai tujuan. Dengan mengetahui hal tersebut mempelajari cara membuat sebuah website tentu sangat bermanfaat. 

Lalu bagaimana memulainya ? 

Sebagai awal kita memerlukan beberapa hal penting untuk memulainya, di sini saya menggunakan OS Windows 10, XAMPP, dan Sublime Text Editor.

Terhubung melalui XAMPP

XAMPP disini berperan sebagai server yang berdiri sendiri atau biasa disebut localhost, saat xampp berhasil berjalan maka akan muncul tampilan:

Nah, untuk cek apakah dapat digunakan, kita dapat mencoba untuk membuat sebuah script php. Buat file php tersebut di folder "XAMPP/htdocs/pweb", nah pweb di sana bisa diganti namanya atau pun membuat folder baru lain tapi tetap didalam folder htdocs. Di sini saya membuat file php dengan nama tes.php Buat file php nya di folder tadi dan isi dengan :

tes.php


1:  <html>  
2:    <head>  
3:   <title>MySQLi Procedural</title>  
4:   </head>  
5:   <body>  
6:   <?php  
7:    $servername = "localhost";  
8:    //$username="username";  
9:    //$password="password";  
10:    //Create connection  
11:    $conn = mysqli_connect($servername);  
12:    //check connection  
13:    if(!$conn)  
14:    {  
15:    die("Connection failed: ". mysqli_connect_error());  
16:    }  
17:    echo "connected Succesfully"  
18:   ?>  
19:   </body>  
20:  </html>  

setelah selesai maka jalankan dari browser dengan memasukkan localhost/pweb/tes.php, jika tampilan berhasil maka akan ada tulisan connected Succesfully.


Coding Coding Web Web

 Bagi yang sudah belajar bahasa pemrograman lain seperti C, C++, Pascal dan lainnya mungkin agak falmiliar dengan php. Ya pada dasarnya memang mirip tapi tetap saja "hanya mirip" tapi tidak sama. Kita dapat menemukan beberapa sintaks yang berbeda, Nah, langsung saja dicoba dan ditelusuri:

coba.php


1:  <html>  
2:   <head>  
3:   <title> Variabel </title>  
4:   </head>  
5:   <body>  
6:   <?php  
7:   $nilai_1 = 10;  
8:   $nilai_2 = 3;  
9:   $nilai_3 = 2 * $nilai_1 + 8 * $nilai_2 + 55;  
10:   echo "nilai = ", $nilai_3;  
11:   echo "<br>";  
12:   $jumlah=$nilai_1+$nilai_2;  
13:   echo "hasil dari $nilai_1+$nilai_2 adalah : $jumlah";  
14:   echo "<br><br>";  
15:   echo "\"nama :Aulia" <br>";  
16:   echo "no. mhs 250919965114";  
17:   ?>  
18:   </body>  
19:  </html>  

Setelah itu dijalankan menggunakan cara yang sama dengan tes.php. Di sini saya menamainya dengan coba.php yang juga diletakkan di htdocs. Ketika berhasil akan muncul tampilan:

Ok, setelah selesai dapat dilanjutkan lagi coba dengan array:

array.php


1:  <html>  
2:   <head>  
3:   <title></title>  
4:   </head>  
5:   <body>  
6:   <?php  
7:    $nama[]="I ";  
8:    $nama[]="Got ";  
9:    $nama[]="EducationAndSkill";  
10:    echo $nama[0], $nama[1], $nama[2];  
11:    echo "<br>";  
12:    $kampus[1]="ITS";  
13:    $kampus[2]="Surabaya";  
14:    echo " Kampusku adalah $kampus[1] $kampus[2]";  
15:   ?>  
16:   </body>  
17:  </html>  

Dan setelah disimpan dengan tempat dan cara yang sama. Di sini saya menyimpannya dengan nama array.php. Akan kita dapatkan tampilan :



Kendala-kendala yang didapatkan oleh saya sendiri tidak ada selain salah ketik(Typo). Tapi selain itu bisa jadi ada kendala lain yang muncul seperti salah directory, XAMPP port yang telah terpakai dan menyebabkan error, dan file missing. Tapi jika kita mengikuti petunjuk pemasangan dan teliti seharusnya tidak ada masalah yang akan terjadi.


No
Nama Program
Status
Loc
Link
1
tes.php
PASS
24
2
coba.php
PASS
22
3
array.php
PASS
20