PEMROGRAMAN DASAR WEB DINAMIS 


Assalamualaikum , pada blog kali ini saya akan menjelaskan materi tentang Pemograman Dasar Web Dinamis dengan menggunakan bahasa pemogramman PHP mencakup PENGENGALAN PHP,ATURAN UMUM PHP SCRIPTING, VARIABLE ,TIPE DATA, KOMENTAR, OPERATOR. MEMBUAT APLIKASI SEDERHANA, Lingkup Variabel ,Pengelompokkan Tipe Data ,Boolean ,String, Studi Kasus. Sebelum masuk ke pembelajaran ada software yang harus disiapkan untuk mengikuti materi ini. Pertama install XAMPP (untuk pengguna windows) install MAMP (untuk pengguna MacOs), Kedua siapkan text editor. Saat akan ngoding jalankan terlebih dahulu Apache dan MySql pada aplikasi XAMPP seperti di bawah ini .


Unutk mulai koding simpan file nya di folder xampp/htdocs jadi untuk melihat hasilnya tulis di bar link di browser anda localhost/nama file anda.
A.  Pengenalan PHP
-) PHP adalah bahasa pemrograman yang didesain khusus untuk membuat halaman web. 
-) PHP adalah singkatan dari PHP Hypertext Preprocessor .
-) Awalnya, PHP adalah singkatan dari Personal Home Page yang pertama kali diciptakan oleh Rasmus Lerdorf. 
-) PHP diciptakan pertama kali untuk keperluan mencatat jumlah pengunjung homepage nya. 

-) Perkembangan php saat ini dapat dilihat pada www.php.net.
-) PHP adalah salah satu bahasa server-side yang paling populer.
-) PHP mampu menutupi kekurangan pada bahasa pemrograman web pada umumnya.
-) PHP mudah dibuat dan cepat dijalankan. 
-) PHP dapat berjalan dalam web server yang berbeda, seperti Apache, PWS, IIS dan sebagainya. 
-) PHP juga dapat berjalan dalam sistem operasi yang berbeda pula, seperti UNIX, Windows, Mac OS X dan Linux.
-) PHP diterbitkan secara GRATIS (Open Source).
-) PHP juga termasuk bahasa yang embedded (bisa diletakkan di dalam tag HTML). 

B. Aturan Umum PHP Scripting
•) Setiap Script PHP hanya akan terbaca jiga diawali Tag Buka <?php dan di akhiri Tag Tutup ?>
•) Script PHP disimpan dalam sebuah file berekstensi .php
•) Penulisan Script PHP dapat dipisahkan dalam 1 file khusus atau menyatu dengan tag HTML.
•) Script PHP tidak case sensitive untuk beberapa fungsinya, namun untuk penulisan variable case sensitive.
•) Setiap satu statement diakhiri oleh semicolon (;)  

C. Variable
Setiap variable WAJIB diawali dengan karakter $ (dolar).
  Pola : $nama_variable   à  $namaSiswa
Deklarasi Variable dilakukan jika ada inisialisasi nilai awal, jika tidak ada, variable tidak perlu di deklarasikan.
  Pola  : $nama_variable = nilai;   
  Contoh : $nama_siswa = “Fahru”;

D. Tipe Data
Tipe Data pada PHP ada 3 macam yaitu :
•) Integer , Bilangan Bulat (0,1,2,3,4,5,6,7,8 dst)
•) Double, Bilangan Real (0, 0.1,0.2, 1.10, 1.11 dst)
•) String ,  Teks (“Fahru”, ‘Ozi”). Setiap String wajib memakai tandai petik satu (‘ ’) atau tanda petik (“ “).
•) TIDAK DITULISKAN tipe data dalam deklarasi variable.
  Contoh : $nama_siswa = “Ujang”;  secara otomatis tipe datanya adalah String
   $nilai_siswa = 80;    secara otomatis tipe datanya adalah integer

E. Komentar
Komentar yang digunakan dalam sintaks PHP adalah :
-) // sintaks    à jika hanya ingin mengomentari 1 baris
-) /* sintaks */ à jika ingin mengomentari lebih dari 1 baris


F. Implementasi (latihan1)

 kodingan :
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Muhamamd Fahru Rozi XI RPL 2</title>
</head>
<body>
    <h1>Data Pribadi Saya</h1>
    <?php 
        // Deklarasi Variable
        $nama_saya = "Fahru";
        $kelas = "XI RPL 2";
        $nis = "1314114590";
        $umur = 16;
        $berat_badan = 60.95;

        /* di bawah ini adalah script untuk menampilkan data yang telah dideklarasikan di atas */
        
        echo ("Nama Saya $nama_saya <br> ");
        echo "Sekarang Kelas $kelas dan NIS Saya $nis <br> ";
        echo 'Umur Saya Sekarang Adalah '. $umur .' Tahun <br>';
        echo "Berat Badan Saya $berat_badan Kg";

    ?>
</body>
</html>

hasil kodingan di atas :


G. Operator

Operator adalah symbol yang digunakan dalam program untuk melakukan suatu operasi, misalnya penjumlahan atau perkalian, perbandingan antara dua buah nilai atau bahkan memberikan nilai ke variable.
1. Operator Standar Matematika : tambah (+),  Kurang (-), Kali (*), bagi (/)
Contoh :
    $nilaiA = 10;
    $nilaiB = 20;
    $hasil = $nilaiA + $nilaiB;
    echo “$nilaiA + $nilaiB = $hasil ”;
jadi hasil dari echo di atas : 10 + 20 = 30
2. Operator Aritmatika Increament/ decreament : operator operasi perhitungan untuk menambahkan/ mengurangkan nilai dari nilai sebelum nya.

    +=  : menambahkan variable di sisi kiri dengan nilai di sisi kanan
    -=   : mengurangi isi variable di sisi kiri dengan nilai di sisi kanan
    /=   : membagi isi variable di sisi kiri dengan nilai di sisi kanan
    %=  : memperoleh sisa pembagian antara variable di sisi kiri dengan nilai di sisi kanan
Contoh :
    $nilai = 10;
     echo $nilai += 10; 
jadi hasil dari echo di atas : 20 , karna value dari variable nilai ditambah 10.

3. Operator Pembanding/ Logika : Operator yang digunakan untuk membandingan 2 buan nilai.
    ==  : Nilai A sama dengan Nilai B
    <    : Nilai A lebih kecil dari Nilai B
  >   : Nilai A lebih besar dari Nilai B
    <=  : Nilai A lebih kecil atau sama dengan Nilai B
    >=  : Nilai A lebih besar atau sama dengan Nilai B
    !=   : Nilai A Tidak sama dengan Nilai B (Bisa juga menggukan operator < >)
(Operator ini akan dibahas lebih lanjut di materi Percabangan)

H. Lingkup Variable

Dibedakan menjadi 3 jenis :
  - Variabel Global
adalah variabel yang bersifat global yang dapat dikenal dan digunakan oleh seluruh bagian script PHP.
  - Variabel Lokal
adalah variabel yang didefinisikan dalam suatu fungsi sehingga variabel tersebut bersifat hanya dapat 

 dikenali dan digunakan dalam fungsi yang mendeklarasikan variabel tersebut.
  - Variabel Static 
adalah variabel yang hanya ada dalam lingkup lokal suatu fungsi. Variabel tidak menghilangkan nilai

 akhirnya ketika selesai dieksekusi dan meninggalkan fungsi tersebut. 

 I. Pengelompokkan Tipe Data

 PHP mendukung delapan tipe data :

 Tipe data scalar :

 -Boolean
-Integer
-Floating-point
-String

 Tipe data compound :

 -Array
-Object

 Tipe data khusus :

 -Resource
-Null

J. Tipe Data Boolean
      
      adalah tipe data paling sederhana, yakni untuk menyatakan suatu nilai kebenaran TRUE (benar) atau
FALSE (salah) yang bersifat case sensitive.

 Contoh :

 $lulus =TRUE; 

 Implementasi Boolean 

 Kodingan 


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Muhammad Fahru Rozi XI RPL 2</title>
</head>
<body>
    <h1>Contoh Nilai Boolean</h1>
    <pre>
        $a = TRUE;
        $b = false;
    </pre>
    Hasil Eksekusi dengan PHP : <br>
    <?php 
        $a = TRUE;
        $b = FALSE;
        echo "$a = $a"."<br>";
        echo "$b = $b";
    ?>
</body>
</html>

Hasil Kodingan di atas
true mengandung nilai 1 sedangkan false mengadnung nilai 0. Tetapi jika kita memakai boolean false maka tidak akan dimunculkan nilai 0 nya.


K. String

  adalah sekumpulan karakter. Dalam PHP suatu karakter dianggap sebagai suatu byte sehingga ada 256 karakter berbeda.
  Suatu literal string dapat dinyatakn dengan tiga cara berbeda :
  - Tanda petik tunggal (single quote)
Jika string dinyatakan dengan diapit tanda petik tunggal, tidak bisa menampilkan value dari sebuah variable. contoh nya seperti di bawah
Implementasi 
kodingan

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Muhammad Fahru Rozi XI RPL 2</title>
</head>
<body>
    <?php 
        $tulisan = 'Menggunakan PHP';
        echo 'Ini adalah suatu string'.'<br>';
        echo 'Anda Bisa Menyisipkan baris baru dalam string, seperti ini'.'<br>';
        echo 'Assalamu\'alaikum'.'<br>';
        echo 'Nama Saya Fahru'.'<br>';
        echo 'Saya Senag Belajar Web di SMK Negeri 4 Bandung'.'<br>';
        echo '$tulisan'.'<br>';
    ?>
</body>
</html>

Hasil kodingan di atas


  - Tanda petik ganda (double quote)

 Jika string dinyatakan dengan diapit tanda petik ganda, PHP mengenali lebih banyak karakter khusus (escape character). Berbeda dengan tanda petik tunggal, variabel yang terdapat dalam tanda petik ganda akan ditampilkan nilainya.

 Implementasi 

 kodingan


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Muhammad Fahru Rozi XI RPL 2</title>
</head>
<body>
    <?php 
        $tulisan = "Menggunakan PHP";
        echo "Ini Adalah Suatu String".",<br>";
        echo "Anda Bisa Menyisipkan baris baru dalam string, seperti ini"."<br>";
        echo "Assalamu\"alaikum"."<br>";
        echo "Nama Saya Fahru"."<br>";
        echo "Saya Senag Belajar Web di SMK Negeri 4 Bandung"."<br>";
        echo "$tulisan"."<br>";
    ?>
</body>
</html>

Hasil kodingan di atas

- Heredoc Sintax
  String juga dapat dibatasi menggunakan tanda heredoc sintax(“<<<“). Identifier dituliskan setelah tanda <<<, diikuti string, dan kemudian ditutup dengan identifier yang sama.

  Teks heredoc berlaku seperti halnya suatu string dalam apitan tanda petik ganda yang dibuat tanpa petik ganda. Variabel yang terdapat dalam heredoc sintax akan ditampilkan nilainya, tetapi hati-hatilah dalam penempatan variabel tersebut agar tidak dianggap sebagai bagian dari string.
implementasi 

kodingan

<?php 
$str = <<<LABEL_SAYA
contoh penulisan Heredoc.
pada PHP
LABEL_SAYA;

echo $str;

?>

Hasil kodingan di atas


L. Quiz

 Seperti biasa setelah kita mempelajari materi materi tdai kita melakuakn implementasi dengan membuat quiz yang berisi gabungan dari materi materi tadi.

 Kodingan

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Muhammad Fahru Rozi XI RPL 2</title>
    <link rel="stylesheet" href="quiz.css">
    
</head>
<body>
    <div class="shadow">
        <img src="../Assets/ava.jpg" alt="" class="pf"><br>
        <h1>BIODATA</h1>
        <?php 
            $nama      = "Muhammad Fahru Rozi";
            $ttl       = "Bandung, 9 September 2003";
            $umur      = 16;
            $sekolah   = "SMK Negeri 4 Bandung";
            $hobi      = "mencari tahu apapun dan belajar pemograman";
            $cita_cita = "menjadi Programmer";
            $agama     = "Islam";
            $goldar    = "B";
            $wkt_luang = "membaca berita yang sedang hangat terjadi, bermain sosmed, bermain game, dan kadang kadang belajar";
            $panutan   = "CEO dari Bukalapak yaitu Achmad Zaky";
            
            $str = <<<BIODATA
            Nama saya $nama. Saya lahir di $ttl dengan keadaan yang sehat alhamdulillah. Umur saya saat ini $umur tahun sedang melaksanakan pendidikan di $sekolah. Hobi saya $hobi. Saya bercita cita $cita_cita yang berguna bagi sekitarnya. Agama saya $agama yaitu agama yang Rahmatan lil'alamin. Saya memilki golongan darah $goldar. Hal yang biasa saya lakukan jika ada waktu luang yaitu $wkt_luang. Saya mulai mempelajari WEB dari kelas 10 SMK saya sangat tertarik terhadap dunia pemograman karna saya berpikir jika di masa depan nanti manusia digantikan robot pekerjaannya saya tidak akan khawatir karna saya sendiri yang akan membuat program robot tersebut. Keinginan terbesar saya untuk saat ini ingin bisa membawa nama Indonesia di kancah dunia dalam bidang pemogramman. Saya termotivasi juga oleh $panutan karna dengan modal niat dan konsisten dia bisa mengembangkan starup nya sampai sesukses sekarang.
            BIODATA;
            echo "<div>$str</div>";
        ?>
    <div class="sosmed">
        <center>
            <a href=""><img src="../Assets/ig.png" alt="" width="8%"></a>
            <a href=""><img src="../Assets/line.png" alt="" width="8%"></a>
            <a href=""><img src="../Assets/mail.png" alt="" width="10%"></a>
        </center>
    </div>
    </div>
</body>
</html>

CSS nya

body {
    background-image: url(../Assets/bg.jpg);
    background-size: cover;
}

.shadow{
    position: relative;
    margin: 200px auto 0;
    width: 80%;
    height: 700px;
    background: linear-gradient(0deg,#000,#262626);
    margin-top: 70px;
    margin-left: 170px;
}

.shadow:before,.shadow:after{
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    background: linear-gradient(4deg,#fb0094,#0000ff,#00ff00,#ffff00,#ff0000,#fb0094,#0000ff,#00ff00,#ffff00,#ff0000);
    background-size: 400%;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    z-index: -1;
    animation: animate 20s linear infinite;
}

.shadow:after {
    filter: blur(10px);
}

@keyframes animate{
    0%
    {
        background-position: 0 0;
    }
    50%
    {
        background-position: 300% 0;
    }
    100%
    {
        background-position: 0 0;
    }

}
img.pf {
    float: left;
    margin: 20px;
    border-radius: 100px;
    width: 25%;
}

h1 {
    text-align: center;
    font-family: Avengero;
}

div {
    color: white;
    margin: 20px;
    font-size: 20px;
}

.sosmed img {
    margin-left: 70px;
    margin-top: 60px;
}

Hasil Kodingan di atas



Sekian materi yang dapat saya berikan semoga bermanfaat dan terimah kasih telah mengunjungi blog ini , wassalamualaikum