Anda di halaman 1dari 5

LAPORAN PEMROGRAMAN WEB DAN BASIS DATA

JUDUL PERCOBAAN : PERANCANGAN WEBSITE TELEHEALTH SEBAGAI


PELAYANAN KESEHATAN ONLINE DENGAN HTML
& CSS

KELAS / GROUP : TT 5B / Qiutymember

NAMA KELOMPOK : 1. Ananda Viga Lestari (1903332028)

2. Azriel Teosara Zebua (1903332098)

3. Elyas Argianto (1803332028)

4. Martyasindi Trianalusi (1903332001)

5. Sulthan Hafizh M.D.H (1903332034)

TGL. PENYERAHAN LAP. : 21 November 2021

JURUSAN TEKNIK ELEKTRO PROGRAM


STUDI TEKNIK TELEKOMUNIKASI
POLITEKNIK NEGERI JAKARTA
2021
Script PHP

a. Halaman Awal
<html>
<head>
<title>Halaman Pendaftaran</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="icon" href="logo.png" type="image/gif" sizes="20x20">
</head>
<body>

<h1>PENDAFTARAN PASIEN BARU</h1>


<h3><marquee>Mohon Diisi Dengan Lengkap dan Benar Agar Tidak Terjadi
Kesalahan Data</marquee></h3>

<div class="kotak_form">
<p class="tulisan_form">Silahkan Isi</p>

<form method=POST action="daftar.php">


<label>Nama Lengkap</label>
<input type="text" name="nama" class="form_login"
placeholder="Nama Lengkap ..">

<label>Alamat Lengkap</label>
<input type="text" name="alamat" class="form_login"
placeholder="Alamat Lengkap ..">

<label>Tanggal Lahir</label>
<input name="tanggal" type="date" class="form_login" /><br>

<label>Jenis Kelamin</label>
<input name="jk" type="radio" value="Pria" /> Pria <input
name="jk" type="radio" value="Wanita" /> Wanita </br>

<label>No. Telepon</label>
<input name="telepon" type="text" class="form_login"
placeholder="+62 .." /> </br>

<label>Email</label>
<input name="email" type="text" class="form_login"
placeholder="Optional .." />

<input type="submit" class="tombol_login" value="LOGIN">

<br/>
<br/>

</form>
</div>

</body>
<?php
$nama = $_POST['nama'];
$alamat = $_POST['alamat'];
$tanggal = $_POST['tanggal'];
$jk = $_POST['jk'];
$telepon = $_POST['telepon'];
$email = $_POST['email'];
echo "<table border=0 align
=center><tr><td><b>Nama</b></td><td>:</td><td>$nama</td></tr><tr><td><b>
Alamat</b></td><td>:</td><td>$alamat</td></tr><tr><td><b>Tanggal
Lahir</b></td><td>:</td><td>$tanggal</td></tr><tr><td><b>Jenis
Kelamin</b></td><td>:</td><td>$jk</td></tr><tr><td><b>No.
Telepon</b></td><td>:</td><td>$telepon</td></tr><tr><td><b>Email</b></td
><td>:</td><td>$email</td></tr></table>";
?>
</html>
b. Halaman Link
<?php
$nama = $_POST['nama'];
$alamat = $_POST['alamat'];
$tanggal = $_POST['tanggal'];
$jk = $_POST['jk'];
$telepon = $_POST['telepon'];
$email = $_POST['email'];
echo "<table
border=0><tr><td><b>Nama</b></td><td>:</td><td>$nama</td></tr><tr><td><
b>Alamat</b></td><td>:</td><td>$alamat</td></tr><tr><td><b>Usia</b></td
><td>:</td><td>$tanggal</td></tr><tr><td><b>Jenis
Kelamin</b></td><td>:</td><td>$jk</td></tr><tr><td><b>No.
Telepon</b></td><td>:</td><td>$telepon</td></tr><tr><td><b>Email</b></t
d><td>:</td><td>$email</td></tr></table>";
?>
c. CSS
body{
font-family: Arial, Helvetica, sans-serif;
background: #04e2ff;
}

h1{
text-align: center;
/*ketebalan font*/
font-weight: 300;
}
.tulisan_form{
text-align: center;
/*membuat semua huruf menjadi kapital*/
text-transform: uppercase;
}

.kotak_form{
width: 350px;
background: rgb(0, 197, 131);
/*meletakkan form ke tengah*/
margin: 80px auto;
padding: 30px 20px;
}

label{
font-size: 11pt;
}

.form_login{
/*membuat lebar form penuh*/
box-sizing : border-box;
width: 100%;
padding: 10px;
font-size: 11pt;
margin-bottom: 20px;
}

.tombol_login{
background: #46de4b;
color: white;
font-size: 11pt;
width: 100%;
border: none;
border-radius: 3px;
padding: 10px 20px;
}

.link{
color: #232323;
text-decoration: underline;
font-size: 25pt;
}
TAMPILAN

Anda mungkin juga menyukai