Page 272 - SK tingkatan 5
P. 272
CONTOH 12
Contoh 12 menerangkan pembinaan laman web log masuk (sign in) untuk ahli kelab yang telah berdaftar.
Rajah 3.2.47 menunjukkan atur cara dalam laman web LogMasuk.php manakala paparan outputnya seperti
yang ditunjukkan di Rajah 3.2.48.
Proses pengesahan menyemak sama ada pengguna telah mendaftar sebagai ahli kelab atau tidak akan
dilakukan oleh atur cara dalam laman web ProsesMasuk.php seperti yang ditunjukkan di Rajah 3.2.49.
Sekiranya pengguna telah berdaftar sebagai ahli kelab maka laman web Masuk.php akan dipaparkan seperti
yang ditunjukkan di Rajah 3.2.49. Rajah 3.2.50 menunjukkan paparan output bagi laman web Masuk.php.
<html>
<head>
<title>Log Masuk</title>
</head>
<body>
<table border = "0">
<tr>
<td style = "background-color: #00FF00;" align = "center">Selamat
Datang</td>
<td style = "background-color: #00FF00;" align = "center">Log Masuk</td>
</tr>
<tr>
<td><img src = "LogoKelab.png"></td>
<td width = "60%">
<form action = "ProsesMasuk.php" method = "POST">
<table>
<tr>
<td>Nama Pengguna</td>
<td><input name = "namapengguna" size = "10" type = "text"></td>
</tr>
<tr>
<td>Katalaluan</td>
<td><input name = "katalaluan" size = "15" type = "password">
</td>
</tr>
<tr>
<td><input name = "submit" value = "Masuk" type = "submit"></td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</body>
</html>
Rajah 3.2.47 Atur cara dalam laman web LogMasuk.php
264 Sains Komputer Tingkatan 5 PB
