Shofiyah Al Idrus Blog

Sabtu, 16 April 2011

MODUL 8 - EXCEPTION HANDLING II

PRAKTIKUM PEMROGRAMAN BERORIENTASI OBJEK

BAHAN PRETEST MODUL 8 (EXCEPTION HANDLING II)

SILAHKAN DOWNLOAD DISINI

Sabtu, 09 April 2011

MODUL 7 - EXCEPTION HANDLING

PRAKTIKUM PEMROGRAMAN BERORIENTASI OBJEK

BAHAN PRETEST MODUL 7 (EXCEPTION HANDLING)

SILAHKAN DOWNLOAD DISINI

Minggu, 06 Maret 2011

Setelah selesai mempelajari javascript, saat ini kita akan membahas mengenai dasar-dasar pembahasan pada PHP. Dan berikut penjelasan untuk passing argumen pada PHP :

A. Passing Argumen pada PHP

PHP kepanjangan dari Hypertext Preprocessor, PHP dibuat oleh Rasmus Lerdord, PHP bersifat open source dan telah digunakan oleh hampir seluruh web developer di seluruh dunia. sifatnya yang open source dan semakin banyak user membuat bahasa pemrograman ini mengalami perkembangan yang pesat.

Fungsi pass by value dan pas by reference adalah:

1. fungsi adalah subprogram/subrutin program yang terdiri dari sekumpulan perintah yang akan melaksanakan suatu tugas tertentu.

fungsi memungkinkan program menjadi lebih terstruktur dan juga memudahkan pelacakan kesalahan.
menggunakan fungsi akan mempersingkat waktu pemrogram untuk menuliskan sekumpulan perintah yang sama berkali-kali.

Baca selengkapnya »

Sabtu, 05 Maret 2011

Untuk modul 5, tugas praktikum yang ada kita akan memanfaatkan materi yang terdapat pada modul 4 yaitu css dan berikut adalah sintaks program untuk tugas praktikum :

a. Untuk file css

body
{
margin :10px auto;
width : 750px;
}

header,nav,article,aside,section,footer
{
display:block;
border:1px solid green
}

header
{
text-align: center;
height:60px;
border:1px solid green;
background : orange;
}

nav
{
float:left;
width:747px;
height:30px;
border:1px solid grey;
}

article
{
clear:both;
margin-top:10px;
margin-left:30px;
float:left;
width:450px;
height:370px;
border:1px solid grey;
}

aside
{
margin-top:10px;
margin-left:530px;
margin-right:50x;
width:200px;
height:370px;
border:1px solid black;
text-align: left;
}

section
{
clear:both;
margin=left:400px;
width:748px;
height:400px;
border:1px solid grey;
}

footer
{
clear:both;
height:90px;
border:1px solid grey;
background : orange;
}

b. Untuk file.js

function pengeluaran()
{
var jumlah = parseInt(document.pemesanan.jumlah.value);
var pot = parseInt(document.pemesanan.pot.value);
var uang = parseInt(document.pemesanan.jumlah.value)-parseInt(document.pemesanan.pot.value);
document.pemesanan.uang.value = uang;
}

function label()
{
var harga;
var menu;
var jumlah = 0;

for(x = 0; x < 10; x += 2){ harga = parseInt(document.pemesanan[x].value); menu = parseInt(document.pemesanan[x + 1].value); if(pesanan > 0){
jumlah = jumlah + (parseInt(document.pemesanan[x].value)*parseInt(document.pemesanan[x + 1].value));
}

document.pemesanan.jumlah.value = jumlah;
}
}

function potongan()
{
var jumlah = parseInt(document.pemesanan.jumlah.value);
var pot = 0;

if(jumlah >= 100000){
pot = 20 / 100 * jumlah;
}
else if(jumlah >= 50000){
pot = 10 / 100 * jumlah;
}
else if(jumlah >= 25000){
pot = 5 / 100 * jumlah;
}

document.pemesanan.pot.value = pot;
}

function data()
{
potongan();
label();
perngeluaran();
}

function reset(){
var komponen = document.pemesanan;
komponen.pesan1.value = "";
komponen.pesan2.value = "";
komponen.pesan3.value = "";
komponen.pesan4.value = "";
komponen.pesan5.value = "";
komponen.jumlah.value = "";
komponen.pot.value = "";
komponen.uangvalue = "";
}

c. Untuk file.html

<!DOCTYPE HTML>
<html lang="en">

<head>
<title>TUGAS PRAKTIKUM MODUL 5</title>
</head>

<body>

<header>
<font face="Calibri" size="5" color="black" align="center">WARUNG MAKAN SEJAHTERA</font></font>
<script language="JavaScript" type="text/javascript" src="rumahmakan.js"></script>
<link rel="stylesheet" href="cobastyle.css" type="text/css"/>

</header>

<body>
<link type="image/x-icon" rel="icon" href="2.jpg">
<center>
<nav>
<font face="Calibri" size="5" color="black" align="center">SELAMAT DATANG DI KANTIN KAMI</font></font>
</nav>

<section>
<article>
<form name="pemesanan" action="#">
<table border="1">
<tr>
<th>No</th>
<th>Makanan / Minuman</th>
<th>Harga</th>
<th>Pesan</th>
</tr>
<tr>
<td>1</td>
<td>Bakso Istimewa</td>
<td>@<input type="text" name="harga1" value="12000" onchange="data()"/></td>
<td><input type="text" name="pesan1" onchange="data()"/></td>
</tr>

<tr>
<td>2</td>
<td>Soto Spesial</td>
<td>@<input type="text" name="harga2" value="10000" onchange="data()"/></td>
<td><input type="text" name="pesan2" onchange="data()"/></td>
</tr>

<tr>
<td>3</td>
<td>Mie Ayam Super</td>
<td>@<input type="text" name="harga3" value="15000" onchange="data()"/></td>
<td><input type="text" name="pesan3" onchange="data()"/></td>
</tr>
<tr>

<td>4</td>
<td>Es Degan</td>
<td>@<input type="text" name="harga4" value="5000" onchange="data()"/></td>
<td><input type="text" name="pesan4" onchange="data()"/></td>
</tr>
<tr>

<td>5</td>
<td>Es Campur</td>
<td>@<input type="text" name="harga5" value="7000" onchange="data()"/></td>
<td><input type="text" name="pesan5" onchange="data()"/></td>
</tr>

<tr>
<td colspan="3" align="right">Jumlah Total</td>
<td><input type="text" name="label" readonly /></td>
</tr>

<tr>
<td colspan="3" align="right">Diskon</td>
<td><input type="text" name="potongan" readonly /></td>
</tr>

<tr>
<td colspan="3" align="right">Jumlah Dibayar</td>
<td><input type="text" name="pengeluaran" readonly /></td>
</tr>
</table>
<br>
</form>

</article>
<aside>
<font face="Calibri" size="3" color="black">NOTA PEMBAYARAN</font></font>
<br><font face="Calibri" size="2" color="black" >1. Makanan :</font></font></br>
<br><font face="Calibri" size="2" color="black">2. Harga :</font></font></br>
<br><font face="Calibri" size="2" color="black">3. Pesan :</font></font></br>
</aside>
</section>

<footer>
<input type="button" name="batal" value="Batal" onclick="reset()"/>
</footer>
</center>
</body>

</html>

d. Hasil printscreen sintaks diatas :

Setelah kita mempelajari pembuatan web mengenai CSS, saat ini kita akan memulai untuk mempelajari pembuatan web dengan menggunakan javascript. Berikut studi kasus dengan aplikasi kalkulator berbasis javascript :

a. Berikut sintaks program apliksi kalkulator (kalkulator.js) :

function kalkulator()
{
var isi = document.form1;
var angka1 = parseInt(isi.angka1.value);
var angka2 = parseInt(isi.angka2.value);
var pilihan = isi.pilihan.value;
var perhitungan;

if(pilihan == "tambah")
{
perhitungan = angka1 + angka2;
}
else if(pilihan == "kurang")
{
perhitungan = angka1 - angka2;
}
else if(pilihan == "kali")
{
perhitungan = angka1 * angka2;
}
else if(pilihan == "bagi")
{
perhitungan = angka / angka2;
}
else
{
perhitungan = angka % angka2;
}

isi.perhitungan.value = perhitungan;
}

function resetisi()
{
document.form1.reset();
}

b. Dan berikut sintaks untuk file html :

<!DOCTYPE html>
<html lang="en">

<head>
<title>STUDI KASUS MODUL 5 </title>
<script language="JavaScript" type="text/javascript" src="kalkulator.js">
</script>
</head>

<body bgcolor="#4380d4">
<center>
<link type="image/x-icon" rel="icon" href="um.jpg">
<h3>TUGAS PRAKTIKUM MODUL 5</h3>
<br>
<br>
</br>
</br>
<h3>KALKULATOR SEDERHANA</h3>
<br>
</br>
<form name="form1" action="#">
<input type="text" size="5" name="angka1">
<select name="pilihan">
<option value="tambah">+</option>
<option value="kurang">-</option>
<option value="kali">*</option>
<option value="bagi">:</option>
<option value="mod">%</option>
</select>
<input type="text" size="5" name="angka2">
<input type="button" value="=" onclick="kalkulator()"/>
<input type="text" size="10" name="perhitungan" readonly>
<input name="pilihan" type="button" value="Reset"onclick="resetisi()" />
</form>
</center>
<br>
<br>
<br>
<left>
<i> Shofiyah Al Idrus - 109533423228 - PTI 2009 OFF B </i>
</left>
</body>
</html>

Berikut adalah hasil printscreen sintaks diatas :

Kamis, 03 Maret 2011

BAHAN PRETEST PEMROGRAMAN BERORIENTASI OBJEK

SILAHKAN DOWNLOAD DISINI

Minggu, 27 Februari 2011

Saat ini kita telah memasuki modul 4. Dan berikut adalah tugas praktikum untuk membuat contoh pada web sederhana dengan menggunakan CSS.

Berikut adalah sintaks untuk membuat web sederhana :
a. Sintaks pada file.css (prakmodul4)

body
{
margin:50px auto;
width: 1000px;
background-color :grey;
}

header, nav, section,footer,text2
{
display: block;
border:1px solid black;
}

header
{
height: 150px;
background-image: url(1.JPG);
}

Data1
{
float: left;
margin: 15px 10px 20px 50px;
font-size: 30px;
font-weight: bold;
font-family: Calibri;
color: black;
}

Data2
{
float: left;
margin: 15px 10px 20px 50px;
font-size: 20px;
font-weight: bold;
font-family: Calibri;
color: black;
}

nav
{
float: left;
height: 60px;
width: 1000px;
background-color: blue;
}

textboxSearch
{
float: left;
width: 100px;
height: 20px;
margin: 15px 15px 15px 0px;
}

section
{
margin: 0px;
float: left;
width: 1000px;
height: 390px;
}

text1
{
height: 100px;
width: 400px;
margin-left:300px;
padding: 10px;
text-align:justify;
}

text2
{
padding: 2px;
float:left;
width:780px;
height:193px;
background-color:#a7d5fc;
-moz-border-radius : 7px;
-webkit-border-radius: 7px;
border : 3px solid blue;
}

Search
{
float: left;
margin: 20px 20px 17px 50px;
color: White;
}

button
{
float: right;
height: 30px;
width: 130px;
background-color: black;
text-align: center;
color: blue;
}

UM
{
float: left;
height: 70px;
width: 70px;
margin: 20px 20px 15px 70px;
}

habibi
{
float: left;
height: 370px;
width: 190px;
border: 10px solid black;
}

footer
{
clear: both;
height: 40px;
width: 1000px;
background-image: url(1.jpg);
text-align: center;
font-weight: bold;
font-family: Calibri;
color: black;
}

b. Sedangkan untuk sintaks ada file.html (tugaspraktikum.html) adalah sebagai berikut :

<!DOCTYPE html>
<html lang="en">

<head>
<title>TUGAS PRAKTIKUM MODUL 4</title>
<link rel="stylesheet" href="prakmodul4.css" type="text/css" />

</head>

<body>
<link type="image/x-icon" rel="icon" href="habibie.jpg">

<header>
<UM>
<img src="UM.PNG" width=100 height=100>
</UM>

<Data1>
TEKNIK ELEKTRO
</Data1>
<br>
<br>
<br>
</br>
</br>
</br>
<Data2>
<i>"Terpercaya Dalam Menghasilkan Lulusan Pendidikan Teknologi Kejuruan dan Keteknikan"</i>
</Data2>
</header>

<nav>
<Search>
Search
</Search>

<textboxSearch>
<input type="text" size=19">
</textboxSearch>
<button>
Biografi
</button>
<button>
Pekerjaan
</button>
<button>
Foto
</button>
<button>
Karya
</button>
<button>
Pesan
</button>
</nav>

<section>
<habibi>
<img src="preshab.jpg" width=190 height=370>
</habibi>

<text1>
<font size="2" align ="Justify" color="black">
<b>
<p>
Bacharuddin Jusuf Habibie (lahir di Parepare, Sulawesi Selatan, 25 Juni 1936; umur 74 tahun) adalah Presiden Republik Indonesia yang ketiga.
Ia menggantikan Soeharto yang mengundurkan diri dari jabatan presiden pada tanggal 21 Mei 1998.
<p>
Jabatannya digantikan oleh Abdurrahman Wahid (Gus Dur) yang terpilih sebagai presiden pada 20 Oktober 1999 oleh MPR hasil Pemilu 1999.
Dengan menjabat selama 2 bulan dan 7 hari sebagai wakil presiden, dan 1 tahun dan 5 bulan sebagai presiden, Habibie merupakan Wakil Presiden dan juga Presiden Indonesia dengan masa jabatan terpendek.
</p>
</b>
</font>
</text1>

<text2>
<i>
Indikator :
<ul>
<li><a href="habibie.html">Pekerjaan dan Karier</li></a>
<li><a href="habibie.html">Keluarga dan Pendidikan</li></a>
<li><a href="habibie.html">Masa Kepresidenan</li></a>
<li><a href="habibie.html">Masa Pasca Kepresidenan</li></a>
<li><a href="habibie.html">Mengenai Habibie</li></a>
</ul>
</i>
</text2>
</section>

<footer>
Pesan | Karya | Foto | Pekerjaan | Biografi
<br />
<font align="right">© Shofiyah Al Idrus</font>
</footer>

</body>
</html>

Berikut adalah hasil printscreen pada sintaks diatas :