» » Penerapan Teknik Modularitas Part 2

17.40
0
ok sahabat  artikel kali ini akan membahas lanjutan penerapan teknik modularitas part 1 ....... langsung saja
Nah… dengan demikian, kita akan peroleh 3 halaman web yang pasti memiliki layout yang sama. Terus… bagaimana bila kita ingin mengubah layoutnya? Misal kita ubah
warna background menjadi hijau. Yang Anda lakukan hanyalah mengedit modul
header.php karena pengaturan warna background terdapat pada modul tersebut.
header.php
1
2
3
4
5
<html>
<head>
<title>Halaman Webku</title>
</head>
<body <span id="o4x68_5" class="o4x68">bgcolor</span>="green">
Secara ajaib ketiga halaman web tadi akan otomatis backgroundnya berubah menjadi
hijau semuanya.
Selain cara di atas, Anda juga bisa menggunakan cara yang lain dalam pengaturan
layout. Misalkan konfigurasi pengaturan layout seperti jenis font, dan warna background
Anda letakkan dalam modul tersendiri.
config.php
1
2
3
4
5
<?php
$warnaBackground = "yellow";
$jenisFontHeading = "arial";
$jenisFontParagraf = "verdana";
?>
header.php
1
2
3
4
5
6
7
8
<?php
include "config.php";
?>
<html>
<head>
<title>Halaman Webku</title>
</head>
<body bgcolor="<?php echo $warnaBackground; ?>">
footer.php
1
2
</body>
</html>
hal1.php
1
2
3
4
5
6
7
8
9
<?php
include "header.php";
?>
<h1><font face="<?php echo $jenisFontHeading; ?>">Ini Halaman 1</font></h1>
<p><font face="<?php echo $jenisFontParagraf; ?>">Ini isi halaman 1. Ini isi halaman
1</font></p>
<?php
include "footer.php";
?>
hal2.php
1
2
3
4
5
6
7
8
9
<?php
include "header.php";
?>
<h1><font face="<?php echo $jenisFontHeading; ?>">Ini Halaman 2</font></h1>
<p><font face="<?php echo $jenisFontParagraf; ?>">Ini isi halaman 2. Ini isi halaman
2</font></p>
<?php
include "footer.php";
?>
hal3.php
1
2
3
4
5
6
7
8
9
<?php
include "header.php";
?>
<h1><font face="<?php echo $jenisFontHeading; ?>">Ini Halaman 3</font></h1>
<p><font face="<?php echo $jenisFontParagraf; ?>">Ini isi halaman 3. Ini isi halaman
3</font></p>
<?php
include "footer.php";
?>
Nah… dengan demikian, bila Anda ingin mengubah layout ketiga halaman web maka
Anda cukup mengubah modul config.php
Sekarang kita lanjutkan, bagaimana bila kita mengintegrasikan konsep modularitas yang terkait dengan pengaturan layout di atas dengan form processing? OK… untuk contoh sederhananya, saya ambil contoh script menjumlahkan dua buah
bilangan dengan inputnya melalui form. Misalkan kita ambil desain layout halaman webnya seperti contoh sebelumnya, yaitu terdiri dari modul header.php dan footer.php nya sebagai berikut:
config.php
1
2
3
4
5
<?php
$warnaBackground = "yellow";
$jenisFontHeading = "arial";
$jenisFontParagraf = "verdana";
?>
header.php
1
2
3
4
5
6
7
8
<?php
include "config.php";
?>
<html>
<head>
<title>Penjumlahan Bilangan</title>
</head>
<body bgcolor="<?php echo $warnaBackground; ?>">
footer.php
1
2
</body>
</html>
Selanjutnya kita buat form yang terletak dalam halaman yang menggunakan layout tersebut
form.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?php
include "header.php";
?>
<h1><font face="<?php echo $jenisFontHeading; ?>">Input Bilangan</font></h1>
<p><font face="<?php echo $jenisFontParagraf; ?>">Masukkan dua buah bilangan pada
form berikut ini</font></p>
<form method="post" action="proses.php">
Bilangan 1 <input type="text" name="bil1" /><br />
Bilangan 2 <input type="text" name="bil2" /><br />
<input type="submit" name="submit" value="Jumlahkan" />
</form>
<?php
include "footer.php";
?>
proses.php
1
2
3
4
5
6
7
8
9
10
11
12
<?php
include "header.php";
$bil1 = $_POST['bil1'];
$bil2 = $_POST['bil2'];
$hasil = $bil1 + $bil2;
?>
<h1><font face="<?php echo $jenisFontHeading; ?>"><span id="o4x68_3" class="o4x68">Output</span></font></h1>
<p><font face="<?php echo $jenisFontParagraf; ?>">Hasil penjumlahannya adalah
<?php echo $hasil; ?> </font></p>
<?php
include "footer.php";
?>
wah cape juga yah…
lumayan ruwet, tetep semangat yah..
ditunggu komentar nya :)

semoga  bermanfaat .... terimakasih
Diposting oleh di 17.40
Label:

0 komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)