TUGAS PRAKTIKUM 4

5
 TUGAS PRAKTIKUM 4   Pemrograma n Web 1 HTML Form and Introduction to PHP  Sertakan NRP dan Nama anda sebagai komentar pada setiap halaman HTML yang dibuat  Nama f older : 04_NoSoal_NRP_Nama  File tugas disatukan dalam bentuk .rar dengan format penulisan 04_KELAS_NRP_Nama.rar Soal 1 (25 Point) Buatlah halaman yang menampilkan form registrasi seperti pada Gambar 1 dibawah ini. Gamb ar 1 Soal 2 (30 point) Buatlah sebuah form untuk login yang terdiri dari field username dan password (Gambar 2). Tampilan login berada ditengah halaman browser. Pengguna dinyatakan berhasil login jika username dan password benar. Gunakan NRP anda sebagai Username dan Nama anda sebagai password.

description

TUgas praktikum Pemrograman web Universitas Maranatha Bandung.Minggu ke 4 tentang Form

Transcript of TUGAS PRAKTIKUM 4

  • TUGAS PRAKTIKUM 4 Pemrograman Web 1

    HTML Form and Introduction to PHP

    - Sertakan NRP dan Nama anda sebagai komentar pada setiap halaman HTML yang dibuat

    - Nama folder : 04_NoSoal_NRP_Nama

    - File tugas disatukan dalam bentuk .rar dengan format penulisan 04_KELAS_NRP_Nama.rar

    Soal 1 (25 Point)

    Buatlah halaman yang menampilkan form registrasi seperti pada Gambar 1 dibawah ini.

    Gambar 1

    Soal 2 (30 point)

    Buatlah sebuah form untuk login yang terdiri dari field username dan password (Gambar 2).

    Tampilan login berada ditengah halaman browser. Pengguna dinyatakan berhasil login jika username

    dan password benar. Gunakan NRP anda sebagai Username dan Nama anda sebagai password.

  • Jika berhasil melakukan login maka akan ditampilkan username dan password anda seperti pada

    Gambar 3. Tetapi, jika anda salah memasukkan username atau password maka akan ditampilkan

    pesan kesalahan seperti pada Gambar 4 dan halaman akan di redirect kembali ke halaman login

    (Gambar 2) setelah 5 detik.

    Gambar 2 Form Login

    Gambar 3 Login Berhasil

    Gambar 4 Login Gagal

    Gunakan perintah berikut untuk melakukan redirect ke halaman lain.

    "

  • Soal 3 (50 point) Buatlah form seperti tampilan pada gambar dibawah ini.

    Ketika pengguna menekan submit, maka halaman akan berpindah dan menampilkan gambar sesuai

    dengan input dari pengguna. Seperti gambar di bawah ini:

  • Soal 4 (45 point)

    Buatlah form seperti tampilan pada gambar dibawah ini. Ketika pengguna menekan tombol Submit

    maka data yang dimasukkan pengguna akan ditampilkan (Gambar 7). Jika pengguna menekan

    tombol Reset maka form akan dikosongkan.

    Gambar 7

    Gambar 8

    12345