Saturday, April 1, 2017

ETS Pemrograman Web (Final)

Source Code

Friday, March 31, 2017

Tugas Pemrograman Web F 4

Berikut adalah web page tentang saya dengan menggunakan bootstrap. Fitur yang saya tambahkan adalah Carousel, Scrollspy(beserta smooth scrolling).

Code:

Screenshot

ETS Pemrograman Web F

Berikut adalah sketsa untuk rencana website ayang akan saya buat :

Wednesday, March 15, 2017

Tugas Pemrograman Web F 3

SOURCE CODE:

<!DOCTYPE html>
<html>

<head>
<title>Form Registrasi Mahasiswa</title>
<style type="text/css">
body{
font-family:"Calibri";
font-size:22px;
}
td{
            padding: 15px;
        }
#formregis input, select{
width: 300px;
            border: 1px solid #A09896;
            border-radius: 5px;
            font-size: 20px;
}
#formregis button[id="submit"]{
height: 36px;
            width: 81px;
            color: white;
            background-color: #00C853;
}
#formregis button[id="cancel"]{
height: 36px;
            width: 81px;
            color: white;
            background-color: #B71C1C;
}
</style>
</head>

<body>
<h1 align="center"> Form Registrasi </h1>
<form id="formregis" action="html_form_action.asp" method="get">
<table align="center">
<tr>
<td>Nama</td>
<td><input type="text" name="nama" /></td>
</tr>
<tr>
<td>NRP </td>
<td><input type="text" name="nrp" list="nrp"/>
<datalist id="nrp">
<option value="5113100">
<option value="5114100">
<option value="5115100">
<option value="5116100">
</datalist>
</td>
</tr>
<tr>
<td>Mata Kuliah </td>
<td><input type="text" name="matkul" list="matkul"/>
<datalist id="matkul">
<option value="Pemrograman Web">
<option value="Otomata">
<option value="Jaringan Komputer">
<option value="Kecerdasan Buatan">
<option value="Manajemen Basis Data">
<option value="Perancangan dan Analisis Algoritma 2">
</datalist>
</td>
</tr>
<tr>
<td>Dosen </td>
<td><input type="text" name="dosen" /></td>
</tr>
<tr>
<td><button id="submit" onclick="window.alert('Berhasil Daftar')"> Submit </button></td>
<td><button id="cancel" onclick="window.alert('Batal Daftar')"> Cancel </button></td>
</tr>
</form>
</body>



Sccreenshot:

Friday, March 3, 2017

Tugas 2 Pemrograman Web F

<!DOCTYPE html>
<html>

<head>


<title>PEMESANAN TIKET KERETA API</title>
</head>

<body>
<h1 style="font-size:36px">
<img
src="https://kioslambang.files.wordpress.com/2011/10/arti_logo_baru-pt-kai1.png"
alt="logo"
width=180 height=100"
>
Selamat Datang !!!
</h1>
<form name="input" action="html_form_action.asp" method="get">
<table align="center">
<tr>
<td>Nama Kereta</td>
<td><input type="text" name="nmkrt" /></td>
</tr>
<tr>
<td>Tanggal Berangkat: </td>
<td><input type="date" name="tglbrgkt" /></td>
</tr>
<tr>
<td>Tanggal Tiba: </td>
<td><input type="date" name="tgltiba" /></td>
</tr>
<tr>
<td>Jam Berangkat: </td>
<td><input type="time" name="jambrgkt" /></td>
</tr>
<tr>
<td>Jam Tiba: </td>
<td><input type="time" name="jamtb" /></td>
</tr>
<tr>
<td>Dari: </td>
<td><input type="text" name="dari" /></td>
<tr>
<td>Ke: </td>
<td><input type="text" name="ke" /></td>
</tr>
<tr>
<td>Kelas: </td>
<td>
<select name="kls" />
<option value="eco">Ekonomi</option>
<option value="Bsn">Bisnis</option>
<option value="Exe">Eksekutif</option>
</select>
</td>
</tr>
<tr>
<td align="right"><input type="Submit" value="Simpan"/></td>
<td><input type="Submit" value="Batal"/></td>

</form>
</body>




Thursday, February 23, 2017

Tugas 1 Pemrograman Web F


SOURCE CODE

<!DOCTYPE html>
<html>
<body>

<h1 style="font-family:courier;">TENTANG SAYA</h1>
<p style="font-family:courier;">Nama : Reinhart Caesar </p>
<p style="font-family:courier;">NRP : 5115100132 </p>
<p style="font-family:courier;">Tempat/Tanggal Lahir : Karawang/15-November-1997 </p>
<p style="font-family:courier;">Tempat Tinggal : Surabaya</p>
<p style="font-family:courier;">Jurusan : Teknik Informatika ITS </p>
<p style="font-family:courier;">Semester : 4 </p>
<p style="font-size:18px;"><i>Pemrograman F 2016-2017</p>


</body>
</html>