Tugas Pemrog

MODUL1
1. TUGAS
Memodifikasi script yang telah digunakan
<html>
<head>
<title>awalan</title>
</head>
<body background="9.jpg" vlink="#FFFFFF">

<font face="calibri" size="20" color="#000000">
untuk menuju lokasi tautan anda klik link dan download di samping ini
<a href="">manusia mengerikan</a>
</font>
</body>
</html>
html>
<head>
<title>Komentar Komentar</title>
</head>
<body background="9.jpg">

<font face="agency FB" size="22" color="blue">
<center>Silahkan Berkomentar Dibawah ini<br>Have a good day,
good people!
</center>
</font>
</body>
</html>
<html>
<head>
<title>TUGAS LATIHAN HEADING</title>
</head>
<body bgcolor="dd0077">
<center>
<font face="Gill Sans Ultra Bold">
<h1>BELAJAR PEMROGRAMAN</h1>
</font>
<font face="Ravie">
</font>
<font face="Bookman Old Style">
</font>
<font face="Kristen ITC">
</font>
<font face="Jokerman">
</font>
<font face="Arial Black">
</font>
</center>
</body>
</html>
<html>
<head>
<title>POWER LINE CARRIER (PLC) SEBAGAI SARANA
OPERASIONAL JTT </title>
</head>
<body background="burung.jpg">
<font face="agency FB" size="5" color="ff0000">
<hr />
Sistem PLC mulai diterapkan di Amerika sejak tahun 1920-an dan pada tahun
1919 didemonstrasikan penggunaannya oleh General Electric Co.
<FONT/>
<font face="agency FB" size="7" color="green">
<p>Secara umum, PLC adalah sistem telekomunikasi yang menggunakan
penghantar tegangan tinggi ( SUTT ) 70KV150KV-500KV sebagai media transmisinya
<font/>
</p>
<hr />
<font face="agency FB" size="4" color="black">
Prinsip kerja PLC adalah menumpangkan frekuensi informasi seperti: Data,
calling, signaling ke frekuensi carrier (frekuensi PLC).
<hr />
<br />
<h1>Bab tentang tukul</h1>
kementrian Tenaga Kerja
<h2>1.1 sub bab cara menggunakan PLC</h2>
<font/>
</body>
</html>
<html>
<head>
<title>NILAI BASEBALL</title>
</head>
<font face="times new roman" size="5" color="white">
<pre>
HERE WE GO!! GO GRAB IT FAST
Klasemen Sementara
Team Main Menang Seri Kalah
===============================================
Team A 5 4 0 1
Team B 5 3 1 1
Team C 5 2 1 2
===============================================
Kode Program :
For I = 1 to 10
For J = 1 to 5
A(I,J)=I*J
Next
Next
</pre>
</body>
</html>
<html>
<head>
<title>Daftar Harga Iphone dan Samsung Garansi 1 tahun Smarphone</title>
</head>
<center>
<font face="Britannic Bold" size="10" Color="white">
DAFTAR HARGA SEPATU
</font>
</center>
<ol>
<center>
<li>FREE RUN</li>
<li>ROSHE RUN</li>
<li>KW SUPER</li>
<li>KW 2260</Li>
<li>ORIGINAL CONCEPT</li>
<li>asics gel</li>
<li>kickers</li>
<li>nimco gratuadic</li>
</font>
</center>
</ol>
<center>
<p>TERBARU SAMSUNG</p>
<ul>
<li>Samsung GALAXY S5 @7500</li>
<br />
<li>Samsung GALAXY Note 3 @5490</li>
<br />
<br />
<li>Samsung GALAXY S4 Zoom @3490</Li>
<br />
</ul>
</font>
</center>
</body>
</html>
html>
<head>
<title>Memformat FONT</title>
</head>
<body bgcolor="black">
<center>
<font face="calibri" size="7" color="red">
<b>Selamat datang calon-calon generasi penerus bangsa!</b><br>
</font>
<br />
<font face="times new roman" size="4" color="red">
<i>Kalian adalah generasi penerus bangsa pilihan Indonesia</i><br>
</font><br />
<font face="arial" size="6" color="red">
<u>Berikan kontribusi yang terbaik untuk negara ini jika kalian
mencintai Indonesia!</u><br>
</font><br />
<font face="arrial narrow" size="8" color="red">
Merdeka!! Merdeka!! Jayalah Indonesiaku!!
</font><br />
<font face="tahoma" size="10" color="red">
Hidup Indonesia, Damai Negeriku Tercinta
</center>
</font>
</body>
</html>
<html>
<head>
<title>Memformat Font</title>
</head>
<body bgcolor="339999">
<center>
<marquee direction="left" ><font face="calibri" size="16" color="#ff0000">
Jenis font ini adalah Calibri, berwarna merah, ukurannya
16</marquee></font>
<br/>
<font face="Monotype Corsiva" size="14" color="blue">
Jenis font ini adalah Monotype Corsiva, berwarna biru, ukurannya 14
</font>
</center>
</body>
</html>
<html>
<head>
<title>Nambahin gambar</title
<br />
</head>
<font face="batang" size="15" Color="white">
<img src="8.jpg" alt="8" align="middle" /></br>
<b>Gambar ini terdapat pada direktori folder anda, anda boleh
menggantinya.</b><br>
</font>
</body>
</html>
<html>
<head>
<title>Cara Pakai LINK</title>
</head>
<font size="10">
<a href="http://www.twitter.com">Klik disini</a> untuk meneruskan
penelusuran twitter anda<br />
Atau dapat juga mengklik gambar ini :
<a href="http://www.Twitter.com">
<img src="9.jpg" alt="Twitter" align="middle" />
</a>
</font>
</body>
</html>
<html>
<head>
<title>HTML Tabel</title>
</head>
<center>
<font face="Arial" size="12" Color="white">
Berikut adalah daftar peserta SNMPTN 2015
<table border="3">
<tr>
<th>jawa barat</th>
<th>sumatra barat</th>
<th>jawa tengah</th>
<th>jawa timur</th>
<th>kalimantan</th>
<th>sulawesi</td>
</tr>
<tr>
<td>Hafid indra</td>
<td>Bayu Sucipto</td>
<td>Anggar saputra</td>
<td>Raden Nur cahyo</td>
<td>Bagaskara Indra</td>
<td>Joko Doyo</td>
</tr>
<tr>
<td>Nur Arif Setiawan</td>
<td>Joko Doyo</td>
<td>Abimanyu Indrawan</td>
<td>Joko Telo</td>
<td>Ari Purwanto</td>
<td>Agung Sedayu</td>
</tr>
<tr>
<td>Mega Kurnia</td>
<td>Jono Waluyo</td>
<td>Heri Sujoko</td>
<td>Ridwan Nr</td>
<td>Arifin Ilham</td>
<td>Rizky Abdullah</td>
</table>
</body>
</html>
MODUL2
1. TUGAS
Mengubah tampilan global.css
Script globall.css
/*CSS Document*/
*{
font-family: geneva, "agency fb", times, sans-serif;
font-size: 30px;
background: #9999ff;
}
#main{
width: 800px;
margin: 0px 0px 0px 100px;
}
#header{
font-weight: bold;
padding: 20px 20px 20px 20px;
background: #ff0000;
text-align: center;
}
#nav{
text-align: right;
background: #6666CC;
}
#middle{
clear: both;
}
#left{
float: left;
width: 650px;
background: green;
text-decoration:underline;
}
#content{
background: blue;
text-decoration:underline;
}
#right{
float: right;
}
#footer{
text-align: center;
background: purple;
}
Script lat_2_06.php
<html>
<head>
<link rel="stylesheet" href="globall.css"type="text/css">
</head>
<body>
PENGGUNAAN CSS
<div id="header">
penggunaan id left header dari css
</div>
<div id="left">
penggunaan id left dari css
</div>
<div id="content">
penggunaan id content dari css
</div>
<div id="footer">
penggunaan id footer dari css
</div>
</body>
</html>
MODUL3
1. LATIHAN
Aplikasi sederhana untuk menghitung luas segi empat
Tampilan Awal
Isi panjang dan lebarnya lalu klik tombol HASIL , maka akan muncul tampilan :
<html>
<head>
<title> Luas Segi Empat </title>
</head>
<body bgcolor="red" text="white" />
<center>
<font face="calibri" size="16" text="white">
Mencari Luas Segi Empat<br/>
<form method="POST" action="latihan1.php" >
<table>
<tr>
<td>panjang</td>
<td>:</td>
<td><input type="text" name="panjang"/></td>
</tr>
<tr>
<td>lebar</td>
<td>:</td>
<td><input type="text" name="lebar"/></td>
</tr>
<tr>
<td><input type="submit" name="submit"
value="HASIL"/></td>
</tr>
</table>
</form>
</body>
</html>
<?php
$simpan=$_POST;
if($simpan){
$panjang = $_POST["panjang"]; // membaca bil pertama dari form
$lebar = $_POST["lebar"]; // membaca bil kedua dari form
$hasil = ($panjang * $lebar);
echo "</br>panjang =" .$panjang;
echo "</br> lebar =".$lebar;
echo "</br> Jadi luas segi empat adalah ".$hasil;}
?>
2. TUGAS
Menampilkan informasi tanggal dan waktu
<html>
<head>
<title>Tanggalan</title>
</head>
<body bgcolor="yellow" text="limegreen" s/>
<center>
<font face="ARIAL" size="28" color="#8B0000">
Format Tanggalan Terbaru<br/> KHOIRUNNISA
</font>
</center>
<br/>
<?
echo date("D, d-F-Y, h:i:s A");
?>
</body>
</html>
Mengganti Pengkorversian tipe dengan metode cast
<html>
<head>
<title> Konversi Tipe </title>
</head>
<body bgcolor="navy" text="white" />
<?
$a = 300.57;
echo $a;
echo "<br>";
echo "tipe double : ".(double)$a, "<br>";
echo "tipe Integer : ", intval($a), "<br>";
echo "tipe String : ", strval($a);
?>
</body>
</html>
MODUL4
1. LATIHAN
<html>
<head>
<title>Perulangan dengan While</title>
</head>
<body>
<?
$i = 1;
$jum=0;
while ($i <= 9)
{
$jum=$jum+$i;
echo "Bilangan ke : $i, jumlah : $jum <br>";
}
?>
</body>
</html>
2. TUGAS
Mengubah pernyataan while menjadi peernyataan FOR
<html>
<head>
<title>Perulangan dengan FOR</title>
</head>
<body bgcolor="lightblue" text="brown" />
<center>
<font face="Arial" size="30" color="#ff0000">
Modifikasi script menjadi Pernyataan FOR
</font>
</center>
<br/>
<?
$i = 1;
$jum=0;
for ($i=9;$i>0;$i--)
{
$jum=$jum+$i;
}
?>
</body>
</html>
Mengubah pernyataan WHILE menjadi Pernyataan FOR
<html>
<head>
<title>Perulangan dengan do-while</title>
</head>
<body bgcolor="green" text="navy" />
<?
$i = 1;
$jum=0;
Do
{
$jum=$jum+$i;
}
while ($i <= 9)
?>
</body>
</html>
MODUL5
1. LATIHAN
Modifikasi tabel barang dengan menambahkan kolom hargabarang
Menambahkan hargabarang pada form input barang
<HTML>
<HEAD>
<TITLE>Pemasukan data Barang dan stok</TITLE>
</HEAD>
<BODY>
<form name='form1' method="post" action='simpan_barang.php'>
<table width='400' height='77' border='1'>
<tr>
<td width='100'>Kode Barang</td>
<td><input name='in_kode_brg' type='text' size='12'
maxlength='4'></td>
</tr>
<tr>
<td width='100'>Nama Barang</td>
<td><input name='in_nama_brg' type='text' size='30'
maxlength='30'></td>
</tr>
<tr>
<td width='100'>Stok</td>
<td><input name='in_stok' type='text' size='5'></td>
</tr>
<tr>
<td width='100'>Harga barang</td>
<td><input name='in_hargabarang' type='text' size='5'></td>
</tr>
<tr>
<td><input name='submit' type='submit' value='simpan'></td>
</tr>
<table>
</form>
</BODY>
</HTML>
Pada simpan _barang.php pada bagian insert into ditambah harga barang
sehingga data yang diinputkan terekema ke tabel barang
Script simpan_barang.php
<?
include_once "hubung.php";
$in_kode_brg=$_POST['in_kode_brg'];
$in_nama_brg=$_POST['in_nama_brg'];
$in_stok=$_POST['in_stok'];
$in_hargabarang=$_POST['in_hargabarang'];
$rekam="insert into
barang(kodebarang,namabarang,stok,hargabarang)values('$in_kode_brg','$in_nama_b
rg','$in_stok','$in_hargabarang')";
mysql_query($rekam);
?>
Mengubah perintah relasi select ..... pada tabelrelasi.php menggunakan inner
join
Script tabelrelasi.php
<html>
<head>
<title>ABC Online Shop</title>
</head>
<body>
<br />DAFTAR TRANSAKSI PENJUALAN<BR/>
<?PHP
$ambil =" SELECT t.nomornota as tno,t.kodebarang as
tko,b.namabarang as bna from transaksi t INNER JOIN barang b
where t.kodebarang=b.kodebarang";
$lakukan=mysql_query($ambil);
?>
<table border="1">
<tr>
<td>Nomor Nota</td>
<td>Kode Barang</td>
<td>Nama Barang</td>
</tr>
<?
while($hasil=mysql_fetch_array($lakukan))
{
?>
<tr>
<td> <? echo $hasil["tno"]; ?></td>
<td> <? echo $hasil["tko"]; ?></td>
<td> <? echo $hasil["bna"]; ?></td>
</tr>
<?
}
?>
</table>
</body>
</html>
2. TUGAS
Mengubah tampilan dari file
tampilbarang.php,tampilbarang1.php,transaksi.php dan tabelrelasi.php dengan
menggunakan CSS
Tampilan tampilbarang.php
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="header1">DAFTAR BARANG </div>
<?php
$ambil="select kodebarang,namabarang from barang ";
$lakukan= mysql_query($ambil);
{
?>
<div id="body1">
Kode Barang :<? echo $hasil['kodebarang'];?><BR/>
Nama Barang :<? echo $hasil['namabarang'];?><BR /><BR />
</div>
<?}?>
<div id="footer">FERDINA MAHARDIKA | 21060113060024</div>
</body>
</html>
Tampilan tampilbarang1.php
<html>
<head>
</head>
<body>
<div id="header2">DAFTAR BARANG</div>
<?php
$ambil="select kodebarang,namabarang from barang limit
0,10";
?>
<div id="body1">
<table align="center">
<tr>
</tr>
<?php
while($hasil=mysql_fetch_array($lakukan)) {
?>
<tr>
<td> <? echo $hasil ["kodebarang"]; ?></td>
<td><? echo $hasil["namabarang"]; ?></td>
</tr>
<?}?>
</div>
</table>
<div id="footer">FERDINA MAHARDIKA | 21060113060011</div>
</body>
</html>
Tampilan transaksi.php
<html>
<head>
</head>
<body>
<div id="header3">
DAFTAR BARANG
</div>
<?php
include_once"hubung.php";
$ambil="select kodebarang,namabarang from barang limit 0,10";
?>
<div id="body">
<br>
<table width="232" border="2" align="center">
<tr>
<td width="101">
Kode Barang
</td>
<td width="113">
Nama Barang
</td>
</tr>
</div>
<?php
{
echo "<form name='form' action='beli.php'>
<tr>
<td>$hasil[kodebarang]</td>
<td>$hasil[namabarang]</td>
<td><a href='beli.php?kodebarang=$hasil[kodebarang]'>
Ya</a></td>
</tr>";
}
?>
</table>
<br>
<div id="footer2">FERDINA MAHARDIKA | 21060113060011</div>
</body>
</html>
Tampilan tabelrelasi.php
<html>
<head>
</head>
<body>
<div id="header4">DAFTAR TRANSAKSI PENJUALAN</div>
<?PHP
$ambil ="select t.nomornota as tno,t.kodebarang as
tko,b.namabarang as bna from transaksi t,barang b where
t.kodebarang=b.kodebarang";
?>
<div id= "body2">
<table border="1" align="center">
<tr>
<td>Nomor Nota</td>
</tr>
<?
{
?>
<tr>
<td> <? echo $hasil["tno"]; ?></td>
<td> <? echo $hasil["tko"]; ?></td>
<td> <? echo $hasil["bna"]; ?></td>
</tr>
<?
}
?>
</table>
</div>
<div id="footer2">FERDINA MAHARDIKA |
21060113060011</div>
</body>
</html>
Script style.css
#header {
width:100%;
height: 60;
background-color: #2340548;
color: white;
font-family: calibri;
font-size: 40;
text-align: center;
#body{
background-color: #ffffff;
#footer{
background-color: #ffff00;
width: 100%;
height:30;
text-align: center;
font-size: 20;
#footer2{
background-color: #6495ed;
width: 100%;
height:30;
text-align: center;
font-size: 20;
}
#header1{
width:100%;
height: 80;
background-color: #9966ff;
color: white;
font-size: 55;
text-align: center;
}
#body1{
background-color: #6699CC;
font-size: 20;
}
#header2{
width:100%;
height: 100;
background-color: #ff99ff;
color: white;
font-size: 50;
text-align: center;
}
#body2{
background-color: #FFCCCC;
font-size: 20;
}
#header3{
width:100%;
height: 80;
background-color: #00cc39;
color: white;
font-size: 40;
text-align: center;
}
#header4{
width:100%;
height: 80;
background-color: #666666;
color: white;
font-size: 40;
text-align: center;
}

Tugas Pemrog

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Tugas Pemrog

Diunggah oleh

Hak Cipta:

Format Tersedia

MODUL1

<body background="9.jpg" vlink="#FFFFFF">

Menambahkan hargabarang pada form input barang

Anda mungkin juga menyukai