DAFTAR PUSTAKA. Buku Connolly, Thomas abd Begg Carolyn. Database Systems Third Edition. Addison Wesley. England

1 DAFTAR PUSTAKA Buku Connolly, Thomas abd Begg Carolyn. Database Systems Third Edition. Addison Wesley. England Firdaus, Rachmat dan Maya, Ariyanti M...
Author:  Glenna Wibowo

4 downloads 192 Views 351KB Size

Recommend Documents


}

break;

} ?>

}


?>


body,td,input,select {

class="contentRegister">


font-family: Tahoma; font-size: 11px; color: #000000; }

"

color: #cc0000; form {

font-weight: bold;

margin: 0px;

}

} .paid { a{

font-size: 18px;

color: #000000;

color: #779500;

}

font-weight: bold; }

#wrapper { width: 600px;

.cancelled {

}

font-size: 16px; color: #cccccc;

#invoicetoptables {

font-weight: bold;

width: 100%;

}

background-color: #cccccc; border-collapse: collapse;

#invoiceitemstable {

border-color: #cccccc;

width: 100%;

}

background-color: #cccccc; border-collapse: seperate;

td#invoicecontent {

}

background-color: #ffffff; color: #000000;

td#invoiceitemsheading {

padding: 10px;

background-color: #efefef;

border: 0px;

color: #000000;

vertical-align: top;

font-weight: bold;

width: 50%;

text-align: center;

}

border-style: solid solid solid solid; border-color: #cccccc;

.unpaid { font-size: 18px;

}

td#invoiceitemsrow {

session_start();

background-color: #ffffff;

?>



    color: #000000; border-style: solid solid solid solid;


  • border-color: #cccccc;

    href="index.php">Home


  • }

  • href="index.php?account=my">My

    top:10px;">Kategori

    Account



'; /* Reset.css */
html, body, div, span, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote,

.clearfix { zoom: 1; }

pre,

/* End reset */

abbr, address, cite, code, del, dfn, em,

h1, h2, h3, h4, h5, h6 {

img, ins, kbd, q, samp,

font-family: 'Droid Serif', sans-

small, strong, sub, sup, var, b, i, dl, dt,

serif;

dd, ol, ul, li,

text-shadow:

fieldset, form, label, legend, table,

#6CC1EA;

caption, tbody, tfoot, thead, tr, th, td,

}

article,

aside,

canvas,

0

1px

0

details,

figcaption, figure,

body{ background:url(bg-header.png)

footer, header, hgroup, menu, nav,

repeat-x;}

section, summary, time, mark, audio, video {

#kontainer{

margin: 0;

border:1px #999999 solid;

padding: 0;

margin:auto;

border: 0;

width:1000px;

background:#FFF;

font-size: 100%; vertical-align: baseline;

margin-top:20px;

}

bottom:20px;

article, aside, details, figcaption, figure,

}

margin-

footer, header, hgroup, menu, nav, section {

#header{width:100%px;

display: block;

height:100px;}

}

#header

blockquote, q { quotes: none; }

background:url(images/logo.PNG) no-

blockquote:before, blockquote:after,

repeat;

q:before, q:after { content: ""; content:

margin-top:20px; float:left;}

none; }

#header .bag{ float:right; width:200px;

.clearfix:before,

.clearfix:after

content: ""; display: table; } .clearfix:after { clear: both; }

{

.logo{

width:300px;

height:80px;

height:60px; margin-top:25px; marginright:15px;

font: normal 10px Verdana, Arial,

Helvetica,

sans-serif;

padding:5px;

#nav1 .main-navigation{

}

width:998px;

.bag a{ background:

#222

url(images/bgbutton.png) repeat-x; padding: 4px 25px; margintop:5px; display:block;

height:44px; border:1px solid #a2d2cf; position:absolute; background:#0099CC;

font-size:10px;

font-family:LucidaGrande,

color: #fff;

Lucida Sans, Arial; font-weight:bold;

text-decoration: none;

}

line-height: 1; -moz-box-shadow: 0 1px 3px #000;

#nav1 ul{ margin:0px;

-webkit-box-shadow: 0 1px 3px #000;

padding:0px; list-style:none;

box-shadow:0 1px 3px #000;

position: relative;

text-shadow: 0 -1px 1px #222;

}

cursor: pointer; outline:none;}

#nav1 li{

.bag a:hover{

float:left;

background-color:#000;

font-size:15px;

color:#fff;

color:#FFFFFF;

}

height:42px; display:block; position:relative;

/* ----------------------------------------------------------------------nav up */

}

#nav1{width:100%px; background:#CCC; margin-bottom:10px;}

height:40px; #nav1 li .hover{

color:#FFFFFF;

padding:5px 5px 0 10px \9;/*

text-decoration:none;

IE 7 and 8 */

position:absolute;

border:0;

background:#1D8CC3;

outline:none;

height:44px;

background:url(images/search-

display:none;

input-bg.png) top left no-repeat;

}

float:left; }

#nav1 li a{ display:block;

#nav1 .search-btn{

color:#FFFFFF;

width:37px;

text-decoration:none;

height:26px;

padding:14px 43px 13px 44px;

border:0;

position:relative;

outline:none;

size:13px; }

font-

background:url(images/searchbtn.png) top left no-repeat; float:left;

#nav1 .search{

}

float:right; margin:9px 26px 0 0;

#nav1 ul li ul{

padding:0px;

width:200px;

}

position:absolute; display:none;

#nav1 .search-input{ font-family:LucidaGrande, Lucida Sans, Arial;

top:44px; padding:1px 0 0 0; }

font-size:12px; color:#FFFFFF;

#nav1 ul li:hover ul{ display:block; }

width:117px; height:26px; padding:0 5px 0 10px;

#nav1 ul li ul li{ display:block;

padding:10px 10px 10px 0; width:200px;

.selecterBtns a {

padding:0px;

-moz-border-radius:8px;

margin:0px;

-webkit-border-radius:8px;

background:#0099CC;

border-radius:8px;

}

background:#EDEDED; color:#111;

#nav1 ul li ul li a{

display:block;

display:block;

float:left;

color:#FFFFFF;

font-size:11px;

text-decoration:none;

line-height:28px;

padding:14px 43px 13px 28px;

margin-right:4px;

z-index:1000;

outline:none;

}

padding:0 15px; text-decoration:none;

/* --------------------------------------------

}

---------------------------nav up end */ .selecterBtns .active, .selecterBtns a:hover { /* --------------------------------------------

background:#111;

---------------------------aside*/

color:#fff;

.aside{ margin-top:10px;}

}

.aside

h4{font-family:LucidaGrande,

Lucida Sans, Arial; font-weight:bold;

.selecterContent {

margin-left:10px;}

float:left; width:600px;

.selecterBtns {

clear:both;

float:left;

}

width:600px; margin-bottom:25px;

.selecterContent a {

}

outline:none;

}

border:1px

solid

rgba(0,0,0, 0.2); .selecterContent li {

padding:3px;

width:140px;

border:

1px solid #999;

height:120px;

margin-left:10px;

overflow:hidden;

padding:5px;

width:230px;

margin-

top:10px; }

}

ul.nolist,

.aside input:focus {

ul.nolist li {

box-shadow: 0 0 5px

display:block;

rgba(93, 179, 245, 1);

list-style:none;

-webkit-box-shadow: 0

font-family:Arial, Helvetica, sans-serif;

0 5px rgba(93, 179, 245, 1);

margin-left:10px; margin-top:5px;

-moz-box-shadow: 0 0

}

5px rgba(93, 179, 245, 1); border:1px

ul.nolist li {

solid

rgba(93, 179, 245, 0.6);

float:left;

}

margin:0 5px 5px 0;

/* --------------------------------------------

}

---------------------------aside end */

.aside input{ outline:none;

font:

11px/20px Verdana, sans-serif; transition:

all

0.25s

ease-in-out;

/* ----------------------------------------------------------------------main */

-webkit-transition:

all

0.25s ease-in-out; -moz-transition: 0.25s ease-in-out;

#main{width:90%px;

margin-

left:270px;} all

#article{ padding-bottom:100px;} #article img {border: none;}

#article ul.columns { width: 800px;

}

list-style: none; margin: 0 auto; padding: 0;

#article ul.columns li .info {

margin-top:10px;

position: absolute;

}

left: -10px; top: -10px;

#article ul.columns li {

padding: 240px 10px 10px;

width: 160px;

width: 160px;

float: left; display: inline;

display: none;

margin: 10px; padding: 0;

background: #fff;

position: relative;

font-size: 1.2em; -webkit-border-radius: 3px;

}

-moz-border-radius: 3px;

#article ul.columns li:hover {z-index:

border-radius: 3px;

99;}

#article ul.columns li img {

}

position: relative;

#article

filter: alpha(opacity=100);

{display: block; -moz-box-shadow:1px

opacity: 1;

1px 8px #ccc;

-msfilter:"progid:DXImageTransform.Micr

li:hover

-webkit-box-shadow:1px

box-shadow:1px

1px

#ccc;}

#article ul.columns li:hover img{ z-index: 999;

#article ul.columns li h2 {

filter: alpha(opacity=100);

font-size: 1.2em;

opacity: 1;

font-weight: normal;

-ms-filter:

text-transform: uppercase;

"progid:DXImageTransform.Microsoft. Alpha(Opacity=100)";

.info

1px

8px #ccc;

osoft.Alpha(Opacity=100)"; }

ul.columns

margin: 0; padding: 0;

8px

font: normal 10px Verdana, Arial, Helvetica, sans-serif;

serif; font-size:12px; margin-left:5px;}

line-height: 1.8em; color:#FFFFFF;

family:Verdana, Arial, Helvetica, sans-

.description

text-align:center;

ul

width:180px;

li{float:left;

margin-bottom:7px;

background:#0099CC;

margin-right:2px;}

}

.description ul li label{width:95px;

#article ul.columns li p {padding: 0;

display:block; float:left; }

margin: 0; font-size: 0.9em; font:

/* --------------------------------------------

normal 10px Verdana, Arial, Helvetica,

---------------------------main end */

sans-serif; line-height: 1.8em;} #article ul.columns li a{padding: 0; margin: 0; color:#0099CC;} /* -------------------------------------------.containerImage{width:450px;}

---------------------------sidebar*/

#leftImage{ width:80px;

#sidebar{float:left;

margin-right:5px;

float:left;

margin-top:5px;

width:250px;

height:350px; }

margin-top:300px;}

#sidebar

#leftImage img{ padding:1px; }

width:250px;

font-size:10px;

#leftImage img:hover{}

family:Arial,

Helvetica,

.centerImage{float:left;

margin-

right:5px; margin-top:20px; }

ul.nav

{list-style:none; font-

sans-serif;

font-weight:bold} #sidebar ul.nav li {position:relative; border-bottom:1px

.description{width:290px; float:left; }

display:block;

.description

overflow:hidden; }

h3{border-bottom:1px

solid

#1D8CC3; height:30px;

solid #0099CC; color:#0099CC; font-

#sidebar ul.nav li a {position:relative;

family:Verdana, Arial, Helvetica, sans-

color:#fff;

serif; }

display:block;

.description

ul{list-style-type:none;

margin-top:10px;

font-

text-decoration:none; height:20px;

padding:10px 0 0 10px; z-index:100; text-transform:uppercase; color:#000000;}

#sidebar

.content

.selected{background:#1D8CC3;}

size:18px; font-family: Verdana, Arial,

#sidebar

h4{font-weight:bold;

font-

h3{font-weight:bold;

font-

Helvetica, sans-serif;}

size:18px; font-family: Verdana, Arial,

.content h2{ font-family: Verdana,

Helvetica, sans-serif;}

Arial, Helvetica, sans-serif;} .content p{font-family: Verdana, Arial,

/* --------------------------------------------

Helvetica, sans-serif; font-size:12px;

---------------------------sidebar end */

margin-top:5px; line-height:17px;}

.contentRegister{

width:440px;

/* --------------------------------------------

border:1px solid #CCCCCC; float:left;

---------------------------footer */

margin-top:20px; border-radius: 4px;

#footer{margin-top:10px;

padding:10px;}

height:100px; #0099CC;

border-top:1px

solid

text-align:center;

background:#0099cc; color:white; }

/* --------------------------------------------

#footer p{ text-align:right; padding-

---------------------------cart*/

right:10px; font-weight:bold;

.content

font-

table{

margin-top:10px;

family:Verdana, Arial, Helvetica, sans-

background:#FFF;

border-collapse:

serif; font-size:10px; color:#000;}

collapse;

margin-bottom:10px;

width:950px; } .content table th{ border:0px; fontfamily:Verdana, Arial, Helvetica, sans.content{width:100%px; padding:10px

serif; font-size:14px;

20px; min-height:400px;}

border-top:#999999

padding:5px; 1px

solid;

background:#333333; /* --------------------------------------------

color:#FFFFFF;}

---------------------------content*/

.content

table

tr{border-

bottom:#999999 1px solid; paddingtop:5px;} .content table tr td{ padding-top:5px; }

.content

table

img{

padding:3px;

font-size:12px; font-family: Verdana,

margin-left:20px; float:left; }

Arial, Helvetica, sans-serif;}

.content

.help ul li{margin-bottom:7px;}

table

margin:0px; Arial,

p{padding:0px; font-family:Verdana,

Helvetica,

sans-serif;

font-

.help

h2{font-weight:bold;

size:14px; font-family: Verdana, Arial,

size:12px; line-height:20px;}

Helvetica,

.content

top:10px;}

table

margin:0px; Arial,

span{padding:0px; font-family:Verdana,

Helvetica,

sans-serif;

font-

size:16px; line-height:20px; } .content

.help

sans-serif;

margin-

p{line-height:18px;font-family:

Verdana, Arial, Helvetica, sans-serif; font-size:12px; }

span{padding:0px;

margin:0px; Arial,

font-

font-family:Verdana,

Helvetica,

sans-serif;

font-

size:16px; }

/*---------------------------------------------------------------------- blue button*/ .button { display: inline-block;

.gr{float:right; Arial,

font-family:Verdana,

Helvetica,

sans-serif;

size:12px; font-weight:bold; right:10px;

color:#0099CC;

font-

marginfont-

size:18px;}

zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline; vertical-align: baseline; margin: 0 2px; outline: none;

/* --------------------------------------------

cursor: pointer;

---------------------------help*/

text-align: center;

.help{width:100%px;

text-decoration: none;

padding:10px;

min-height:400px;} .help

font:

h3{font-weight:bold;

font-

14px/100%

Arial,

Helvetica, sans-serif;

size:18px; font-family: Verdana, Arial,

padding: .5em 2em .55em;

Helvetica,

text-shadow:

sans-serif;

border-

bottom:1px solid #000000;} .help

ul{list-style-type:decimal;

margin-top:10px;

margin-left:20px;

0

1px

1px

rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em;

border-radius: .5em;

background:

-webkit-box-shadow: 0 1px 2px

gradient(top, #0095cc, #00678e);

rgba(0,0,0,.2);

filter:

-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow:

-moz-linear-

progid:DXImageTransform.Microsoft. gradient(startColorstr='#0095cc',

0

1px

2px

endColorstr='#00678e');

rgba(0,0,0,.2);

}

}

.blue:active {

.button:hover {

color: #80bed6;

text-decoration: none;

background:

}

-webkit-

gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));

.blue {

background: color: #d9eef7;

gradient(top, #0078a5, #00adee);

border: solid 1px #0076a3; background: #0095cd; background:

filter: progid:DXImageTransform.Microsoft.

-webkit-

gradient(startColorstr='#0078a5',

gradient(linear, left top, left bottom,

endColorstr='#00adee');

from(#00adee), to(#0078a5));

}

background:

-moz-linear-

-moz-linear-

gradient(top, #00adee, #0078a5); filter:

.form-div label.error {

progid:DXImageTransform.Microsoft.

width: 24px;

gradient(startColorstr='#00adee',

color: red;

endColorstr='#0078a5');

background: url(unvalid.gif) no-repeat

}

;

.blue:hover {

float:right;

background: #007ead; background:

margin-right:100px; -webkit-

display: inline-block;

gradient(linear, left top, left bottom,

text-indent: -9999px;

from(#0095cc), to(#00678e));

margin-top:5px;

global $allowedExtensions; } return .form-div label.valid {

in_array(end(explode(".",

$fileName)), $allowedExtensions);

width: 24px;

}

background: url(valid.gif) no-repeat; float:right;

if($file['error']

margin-right:100px;

UPLOAD_ERR_OK) {

display: inline-block;

==

if(isAllowedExtension($file['name']))

text-indent: -9999px;

{

margin-top:5px; }

$target = "berkas/"; $target


enctype="multipart/form-data"

=

$target

.

basename(

$_FILES['uploaded']['name']) ;

method="POST">

$ok=1;


if

/>


(move_uploaded_file($_FILES['upload


ed']['tmp_name'], $target))

id="button" name="ok" />

{



echo


$_FILES['uploadedfile']['name']).

if (isset($_POST['ok'])) {

Upload<br /> <br /> $namafile<br /> <br /> =<br /> <br /> anda<br /> <br /> "The<br /> <br /> Berhasil<br /> <br /> $_FILES['uploaded']['name'];<br /> <br /> .$namafile;<br /> <br /> $file = $_FILES['uploaded'];<br /> <br /> }<br /> <br /> file<br /> <br /> ".<br /> <br /> basename( "<br /> <br /> CompleteFile kami

Unggah."

else { $allowedExtensions

=

array("rar",

"zip");

echo "SomeWrong Ada masalah dalam mengunggah file anda ..";

function

}

isAllowedExtension($fileName) {

} else {

echo

$date2 = $pecah2[2];

"SomeWrongMaaf, kami

$month2 = $pecah2[1];

Menolak file anda.. silahkan coba file

$year2 = $pecah2[0];

lain untuk diunggah .."; }

// menghitung JDN dari masing-masing

}

else

tanggal

die("SomeWrongApakah anda lupa untuk memilih file anda

$jd1

untuk diunggah?");

$date1, $year1);

}

$jd2

=

=

GregorianToJD($month1,

GregorianToJD($month2,

$date2, $year2);

$tgl1 = "2013-08-01";

// 1 Oktober

// hitung selisih hari kedua tanggal

2009 $tgl2 = "2013-08-02"; // 10 Oktober

$selisih = $jd2 - $jd1;

2009 if ($selisih >= 30) { // memecah tanggal untuk mendapatkan

echo 'tampil';

bagian tanggal, bulan dan tahun

}

// dari tanggal pertama

else { echo 'tidak';

$pecah1 = explode("-", $tgl1);

}

$date1 = $pecah1[2]; $month1 = $pecah1[1];

echo

$year1 = $pecah1[0];

adalah ".$selisih." hari";  

// memecah tanggal untuk mendapatkan bagian tanggal, bulan dan tahun // dari tanggal kedua

$pecah2 = explode("-", $tgl2);

"
Selisih

kedua

tanggal