Perancangan Sistem Informasi Berbasis We

Lampiran Script WEB KOKALUM

Tampilan index.php

Script index.php

$(document).ready(function(){

$("#accordion").tabs("#accordion div.pane", {tabs: 'h2', effect: 'slide', initialIndex: null}); }); </script> <script> flashembed("jam", "images/jam.swf"); </script> <style> #jam {

width: 270px; height: 270px;

} </style>

document.getElementById("output").innerHTML = tanggal.getHours()+":"+tanggal.getMinutes()+":"+tanggal.getSeconds(); } </script>

font-size:11px; } .style3 {font-family: "Times New Roman", Times, serif} --> </style>

</head> <body><br /><br /> <center> <table width="904" border="2">

<td height="660" valign="top" align="center"><table width="889" height="74" border="0"> <tr> <td width="874" height="85" align="center" background="images/bottomHeader.jpg"><br /> <br /> <span class="style3"><a href="index.php"><b>HOME</b></a> | <a href="profile.php"><b>PROFILE</b></a> | <a href="organisasi.php"><b>ORGANISASI</b></a> | <a href="unit_usaha.php"><b>UNIT USAHA</b></a> | <a href="kontak.php"><b>KONTAK</b></a>

</span></td> </tr> </table> <table width="889" height="582" border="1"> <tr> <td width="243" height="576" valign="top"><p> <div align="center"> <script language="JavaScript"> var now = new Date(); var days = new Array( 'Minggu','Senin','Selasa', 'Rabu','Kamis','Jumaat','Sabtu'); var months = new Array( 'Januari','Februari','Maret','April','Mei', 'Juni','Juli','Agustus','September','Oktober', 'November','Desember'); var date = ((now.getDate()<10) ? "0" : "")+ now.getDate(); function fourdigits(number) { return (number < 1000) ? number + 1900 : number;} today = days[now.getDay()] + ", " + months[now.getMonth()] + " " + date + ", " + (fourdigits(now.getYear())); document.write(today);

</script></div><br />  <div id="jam" align="center"> </div><br />

<div id="accordion"> <h2 class="current">WEB SUPPORT</h2>

<p style="clear: both;"> Web ini dibangun dengan penggabungan

beberapa bahasa pemrograman yaitu: HTML, MYSQL, PHP, JAVA SCRIPT, dan sedikit

tekonologi JQUERY </p> </div>

<li><a href="login_anggota.php">Login Anggota</a></li> <li><a href="register_anggota.php">Daftar Anggota</a></li> <li><a href="data_shu.php">Lihat Data SHU</a></li> <li><a href="buku_tamu.php">Isi Komentar</a> </li> <li><a href="about.php">Tentang Website</a></li> </ul> </div>

</p> </div>

<h2>ADMIN</h2> <div class="pane">

Web administrator bertugas sebagai juru maintenance, yaitu melakukan pemeliharaan dan penjagaan website. Silahkan klik <a href="admin.php">disini</a>jika anda ingin menujuk ke admin web

</div> </div> <br />

</td><td width="627" valign="top" bgcolor="#FFCC33"> <p align="justify" class="style2"> Dengan Rahmat Tuhan

Yang Maha Esa dan dukungan dari karyawan PT. INALUM, maka pada tanggal 12 April tahun 1984 berdirilah Koperasi Karyawan Inalum (KOKALUM) yang berlokasi di Tanjung Gading dengan badan hukum No. 4329 / BH / III. Seirama dengan perkembangan zaman dan perkembangan kebutuhan kokalum, maka KOKALUM mengadakan perubahan Anggaran Dasar dan Anggaran Rumah Tangga yang tertuang dalam akta Notaris dengan nomor pengesahan 25/KOPDAG/PAD/2006, pada tanggal 8 Agustus 2006.</p>

<p align="justify"

class="style2"> KOKALUM didirikan untuk dapat memberikan pelayanan yang baik dan kepuasan anggota menjadi tujuan utama. Dalam tahap awal maka didirikanlah Unit Toko sebagai pemenuhan kebutuhan anggota yang berdomisili di Tanjung Gading dan masyarakat sekitarnya.

<p align="justify" class="style2">Sesuai perkembangan dari tahun ke tahun maka KOKALUM mempunyai beberapa Unit usaha dan menjadi besar atas dukungan anggota, SDM yang yang berkualitas, tertib Administrasi dan komputerisasi. Setiap tahun RAT dilakukan menunjukkan hasil yang cukup baik dan RAT 26 dilaksanakan pada tanggal 24 Pebruari 2010.</p>

<p align="justify" class="style2">Untuk kedepannya KOKALUM akan terus mencari usaha baru serta peningkatan SDM dengan mengadakan pelatihan di segala sektor sesuai kebutuhan dan semoga setiap usaha mendapat rahmat dan berkah dari Tuhan Yang Maha Esa</p></td>

</tr> </table> </td>

</table> </center> </body> </html>

Tampilan profile.php

Script profile.php

$(document).ready(function(){

$("#accordion").tabs("#accordion div.pane", {tabs: 'h2', effect: 'slide', initialIndex: null}); }); </script> <script> flashembed("jam", "images/jam.swf"); </script> <style> #jam {

width: 270px; height: 270px;

} </style>

document.getElementById("output").innerHTML = tanggal.getHours()+":"+tanggal.getMinutes()+":"+tanggal.getSeconds(); } </script>

.style5 {font-family: Arial, Helvetica, sans-serif; font-style:normal; font-size:12px;

--> .style4 {font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:18px; color:#FF0000; }

.style6 {font-family: "Times New Roman", Times, serif} a:link {

text-decoration: none; } a:visited {

text-decoration: none; } a:hover {

text-decoration: none; } a:active {

text-decoration: none; } --> </style>

</head> <body> <center> <table width="904" border="2">

<td height="660" valign="top" align="center"><table width="889" height="74" border="0"> <tr> <td width="874" height="85" align="center" background="images/bottomHeader.jpg"><br /> <br /> <span class="style6"><a href="index.php"><b>HOME</b></a> | <a href="profile.php"><b>PROFILE</b></a> | <a href="organisasi.php"><b>ORGANISASI</b></a> | <a href="unit_usaha.php"><b>UNIT USAHA</b></a> | <a href="kontak.php"><b>KONTAK</b></a>

</span></td> </tr> </table> <table width="889" height="582" border="1"> <tr> <td width="243" height="576" valign="top"><p>

<div align="center"> <script language="JavaScript"> var now = new Date(); var days = new Array( 'Minggu','Senin','Selasa', 'Rabu','Kamis','Jumaat','Sabtu'); var months = new Array( 'Januari','Februari','Maret','April','Mei', 'Juni','Juli','Agustus','September','Oktober', 'November','Desember'); var date = ((now.getDate()<10) ? "0" : "")+ now.getDate(); function fourdigits(number) { return (number < 1000) ? number + 1900 : number;} today = days[now.getDay()] + ", " + months[now.getMonth()] + " " + date + ", " + (fourdigits(now.getYear())); document.write(today);

</script></div><br />  <div id="jam" align="center"> </div><br />

<div id="accordion"> <h2 class="current">WEB SUPPORT</h2> <div class="pane" style="display: block;"><img src="images/images/javascript24.png" width="82" height="82" style="margin: 0pt 15px 15px 0pt; float: left;">

<p style="clear: both;"> Web ini dibangun dengan penggabungan

beberapa bahasa pemrograman yaitu: HTML, MYSQL, PHP, JAVA SCRIPT, dan sedikit

tekonologi JQUERY </p> </div>

</p> </div>

<h2>ADMIN</h2> <div class="pane">

Web administrator bertugas sebagai juru maintenance, yaitu melakukan pemeliharaan dan penjagaan website. Silahkan klik <a href="admin.php">disini</a>jika anda ingin menujuk ke admin web

</div> </div> <br /><br /> <div align="center"> <table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"> </td></tr><tr><td align="center"></td></tr></table></div><br />

</td><td width="627" valign="top" bgcolor="#FFCC33"><br />

<p align="center" class="style4">PROFILE KOPERASI KARYAWAN INALUM (KOKALUM)</p>

<ol>

<li><p align="justify" class="style5">NAMA INSTANSI : KOPERASI KARYAWAN INALUM </p></li> <li><p align="justify" class="style5">SINGAKTAN : KOKALUM</p></li> <li><p align="justify" class="style5">ALAMAT : JLN. BERINGIN T. GADING KABUPATEN BATU BARA, SUMATERA UTARA</p></li> <li><p align="justify" class="style5">NO TELPON : (0622) 632383</p></li> <li><p align="justify" class="style5">BADAN HUKUM : NO.4329/BH/III</p></li> <li><p align="justify" class="style5">NO PENGESAHAN

: 25/KOPDAG/PAD/2006</p></li>

</ol></div><br /> <div align="center"> <p align="center" class="style4"> VISI dan MISI

KOKALUM</p>

<div>

<li><p align="justify"

class="style5">Terewujudnya koperasi simpan pinjam yang mandiri dan tangguh dengan berlandaskan amanah

dalam membangun ekonomi bersama dan berkeadilan Indonesia</p></li>

</ul> <p align="justify" class="style4">MISI</p> <ul type="circle">

<li><p align="justify"

class="style5">Mengajak seluruh potensi yang ada tanpa membedakan suku, ras, golongan dan agama agar

mereka bersama-sama dalam membangun ekonomi kerakyatan secara bergotong royong dalam bentuk koperasi.</p></li>

<li><p align="justify"

class="style5">Membantu para pedagang kecil dan menengah di dalam memobilasi permodalan demi kelancaran

usaha mereka sehingga dapat meningkatkan kesejahteraan masyarakat.</p></li> <li><p align="justify" class="style5">Turut membantu ekonomi dan menunjang pelaksanaan kegiatan usaha secara aktif dengan mengajak mitra usaha lain baik BUMN, swasta dan perbankan maupun gerakan koperasi lainnya.</p></li>

</ul> </div> </td>

</tr> </table> </td>

Tampilan organisasi.php

Script organisasi.php

$(document).ready(function(){

$("#accordion").tabs("#accordion div.pane", {tabs: 'h2', effect: 'slide', initialIndex: null}); }); </script> <script> flashembed("jam", "images/jam.swf"); </script> <style> #jam {

width: 270px; height: 270px;

} </style>

font-size:11px; } .style3 {font-family: "Times New Roman", Times, serif}

--> .style4 {font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:14px; color:#FF0000; }

.style5 {font-family: Arial, Helvetica, sans-serif; font-style:normal; font-size:12px;

a:link { text-decoration: none; } a:visited {

text-decoration: none; } a:hover {

text-decoration: none; } a:active {

text-decoration: none; } </style>

</head> <body> <center> <table width="904" border="2">

</script></div><br />  <div id="jam" align="center"> </div><br />

<div id="accordion"> <h2 class="current">WEB SUPPORT</h2> <div class="pane" style="display: block;"><img src="images/images/javascript24.png" width="82" height="82" style="margin: 0pt 15px 15px 0pt; float: left;">

<p style="clear: both;"> Web ini dibangun dengan penggabungan

beberapa bahasa pemrograman yaitu: HTML, MYSQL, PHP, JAVA SCRIPT, dan sedikit

tekonologi JQUERY </p> </div>

</p> </div>

<h2>ADMIN</h2> <div class="pane">

Web administrator bertugas sebagai juru maintenance, yaitu melakukan pemeliharaan dan penjagaan website. Silahkan klik <a href="admin.php">disini</a>jika anda ingin menujuk ke admin web </div>

</div>

</td><td width="627" valign="top" bgcolor="#FFCC33"> <div align="center"><h3 class="style4"

align="center">STRUKTUR ORGANISASI KOKALUM</h3></div><br /> <img src="gambar/organisasi_clip_image002.gif" width="609" height="475" /></p>

<br /><br /> <div align="justify"><h3 class="style4"

align="center">SUSUNAN KEPENGURUSAN KOKALUM </h3>

: H. SATRIA BUDI KHAS</li>

<li> KETUA

: ISMADI YS, ST</li>

<li> SEKRETARIS

: MARDANI, SE, BKP</li> <li> WAKIL KETUA I

<li> BENDAHARA

: H. EDDY KRISTANTO</li> <li> WAKIL KETUA II

: RAINALDY HARAHAP, ST</li> <li> WAKIL SEKRETARIS I

: JOKO SUSILO, SSi</li> <li> WAKIL SEKRETARIS II : ADE BUANDRA, ST</li>

</ol> </div><br />

<div align="justify"> <h3 class="style4" align="center">SUSUNAN PENGAWAS KOKALUM </h3> <ol class="style5"> <li> KETUA

: M. RIDWAN, ST</li> <li> ANGGOTA : BAMBANG IRAWAN, SE</li> <li> ANGGOTA : HERMAN SIKUMBANG</li>

</ol>

</div> <br /> <div align="justify"> <h3 class="style4"

align="center"> DEWAN PENASEHAT KOKALUM</h3> <ol class="style5"> <li> Ir.H. NASRIL KAMARUDDIN, MBA</li> <li> Drs. S.S. SIJABAT</li> <li> H. HARMON YUNAZ</li> <li> H. DADANG N.H. SE, MBA</li>

</ol> </div><br /> </td>

</tr> </table> </td>

Tampilan unit_usaha.php

Script unit_usaha.php

$(document).ready(function(){

$("#accordion").tabs("#accordion div.pane", {tabs: 'h2', effect: 'slide', initialIndex: null}); }); </script> <script>

flashembed("jam", "images/jam.swf"); </script> <style> #jam {

width: 270px; height: 270px;

} </style>

font-size:11px; } .style3 {font-family:"Times New Roman", Times, serif;}

.style5 {font-family: Arial, Helvetica, sans-serif; font-style:normal; font-size:12px;

--> .style4 {font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:18px; color:#FF0000; }

</style>

</head> <body> <center> <table width="904" border="2">

</script></div><br />  <div id="jam" align="center"> </div><br />

Web ini dibangun dengan penggabungan

beberapa bahasa pemrograman yaitu: HTML, MYSQL, PHP, JAVA SCRIPT, dan sedikit

tekonologi JQUERY </p> </div>

</p> </div>

<h2>ADMIN</h2> <div class="pane">

Web administrator bertugas sebagai juru maintenance, yaitu melakukan pemeliharaan dan penjagaan website. Silahkan klik <a href="admin.php">disini</a>jika anda ingin menujuk ke admin web </div>

</div> <br /><br /> <div align="center">

</td><td width="627" valign="top" bgcolor="#FFCC33"> <div align="center"><p align="center" class="style4">UNIT USAHA KOKALUM</p> <p align="justify" class="style2">Kokalum memiliki beberapa unit usaha yang di pergunakan sebagai penunjang kegiatan PT. Indonesia Asahan Aluminium yang diantara nya adalah:</p>

<ol class="style5"> <li><p class="style5" align="justify"> UNIT

TOKO</p></li> <p align="justify" class="style2">Unit toko di buka pada bulan april 1984 yang merupakan unit usaha pertama di KOKALUM. Toko

juga menyediakan segala jenis kebutuhan pokok anggota, khususnya sembako (sembilan bahan pokok). Bagi anggota juga disediakan

sistem kredit terbatas (SKT). Selain itu juga untuk melayani anggota berbelanja unit toko dilengkapi dengan fasilitasn cash register dengan sistem komputerisasi serta pembayran dengan kartu kredit.</p> <li><p align="justify" class="style5"> UNIT REKANAN BARANG dan JASA</p></li> <p align="justify" class="style2">Unit ini sebagai mitra kerja PT. INALUM dalam pengadaan barang dan jasa untuk menunjang operasional PT. INALUM seperti properti-properti yang dibutuhkan oleh PT. INALUM.</p>

<li><p align="justify" class="style5"> UNIT PENJAHITAN</p></li> <p align="justify" class="style2">Unit penjahitan dibuka pada bulan Maret 1989 untuk melayani penjahitan pakaian kerja karyawan PT. INALUM dan pakaian kerja karyawan KOKALUM sendiri.</p> <li><p align="justify" class="style5"> UNIT SIMPAN PINJAM</p></li> <p align="justify" class="style2">Unit simpan pinjam didirikan pada tahun 1984, dengan penyaluran dana <li><p align="justify" class="style5"> UNIT PENJAHITAN</p></li> <p align="justify" class="style2">Unit penjahitan dibuka pada bulan Maret 1989 untuk melayani penjahitan pakaian kerja karyawan PT. INALUM dan pakaian kerja karyawan KOKALUM sendiri.</p> <li><p align="justify" class="style5"> UNIT SIMPAN PINJAM</p></li> <p align="justify" class="style2">Unit simpan pinjam didirikan pada tahun 1984, dengan penyaluran dana

berikut :</p> <ol>

<li><p align="justify" class="style2">Pinjaman reguler : besar pinjaman maximal Rp.10.000.000 dan masa pengembalian max 5 tahun.</p></li>

<li><p align="justify" class="style2">Mediasi Bank : besar pinjaman maximal Rp.100.000.000 dan masa pengembalian max 5 tahun.</p></li>

<li><p align="justify" class="style2">Pinjaman Darurat : besar pinjaman maximal Rp.2.000.000 dan masa pengembalian max 9 bulan.</p></li>

<li><p align="justify" class="style2">SIMJAMKOP : simpanan berjangka koperasi dengan memberikan suku 1%.</p></li>

</ol>

<li><p align="justify" class="style5"> UNIT KONTRAK KERJA dan SECURITY</p></li> <p align="justify" class="style2">Mulai tahun 2000 KOKALUM mendapatkan kepercayaan dari PT. INALUM untuk pengelolaan pekerjaan

kontrak (Outsourching) yang lokasi kerjanya di pabrik PT. INALUM dan setiap tahunnya mengalami peningkatan. KOKALUM memiliki

tenaga kerja yang terlatih untuk melaksanakan tugasnnya sesuai spesifik yang diminta oleh PT . INALUM. Mulai 1 Nopember 2007

KOKALUM juga dipercaya mengelola outsourching securtiy PT . INALUM.</p> <li><p align="justify" class="style5"> UNIT KATRING</p></li> <p align="justify" class="style2">Pada awalnya unit ini dibuka pada bulan oktober 1988 untuk melayani makan karyawan PT. INALUM

yang bekerja di Tanjun Gading. Pada tahun 1999 KOKALUM juga dipercaya mengelola cafetaria di kuala tanjung dalam menyediakan

makanan karyawan PT. INALUm</p> <li><p align="justify" class="style5"> UNIT

TRANSPORTASI</p></li> <p align="justify" class="style2">pada tahun 1993, KOKALUM membentuk unit transportasi untuk mengankut anak sekolah dari anggota KOKALUM tingkat SD dan SMP dengan tujuan dari T.GADING ke Tebing Tinggi. Bus juga melayani karyawan KOKALUM

yang bekerja di kuala tanjung. Pada tahun 2008, KOKALUM diberikan Kepercayaan oleh PT. INALUM dalam megelola outsourching

pengemudi bus karyawan, kondektur dan kendaraan dinas PT. INALUM</p>

</ol> </div> </td>

</tr> </table> </td>

Tampilan kontak.php

Script kontak.php

$(document).ready(function(){

$("#accordion").tabs("#accordion div.pane", {tabs: 'h2', effect: 'slide', initialIndex: null}); }); </script> <script>

flashembed("jam", "images/jam.swf"); </script> <style> #jam {

width: 270px; height: 270px;

} </style>

font-size:11px; } .style3 {font-family:"Times New Roman", Times, serif;}

.style5 {font-family: Arial, Helvetica, sans-serif; .style5 {font-family: Arial, Helvetica, sans-serif;

--> .style4 {font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:18px; color:#FF0000; }

a:link { text-decoration: none; } a:visited {

text-decoration: none; } a:hover {

text-decoration: none; } a:active {

text-decoration: none; } </style>

</head> <body> <center> <table width="904" border="2">

</script></div><br />

<div id="jam" align="center"> </div><br />

<p style="clear: both;"> Web ini dibangun dengan penggabungan

beberapa bahasa pemrograman yaitu: HTML, MYSQL, PHP, JAVA SCRIPT, dan sedikit

tekonologi JQUERY </p> </div>

</p> </div>

<h2>ADMIN</h2> <div class="pane">

Web administrator bertugas sebagai juru maintenance, yaitu melakukan pemeliharaan dan penjagaan website. Silahkan klik <a href="admin.php">disini</a>jika anda ingin menujuk ke admin web </div>

</div> <br />

</td>

<td width="627" valign="top" bgcolor="#FFCC33"> <div align="center"> <p align="center" class="style4">KOPERASI KARYAWAN INALUM (KOKALUM)</p> <p align="justify" class="style2">Perumahan PT. INALUM Jln Beringin, Tanjung gading, <br />Kabupaten Batu Bara kode pos: 21257<br />

Telp : (0622) 632383</p> <p align="justify" class="style2">Wesbite :</p> <p align="justify" class="style2"><a

href="index.php">www.kokalum.com</a></p> <p align="justify" class="style2">E-mail :</p> <p align="justify" class="style2"><a

href="viky_zone@kokalum.com">viky_zone@kokalum.com</a></p> </div> <div align="center"> <p align="center" class="style4">Kontak Koperasi Karyawan

Inalum</p> <p align="justify" class="style2">Apabila anda ingin bertanya pada kami mengenai situs ini atau bertanya tentang informasi KOKALUM jangan sungkan untuk bergabung di forum ini dengan mengirim email ke alamat email berikut: <a href="manager@kokalum.com">manager@kokalum.com</a></p> </div>

</td>

</tr> </table> </td>

Tampilan login_anggota.php

Script login_anggota.php

<?php session_start(); if(isset($_SESSION['userid'])) require_once("koneksi.inc.php");

?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html ns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <style type="text/css"> <!-- .style3 {font-size: 16px} a:link {

text-decoration: none; } a:visited {

text-decoration: none; } a:hover {

text-decoration: none; } a:active { text-decoration: none; } a:active {

<td height="614" valign="top"><table width="889" border="1" background="../images/bottomHeader.jpg"> <tr> <td width="874" height="85" align="center" background="images/bottomHeader.jpg"><br /> <br /> <a href="index.php"><b>HOME</b></a> | <a href="profile.php"><b>PROFILE</b></a> | <a href="organisasi.php"><b>ORGANISASI</b></a> | <a href="unit_usaha.php"><b>UNIT USAHA</b></a> | <a href="kontak.php"><b>KONTAK</b></a></td>

</tr> </table> <br /> <h2 align="center"> LOGIN ANGGOTA KOPERASI</h2> <table width="138" height="119" border="0" align="center">

<tr bgcolor="#CCCCCC"> <td colspan="2" align="center"><b> Form Login Anggota </b></td> </tr> <tr bgcolor="#FFFFFF">

</tr> <tr bgcolor="#FFFFFF">

<td>Password</td> <td><input name="password" type="password"/></td>

</tr> <tr bgcolor="#FFFFFF">

<td colspan="2" align="center"><font color="#0000FF">Belum Jadi Anggota? <a href="register_anggota.php">Daftar</a></font></td> </tr> </form> </table>

</td> </tr> <tr>

</center>

</body> </html>

Tampilan register_anggota.php

Script register_anggota.php

<?php session_start(); if(isset($_SESSION['userid'])) { header('location:index.php'); } require_once("connect.php");

?> <!DOCTYPE

1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html ns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <style type="text/css"> <!-- .style3 {font-size: 16px} a:link {

html

PUBLIC

"-//W3C//DTD

XHTML

text-decoration: none; } a:visited {

text-decoration: none; } a:hover {

text-decoration: none; } a:active {

text-decoration: none; } --> </style> </head> <body> <br /><br />

<tr> <td

align="right" background="images/header.jpg"> </td> </tr> <tr>

width="889"

height="215"

width="889" border="1" background="../images/bottomHeader.jpg"> <tr> <td

<td height="614"

valign="top"><table

align="center" background="images/bottomHeader.jpg"><br /> <br /> <a href="index.php"><b>HOME</b></a> | <a href="profile.php"><b>PROFILE</b></a> | <a href="organisasi.php"><b>ORGANISASI</b></a> | <a href="unit_usaha.php"><b>UNIT USAHA</b></a> | <a href="kontak.php"><b>KONTAK</b></a>

width="874"

height="85"

</td> </tr> </table> <br />

<h2 align="center"> REGISTRASI ANGGOTA KOPERASI</h2>

cellpadding="7" cellspacing="1" bgcolor="#333333" style="margin-top:30px;"> <form action="prosesregister.php" method="post">

<table

border="0"

align="center"

<tr bgcolor="#CCCCCC"> <td

Pendaftaran Anggota </strong></td> </tr> <tr bgcolor="#FFFFFF">

colspan="2" align="center"><strong>

Form

<td>Nama Lengkap </td> <td><input name="nama" type="text" size="40" /></td>

</tr> <tr bgcolor="#FFFFFF">

<td>Email</td> <td><input name="email" type="text" size="40" /></td>

</tr> <tr bgcolor="#FFFFFF"> <td>NAK </td> <td><input name="nak" type="text" size="40" maxlength="4" /></td>

</tr> <tr bgcolor="#FFFFFF">

</tr> <tr bgcolor="#FFFFFF">

<td>Password</td> <td><input type="password" name="password" /></td>

</tr> <tr bgcolor="#FFFFFF">

name="Submit" type="submit" value="Daftar"/></td> </tr> <tr bgcolor="#FFFFFF">

<td colspan="2"

align="center"><input

<td colspan="2" align="center"><font color="#0000FF">Sudah Jadi Anggota? <a href="login_anggota.php">Login</a></font></td> </tr> </form> </table>

</td> </tr> <tr>

</center> </body> </html>

Tampilan data_shu.php

Script data_shu.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html ns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <style type="text/css"> <!-- .style1{background:#FFFFFF;

color:#000000; font-family:"Courier New", Courier, monospace; } .style4 {

font-family: "Courier New", Courier, monospace; font-weight: bold; font-size: 24px; color: #000000;

} #wraper{ width:889;

float:none; overflow: scroll;

#of{ overflow:scroll y; }

.style5 { font-family: "Courier New", Courier, monospace; color: #000000; font-weight: bold; overflow:scroll

--> </style> </head> <body> <br /><br /> <center> <table width="889" height="954" border="1">

<td height="634" valign="top"><table width="889" border="1" background="../images/bottomHeader.jpg"> <tr> <td width="874" height="85" align="center" background="images/bottomHeader.jpg"><br /> <br /> <a href="index.php"><b>HOME</b></a> | <a href="profile.php"><b>PROFILE</b></a> | <a href="organisasi.php"><b>ORGANISASI</b></a> | <a href="unit_usaha.php"><b>UNIT USAHA</b></a> | <a href="kontak.php"><b>KONTAK</b></a>

</td> </tr> </table> <br /> <p>

<?php include "koneksi.inc.php"; echo "<center>"; ?>

<div id ="wraper"> <div align="center"> <?php echo "<table border=1 bgcolor=#FFCC00>"; echo "<tr><td colspan=28 align=center><span class=style10><font size=16><b>Data - Data SHU KOKALUM</b></font></span></td>

</tr> <tr><th><span class=style5>NAK</span></th> <th><span class=style5>NAMA</span> <th><span class=style5>NIK</span></th> <th><span class=style5>SEKSI</span></th> <th><span class=style5>TOTAL BELANJA</th> <th><span class=style5>TOTAL SHU</th> </tr>"; $sql="select * from shu"; $a=mysql_query($sql); while($data=mysql_fetch_array($a)) { echo"<tr align=center>"; echo"<td bgcolor=white><span class=style1>$data[nak]</span></td>"; echo"<td bgcolor=white><span class=style1>$data[nama]</span></td>"; echo"<td bgcolor=white><span class=style1>$data[password]</span></td>"; echo"<td bgcolor=white><span class=style1>$data[seksi]</span></td>"; echo"<td bgcolor=white><span class=style1>$data[total_belanja]</span></td>"; echo"<td bgcolor=white><span class=style1>$data[total_shu]</span></td>"; echo "</tr>"; } echo "</hr>"; echo "</table></center>"; echo "</div>"; ?>

</html>

Tampilan about.php

Script about.php

<!DOCTYPE html

PUBLIC

"-//W3C//DTD

XHTML

$(document).ready(function(){ $("#accordion").tabs("#accordion div.pane", {tabs: 'h2', effect: 'slide', initialIndex: null}); }); </script> <script> flashembed("jam", "images/jam.swf"); </script> <style> #jam {

width: 270px; height: 270px;

} </style>

document.getElementById("output").innerHTML = tanggal.getHours()+":"+tanggal.getMinutes()+":"+tanggal.getSeconds(); } </script>

<!-- .style2 {font-family: Verdana, Arial, Helvetica, sans-serif;

font-size:11px; } .style3{font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:16px; color:#FF0000;}

.style4{font-family:Times New Roman, Times, serif; }

--> </style>

</head> <body><br /><br /> <center> <table width="904" border="2">

align="center"><table width="889" height="74" border="0"> <tr> <td

<td height="660"

valign="top"

align="center" background="images/bottomHeader.jpg"><br /> <br /> <span class="style4"><a href="index.php"><b>HOME</b></a> | <a href="profile.php"><b>PROFILE</b></a> | <a href="organisasi.php"><b>ORGANISASI</b></a> | <a href="unit_usaha.php"><b>UNIT USAHA</b></a> | <a href="kontak.php"><b>KONTAK</b></a>

width="874"

height="85"

</script></div><br />  <div id="jam" align="center"> </div><br />

<div id="accordion"> <h2 class="current">WEB SUPPORT</h2> <div

block;"><img src="images/images/javascript24.png" width="82" height="82" style="margin: 0pt 15px 15px 0pt; float: left;">

class="pane"

style="display:

Web ini dibangun dengan penggabungan

beberapa bahasa pemrograman yaitu: HTML, MYSQL, PHP, JAVA SCRIPT, dan sedikit

tekonologi JQUERY </p> </div>

href="login_anggota.php">Login Anggota</a></li> <li><a href="register_anggota.php">Daftar Anggota</a></li> <li><a href="data_shu.php">Lihat Data SHU</a></li> <li><a href="buku_tamu.php">Isi Komentar</a> </li> <li><a href="about.php">Tentang Website</a></li> </ul> </div>

<li><a

</p> </div>

<h2>ADMIN</h2> <div class="pane"> Web administrator bertugas sebagai juru maintenance, yaitu melakukan

Silahkan klik <a href="admin.php">disini</a>jika anda ingin menujuk ke admin web </div> </div> <br />

</td><td width="627" valign="top" bgcolor="#FFCC33"> <p align="center" class="style3">TENTANG WEBSITE</p> <p align="justify" class="style2">Website ini adalah

salah satu website yang dibuat guna memenuhi sarat untuk mendapatkan gelar ahli madya diploma III Teknik Informatika USU 2011.</p> <p align="justify" class="style2">Adapun terbentuknya website ini tak lepas dari bantuan teman-teman saya sekalian di D

III teknik informatika USU dan juga support dari para dosen pembimbing Tugas Akhi.r</p> <br /> <div align="center">

align="middle" scrolldelay="170">

<marquee

direction="up"

-- Creative By -- <br /><br /> <p

class="style3">FIKI NOFEMBRI</p>

align="center"

align="center" class="style3">(082406109)</p>

class="style3">D III Teknik Informatika USU</p>

align="center"

</marquee> </div> </td>

</tr> </table> </td>

</body> </html>

Tampilan admin.php

Script admin.php

var user= document.getElementById('userid').value; var pass= document.getElementById('passwd').value; if(user.replace(/^\s+|\s+$/g, '')==''){

alert('Username Harus Diisi!'); return false;

} if(pass.replace(/^\s+|\s+$/g, '')==''){

alert('Password Harus diisi!'); return false;

} return true;

} </script>

</head>

<tr>

<td height="487" valign="top"><table width="889" border="1" background="images/bottomHeader.jpg"> <tr> <td width="874" height="85" align="center"><br /> <br /> <a href="index.php"><b>HOME</b></a> | <a href="profile.php"><b>PROFILE</b></a> | <a href="organisasi.php"><b>ORGANISASI</b></a> | <a href="unit_usaha.php"><b>UNIT USAHA</b></a> | <a href="kontak.php"><b>KONTAK</b></a>

</td> </tr> </table>

<h2 align="center" class="style1">LOGIN ADMIN </h2> <table width="138" height="119" border="0" align="center">

<tr> <td width="128" height="113" background="images/admin.gif"> </td> </tr> </table> <form action="login.php" method="post"> <p align="center"><? echo $status;?></p> <table width="251" height="101" border="0" align="center" cellpadding="7"

cellspacing="1" bgcolor="#CCCCCC"> <tr valign="bottom">

<td width="104" height="35"><span class="style1"><font size="4">Username</font></span></td> <td width="137"><input type="text" name="admin" size="20" id="userid"></td> </tr>

<tr valign="top"> <td height="34"><font size="4" face="verdana">Password</font></td> <td><input type="password" name="kunci" size="20" id="passwd"></td>

</tr>

<tr> <td> </td> <td><input name="submit" type="submit" onClick="return cek()"

value="LOGIN"></td> </tr> </table>

</td> </tr> <tr> <td height="88" background="images/footer.jpg"> </td> </tr>

</center> </body> </html>

Tampilan index_admin.php

Script index_admin.php

<? session_start(); if (session_is_registered('id')) {

$_SESSION['id']; $_SESSION['user'];

text-decoration: none; } a:visited {

text-decoration: none; } a:hover {

text-decoration: none; } a:active {

text-decoration: none; } --> </style> </head> <body> <br /><br />

<td height="637" valign="top"><table width="889" border="1" background="../images/bottomHeader.jpg"> <tr> <td width="874" height="85" align="center" background="images/bottomHeader.jpg"><br /> <br /> </td> </tr> </table> <br /> <div align="center"><marquee behavior="scroll" scrollamount="6" > <span class="style4"><font face="Verdana, Arial, Helvetica, sans- serif"><b>Selamat Datang <? echo $_SESSION['user_name'];?> di ADMIN website kokalum</b></font></span>

</marquee></div> <table width="600" height="442" border="0" align="center">

<td width="173" height="186" valign="bottom"><table

align="center" width="156" height="26" border="0"> <tr valign="top" align="center"> <td width="159" height="22" align="center">Input Data Anggota </td> </tr> </table></td> </tr> </table></a> <a href="edit.data.php"> <table width="176" border="0" align="left"> <tr> <td align="center" width="154" height="161" background="images/images/button/editDataHover.png"></td> </tr> <tr>

<td height="23"><div align="center">Edit Data Anggota </div></td> </tr> </table></a> <a href="lihat_data.php"> <table width="174" height="191" border="0">

<td width="165">Lihat Data Anggota </td> </tr> </table></td> </tr> </table></a> </td>

</tr> </table> <div align="center"><a href="logout.php">Logout</a> </div></td> </tr> <tr>

</tr> </table>

</center> </body> </html> <? }else{

?><script language="javascript"> alert("Maaf, Anda tidak berhak mengakses halaman ini!!"); document.location="../login.php"; </script> <?

} ?> Tampilan Input_data.php

Script input_data.php

<? session_start(); if (session_is_registered('id')) {

$_SESSION['id']; $_SESSION['user'];

.style2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:15px;

.style4 { font-family: "Courier New", Courier, monospace; font-weight: bold; font-size: 24px; color: #000000;

} .style5 {

font-family: "Courier New", Courier, monospace; color: #000000; font-weight: bold;

} --> </style> </head> <body> <br /><br /> <center> <table width="889" border="1">

<span class="style3">Selamat Datang <? echo $_SESSION['user_name'];?> di ADMIN website kokalum </span> </marquee></div> <br /> <table width="440" border="0" align="center"> <form enctype="multipart/form-data" method="post" action="input_prodata.php" > <tr> <td height="28" colspan="3" align="center"><span class="style4">FORM INPUT DATA ANGGOTA</span></td> </tr> <tr> <td width="190"><div align="justify"><span class="style2">1.NAK</span></div></td> <td width="3">:</td> <td width="233"><input name="nak" type="text" maxlength="4"></td>

</tr> <tr>

</tr> <tr>

</tr> <tr>

<td width="190"><div align="justify"><span class="style2">4.Seksi</span></div></td> <td>:</td> <td><input name="seksi" type="text" maxlength="20"></td>

</tr> <tr>

<td width="190"><div align="justify"><span class="style2">5.Masuk</span></div></td> <td>:</td> <td><input name="masuk" type="text" maxlength="20"></td>

</tr> <tr>

</tr> <tr>

<td width="190"><div align="justify"><span class="style2">7.Saham</span></div></td> <td>:</td> <td><input name="saham" type="text" maxlength="4"></td>

</tr> <tr>

</tr> <tr>

</tr> <tr>

Perancangan Sistem Informasi Berbasis We

Lampiran Script WEB KOKALUM

Script index.php

Script profile.php

Script organisasi.php

Script unit_usaha.php

Script kontak.php

Script login_anggota.php

Script register_anggota.php

Script data_shu.php

Script admin.php

Script index_admin.php

Script input_data.php

Parts

Dokumen yang terkait

Perancangan Sarana Praktikum Prestasi Mesin Pendingin Pembuat Es Batu

Analisis Sistem Pengendalian Mutu dan Perencanaan Penugasan Audit pada Kantor Akuntan Publik. (Suatu Studi Kasus pada Kantor Akuntan Publik Jamaludin, Aria, Sukimto dan Rekan)

Sistem Informasi Penjualan, Pembelian Dan Persediaan Barang Pada Toko Sejati Bandung

Sistem Informasi Akademik Berbasis Website pada SMP Bunga Bangsa

Sistem Informasi Pemesanan Dan Pembelian Barang Pada UD Memed Agensi

Perancangan media katalog sebagai sarana meningkatkan penjualan Bananpaper : laporan kerja praktek

Sistem Informasi Absensi Karyawan Di Perusahaan Daerah Kebersihan Kota Bandung

Perancangan Sistem Informasi Akuntansi Laporan Keuangan Arus Kas Pada PT. Tiki Jalur Nugraha Ekakurir Cabang Bandung Dengan Menggunakan Software Microsoft Visual Basic 6.0 Dan SQL Server 2000 Berbasis Client Server

Perancangan Media Promosi Museum Benteng Heritage

Sistem Informasi Akademik Pada Sekolah Menengah Atas Negeri 1 Bandung

Dukungan

Links

Perancangan Sistem Informasi Berbasis We

Lampiran Script WEB KOKALUM

Script index.php

Script profile.php

Script organisasi.php

Script unit_usaha.php

Script kontak.php

Script login_anggota.php

Script register_anggota.php

Script data_shu.php

Script admin.php

Script index_admin.php

Script input_data.php

Parts

Dokumen yang terkait

Perancangan Sarana Praktikum Prestasi Mesin Pendingin Pembuat Es Batu

Analisis Sistem Pengendalian Mutu dan Perencanaan Penugasan Audit pada Kantor Akuntan Publik. (Suatu Studi Kasus pada Kantor Akuntan Publik Jamaludin, Aria, Sukimto dan Rekan)

Sistem Informasi Penjualan, Pembelian Dan Persediaan Barang Pada Toko Sejati Bandung

Sistem Informasi Akademik Berbasis Website pada SMP Bunga Bangsa

Sistem Informasi Pemesanan Dan Pembelian Barang Pada UD Memed Agensi

Perancangan media katalog sebagai sarana meningkatkan penjualan Bananpaper : laporan kerja praktek

Sistem Informasi Absensi Karyawan Di Perusahaan Daerah Kebersihan Kota Bandung

Perancangan Sistem Informasi Akuntansi Laporan Keuangan Arus Kas Pada PT. Tiki Jalur Nugraha Ekakurir Cabang Bandung Dengan Menggunakan Software Microsoft Visual Basic 6.0 Dan SQL Server 2000 Berbasis Client Server

Perancangan Media Promosi Museum Benteng Heritage

Sistem Informasi Akademik Pada Sekolah Menengah Atas Negeri 1 Bandung

Dokumen yang Anda mencari sudah siap untuk unduhkan