Rangkuman Praktikum Pemrograman Berbasis Web Modul 1-6

Assalamualaikum Wr. Wb.

Halo..

    Nama saya Rofinus Aryanto, mahasiswa prodi Informatika di Universitas Muhammadiyah Sidoarjo. Saya disini akan menjelaskan secara singkat tentang Sistem Operasi. Untuk info lebih tentang Universitas Muhammadiyah Sidoarjo, bisa mengakses link berikut : umsida.ac.id atau fst.umsida.ac.id

Mengawali Dokumen HTML5

dokumen HTML5 diawali dengan tag yang lebih sederhana dari pada HTML 4.01. cukup mendeklarasikan kode berikut untuk menunjukkan sebuah dokumen HTML5.

<!DOCTYPE html>

Hanya dengan tag sederhana tersebut, anda sudah siap untuk melakukan scripting. Berikut ini adalah contoh dari dokumen HTML5.

<!DOCTYPE html>

<html lang="en">

<head>

            <meta charset="UTF-8">

            <meta name="viewport" content="width=device-width, initial-scale=1.0">

            <title>Belajar HTML</title>

</head>

<body>

            Belajar HTML pada praktikum pemrograman web

</body>

</html>

Output :

Form

Form di bentuk dengan menggunakan pasangan tag <form> dan </form>.

Ada 2 stribut yang mengikuti yaitu Action dan Method

1.      Action menentukan URL yang akan dijalankan dan menerima semua masukan pada formulir.

2.      Method digunakan untuk menentukan bagaimana informasi dikirim ke URL yang disebutkan oleh Action, nilai yang sering digunakan berupa atribut GET dan POST.

-         Post membuat informasi dikirim secara terpisah dengan URL.

-         Get membuat informasi dikirim menjadi satu dengan URL.

Bentuk Penulisan sebagai berikut :

<FORM ACTION=””MTHOD=”POST:>.......</FORM>

Textbox Tanpa Validasi

<!DOCTYPE html>

<html lang="en">

<head>

            <meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial- scale=1.0">

            <title>textbox</title>

</head>

<body>

            <h2>Text Box Tanpa Validasi</h2>

            <p>

                        <form method="post" action="">

<input type="textBox" type="text" id="textBox" size="30"  />

<input name="btnSubmit" id="btnSubmit" type="submit" value="Submit"/>

                        </form>

            </p>

</body>

</html>

<!DOCTYPE html>

<html>

<head>

<title>Variabel</title>

</head>

<body>

<?php

$nilai_1 = 10;

$nilai_2 = 3;

$nilai_3 = 2*$nilai_1 + 8*$nilai_2; echo "nilai = ", $nilai_3;

echo "<br>";

$jumlah = $nilai_1 + $nilai_2;

echo "hasil dari $nilai_1+$nilai_2 adalah $jumlah"; echo "<br><br>";

echo "NAMA : Rofinus Aryanto<br>"; echo "NIM : 191080200210";

?>

</body>

</html>

Output :

 

 

 

1.            Ketikkan program berikut : Script :

<!DOCTYPE html>

<html>

<head>

<title>Pemrograman PHP dengan Array</title>

</head>

<body>

<?php

//penulisan array dapat dibuat seperti berikut

$nama[] = " Rofinus";

$nama[] = "Aryanto ";

 

 

echo $nama[1].$nama[2].$nama[0]; echo "<br>";

 

 

 

 

 

 

 

?>

</body>

</html>

//pendefinisian array dapat juga seperti berikut ini

$kampus[] = " UMSIDA";

$kampus[] = " Teknik Informatika";

echo "Kampusku adalah $kampus[0] $kampus[1]";

Output :

 

 

Simpan script diatas lalu lihat hasilnya di web browser. Perhatikan urutan nama-nama yang tampil dari perintah echo $nama[1].$nama[2].$nama[0]; Tambahkan fungsi count untuk menghitung jumlah elemen array $nama dengan menambahkan script berikut :

 

Script :

<!DOCTYPE html>

<html>

<head>

<title>Pemrograman PHP dengan Array</title>

</head>

<body>

<?php

//penulisan array dapat dibuat seperti berikut

$nama[] = " Rofinus";

$nama[] = "Aryanto ";

 

 

echo $nama[1].$nama[2].$nama[0]; echo "<br>";

 

//pendefinisian array dapat juga seperti berikut ini

$kampus[] = " UMSIDA";

$kampus[] = " Teknik Informatika";

echo "Kampusku adalah $kampus[0] $kampus[1] <br>";

//menghitung jumlah elemen array

$jum_array = count($nama);

echo "Jumlah elemen array = ".$jum_array;

?>

</body>

</html> Output :

2.            Ketikkan script berikut ini untuk mengkonversi tipe data. Script :

<!DOCTYPE html>

<html>

<head>

<title>Konversi Tipe</title>

</head>

<body>

<?php

$a = 300.4;

echo $a; echo "<br>";

echo "tipe Double :", doubleval($a), "<br>"; echo "tipe Integer :", intval($a), "<br>"; echo "tipe string :", strval($a);

?>

</body>

</html>

Output :