ETS Pemrograman Web (E)

Nama: Azka Rizqullah Ramadhani

NRP: 5025231148

Kelas: Pemrograman Web (E)

Soal:

Apa domain dan hosting lalu berikan contoh bagaimana keduanya berfungsi bersama.
Peran DNS dalam arsitektur aplikasi web dan bagaimana proses resolusi nama domain bekerja.
Formulir menggunakan validasi.
Desain dan implementasikan halaman detail berita yang menampilkan konten lengkap sebuah berita.

Jawaban:

Nomer 1

Hosting itu ibarat tanah tempat kita menyewa sedangkan domain itu alamat dimana letak tanah itu. Cara kerja dua hal itu bersamaan adalah sebagai berikut, User ingin mengunjungi letak website kita maka dia harus mengetahui dimana letak alamat website kita maka itu menggunakan domain. Nah agar website kita bisa berdiri atau punya alamat maka dia harus diberi hosting atau diberikan tanah agar website itu bisa dikunjungi.

Nomer 2

DNS berguna untuk mengubah alamat website kita yang sebelumnya ketika kita mengakses maka harus menggunakan alamat ip menjadi tulisan seperti google.com. Hal ini bertujuan agar client bisa mudah mengakses website kita alih alih menggunakan format ip menjadi tulisan yang dipahami manusia.

Cara kerja resolusi namanya adalah sebagai berikut:

client atau user akan mengetikkan alamat dns kita seperti google.com, blogger.com, dll
DNS akan mencarikan nama tersebut kepada server ada tidak DNS seperti itu.
Jika ada maka server akan memberikan alamat ip sehingga kita bisa terkoneksi dengan website kita.

Nomer 3

Pada website ini saya melakukan validasi dengan html form kemudian di jsnya saya gunakan untuk memvalidasi nomer telephone agar semuanya terdiri dari huruf aja.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Kontak</title>
</head>
<body>
    <h1>Kontak Me</h1>
    <form name="form" action="" onsubmit="return myFunction()">
        <label for="name">Name: </label><br>
        <input type="text" id="name" required><br>
        <label for="email">Email: </label><br>
        <input type="email" id="email" required><br>
        <label for="telepon">Telepon: </label><br>
        <input type="text" id="telepon" required><br>
        <label for="pesan">Pesan: </label><br>
        <input type="text" id="pesan" required><br><br>
        <input type="submit" value="Submit" onclick="myFunction()">
    </form>
    <script>
        function myFunction() {
            let x = document.getElementById("telepon").value;
            var phoneno = /^\d+$/;
            
            if (!phoneno.test(x)) {
                alert("Nomor telepon tidak valid. Harus terdiri dari angka saja");
                return false;
            } else {
                return true;
            }
        }
    </script>
</body>
</html>