Portal Komunitas Pecinta Tanaman Hias Berbasisweb Menggunakan Php Dan Mysql
48
Universitas Sumatera Utara
49
Universitas Sumatera Utara
Style.css
body {font-family: Century Gothic;font-size: 12px;backgroundcolor:#00ff00;}
h1{font-size:13px;color:blur;border-bottom:solid 1px white;
padding:px;text-align:right;}
h2{font-size:25px;color:#3D6522;border-bottom:solid 1px white;
padding:px;text-align:left;}
h3{font-size:15px;color:black;border-bottom:solid 0px silver;
padding:px;text-align:left;border-radius:px}
h4{text-shadow: 1px 6px 1px silver;font-size:20px;color:blue;borderbottom:solid 0px #666000; padding:0px;font-family:Century Gothic;}
h5{text-shadow: 1px 6px 1px white;font-size:20px;color:black;borderbottom:solid 0px #666000; padding:0px;font-family:Century
Gothic;margin-bottom:5px;margin-top:0px}
#wrap{background-color:white;border:solid 0px silver;margin:-0.4% 8%
8% 8%;height:auto;width:auto;padding:0px}
#header{ border-bottom:solid 0px silver;border-top:solid 0px
silver;margin-bottom:px;padding:0px;border-radius:20px 20px 0px
0px;height:9%;clear:both;background: -moz-linear-gradient(left,
white, #336699);text-align:left;}
#kanan{border-right:solid 0px silver;marginright:px;height:auto;width:17%;float:left;padding:6px;}
#tengah{border-left:solid 1px white;border-right:solid 1px
white;padding:15px;margin-top:10px;marginbottom:10px;height:auto;width:60%;float:left;color:black;}
#kiri{ border-left:solid 0px
silver;height:auto;width:17%;float:left;padding:8px;}
#foter{ border:solid 0px
silver;margin:0px;height:auto;color:white;backgroundcolor:#990033;font-weight:;text-align:center;padding:10px}
#judul{border:solid 0px red;height:auto;}
50
Universitas Sumatera Utara
b{font-size:18px;color:white;margin:5px}
a{text-decoration:none}
ul{height:auto;list-style-type: none;text-align:left;borderbottom:solid 0px silver;display:inline;}
ul li{border-bottom:solid 1px
silver;margin:1px;padding:3px;background-color:;border-radius:0px 0px
0px 0px}
ul a li {text-decoration:none;color:black;padding:3px;}
ul li:hover{color:#990033;border-radius:0px 0px 0px 0px;fontweight:bold}
weight:;background-color:#990033;display:inline;border-radius:0px 0px
0px 0px;}
#menu ul li a{text-decoration:none;color:white;font-weight:}
#menu ul li:hover{background-color:#663333;color:#FFFFFF}
table{background-color:;border:0px;}
table th{background-color:#990033;color:white;padding:5px;fontfamily: Century Gothic;font-size: 13px}
table tr td{background-color:;color:black;padding:1px;bordertop:solid 0px silver;border-bottom:solid 1px white;margin:0px;fontfamily: Century Gothic;font-size: 13px}
input{border:solid 1px silver;text-align:left;padding:3px;borderradius:0px;font-family: Century Gothic;font-size: 13px}
textarea{border:solid 1px silver;text-align:left;padding:3px;fontfamily: Century Gothic;font-size: 13px}
select{border:solid 1px silver;text-align:left;padding:3px;fontfamily: Century Gothic;font-size: 13px}
button{border:solid 1px silver;text-align:center;padding:3px;fontfamily: Century Gothic;font-size: 13px}tbl1{backgroundcolor:white;border:0px;}
.tbl1 table th{backgroundcolor:#45460E;color:white;padding:0px;border:solid 0px;'}
51
Universitas Sumatera Utara
.tbl1 tr td{color:black;padding:1px;border-bottom:solid 0px
silver;border-left:solid 0px silver;border-right:solid 0px
silver;margin:0px;}
Style2.css
body {font-family: Century Gothic;font-size: 13px;backgroundcolor:#3D6522}
h1{text-align:center}
h2{font-size:15px;color:#5875b2;border-bottom:solid 1px silver;
padding:px;text-align:left;}
h3{font-size:20px;color:black;border-bottom:solid 1px silver;
padding:px;text-align:left;border-radius:px}
h4{text-shadow: 1px 6px 1px silver;font-size:20px;color:blue;borderbottom:solid 0px #666000; padding:0px;font-family:Century Gothic;}
h5{text-shadow: 1px 6px 1px white;font-size:20px;color:black;borderbottom:solid 0px #666000; padding:0px;font-family:Century
Gothic;margin-bottom:5px;margin-top:0px}
#wrap{background-color:white;border:solid 1px silver;margin:0% 2% 2%
2%;height:auto;width:auto;padding:0px}
#header{ border-bottom:solid 0px silver;border-top:solid 0px
silver;margin-bottom:px;padding:0px;border-radius:20px 20px 0px
0px;height:9%;clear:both;background: -moz-linear-gradient(left,
white, #336699);text-align:left;}
#menu { position: relative;
width: 100%;
height: 40px;
background: #46A606;
border: 0px solid #000000;
52
Universitas Sumatera Utara
}
#menu ul{ margin: 0;
padding: 0;
list-style: none;
}
#menu ul li{ position: relative;
float: left;
}
#menu ul li a{ display: block;
text-decoration: none;
color: white;
padding: 12px;
float: right;
border-right: 1px solid silver;
}
#menu ul li a:hover{ background-color: silver; }
#menu ul li ul { display: none;}
#menu ul li:hover ul { display: block;
position: absolute;
top: 40px;
left: 0px;
}
#menu ul li:hover ul li a{ display: block;
background: #46A606;
53
Universitas Sumatera Utara
color: white;
width: 190px;
padding:7px;
border-radius:0px;
border-bottom:solid 1px silver;
}
#menu ul li:hover ul li a:hover { background: silver;
color: #ffffff;
}
#konten{ border-left:solid 0px
silver;margin:0px;height:auto;width:100%;padding:15px;}
#foter{ border:solid 0px silver;margin:0px;height:auto;backgroundcolor:#46A606;color:white;font-weight:;textalign:center;padding:10px}
#judul{border:solid 1px silver;height:auto;}
.tbl1{background-color:white;border:0px;}
.tbl1 table th{background-color:#46A606;color:white;padding:0px;}
.tbl1 tr td{color:black;font-size:13px;padding:1px;borderbottom:solid 1px silver;border-left:solid 0px silver;borderright:solid 1px silver;border-bottom:solid 1px silver;margin:0px;}
table{background-color:white;border:0px;}
table th{background-color:#46A606;color:white;padding:5px;fontsize:12px;}
table tr td{background-color:white;color:black;padding:0px;borderbottom:solid 0px silver;border-right:solid 0px silver;borderbottom:solid 0px silver;margin:0px;font-size:12px}
input{border:solid 1px silver;text-align:left;padding:3px;fontsize:13px;font-family: Century Gothic}
file{border:solid 1px silver;text-align:left;padding:1px;fontsize:13px}
54
Universitas Sumatera Utara
checkbox{border:solid 1px silver;text-align:left;padding:1px;fontsize:13px}
textarea{border:solid 1px silver;text-align:left;padding:1px;fontsize:13px;font-family: Century Gothic}
select{border:solid 1px silver;text-align:left;padding:1px;fontsize:13px;font-family: Century Gothic}
button{border:solid 1px silver;text-align:center;padding:1px;fontsize:12px;font-family: Century Gothic}
#dialog table{background-color:white;border:0px;}
#dialog table th{backgroundcolor:#46A606;color:white;padding:5px;font-size:13px;font-family:
Century Gothic}
#dialog table tr td{backgroundcolor:white;color:black;padding:0px;border-bottom:solid 0px
silver;border-right:solid 0px silver;border-bottom:solid 0px
silver;margin:0px;font-size:13px;font-family: Century Gothic}
#dialog input{border:solid 1px silver;textalign:left;padding:3px;font-size:13px;font-family: Century Gothic}
#dialog file{border:solid 1px silver;textalign:left;padding:1px;font-size:13px}
#dialog checkbox{border:solid 1px silver;textalign:left;padding:1px;font-size:13px}
#dialog textarea{border:solid 1px silver;textalign:left;padding:1px;font-size:13px;font-family: Century Gothic}
#dialog select{border:solid 1px silver;textalign:left;padding:1px;font-size:13px;font-family: Century Gothic}
#dialog button{border:solid 1px silver;textalign:center;padding:1px;font-size:12px;font-family: Century Gothic}
Select.lib.php
Get.php
Portal Komunitas Pecinta Tanaman Hias
69
Universitas Sumatera Utara
function showAlert(obj,txt,tm){
$(obj).hide();
$(obj).html(''+txt+'');$(obj).show('slow');
setTimeout(function(){
$(obj).hide('slow');$(obj).html('');},tm);
}
70
Universitas Sumatera Utara
71
Universitas Sumatera Utara
User Login :
Bonsai.sql
-- Database: `bonsai`
--
-- --------------------------------------------------------
--- Table structure for table `akses`
--
CREATE TABLE IF NOT EXISTS `akses` (
`IDAkses` int(2) NOT NULL AUTO_INCREMENT,
`KodeGrup` char(10) NOT NULL,
`KodeModul` char(10) NOT NULL,
PRIMARY KEY (`IDAkses`),
KEY `KodeGrup` (`KodeGrup`,`KodeModul`)
) ENGINE=MyISAM
DEFAULT CHARSET=latin1 AUTO_INCREMENT=62 ;
72
Universitas Sumatera Utara
--- Dumping data for table `akses`
--
INSERT INTO `akses` (`IDAkses`, `KodeGrup`, `KodeModul`) VALUES
(1, '1', '3'),
(2, '1', '5'),
(3, '1', '2'),
(4, '1', '4'),
(52, '1', '6'),
(44, '1', '10'),
(56, '1', '11'),
(59, '2', '7');
-- --------------------------------------------------------
--- Table structure for table `artikel`
--
CREATE TABLE IF NOT EXISTS `artikel` (
`ArtikelID` bigint(20) NOT NULL AUTO_INCREMENT,
`Tanggal` date NOT NULL,
`Judul` varchar(50) NOT NULL,
`Foto_name` varchar(100) NOT NULL,
`Artikel` text NOT NULL,
73
Universitas Sumatera Utara
PRIMARY KEY (`ArtikelID`),
KEY `Tanggal` (`Tanggal`),
KEY `Judul` (`Judul`)
) ENGINE=MyISAM
DEFAULT CHARSET=latin1 AUTO_INCREMENT=23 ;
--- Dumping data for table `artikel`
--
INSERT INTO `artikel` (`ArtikelID`, `Tanggal`, `Judul`, `Foto_name`,
`Artikel`) VALUES
(20, '2016-06-16', ' Pemberantasan Hama Bonsai', 'perawatan.jpg',
'Bonsai termasuk jenis tanaman yang bisa saja terserang hama, kita
harus sesering mungkin memantau keadaan tanaman, penggunaan bahan
kimia untuk menanggulinya haruslah sesuai dosis yang diajurkan lebih
baik lagi mengurangi dosisnya, karena dosis yang berlebihan akan
berbahaya bagi tanaman, lingkungan juga manusia. Berikut cara-cara
untuk pemberantasan hama bonsai :\n\n1. Apabila terdapat
serangga atau ulat yang menempel pada daun, pangkas dan buang jauhjauh daun tersebut.\n2. Lumut dan jamur yang menempel pada pada
batang bonsai bisa disikat saja.\n3. Pemberantasan tunga dapat
menggunakan akarisida, contohnya agrotion atau kalthane.\n4.
Nematon bisa diberantas dengan furadan.\n5. Insektisida tabur
curater bisa memberantas semut dan uret.\n6. Kutu pucuk yang
biasa bersembunyi dibawah daun sebaiknya dimatikan dan buang
daunnya'),
(21, '2016-06-16', ' Beberapa Bentuk Dasar Bonsai Indonesia',
'Bonsai-Tegak-Lurus.jpg', 'Dalam pembuatan bonsai tentunya tidak
memakan waktu yang sebentar, pembuatannya memakan waktu yang lama dan
melibatkan berbagai macam pekerjaan antara lain pemberian pupuk,
pemangkasan, pembentukan tanam, penyiraman dan penggantian pot dan
tanah. Begitulah kiranya cara membudidayakan bonsai Indonesia. Memang
begitu rumit tetapi mengasikkan bagi kalangan yang hobi membuat
74
Universitas Sumatera Utara
tanaman hias khususnya untuk tanaman bonsai ini. Adapun beberapa
bentuk dasar dari bonsai Indonesia diantaranya \n\nSebuah
pohon dikatakan memiliki batang yang ideal bila pohon memiliki
diameter batang yang makin ketas makin mengecil, dimulai dari bagian
batangnya yang dekat dengan akar hingga pucuknya.'),
(22, '2016-06-16', ' Tips Merawat Bonsai Cemara Udang', 'BonsaiCemara.jpg', 'Bila kita berbicara mengenai tanaman hias bonsai,
pastinya sudah tidak asing lagi dengan istilah bonsai cemara udang
yang merupakan salah satu jenis bonsai favourit di Indonesia. Cemara
udang ini sangat dicari oleh banyak orang khususnya para pencinta
tanaman hias. Karena tanaman ini memiliki pertumbuhan yang menyerupai
tanaman yang sengaja dibonsai walaupun sebenarnya tanaman ini tumbuh
normal layaknya tanaman lainnya. Keindahan dari tanaman hias ini
memang sangat dikagumi siapapun. Selain itu juga umumnya para pembeli
memanfaatkan cemara udang ini untuk dijadikan penghias taman dan
pemanis kolam ditanam. \n\nTenaman cemara udang ini banyak
sekali ditemukan di pantai gelombang, sumenap, Madura. Walaupun
tingginya hanya sekitar 4m, batang cemara ini tidak tumbuh lurus
keatas layaknya cemara biasa tetapi cenderung meliuk. Jadi tak heran,
setelah berpuluh-puluh tahun bentuknya jadi seperti udang yang
bongkok. Khususnya bgaian-bagian ranting kecilnya yang panjang tumbuh
rapat, seperti kaki-kaki yang keluar dari tubuh udang. Jadi itulah
asal mulanya kenapa penduduk Madura menyebutnya bonsai cemara udang.
Yang mana daunnya lurus bagaikan jarum yang panjang sekitar 10-15cm,
tumbuh rimbun diranting-rantingnya. Karena sangat begitu rimbun,
bahkan saat matahari bersinar terik pun kondisi di bawah cemara ini
teduh walaupun daunnya berbentuk seperti jarum. Selain itu itu
tanaman ini memiliki nama ilmiahnya ');
-- --------------------------------------------------------
--- Table structure for table `grup`
--
75
Universitas Sumatera Utara
CREATE TABLE IF NOT EXISTS `grup` (
`KodeGrup` char(10) NOT NULL,
`NamaGrup` varchar(50) NOT NULL,
PRIMARY KEY (`KodeGrup`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
--- Dumping data for table `grup`
--
INSERT INTO `grup` (`KodeGrup`, `NamaGrup`) VALUES
('1', 'Admin'),
('2', 'Member');
-- --------------------------------------------------------
--- Table structure for table `grupmodul`
--
CREATE TABLE IF NOT EXISTS `grupmodul` (
`KodeGrupModul` char(10) NOT NULL,
`NamaGrupModul` varchar(50) NOT NULL,
`NA` char(1) NOT NULL,
PRIMARY KEY (`KodeGrupModul`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
76
Universitas Sumatera Utara
--- Dumping data for table `grupmodul`
--
INSERT INTO `grupmodul` (`KodeGrupModul`, `NamaGrupModul`, `NA`)
VALUES
('1', 'Manajemen Akses', 'N'),
('2', 'Master Data', 'Y');
-- --------------------------------------------------------
--- Table structure for table `modul`
--
CREATE TABLE IF NOT EXISTS `modul` (
`KodeModul` char(2) NOT NULL,
`NamaModul` varchar(50) NOT NULL,
`KodeGrupModul` char(10) NOT NULL,
`NA` enum('N','Y') NOT NULL DEFAULT 'N',
PRIMARY KEY (`KodeModul`),
KEY `KodeGrupModul` (`KodeGrupModul`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
--- Dumping data for table `modul`
77
Universitas Sumatera Utara
--
INSERT INTO `modul` (`KodeModul`, `NamaModul`, `KodeGrupModul`, `NA`)
VALUES
('2', 'Modul', '2', 'Y'),
('4', 'User', '2', 'N'),
('3', 'Group User', '2', 'Y'),
('5', 'Hak Akses', '2', 'Y'),
('6', 'Confirmasi Anggota', '2', 'N'),
('10', 'Lihat Komentar', '2', 'N'),
('7', 'Member Page', '2', 'N'),
('11', 'Buat Artikel', '2', 'N');
-- --------------------------------------------------------
--- Table structure for table `produk`
--
CREATE TABLE IF NOT EXISTS `produk` (
`ProdukID` int(3) NOT NULL AUTO_INCREMENT,
`Tanggal` date NOT NULL,
`NamaProduk` varchar(255) NOT NULL,
`Keterangan` text NOT NULL,
`Gambar` varchar(255) NOT NULL,
`UserName` varchar(255) NOT NULL,
PRIMARY KEY (`ProdukID`)
78
Universitas Sumatera Utara
) ENGINE=MyISAM
DEFAULT CHARSET=latin1 AUTO_INCREMENT=15 ;
--- Dumping data for table `produk`
--
INSERT INTO `produk` (`ProdukID`, `Tanggal`, `NamaProduk`,
`Keterangan`, `Gambar`, `UserName`) VALUES
(12, '2016-06-16', 'Asam Jawa ', 'Biasanya orang-orang memanfaatkan
asam jawa sebagai peneduh jalan supaya sejuk dan juga rindang. Saat
ini orang-orang sering membuat tanaman asam jawa menjadi tanaman
bonsai.\n\nApabila tanaman ini di bonsai, terdapat beberapa
perubahan darinya diantaranya yaitu ukuran daunnya kecil-kecil dan
warna daunnya adalah hijau muda serta tersusun rapi, jika hari sudah
gelap daunnya akan tidur.\n\nSelain itu jarang menghasilkan
buah, serta batangnya memiliki kesan tua karena terbelah-belah.
Bonsai asam jawa paling cocok apabila ditanam di dataran rendah.',
'1.jpeg', 'susi'),
(13, '2016-06-16', 'Bougenvil', 'Daya pikat dari bonsai bougenvil
yaitu pada bunganya. Hal itu karena bunganya memiliki warna yang
mencolok, ada yang ungu, jingga, putih, dan merah cerah. Terkadang
bunganya bisa lebat sehingga memenuhi satu pohon. Batangnya ada
banyak duri serta bentuk hati dimiliki oleh daunnya.', '2.jpg',
'yuyun'),
(14, '2016-06-16', 'Azalea', 'Azalea merupakan tanaman perdu yang
berasal dari Jepang dan Cina yang suka dengan dataran tinggi dan
lembab sehingga banyak tempat yang tidak cocok untuk tanaman
ini.\n\nBonsai azalea memiliki keindahan tersendiri yaitu
terletak pada bentuknya yang begitu cantik serta warna merah ungu
yang dimiliki oleh bunganya.', '3.jpg', 'wawan');
-- --------------------------------------------------------
79
Universitas Sumatera Utara
--- Table structure for table `registrasi`
--
CREATE TABLE IF NOT EXISTS `registrasi` (
`NoRegistrasi` char(10) NOT NULL,
`TglRegistrasi` date NOT NULL,
`NoKTP` varchar(50) NOT NULL,
`NamaLengkap` varchar(50) NOT NULL,
`Alamat` varchar(50) NOT NULL,
`Telepon` varchar(25) NOT NULL,
`Username` varchar(30) NOT NULL,
`Password` varchar(30) NOT NULL,
`Status` enum('Y','N') NOT NULL DEFAULT 'N',
`Foto` varchar(255) NOT NULL,
PRIMARY KEY (`NoRegistrasi`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
-- Dumping data for table `registrasi`
INSERT INTO `registrasi` (`NoRegistrasi`, `TglRegistrasi`, `NoKTP`,
`NamaLengkap`, `Alamat`, `Telepon`, `Username`, `Password`, `Status`,
`Foto`) VALUES
('REG-1', '2016-06-16', '00121', 'Susi', 'Jl. Padang Bulan',
'0123123', 'susi', 'susi', 'Y', ''),
('REG-2', '2016-06-16', '098werwer', 'Yuyun Sundari', 'Jl. Tebing
Banjar', '0394234', 'yuyun', 'yuyun', 'Y', ''),
('REG-3', '2016-06-16', '0843424', 'Wawan', 'Jl. Berdikari',
'0234234', 'wawan', 'wawan', 'Y', ''),
80
Universitas Sumatera Utara
('REG-4', '2016-06-16', '765765', 'hfhgfh', 'jhgjf', 'hjgjhg', '1',
'1', 'Y', '');
-- Table structure for table `tamu`
CREATE TABLE IF NOT EXISTS `tamu` (
`IDTamu` int(2) NOT NULL AUTO_INCREMENT,
`Tanggal` date NOT NULL,
`NamaTamu` varchar(50) NOT NULL,
`Email` varchar(50) NOT NULL,
`Komentar` text NOT NULL,
`Status` enum('Y','N') NOT NULL DEFAULT 'N',
PRIMARY KEY (`IDTamu`)
) ENGINE=MyISAM
DEFAULT CHARSET=latin1 AUTO_INCREMENT=20 ;
--- Dumping data for table `tamu`
--
INSERT INTO `tamu` (`IDTamu`, `Tanggal`, `NamaTamu`, `Email`,
`Komentar`, `Status`) VALUES
(2, '2012-07-18', 'marini', '[email protected]', 'saya sangat senang
dengan informasi ini, ', 'Y'),
(3, '2012-07-19', 'Berliana', '[email protected]', 'terima kasih
atas infonya', 'N'),
(6, '2012-07-24', 'mikroskil', '[email protected]', 'kampus saya',
'N'),
(13, '2012-09-01', 'maruppak', '[email protected]', 'Saya Mau
Masuk Sekolah Ini', 'Y'),
81
Universitas Sumatera Utara
(14, '2012-09-10', 'ayu ningsi', '[email protected]',
'Hmm...Kangen ama sekolah ku...\n\nTambah bagus ajah ya dengan
fasilitas ini...\n\nSukses terus SMA Negeri 20 Medan.', 'Y'),
(15, '2012-09-10', 'eka pratama', '[email protected]', 'Monyet',
'N'),
(16, '2012-10-16', 'jkhk', 'jkg', 'khkhyiuyiu', 'N'),
(17, '2012-10-16', 'ssssssssssss', 'ssssssssssss',
'sssssssssssssssssss', 'N'),
(18, '2013-04-01', '', '', '', 'N'),
(19, '2016-06-16', '', '', '', 'N');
-- --------------------------------------------------------
--- Table structure for table `user`
--
CREATE TABLE IF NOT EXISTS `user` (
`UserName` varchar(50) NOT NULL,
`Password` varchar(50) NOT NULL,
`KodeGrup` char(10) NOT NULL,
PRIMARY KEY (`UserName`),
KEY `KodeGrup` (`KodeGrup`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
--- Dumping data for table `user`
--
82
Universitas Sumatera Utara
INSERT INTO `user` (`UserName`, `Password`, `KodeGrup`) VALUES
('admin', '21232f297a57a5a743894a0e4a801fc3', '1'),
('wawan', '0a000f688d85de79e3761dec6816b2a5', '2'),
('yuyun', '525650a65f97e3d7c95e6a0ffc01e685', '2'),
('susi', '536931d80decb18c33db9612bdd004d4', '2'),
('1', 'c4ca4238a0b923820dcc509a6f75849b', '2');
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
Connect.php
Login.php
83
Universitas Sumatera Utara
Universitas Sumatera Utara
49
Universitas Sumatera Utara
Style.css
body {font-family: Century Gothic;font-size: 12px;backgroundcolor:#00ff00;}
h1{font-size:13px;color:blur;border-bottom:solid 1px white;
padding:px;text-align:right;}
h2{font-size:25px;color:#3D6522;border-bottom:solid 1px white;
padding:px;text-align:left;}
h3{font-size:15px;color:black;border-bottom:solid 0px silver;
padding:px;text-align:left;border-radius:px}
h4{text-shadow: 1px 6px 1px silver;font-size:20px;color:blue;borderbottom:solid 0px #666000; padding:0px;font-family:Century Gothic;}
h5{text-shadow: 1px 6px 1px white;font-size:20px;color:black;borderbottom:solid 0px #666000; padding:0px;font-family:Century
Gothic;margin-bottom:5px;margin-top:0px}
#wrap{background-color:white;border:solid 0px silver;margin:-0.4% 8%
8% 8%;height:auto;width:auto;padding:0px}
#header{ border-bottom:solid 0px silver;border-top:solid 0px
silver;margin-bottom:px;padding:0px;border-radius:20px 20px 0px
0px;height:9%;clear:both;background: -moz-linear-gradient(left,
white, #336699);text-align:left;}
#kanan{border-right:solid 0px silver;marginright:px;height:auto;width:17%;float:left;padding:6px;}
#tengah{border-left:solid 1px white;border-right:solid 1px
white;padding:15px;margin-top:10px;marginbottom:10px;height:auto;width:60%;float:left;color:black;}
#kiri{ border-left:solid 0px
silver;height:auto;width:17%;float:left;padding:8px;}
#foter{ border:solid 0px
silver;margin:0px;height:auto;color:white;backgroundcolor:#990033;font-weight:;text-align:center;padding:10px}
#judul{border:solid 0px red;height:auto;}
50
Universitas Sumatera Utara
b{font-size:18px;color:white;margin:5px}
a{text-decoration:none}
ul{height:auto;list-style-type: none;text-align:left;borderbottom:solid 0px silver;display:inline;}
ul li{border-bottom:solid 1px
silver;margin:1px;padding:3px;background-color:;border-radius:0px 0px
0px 0px}
ul a li {text-decoration:none;color:black;padding:3px;}
ul li:hover{color:#990033;border-radius:0px 0px 0px 0px;fontweight:bold}
weight:;background-color:#990033;display:inline;border-radius:0px 0px
0px 0px;}
#menu ul li a{text-decoration:none;color:white;font-weight:}
#menu ul li:hover{background-color:#663333;color:#FFFFFF}
table{background-color:;border:0px;}
table th{background-color:#990033;color:white;padding:5px;fontfamily: Century Gothic;font-size: 13px}
table tr td{background-color:;color:black;padding:1px;bordertop:solid 0px silver;border-bottom:solid 1px white;margin:0px;fontfamily: Century Gothic;font-size: 13px}
input{border:solid 1px silver;text-align:left;padding:3px;borderradius:0px;font-family: Century Gothic;font-size: 13px}
textarea{border:solid 1px silver;text-align:left;padding:3px;fontfamily: Century Gothic;font-size: 13px}
select{border:solid 1px silver;text-align:left;padding:3px;fontfamily: Century Gothic;font-size: 13px}
button{border:solid 1px silver;text-align:center;padding:3px;fontfamily: Century Gothic;font-size: 13px}tbl1{backgroundcolor:white;border:0px;}
.tbl1 table th{backgroundcolor:#45460E;color:white;padding:0px;border:solid 0px;'}
51
Universitas Sumatera Utara
.tbl1 tr td{color:black;padding:1px;border-bottom:solid 0px
silver;border-left:solid 0px silver;border-right:solid 0px
silver;margin:0px;}
Style2.css
body {font-family: Century Gothic;font-size: 13px;backgroundcolor:#3D6522}
h1{text-align:center}
h2{font-size:15px;color:#5875b2;border-bottom:solid 1px silver;
padding:px;text-align:left;}
h3{font-size:20px;color:black;border-bottom:solid 1px silver;
padding:px;text-align:left;border-radius:px}
h4{text-shadow: 1px 6px 1px silver;font-size:20px;color:blue;borderbottom:solid 0px #666000; padding:0px;font-family:Century Gothic;}
h5{text-shadow: 1px 6px 1px white;font-size:20px;color:black;borderbottom:solid 0px #666000; padding:0px;font-family:Century
Gothic;margin-bottom:5px;margin-top:0px}
#wrap{background-color:white;border:solid 1px silver;margin:0% 2% 2%
2%;height:auto;width:auto;padding:0px}
#header{ border-bottom:solid 0px silver;border-top:solid 0px
silver;margin-bottom:px;padding:0px;border-radius:20px 20px 0px
0px;height:9%;clear:both;background: -moz-linear-gradient(left,
white, #336699);text-align:left;}
#menu { position: relative;
width: 100%;
height: 40px;
background: #46A606;
border: 0px solid #000000;
52
Universitas Sumatera Utara
}
#menu ul{ margin: 0;
padding: 0;
list-style: none;
}
#menu ul li{ position: relative;
float: left;
}
#menu ul li a{ display: block;
text-decoration: none;
color: white;
padding: 12px;
float: right;
border-right: 1px solid silver;
}
#menu ul li a:hover{ background-color: silver; }
#menu ul li ul { display: none;}
#menu ul li:hover ul { display: block;
position: absolute;
top: 40px;
left: 0px;
}
#menu ul li:hover ul li a{ display: block;
background: #46A606;
53
Universitas Sumatera Utara
color: white;
width: 190px;
padding:7px;
border-radius:0px;
border-bottom:solid 1px silver;
}
#menu ul li:hover ul li a:hover { background: silver;
color: #ffffff;
}
#konten{ border-left:solid 0px
silver;margin:0px;height:auto;width:100%;padding:15px;}
#foter{ border:solid 0px silver;margin:0px;height:auto;backgroundcolor:#46A606;color:white;font-weight:;textalign:center;padding:10px}
#judul{border:solid 1px silver;height:auto;}
.tbl1{background-color:white;border:0px;}
.tbl1 table th{background-color:#46A606;color:white;padding:0px;}
.tbl1 tr td{color:black;font-size:13px;padding:1px;borderbottom:solid 1px silver;border-left:solid 0px silver;borderright:solid 1px silver;border-bottom:solid 1px silver;margin:0px;}
table{background-color:white;border:0px;}
table th{background-color:#46A606;color:white;padding:5px;fontsize:12px;}
table tr td{background-color:white;color:black;padding:0px;borderbottom:solid 0px silver;border-right:solid 0px silver;borderbottom:solid 0px silver;margin:0px;font-size:12px}
input{border:solid 1px silver;text-align:left;padding:3px;fontsize:13px;font-family: Century Gothic}
file{border:solid 1px silver;text-align:left;padding:1px;fontsize:13px}
54
Universitas Sumatera Utara
checkbox{border:solid 1px silver;text-align:left;padding:1px;fontsize:13px}
textarea{border:solid 1px silver;text-align:left;padding:1px;fontsize:13px;font-family: Century Gothic}
select{border:solid 1px silver;text-align:left;padding:1px;fontsize:13px;font-family: Century Gothic}
button{border:solid 1px silver;text-align:center;padding:1px;fontsize:12px;font-family: Century Gothic}
#dialog table{background-color:white;border:0px;}
#dialog table th{backgroundcolor:#46A606;color:white;padding:5px;font-size:13px;font-family:
Century Gothic}
#dialog table tr td{backgroundcolor:white;color:black;padding:0px;border-bottom:solid 0px
silver;border-right:solid 0px silver;border-bottom:solid 0px
silver;margin:0px;font-size:13px;font-family: Century Gothic}
#dialog input{border:solid 1px silver;textalign:left;padding:3px;font-size:13px;font-family: Century Gothic}
#dialog file{border:solid 1px silver;textalign:left;padding:1px;font-size:13px}
#dialog checkbox{border:solid 1px silver;textalign:left;padding:1px;font-size:13px}
#dialog textarea{border:solid 1px silver;textalign:left;padding:1px;font-size:13px;font-family: Century Gothic}
#dialog select{border:solid 1px silver;textalign:left;padding:1px;font-size:13px;font-family: Century Gothic}
#dialog button{border:solid 1px silver;textalign:center;padding:1px;font-size:12px;font-family: Century Gothic}
Select.lib.php
Get.php
Portal Komunitas Pecinta Tanaman Hias
69
Universitas Sumatera Utara
function showAlert(obj,txt,tm){
$(obj).hide();
$(obj).html(''+txt+'');$(obj).show('slow');
setTimeout(function(){
$(obj).hide('slow');$(obj).html('');},tm);
}
70
Universitas Sumatera Utara
71
Universitas Sumatera Utara
User Login :
Bonsai.sql
-- Database: `bonsai`
--
-- --------------------------------------------------------
--- Table structure for table `akses`
--
CREATE TABLE IF NOT EXISTS `akses` (
`IDAkses` int(2) NOT NULL AUTO_INCREMENT,
`KodeGrup` char(10) NOT NULL,
`KodeModul` char(10) NOT NULL,
PRIMARY KEY (`IDAkses`),
KEY `KodeGrup` (`KodeGrup`,`KodeModul`)
) ENGINE=MyISAM
DEFAULT CHARSET=latin1 AUTO_INCREMENT=62 ;
72
Universitas Sumatera Utara
--- Dumping data for table `akses`
--
INSERT INTO `akses` (`IDAkses`, `KodeGrup`, `KodeModul`) VALUES
(1, '1', '3'),
(2, '1', '5'),
(3, '1', '2'),
(4, '1', '4'),
(52, '1', '6'),
(44, '1', '10'),
(56, '1', '11'),
(59, '2', '7');
-- --------------------------------------------------------
--- Table structure for table `artikel`
--
CREATE TABLE IF NOT EXISTS `artikel` (
`ArtikelID` bigint(20) NOT NULL AUTO_INCREMENT,
`Tanggal` date NOT NULL,
`Judul` varchar(50) NOT NULL,
`Foto_name` varchar(100) NOT NULL,
`Artikel` text NOT NULL,
73
Universitas Sumatera Utara
PRIMARY KEY (`ArtikelID`),
KEY `Tanggal` (`Tanggal`),
KEY `Judul` (`Judul`)
) ENGINE=MyISAM
DEFAULT CHARSET=latin1 AUTO_INCREMENT=23 ;
--- Dumping data for table `artikel`
--
INSERT INTO `artikel` (`ArtikelID`, `Tanggal`, `Judul`, `Foto_name`,
`Artikel`) VALUES
(20, '2016-06-16', ' Pemberantasan Hama Bonsai', 'perawatan.jpg',
'Bonsai termasuk jenis tanaman yang bisa saja terserang hama, kita
harus sesering mungkin memantau keadaan tanaman, penggunaan bahan
kimia untuk menanggulinya haruslah sesuai dosis yang diajurkan lebih
baik lagi mengurangi dosisnya, karena dosis yang berlebihan akan
berbahaya bagi tanaman, lingkungan juga manusia. Berikut cara-cara
untuk pemberantasan hama bonsai :\n\n1. Apabila terdapat
serangga atau ulat yang menempel pada daun, pangkas dan buang jauhjauh daun tersebut.\n2. Lumut dan jamur yang menempel pada pada
batang bonsai bisa disikat saja.\n3. Pemberantasan tunga dapat
menggunakan akarisida, contohnya agrotion atau kalthane.\n4.
Nematon bisa diberantas dengan furadan.\n5. Insektisida tabur
curater bisa memberantas semut dan uret.\n6. Kutu pucuk yang
biasa bersembunyi dibawah daun sebaiknya dimatikan dan buang
daunnya'),
(21, '2016-06-16', ' Beberapa Bentuk Dasar Bonsai Indonesia',
'Bonsai-Tegak-Lurus.jpg', 'Dalam pembuatan bonsai tentunya tidak
memakan waktu yang sebentar, pembuatannya memakan waktu yang lama dan
melibatkan berbagai macam pekerjaan antara lain pemberian pupuk,
pemangkasan, pembentukan tanam, penyiraman dan penggantian pot dan
tanah. Begitulah kiranya cara membudidayakan bonsai Indonesia. Memang
begitu rumit tetapi mengasikkan bagi kalangan yang hobi membuat
74
Universitas Sumatera Utara
tanaman hias khususnya untuk tanaman bonsai ini. Adapun beberapa
bentuk dasar dari bonsai Indonesia diantaranya \n\nSebuah
pohon dikatakan memiliki batang yang ideal bila pohon memiliki
diameter batang yang makin ketas makin mengecil, dimulai dari bagian
batangnya yang dekat dengan akar hingga pucuknya.'),
(22, '2016-06-16', ' Tips Merawat Bonsai Cemara Udang', 'BonsaiCemara.jpg', 'Bila kita berbicara mengenai tanaman hias bonsai,
pastinya sudah tidak asing lagi dengan istilah bonsai cemara udang
yang merupakan salah satu jenis bonsai favourit di Indonesia. Cemara
udang ini sangat dicari oleh banyak orang khususnya para pencinta
tanaman hias. Karena tanaman ini memiliki pertumbuhan yang menyerupai
tanaman yang sengaja dibonsai walaupun sebenarnya tanaman ini tumbuh
normal layaknya tanaman lainnya. Keindahan dari tanaman hias ini
memang sangat dikagumi siapapun. Selain itu juga umumnya para pembeli
memanfaatkan cemara udang ini untuk dijadikan penghias taman dan
pemanis kolam ditanam. \n\nTenaman cemara udang ini banyak
sekali ditemukan di pantai gelombang, sumenap, Madura. Walaupun
tingginya hanya sekitar 4m, batang cemara ini tidak tumbuh lurus
keatas layaknya cemara biasa tetapi cenderung meliuk. Jadi tak heran,
setelah berpuluh-puluh tahun bentuknya jadi seperti udang yang
bongkok. Khususnya bgaian-bagian ranting kecilnya yang panjang tumbuh
rapat, seperti kaki-kaki yang keluar dari tubuh udang. Jadi itulah
asal mulanya kenapa penduduk Madura menyebutnya bonsai cemara udang.
Yang mana daunnya lurus bagaikan jarum yang panjang sekitar 10-15cm,
tumbuh rimbun diranting-rantingnya. Karena sangat begitu rimbun,
bahkan saat matahari bersinar terik pun kondisi di bawah cemara ini
teduh walaupun daunnya berbentuk seperti jarum. Selain itu itu
tanaman ini memiliki nama ilmiahnya ');
-- --------------------------------------------------------
--- Table structure for table `grup`
--
75
Universitas Sumatera Utara
CREATE TABLE IF NOT EXISTS `grup` (
`KodeGrup` char(10) NOT NULL,
`NamaGrup` varchar(50) NOT NULL,
PRIMARY KEY (`KodeGrup`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
--- Dumping data for table `grup`
--
INSERT INTO `grup` (`KodeGrup`, `NamaGrup`) VALUES
('1', 'Admin'),
('2', 'Member');
-- --------------------------------------------------------
--- Table structure for table `grupmodul`
--
CREATE TABLE IF NOT EXISTS `grupmodul` (
`KodeGrupModul` char(10) NOT NULL,
`NamaGrupModul` varchar(50) NOT NULL,
`NA` char(1) NOT NULL,
PRIMARY KEY (`KodeGrupModul`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
76
Universitas Sumatera Utara
--- Dumping data for table `grupmodul`
--
INSERT INTO `grupmodul` (`KodeGrupModul`, `NamaGrupModul`, `NA`)
VALUES
('1', 'Manajemen Akses', 'N'),
('2', 'Master Data', 'Y');
-- --------------------------------------------------------
--- Table structure for table `modul`
--
CREATE TABLE IF NOT EXISTS `modul` (
`KodeModul` char(2) NOT NULL,
`NamaModul` varchar(50) NOT NULL,
`KodeGrupModul` char(10) NOT NULL,
`NA` enum('N','Y') NOT NULL DEFAULT 'N',
PRIMARY KEY (`KodeModul`),
KEY `KodeGrupModul` (`KodeGrupModul`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
--- Dumping data for table `modul`
77
Universitas Sumatera Utara
--
INSERT INTO `modul` (`KodeModul`, `NamaModul`, `KodeGrupModul`, `NA`)
VALUES
('2', 'Modul', '2', 'Y'),
('4', 'User', '2', 'N'),
('3', 'Group User', '2', 'Y'),
('5', 'Hak Akses', '2', 'Y'),
('6', 'Confirmasi Anggota', '2', 'N'),
('10', 'Lihat Komentar', '2', 'N'),
('7', 'Member Page', '2', 'N'),
('11', 'Buat Artikel', '2', 'N');
-- --------------------------------------------------------
--- Table structure for table `produk`
--
CREATE TABLE IF NOT EXISTS `produk` (
`ProdukID` int(3) NOT NULL AUTO_INCREMENT,
`Tanggal` date NOT NULL,
`NamaProduk` varchar(255) NOT NULL,
`Keterangan` text NOT NULL,
`Gambar` varchar(255) NOT NULL,
`UserName` varchar(255) NOT NULL,
PRIMARY KEY (`ProdukID`)
78
Universitas Sumatera Utara
) ENGINE=MyISAM
DEFAULT CHARSET=latin1 AUTO_INCREMENT=15 ;
--- Dumping data for table `produk`
--
INSERT INTO `produk` (`ProdukID`, `Tanggal`, `NamaProduk`,
`Keterangan`, `Gambar`, `UserName`) VALUES
(12, '2016-06-16', 'Asam Jawa ', 'Biasanya orang-orang memanfaatkan
asam jawa sebagai peneduh jalan supaya sejuk dan juga rindang. Saat
ini orang-orang sering membuat tanaman asam jawa menjadi tanaman
bonsai.\n\nApabila tanaman ini di bonsai, terdapat beberapa
perubahan darinya diantaranya yaitu ukuran daunnya kecil-kecil dan
warna daunnya adalah hijau muda serta tersusun rapi, jika hari sudah
gelap daunnya akan tidur.\n\nSelain itu jarang menghasilkan
buah, serta batangnya memiliki kesan tua karena terbelah-belah.
Bonsai asam jawa paling cocok apabila ditanam di dataran rendah.',
'1.jpeg', 'susi'),
(13, '2016-06-16', 'Bougenvil', 'Daya pikat dari bonsai bougenvil
yaitu pada bunganya. Hal itu karena bunganya memiliki warna yang
mencolok, ada yang ungu, jingga, putih, dan merah cerah. Terkadang
bunganya bisa lebat sehingga memenuhi satu pohon. Batangnya ada
banyak duri serta bentuk hati dimiliki oleh daunnya.', '2.jpg',
'yuyun'),
(14, '2016-06-16', 'Azalea', 'Azalea merupakan tanaman perdu yang
berasal dari Jepang dan Cina yang suka dengan dataran tinggi dan
lembab sehingga banyak tempat yang tidak cocok untuk tanaman
ini.\n\nBonsai azalea memiliki keindahan tersendiri yaitu
terletak pada bentuknya yang begitu cantik serta warna merah ungu
yang dimiliki oleh bunganya.', '3.jpg', 'wawan');
-- --------------------------------------------------------
79
Universitas Sumatera Utara
--- Table structure for table `registrasi`
--
CREATE TABLE IF NOT EXISTS `registrasi` (
`NoRegistrasi` char(10) NOT NULL,
`TglRegistrasi` date NOT NULL,
`NoKTP` varchar(50) NOT NULL,
`NamaLengkap` varchar(50) NOT NULL,
`Alamat` varchar(50) NOT NULL,
`Telepon` varchar(25) NOT NULL,
`Username` varchar(30) NOT NULL,
`Password` varchar(30) NOT NULL,
`Status` enum('Y','N') NOT NULL DEFAULT 'N',
`Foto` varchar(255) NOT NULL,
PRIMARY KEY (`NoRegistrasi`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
-- Dumping data for table `registrasi`
INSERT INTO `registrasi` (`NoRegistrasi`, `TglRegistrasi`, `NoKTP`,
`NamaLengkap`, `Alamat`, `Telepon`, `Username`, `Password`, `Status`,
`Foto`) VALUES
('REG-1', '2016-06-16', '00121', 'Susi', 'Jl. Padang Bulan',
'0123123', 'susi', 'susi', 'Y', ''),
('REG-2', '2016-06-16', '098werwer', 'Yuyun Sundari', 'Jl. Tebing
Banjar', '0394234', 'yuyun', 'yuyun', 'Y', ''),
('REG-3', '2016-06-16', '0843424', 'Wawan', 'Jl. Berdikari',
'0234234', 'wawan', 'wawan', 'Y', ''),
80
Universitas Sumatera Utara
('REG-4', '2016-06-16', '765765', 'hfhgfh', 'jhgjf', 'hjgjhg', '1',
'1', 'Y', '');
-- Table structure for table `tamu`
CREATE TABLE IF NOT EXISTS `tamu` (
`IDTamu` int(2) NOT NULL AUTO_INCREMENT,
`Tanggal` date NOT NULL,
`NamaTamu` varchar(50) NOT NULL,
`Email` varchar(50) NOT NULL,
`Komentar` text NOT NULL,
`Status` enum('Y','N') NOT NULL DEFAULT 'N',
PRIMARY KEY (`IDTamu`)
) ENGINE=MyISAM
DEFAULT CHARSET=latin1 AUTO_INCREMENT=20 ;
--- Dumping data for table `tamu`
--
INSERT INTO `tamu` (`IDTamu`, `Tanggal`, `NamaTamu`, `Email`,
`Komentar`, `Status`) VALUES
(2, '2012-07-18', 'marini', '[email protected]', 'saya sangat senang
dengan informasi ini, ', 'Y'),
(3, '2012-07-19', 'Berliana', '[email protected]', 'terima kasih
atas infonya', 'N'),
(6, '2012-07-24', 'mikroskil', '[email protected]', 'kampus saya',
'N'),
(13, '2012-09-01', 'maruppak', '[email protected]', 'Saya Mau
Masuk Sekolah Ini', 'Y'),
81
Universitas Sumatera Utara
(14, '2012-09-10', 'ayu ningsi', '[email protected]',
'Hmm...Kangen ama sekolah ku...\n\nTambah bagus ajah ya dengan
fasilitas ini...\n\nSukses terus SMA Negeri 20 Medan.', 'Y'),
(15, '2012-09-10', 'eka pratama', '[email protected]', 'Monyet',
'N'),
(16, '2012-10-16', 'jkhk', 'jkg', 'khkhyiuyiu', 'N'),
(17, '2012-10-16', 'ssssssssssss', 'ssssssssssss',
'sssssssssssssssssss', 'N'),
(18, '2013-04-01', '', '', '', 'N'),
(19, '2016-06-16', '', '', '', 'N');
-- --------------------------------------------------------
--- Table structure for table `user`
--
CREATE TABLE IF NOT EXISTS `user` (
`UserName` varchar(50) NOT NULL,
`Password` varchar(50) NOT NULL,
`KodeGrup` char(10) NOT NULL,
PRIMARY KEY (`UserName`),
KEY `KodeGrup` (`KodeGrup`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
--- Dumping data for table `user`
--
82
Universitas Sumatera Utara
INSERT INTO `user` (`UserName`, `Password`, `KodeGrup`) VALUES
('admin', '21232f297a57a5a743894a0e4a801fc3', '1'),
('wawan', '0a000f688d85de79e3761dec6816b2a5', '2'),
('yuyun', '525650a65f97e3d7c95e6a0ffc01e685', '2'),
('susi', '536931d80decb18c33db9612bdd004d4', '2'),
('1', 'c4ca4238a0b923820dcc509a6f75849b', '2');
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
Connect.php
Login.php
83
Universitas Sumatera Utara