Praktikum PHP 5, MODULARISASI
Pada praktikum kali ini kita akan mempelajari Modularisasi,
apa itu modularisasi ?
Modularisasi dalam pemrograman umum dilakukan dan sangat diperlukan
Modularisasi dalam pemrograman umum dilakukan dan sangat diperlukan
untuk mempermudah
debugging dan pengembangan program.
Modularisasi
berarti melakukan pembuatan program berdasarkan modulmodul .
Setiap modul
dikembangkan untuk tujuan atau fungsi khusus. Modul dibuat
secara general
(umum). Modul dapat berupa fungsi atau prosedur.
Statement Require
digunakan untuk membaca nilai variable dan fungsifungsi dari file lain.
Cara penulisan
statement Require adalah: require(namafile);
Teknik ini cocok
untuk membuat template (pola) yang memudahkan proses
pengembangan
aplikasi dengan menggunakan pola tampilan.
Misal dalam
membuat design web yang dilakukan dengan kerja tim, pola dan
gambar-gambar
yang dibutuhkan dapat dibuat dengan teknik ini.
Dan berikut contoh implementasinya,
buat file php baru bernama header, berikut contoh scriptnya,
buat file php baru bernama header, berikut contoh scriptnya,
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Basic Horizontal Menu CSS : DEMO</title>
<style type="text/css">
h1{margin:5px}
.demo-container{margin:0px;color:#fff000;background-color:#3CF;border-radius:5px}
.horizon-menu{list-style-type:none;padding:0;margin:0; background:#fff000;padding:10px;border-radius:5px; box-shadow:inset 0 0 5px 2px #f4f4f4}
.horizon-menu
a{text-decoration:none; color:#111;font-weight:bold}
.horizon-menu
li{display:inline;margin:5px 0}
.horizon-menu
li:before{content:' | ';color:rgba(0,0,0,.1)}
.horizon-menu
li:first-child:before{content:' '}
.horizon-menu
li a{margin-right:5px; margin-left:5px;padding:5px;border-radius:5px;
-webkit-transition:background-color 500ms ease-in-out;
-moz-transition:background-color 500ms ease-in-out;
}
.horizon-menu
li a:hover{background-color:#3CF}
</style>
</head>
<body>
<div class="demo-container">
<h1><font
face="Ayosmonika">JULIAN AKBAR RENLADI.COM</font></h1>
<ul
class="horizon-menu">
<li><a href="#"
class="">Home</a></li>
<li><a href="#"
class="lang">About</a></li>
<li><a href="#"
class="lang">Work</a></li>
<li><a href="#"
class="lang">Portfolio</a></li>
<li><a href="#"
class="lang">Contact</a></li>
</ul>
</div>
</body>
</html>
Kemudian buat file baru bernama body.php, berukut contoh
scriptnya,
<html>
<head>
<style
type="text/css">
.body{background-color:#FC0;color:#000;border-radius:5px;
height:80%; width:70%; }
</style>
</head>
<body
background="../abstract-wallpaper.jpg">
<center>
<div class="body">
<table width="100%"
height="100%">
<tr >
<td width="100%"
height="100%">
<img
src="../abstract-colorful-wallpaper-5.jpg" width="100%"
/>
</td>
</tr>
</table>
</div>
</center>
</body>
</html>
Kemudian buat file footer.php, berikut contoh scriptnya,
<html>
<head>
<style
type="text/css">
.footer{border-radius:5px;background-color:#0CF;text-align:center;}
</style>
</head>
<body>
<div class="footer">
<table>
<tr>
<td>
@CopyRight Julian Akbar Renaldi 2013
</td>
</tr>
</table>
</div>
</body>
</html>
Dan terakhir yang merupakan implementasi Modularisasi, buat
file baru, contoh praktik5.php, berikut contoh scriptnya,
<?php
require ("header.php");
require ("body.php");
require ("footer.php");
?>
<body
bgcolor="#000000">
</body>
Berikut hasilnya,
0 comments: