sistem berita online dengan menggunakan php
TRANSCRIPT
SISTEM BERITA ONLINE DENGAN MENGGUNAKAN PHP
Prima Prasetyowati - 41508120003
Yan Fi - 41508120094
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS ILMU KOMPUTER
UNIVERSITAS MERCU BUANA
JAKARTA
2012
ii
LEMBAR PERNYATAA N
Yang bertanda tangan dibawah ini:
NIM : 41508120003
Nama : PRIMA PRASETYOWATI
NIM : 41508120094
Nama : YANFI
Judul : SISTEM BERITA ONLINE DENGAN PHP
Menyatakan bahwa skripsi tersebut diatas adalah hasil karya kami sendiri dan
bukan plagiat.
Apabila ternyata ditemukan di dalam laporan kami terdapat unsur plagiat, maka
kami siap untuk mendapatkan sanksi akademik yang terkait dengan hal tersebut.
Jakarta, 7 Agustus 2012
(PRIMA PRASETYOWATI) (YANFI)
iii
KATA PENGANTAR
Puji syukur kehadirat Allah Yang Maha Esa yang telah melimpahkan segala
rahmat dan karuniaNya, sehingga penulis dapat menyelesaikan laporan penelitian
yang merupakan salah satu persyaratan untuk memenuhi tugas mata kuliah Server
Side Scripting pada Jurusan Teknik Informatika Universitas Mercu Buana.
Penulis menyadari bahwa laporan penelitian ini masih jauh dari sempurna.
Karena itu, kritik dan saran akan senantiasa penulis terima dengan senang hati.
Dengan segala keterbatasan, penulis menyadari pula bahwa laporan ini
takkan terwujud tanpa bantuan, bimbingan, dan dorongan dari berbagai pihak.
Untuk itu, dengan segala kerendahan hati, penulis menyampaikan ucapan terima
kasih kepada:
1. Bapak Raka Yusuf, ST., MT selaku Dosen Pemrograman Client Side
Scripting yang telah memberikan bimbingan dalam rangka penyelesaian
tugas ini.
2. Sdr. Misdi yang telah meluangkan waktu, tenaga, dan berbagi ilmunya
dalam penyelesaian tugas akhir semester ini.
3. Bapak dan Ibu tercinta yang telah mendukung penulis baik spirit maupun
materi.
4. Saudara dan sahabat-sahabat terutama kawan-kawan Angkatan IV yang
telah memberikan dukungan moral.
Semoga Allah senantiasa membalas kebaikan dan selalu mencurahkan
berkat serta rahmat-Nya, Amin.
Jakarta, 7 Agustus 2012
Penulis
iv
ABSTRACT
One of the important contribution that the current internet news
information. Increasingly sophisticated computer technology to make more
diverse sites that provide a wide range of information. Online media news
information overload among which is very fast in delivering the news that
can be accessed anywhere and anytime. With application-based news pages,
all the news can be displayed in the online media.
This report contains the Sistem Berita On Line ( Siberol ) is a forum to
post information that can be seen by the outside environment. Siberol is
built using technology Server-Side Scripting using PHP programming. The
design and implementation for this application refers to Server Side
Scripting lecture material semesters 7.
Keywords: System News On Line, Siberol, Server-side scripting, PHP
v
ABSTRAK
Salah satu kontribusi penting internet saat ini yaitu sebagai informasi berita.
Semakin canggihnya teknologi komputer membuat semakin beragamnya situs-
situs yang menghadirkan berbagai macam informasi. Kelebihan media online
informasi berita ini diantaranya yaitu sangat cepat dalam menyampaikan berita
yang dapat diakses dimana saja dan kapan saja. Dengan aplikasi berita berbasis
halaman situs, semua berita bisa ditampilkan dalam media online.
Tugas Akhir Semester ini berisi tentang Sistem Berita On Line ( Siberol )
yaitu suatu wadah untuk memposting informasi-informasi yang dapat diliat oleh
lingkungan luar. Siberol ini dibangun menggunakan teknologi Server-Side
Scripting dengan menggunakan pemrograman PHP. Desain dan implementasi
untuk aplikasi ini mengacu pada materi perkuliahan Server Side Scripting
semester 7.
Kata Kunci : Sistem Berita On Line, Siberol, Server-side scripting, PHP
vi
DAFTAR ISI
Hal
LEMBAR JUDUL............................................................................................. i
LEMBAR PERNYATAAN .............................................................................. ii
KATA PENGANTAR .................................................................................... ...iii
ABSTRACT .................................................................................................... .iv
ABSTRAK ....................................................................................................... .v
DAFTAR ISI ................................................................................................... .vi
BAB I PENDAHULUAN
1.1 Latar Belakang ................................................................................ 1
1.2 Tujuan.............................................................................................. 2
1.3 Metodologi Penelitian ...................................................................... 2
1.4 Sistematika Penulisan ....................................................................... 2
BAB II. LANDASAN TEORI
2.1 PHP ................................................................................................. 4
2.2 TinyMCE ......................................................................................... 4
2.3 Curl .................................................................................................. 4
2.4 Diagram Use Case Bisnis ................................................................. 4
BAB III. ANALISIS DAN PERANCANGAN
3.1. Analisis ............................................................................................ 5
3.2. Perancangan ..................................................................................... 5
BAB IV. IMPLEMENTASI DAN PENGUJIAN
4.1 Implementasi Aplikasi...................................................................... 9
BAB V. PENUTUP
5.1. Kesimpulan ................................................................................... 15
5.2. Saran .............................................................................................. 15
DAFTAR PUSTAKA ...................................................................................... 16
LAMPIRAN .................................................................................................... 17
1
BAB I
PENDAHULUAN
1.1. Latar Belakang
Hampir seluruh aspek kehidupan manusia saat ini tidak dapat dilepaskan
dari teknologi, salah satunya adalah komputer. Komputer telah memasuki
hampir seluruh faktor kehidupan manusia disalam berbagai bidang. Pesatnya
perkembangan industri elektronika sangat mempengaruhi pesatnya
perkembangan teknologi komputer. Kemampuan komputer yang semakin
hari semakin meningkat, merupakan suatu fasilitator untuk memberikan
informasi.
Kebutuhan akan informasi tersebut dapat dilayani melalui internet.
Internet merupakan suatu jaringan komunikasi global, seseorang dapat
mencari informasi di internet dengan mengunjungi situs yang berhubungan
dengan informasi dibutuhkan. Dengan adanya internet, seseorang bisa
mendapatkan informasi yang tepat guna tanpa mengeluarkan biaya yang
besar.
Komunikasi yang terjadi didalam dunia internet ini terbagi menjadi dua
bagian, yaitu client-side dan server-side. Didalam melakukan komunikasi
dibutuhkan suatu bahasa penghubung yang menyebabkan interaksi. Bahasa
yang digunakan dalam melakukan komunikasi khususnya untuk yang dua
arah ( server-side ) merupakan bahasa tingkat tinggi yang hanya dapat
dimengerti oleh komputer dan user. Bahasa yang dimaksud adalah seperti
PHP, ASP, JSP, dan sebagainya. Serta dibutuhkan media penampung data
yang disebut database. PHP Hypertext Preprosesor ( PHP ) merupakan
sebuah bahasa server-side scripting untuk membuat sebuah halaman situs
yang dinamis.
Salah satu kontribusi penting internet saat ini yaitu sebagai informasi
berita. Kelebihan media online informasi berita ini diantaranya yaitu sangat
cepat dalam menyampaikan berita yang dapat diakses dimana saja dan kapan
saja. Dengan aplikasi berita berbasis halaman situs, semua berita bisa
2
ditampilkan dalam media online. Sehingga berita atau artikel tersebut dapat
dimanfaatkan oleh lingkungan luar.
1.2. Tujuan
Tujuan dari penulisan ini :
a. Aplikasi siberol dapat memberikan informasi berita kepada pengguna
secara online.
b. Aplikasi siberol memberikan informasi kurs mata uang yang terupdate
setiap harinya.
1.3. Metodologi Penelitian
Dalam membuat dan menyusun penulisan ini, penulis menggunakan
metode Studi Pustakan ( library research ), yaitu dengan membaca dan
mempelajari buku-buku yang berkaitan dengan pemrograman PHP dan
MySQL. Selain itu, penulis juga mendapatkan bahan-bahan penulisan dengan
cara surfing di internet. Situs ini dibuat dengan menggunakan teknologi PHP
agar dapat menghasilkan sebuah situs yang dinamis dan interaktif, dan
MySQL sebagai saranan penyimpanan database-nya. Penulis menggunakan
software Notepad ++ sebagai script editor karena kemudahannya dalam
melakukan pengkodingan. Karena PHP merupakan sebuah bahasa
pemrograman server-side, penulis juga menggunakan XAMPP sebagai
simulator server yang didalamnya terintegrasi dengan server Apache.
1.4. Sistematika Penulisan
Suatu bentuk penulisan penelitian yang dapat dikatakan tertaur dan berpola,
haruslah disusun secara sistematis. Untuk itu penulisan membagi penulisan
ini mejadi beberapa bab, antara lain sebagai berikut :
BAB I : PENDAHULUAN
Berisi uraian latar belakang masalah, tujuan, metode penelitian, dan
sistematika dari penulisan ini.
3
BAB II : LANDASAN TEORI
Berisi uraian singkat mengenai teori dan konten apa saja yang digunakan
untuk menyelesaikan aplikasi ini.
BAB III : ANALISIS DAN PERANCANGAN
Berisi tentang tahap-tahap perancangan dan hasil analisis pembuatan situs
secara terperinci.
BAB IV : IMPLEMENTASI DAN PENGUJIAN
Berisi tentang implementasi aplikasi siberol ini dan tahap-tahap pengujian
dari aplikasi ini sebelum di upload.
BAB V : PENUTUP
Berisini ringkasan dari isi penulisan pembuatan situs ini, meliputi kesimpulan
dan saran.
4
BAB II
LANDASAN TEORI
2.1 PHP
PHP (Hypertext Preprocessor) merupakan salah satu bahasa pemrograman
berbasis web. PHP termasuk server-side scripting language yang akan
dieksekusi di dalam web server ketika script-nya dipanggil.
2.2 TinyMCE
TinyMCE adalah salah satu editor control WYSIWYG untuk web
browser yang berbasis open source. Kontrol Editor ini memudahkan user
dalam mengedit isi HTML dan sangat fleksibel digunakan untuk integrasi
seperti penggunaan dalam sistem Content Management System (CMS),
sistem manajemen pembelajaran.
2.3 cURL
cURL adalah perangkat lunak yang digunakan untuk mentransfer data dari
dan ke server.
Adapun fungsi-fungsi yang cURL yang dapat digunakan yaitu:
curl_init : memulai sesi cURL.
curl_setopt : menentukan opsi-opsi sebelum menjalankan cURL.
curl_exec : menjalankan cURL.
curl_close : menutup sesi cURL.
2.4 Diagram Use Case Bisnis
Diagram use case bisnis menunjukkan interaksi antara aktor bisnis atau
pekerja bisnis dan use case bisnis dalam sebuah organisasi. Diagram ini
menggambarkan model bisnis lengkap tentang apa yang perusahaan /
organisasi lakukan, siapa yang ada di dalam organisasi, dan siapa yang ada di
luar organisasi. Diagram ini memberikan informasi tingkat tinggi tentang
proses bisnis apa yang organisasi lakukan.
5
BAB III
ANALISIS DAN PERANCANGAN
3.1. Analisis
Actor di dalam use case diagram adalah pembaca, wartawan, dan redaktur.
3.2. Perancangan
a. Basis Data
Nama database: siberol
1. Tabel Berita
Gambar. 3.2.1 Tabel Berita
Pembaca
Membaca berita
Wartawa
n
Menulis Berita
Redaktur
Meninjau Berita
Login
<<inclu
de>>
<<i
ncl
ude
>>
6
2. Tabel Komentar
Gambar 3.2.2. Tabel Komentar
3. Tabel User
Gambar 3.2.3. Tabel User
4. Tabel SecImg
Gambar 3.2.4. Tabel SecImg
7
b. Interface
Halaman pembaca
Halaman wartawan
Halaman Redaktur
User Login
Untuk userlogin ini, pada aplikasi ini,
Redaktur memiliki username: admin, dengan password: admin1234
Wartawan terdiri dari 2 orang yaitu:
Username: user, password: user1234 (nama wartawan: YanFi)
8
Username: user, password: user1 (nama wartawan: Prima)
Apabila logout, maka akan kembali ke halaman home. Code untuk logout
yaitu: session_destroy(), sedangkan code untuk login yaitu: session_start().
Security Image (Captcha)
Security image digunakan untuk menambah tingkat keamanan dalam
melakukan login, artinya pelaku yang login adalah manusia, bukan robot
yang melakukan login (hacker).
Untuk membuat security image, membutuhkan 3 buah gambar berukuran
sama sebagai background sehingga akan bersifat randomize setiap kali
terjadi refresh, 1 buah font size. Tulisan dibuat ada sudut sehingga tidak
mudah dibaca. Adapun code imageGetTTFBBox dapat menghitung
ukuran tulisan untuk text dengan sudut.
Code yang diisi harus sesuai dengan security image. Hal ini akan diperiksa
ke table secimg.
9
BAB IV
IMPLEMENTASI DAN PENGUJIAN
4.1 Implementasi Aplikasi
Aplikasi ini dapat diakses di alamat url: http://yanfi.lenongonline.com/sss
1. Pada saat klik home, maka akan masuk ke index.php
Gambar 4.1.1 Tampilan halaman home
2. Pada saat klik general, maka akan masuk ke halaman umum.php
Gambar 4.1.2 Tampilan halaman General (kriteria berita)
10
3. Pada saat klik health, maka akan masuk ke halaman kesehatan.php
Gambar 4.1.3 Tampilan halaman health (kriteria berita)
4. Pada saat klik kurs, maka akan masuk ke halaman matauang.php. Halaman ini
menggunakan fungsi curl untuk mendapatkan nilai kurs dari BCA.
Gambar 4.1.4 Tampilan halaman kurs
11
5. Pada saat klik about us, maka akan masuk ke halaman tentang.php
Gambar 4.1.5 Tampilan halaman about us
6. Pada saat klik baca, maka akan masuk ke indexnewdetail.php
Gambar 4.1.6 Tampilan detail berita
12
7. Pada saat login sebagai wartawan, maka akan masuk ke addnew.php
Gambar 4.1.7 Tampilan form input wartawan
8. Pada saat klik submit, akan masuk ke submitnews.php
Gambar 4.1.8 Tampilan Proses Input Berita Wartawan
13
9. Pada saat klik login sebagai administrator, maka akan masuk ke halaman
approvenews.php. Halaman ini berisi list berita yang belum di review.
Gambar 4.1.9 Tampilan List Berita yang belum direview
10. Pada saat klik Review, maka akan masuk ke reviewberita.php
Gambar 4.1.10 Tampilan halaman review berita
14
11. Pada saat klik submit, maka akan masuk ke proses.php
Gambar 4.1.11 Tampilan proses review
15
BAB V
PENUTUP
5.1 Kesimpulan
Dari penjelasan mengenai Tugas Akhir Semester dapat ditarik kesimpulan sebagai
berikut :
a) Sistem Berita On Line adalah sebagai sarana penyaluran Informasi yang
dapat dilakukan dengan cepat dan dimana saja dan dapat diliat oleh
lingkungan luar dengan mengunjungi halaman situs ini.
b) Sistem Berita On Line ini juga menyediakan informasi kurs mata uang
yang dapat ter update setiap harinya.
c) Wartawan dapat menyampaikan atau mengirim informasi - informasi
terbaru secara cepat dan aktual.
d) Redaktur dapat lebih mudah memilah informasi - informasi yang
dikirimkan oleh wartawan sehingga dapat menyajikan informasi yang
layak dan bermutu.
5.2 Saran
Dengan pengujian Sistem Berita On Line dapat diberikan saran sebagai
berikut :
a) Dalam pembuatannya dibutuhkan waktu yang cukup untuk lebih dapat
menguasai pemograman PHP.
b) Masih perlu perbaikan-perbaikan dalam pengaturan informasi berita agar
lebih menarik.
16
DAFTAR PUSTAKA
Ramadhan, Arief. (2006). Pemrograman Web Menggunakan HTML, CSS, dan
Javascript. Jakarta: PT. Elex Media Computindo.
Saputra, Adi. (2011). Trik dan Solusi Jitu Pemrograman PHP. Jakarta: PT. Elex
Media Computindo.
http://www.tinymce.com/wiki.php/TinyMCE
http://w3magz.com/196/mengambil-data-dari-url-lain-menggunakan-curl.php
17
LAMPIRAN
SOURCECODE
addnews.php
<?php
session_start();
if(!isset($_SESSION['ok']))
{header("Location:index.php");
}else{
$level=$_SESSION['level'];
$nama=$_SESSION['nama'];
if($level!=2){header("Location:index.php");}else{
?>
<!DOCTYPEhtmlPUBLIC"-
//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd"[]>
<htmlxmlns="http://www.w3.org/1999/xhtml"dir="ltr"lang="en-US"xml:lang="en">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"/>
<title>Siberol</title>
<linkrel="stylesheet"href="style.css"type="text/css"media="screen"/>
<!--
[ifIE6]><linkrel="stylesheet"href="style.ie6.css"type="text/css"media="screen"/><!
[endif]-->
<!--
[ifIE7]><linkrel="stylesheet"href="style.ie7.css"type="text/css"media="screen"/><!
[endif]-->
<scripttype="text/javascript"src="jquery.js"></script>
<scripttype="text/javascript"src="script.js"></script>
<styletype="text/css">
.art-post.layout-item-0{padding-right:10px;padding-left:10px;}
.art-post.layout-item-0{padding-right:10px;padding-left:10px;}
.art-post.layout-item-0{padding-right:10px;padding-left:10px;}
.ie7.art-post.art-layout-cell{border:none!important;padding:0!important;}
.ie6.art-post.art-layout-cell{border:none!important;padding:0!important;}
</style>
</head>
<body>
<divid="art-page-background-glare-wrapper">
<divid="art-page-background-glare"></div>
</div>
<divid="art-main">
<divclass="clearedreset-box"></div>
<divclass="art-boxart-sheet">
<divclass="art-box-bodyart-sheet-body">
<?include"menu.php";?>
<divclass="clearedreset-box"></div>
<?phpinclude"artheader.php";?>
18
<divclass="clearedreset-box"></div>
<!--Inibuattampilanutamakonten-->
<divclass="art-layout-wrapper">
<divclass="art-content-layout">
<divclass="art-content-layout-row">
<!--Inibuatisikontensebelahkanan-->
<divclass="art-layout-cellart-content">
<?phpinclude"editor.php";?>
<!--Inibuatberita-->
<divclass="art-boxart-post">
<divclass="art-box-bodyart-post-body">
<divclass="art-post-innerart-article">
<h2class="art-
postheader"><fontcolor="#63B0DE"size=5><b>Silakanmasukkanberita</b></font>
</h2></br>
<divclass="art-postcontent">
<divclass="art-content-layout">
<divclass="art-content-layout-row">
<divclass="art-layout-celllayout-item-0"style="width:100%;">
<formaction="submitnews.php"method="post"enctype="multipart/form-data">
<pre>
<fontcolor="#63B0DE"size=5><b>NamaWartawan
:<?phpecho$_SESSION['nama'];?></b></font></br>
<fontcolor="#63B0DE"size=5><b>JudulBerita
:</b></font><inputtype="text"name="judul"size="65"/></br>
<fontcolor="#63B0DE"size=5><b>Kategori:</b></font><selectname="kategori"></br>
<optionvalue="umum">umum</option>
<optionvalue="kesehatan">kesehatan</option>
</select>
<fontcolor="#63B0DE"size=5><b>Isi :</b></font>
<textareacols="30"rows="40"style="width:90%"name="isi"class="tinymce"></textarea>
<fontcolor="#63B0DE"size=5><b>Gambar:</b></font><inputtype="file"name="uploaded_fi
le">
<inputtype="submit"value="kirim"/><inputtype="reset"value="Reset"/>
</pre>
</form>
</div>
</div>
</div>
</div>
<divclass="cleared"></div>
</div>
<divclass="cleared"></div>
</div>
</div>
<divclass="cleared"></div>
</div>
19
<!--InibuatisikontensebelahKiri-->
<?phpinclude"kontenkiri.php";?>
</div>
</div>
</div>
<divclass="cleared"></div>
<!--Inibuatisifooter-->
<?phpinclude"footer.php";?>
<divclass="cleared"></div>
</div>
</div>
<!--Inibuatisifooter2-->
<?phpinclude"footer2.php";?>
</div>
</body>
</html>
<?php
}
}
?>
Artheader.php
<divclass="art-header">
<scripttype="text/javascript"src="swfobject.js"></script>
<scripttype="text/javascript">
jQuery((function(swf){
returnfunction(){
swf.switchOffAutoHideShow();
swf.registerObject("art-flash-object","9.0.0","expressInstall.swf");
}
})(swfobject));
</script>
<divid="art-flash-area">
<divid="art-flash-container">
<objectclassid="clsid:D27CDB6E-AE6D-11cf-96B8-
444553540000"width="1200"height="300"id="art-flash-object">
<paramname="movie"value="images/flash.swf"/>
<paramname="quality"value="high"/>
<paramname="scale"value="default"/>
<paramname="wmode"value="transparent"/>
<paramname="flashvars"value="color1=0xFFFFFF&alpha1=.70&
;framerate1=24&loop=true&wmode=transparent"/>
<paramname="swfliveconnect"value="true"/>
<!--[if!IE]>-->
<objecttype="application/x-shockwave-
flash"data="images/flash.swf"width="1200"height="300">
<paramname="quality"value="high"/>
20
<paramname="scale"value="default"/>
<paramname="wmode"value="transparent"/>
<paramname="flashvars"value="color1=0xFFFFFF&alpha1=.70&
;framerate1=24&loop=true&wmode=transparent"/>
<paramname="swfliveconnect"value="true"/>
<!--<![endif]-->
<divclass="art-flash-
alt"><ahref="http://www.adobe.com/go/getflashplayer"><imgsrc="http://www.adobe.com
/images/shared/download_buttons/get_flash_player.gif"alt="GetAdobeFlashplayer"/></
a></div>
<!--[if!IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
</div>
<divclass="art-logo">
<h1class="art-logo-name"><ahref="./index.php">Siberol</a></h1>
<h2class="art-logo-text">Sistemberitaonline</h2>
</div>
</div>
Approvenews.php
<?php
session_start();
if(!isset($_SESSION['ok']))
{
header("Location:index.php");
}else{
$level=$_SESSION['level'];
$nama=$_SESSION['nama'];
if($level!=1){
header("Location:index.php");
}else{
?>
<!DOCTYPEhtmlPUBLIC"-
//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd"[]>
<htmlxmlns="http://www.w3.org/1999/xhtml"dir="ltr"lang="en-US"xml:lang="en">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"/>
<title>Siberol</title>
<linkrel="stylesheet"href="style.css"type="text/css"media="screen"/>
<!--
[ifIE6]><linkrel="stylesheet"href="style.ie6.css"type="text/css"media="screen"/><!
[endif]-->
21
<!--
[ifIE7]><linkrel="stylesheet"href="style.ie7.css"type="text/css"media="screen"/><!
[endif]-->
<scripttype="text/javascript"src="jquery.js"></script>
<scripttype="text/javascript"src="script.js"></script>
<styletype="text/css">
.art-post.layout-item-0{padding-right:10px;padding-left:10px;}
.art-post.layout-item-0{padding-right:10px;padding-left:10px;}
.art-post.layout-item-0{padding-right:10px;padding-left:10px;}
.ie7.art-post.art-layout-cell{border:none!important;padding:0!important;}
.ie6.art-post.art-layout-cell{border:none!important;padding:0!important;}
</style>
<?phpinclude"editor.php";?>
</head>
<body>
<divid="art-page-background-glare-wrapper">
<divid="art-page-background-glare"></div>
</div>
<divid="art-main">
<divclass="clearedreset-box"></div>
<divclass="art-boxart-sheet">
<divclass="art-box-bodyart-sheet-body">
<?include"menu.php";?>
<divclass="clearedreset-box"></div>
<?phpinclude"artheader.php";?>
<divclass="clearedreset-box"></div>
<!--Inibuattampilanutamakonten-->
<divclass="art-layout-wrapper">
<divclass="art-content-layout">
<divclass="art-content-layout-row">
<!--Inibuatisikontensebelahkanan-->
<?phpinclude"kontenapprove.php";?>
<!--InibuatisikontensebelahKiri-->
<?phpinclude"kontenkiri.php";?>
</div>
</div>
</div>
<divclass="cleared"></div>
<!--Inibuatisifooter-->
<?phpinclude"footer.php";?>
<divclass="cleared"></div>
</div>
</div>
<!--Inibuatisifooter2-->
<?phpinclude"footer2.php";?>
</div>
22
</body>
</html>
<?php
}
}
?>
Ambilkomentar.php
<?php
include"koneksi.php";
$topikid=$_GET['topikid'];
$query=mysql_query("select*fromkomentarwheretopikid=$topikid");
while($q=mysql_fetch_array($query)){
echo"<br><divclass=komentar2><b>Nama:</b>$q[2]";
echo",$q[5]<br>";
echo"<b>komentar:</b>$q[6]</div>";
}
?>
Beritabca.php
<p>
<H2><atarget="_blank"href="http://ads4.kompasads.com/new2/www/delivery/ck.p
hp?oaparams=2__bannerid=8055__zoneid=525__cb={random}"title="BERITABCA">BERITABCA<
/a></h2>
<p><imgsrc="http://ads2.kompas.com/layer/bca_ebanking/images/zone.gif"><BR/
>
<atarget="_blank"href="http://ads4.kompasads.com/new2/www/delivery/ck.php?o
aparams=2__bannerid=8055__zoneid=525__cb={random}"></a></p>
</p>
<?php
$t='http://www.kompas.com/';
$c=curl_init($t);
curl_setopt($c,CURLOPT_HTTPHEADER,array('referer:www.kompas.com'));
curl_setopt($c,CURLOPT_RETURNTRANSFER,True);
$a=curl_exec($c);
curl_close($c);
$g1=strpos($a,'<strong>BeritaBCA</strong>');
$g2=strpos($a,'title="',$g1)+7;
23
$g3=strpos($a,'">',$g2);
$ga=substr($a,$g2,$g3-$g2);
echo("$ga");?>
editor.php
<!--LoadjQuery-->
<scripttype="text/javascript"src="http://www.google.com/jsapi"></script>
<scripttype="text/javascript">
google.load("jquery","1");
</script>
<!--TinyMCE-->
<scripttype="text/javascript"src="jscripts/tiny_mce/tiny_mce.js"></script>
<scripttype="text/javascript">
tinyMCE.init({
//Generaloptions
mode:"textareas",
theme:"advanced",
skin:"o2k7",
plugins:
"pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepo
pups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directiona
lity,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,
advlist,autosave",
//Themeoptions
theme_advanced_buttons1:"save,|,justifyleft,justifycenter,justifyright,justifyfull
,styleselect,formatselect,fontselect,fontsizeselect",
theme_advanced_buttons2:"bold,italic,underline,|,cut,copy,paste,|,search,replace,|
,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,image,help",
theme_advanced_buttons3:"sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,
ltr,rtl,|,fullscreen,|,code,insertdate,inserttime,preview,|,forecolor,backcolor",
theme_advanced_buttons4:"insertlayer,moveforward,movebackward,absolute,|,styleprop
s,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak
,restoredraft",
theme_advanced_toolbar_location:"top",
theme_advanced_toolbar_align:"left",
theme_advanced_statusbar_location:"bottom",
theme_advanced_resizing:false,
//Droplistsforlink/image/media/templatedialogs
template_external_list_url:"lists/template_list.js",
external_link_list_url:"lists/link_list.js",
external_image_list_url:"lists/image_list.js",
media_external_list_url:"lists/media_list.js",
24
//Styleformats
style_formats:[
{title:'Boldtext',inline:'b'},
{title:'Redtext',inline:'span',styles:{color:'#ff0000'}},
{title:'Redheader',block:'h1',styles:{color:'#ff0000'}},
{title:'Example1',inline:'span',classes:'example1'},
{title:'Example2',inline:'span',classes:'example2'},
{title:'Tablestyles'},
{title:'Tablerow1',selector:'tr',classes:'tablerow1'}
],
});
</script>
<!--/TinyMCE-->
footer.php
<divclass="art-footer">
<divclass="art-footer-body">
<divclass="art-footer-text">
<p>Copyright©2012.AllRightsReserved.</p>
</div>
<divclass="cleared"></div>
</div>
</div>
footer2.php
<divclass="cleared"></div>
<pclass="art-page-
footer"><ahref="#"target="_blank">UniversitasMercubuana</a>YanFi&Prima.</p>
<divclass="cleared"></div>
Index.php
<?php
session_start();?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"[]>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Siberol</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css"
media="screen" /><![endif]-->
25
<!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css"
media="screen" /><![endif]-->
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="script.js"></script>
<style type="text/css">
.art-post .layout-item-0 { padding-right: 10px;padding-left: 10px; }
.art-post .layout-item-0 { padding-right: 10px;padding-left: 10px; }
.art-post .layout-item-0 { padding-right: 10px;padding-left: 10px; }
.ie7 .art-post .art-layout-cell {border:none !important;
padding:0 !important; }
.ie6 .art-post .art-layout-cell {border:none !important;
padding:0 !important; }
</style>
</head>
<body>
<div id="art-page-background-glare-wrapper">
<div id="art-page-background-glare"></div>
</div>
<div id="art-main">
<div class="cleared reset-box"></div>
<div class="art-box art-sheet">
<div class="art-box-body art-sheet-body">
<?include "menu.php";?>
<div class="cleared reset-box"></div>
<?php include "artheader.php";?>
<div class="cleared reset-box"></div>
<!-- Ini buat tampilan utama konten-->
<div class="art-layout-wrapper">
<div class="art-content-layout">
<div class="art-content-layout-row">
<!-- Ini buat isi konten sebelah kanan-->
<?php include "kontenkanan.php";?>
<!-- Ini buat isi konten sebelah Kiri-->
<?php include "kontenkiri.php";?>
</div>
</div>
</div>
<div class="cleared"></div>
<!-- Ini buat isi footer-->
<?php include "footer.php";?>
<div class="cleared"></div>
</div>
</div>
<!-- Ini buat isi footer2-->
<?php include "footer2.php";?>
</div>
26
</body>
</html>
Indexnewdetail.php
<?php
session_start();
include "komen.php";
include "koneksi.php";
$x = $_GET['id'];
$sqy = "SELECT * FROM berita WHERE id=$x";
$hasil=mysql_query($sqy);
//ini buat membuat variabel public ya...
$sqlnya = "SELECT * FROM berita WHERE id =$x";
$hasilnya=mysql_query($sqlnya);
$barisnya=mysql_fetch_array($hasilnya);
$kategorinya=$barisnya[kategori];
$judulnya=$barisnya[judul];
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"[]>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Siberol</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css"
media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css"
media="screen" /><![endif]-->
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="script.js"></script>
<style type="text/css">
.art-post .layout-item-0 { padding-right: 10px;padding-left: 10px; }
.art-post .layout-item-0 { padding-right: 10px;padding-left: 10px; }
.art-post .layout-item-0 { padding-right: 10px;padding-left: 10px; }
.ie7 .art-post .art-layout-cell {border:none !important;
padding:0 !important; }
.ie6 .art-post .art-layout-cell {border:none !important;
padding:0 !important; }
</style>
27
<?php include "editor.php"; ?>
</head>
<body>
<div id="art-page-background-glare-wrapper">
<div id="art-page-background-glare"></div>
</div>
<div id="art-main">
<div class="cleared reset-box"></div>
<div class="art-box art-sheet">
<div class="art-box-body art-sheet-body">
<?include "menu.php";?>
<div class="cleared reset-box"></div>
<?php include "artheader.php";?>
<div class="cleared reset-box"></div>
<!-- Ini buat tampilan utama konten-->
<div class="art-layout-wrapper">
<div class="art-content-layout">
<div class="art-content-layout-row">
<!-- Ini buat isi konten sebelah kanan-->
<div class="art-layout-cell art-content">
<?php while ($row = mysql_fetch_array($hasil)){
$a = substr($row['gambar'],0,4);
//echo "$a";
if ($a=='http'){
$b
="$row[gambar]";}else{$b='./uploads/'.$row[gambar];}?>
<!-- Ini buat berita-->
<div class="art-box art-post">
<div class="art-box-body art-post-body">
<div class="art-post-inner art-article">
<h2 class="art-postheader"><a
href="indexnewsdetail.php?id=<?php echo $row[id];?>"><?php echo $row[judul];?></a>
</h2>
<div class="art-postheadericons art-metadata-icons">
<span class="art-postdateicon"><?php echo $row[tgl_post];?></span>
| <span class="art-postauthoricon">Wartawan : <?php echo $row[nm_war];?></span>
</div>
28
<div class="art-postcontent">
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell layout-item-0" style="width: 100%;">
<p><img alt="" width="320" height="214" src="<?php echo $b;?>"
style="float: left;" /></p>
<p><?php echo stripslashes($row['isi']);?></p>
</div>
</div>
</div>
<!---kotak untuk memunculkan animasi loading--->
<div id=msgloading><br>
<center><img src=loading.gif><br>Loading... </center>
</div>
<!-- Ini buat Komentar-->
<?php echo "
<br><div class=komentar><img src=komentar1.gif align=left>
<a href=javascript:(muncul($row[0])) class=isi>Komentar ($row[10])</a>
<div id=komentar$row[0]>
</div>
<div id=inputkomentar$row[0] class=inputkomen>
<br>
Nama : <input type=text name=nama id=nama$row[0] class=inputteks1>
Web : <input type=text name=email id=web$row[0] class=inputteks1>
<br><br>
<textarea name=komen$row[0] cols=100 rows =20 class=inputteks1
id=komen$row[0]></textarea>
<br>
<button onclick=kirim($row[0])>Input</button>
</div></div>";
}?>
</div>
<div class="cleared"></div>
<?php echo "<a href=\"javascript:history.back();\" class='art-
button'>Back</a>"; ?>
</div>
<div class="cleared"></div>
</div>
</div>
29
<div class="cleared"></div>
</div>
<!-- Ini buat isi konten sebelah Kiri-->
<?php include "kontenkirinewsdetail.php";?>
</div>
</div>
</div>
<div class="cleared"></div>
<!-- Ini buat isi footer-->
<?php include "footer.php";?>
<div class="cleared"></div>
</div>
</div>
<!-- Ini buat isi footer2-->
<?php include "footer2.php";?>
</div>
</body>
</html>
Kesehatan.php
<?php
session_start();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"[]>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Siberol</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css"
media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css"
media="screen" /><![endif]-->
30
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="script.js"></script>
<style type="text/css">
.art-post .layout-item-0 { padding-right: 10px;padding-left: 10px; }
.art-post .layout-item-0 { padding-right: 10px;padding-left: 10px; }
.art-post .layout-item-0 { padding-right: 10px;padding-left: 10px; }
.ie7 .art-post .art-layout-cell {border:none !important;
padding:0 !important; }
.ie6 .art-post .art-layout-cell {border:none !important;
padding:0 !important; }
</style>
</head>
<body>
<div id="art-page-background-glare-wrapper">
<div id="art-page-background-glare"></div>
</div>
<div id="art-main">
<div class="cleared reset-box"></div>
<div class="art-box art-sheet">
<div class="art-box-body art-sheet-body">
<?include "menu.php";?>
<div class="cleared reset-box"></div>
<?php include "artheader.php";?>
<div class="cleared reset-box"></div>
<!-- Ini buat tampilan utama konten-->
<div class="art-layout-wrapper">
<div class="art-content-layout">
<div class="art-content-layout-row">
<!-- Ini buat isi konten sebelah kanan-->
<?php include "koneksi.php";
$qry2 = "SELECT * FROM berita WHERE
status='1' AND kategori='kesehatan' ORDER BY tgl_tayang DESC";
$hasil2= mysql_query($qry2);
?>
<div class="art-layout-cell art-content">
<?php while ($row2 = mysql_fetch_array($hasil2)){
$a = substr($row2['gambar'],0,4);
//echo "$a";
if ($a=='http'){
$b
="$row2[gambar]";}else{$b='./uploads/'.$row2[gambar];}?>
<!-- Ini buat berita pertama (artikel ini akan diulang-ulang)-->
<div class="art-box art-post">
<div class="art-box-body art-post-body">
<div class="art-post-inner art-article">
31
<h2 class="art-postheader"><a
href="indexnewsdetail.php?id=<?php echo $row2[id];?>"><?php echo
$row2[judul];?></a>
</h2>
<div class="art-postheadericons art-metadata-icons">
<span class="art-postdateicon"><?php echo
$row2[tgl_post];?></span> | <span class="art-postauthoricon">Wartawan : <?php
echo $row2[nm_war];?></span>
</div>
<div class="art-postcontent">
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell layout-item-0" style="width: 100%;">
<p><img alt="" width="320" height="214" src="<?php echo $b;?>"
style="float: left;" /></p>
<?php $brief = substr((stripslashes($row2['isi'])), 0, 500);?>
<p><?php echo "$brief...";?></p>
</div>
</div>
</div>
</div>
<div class="cleared"></div>
<div class="art-postfootericons art-metadata-
icons">
<span class="art-postcommentsicon"><a
href="indexnewsdetail.php?id=<?php echo $row2[id];?>">Baca»</a></span>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
<?php }?>
<div class="cleared"></div>
</div>
<!-- Ini buat isi konten sebelah Kiri-->
<?php include "kontenkiri.php";?>
</div>
</div>
</div>
<div class="cleared"></div>
32
<!-- Ini buat isi footer-->
<?php include "footer.php";?>
<div class="cleared"></div>
</div>
</div>
<!-- Ini buat isi footer2-->
<?php include "footer2.php";?>
</div>
</body>
</html>
Komen.php
<html>
<head>
<title>Baca Berita</title>
<style>
a{color:#00505E}
a:hover{text-decoration:none}
div.komentar{background-color:#FFFFFF;padding:5;
border-bottom:#FFFFFF 1px solid;font-family:verdana;font-size:8pt}
div.inputkomen{display:none}
#msgloading{position:absolute;z-index:1000;top:300;left:200;
width:100;height:80;background-color:#648BFF;border:#003FFB 1px
solid;display:none}
div.komentar2{padding:5;background-color:#63B0DE;color:#316464}
.inputteks1{border:#036885 1px solid}
</style>
<script>
var show = "hilang";
var iddiv;
var iddivkomen;
var idsebelumnya = "";
var drz;
var idnama;
var idweb;
var idkomen;
function muncul(id){
if(id!=idsebelumnya){
show = "hilang";
}
33
iddiv = "inputkomentar"+id;
iddivkomen = "komentar"+id;
idsebelumnya = id;
if(show=="hilang"){
document.getElementById(iddiv).style.display = "block";
document.getElementById(iddivkomen).style.display = "block";
show = "muncul";
ambil(id);
}else{
document.getElementById(iddiv).style.display = "none";
document.getElementById(iddivkomen).style.display = "none";
show = "hilang";
}
}
function ambil(id){
iddivkomen = "komentar"+id;
idnama = "nama"+id;
idweb = "web"+id;
idkomen = "komen"+id;
munculloading();
drz = buatajax();
var url="ambilkomentar.php";
url=url+"?topikid="+id;
url=url+"&sid="+Math.random();
drz.onreadystatechange=stateChanged;
drz.open("GET",url,true);
drz.send(null);
}
function kirim(id){
iddivkomen = "komentar"+id;
idnama = "nama"+id;
idweb = "web"+id;
idkomen = "komen"+id;
namax = document.getElementById(idnama).value;
web = document.getElementById(idweb).value;
komen = document.getElementById(idkomen).value;
if(namax.length > 0 && komen.length > 2){
munculloading();
drz = buatajax();
var url="isikomentarajax.php";
url=url+"?topikid="+id;
url=url+"&nama="+namax;
url=url+"&web="+web;
url=url+"&komentar="+komen;
url=url+"&sid="+Math.random();
drz.onreadystatechange=stateChanged;
drz.open("GET",url,true);
34
drz.send(null);
}
}
function buatajax(){
if (window.XMLHttpRequest){
return new XMLHttpRequest();
}
if (window.ActiveXObject){
return new ActiveXObject("Microsoft.XMLHTTP");
}
return null;
}
function stateChanged(){
var data;
if (drz.readyState==4){
data=drz.responseText;
hilangloading();
document.getElementById(iddivkomen).innerHTML = data;
document.getElementById(idnama).value = "";
document.getElementById(idweb).value = "";
document.getElementById(idkomen).value = "";
}
}
function munculloading(){
var dsocleft=document.body.scrollLeft;
var dsoctop=document.body.scrollTop;
document.getElementById("msgloading").style.top = parseInt(dsoctop) + 300;
document.getElementById("msgloading").style.display = "block";
}
function hilangloading(){
document.getElementById("msgloading").style.display = "none";
}
</script>
</head>
<body>
<!---kotak untuk memunculkan animasi loading--->
<div id=msgloading><br>
<center><img src=loading.gif><br>Loading... </center>
</div>
Koneksi.php
35
<?php
mysql_connect("localhost","root","") or die ("tidak konek!");
mysql_select_db ("siberol") or die ("Gagal akses DB!");
?>
Isikomentarajax.php
<?php
include "koneksi.php";
$waktu = date("H:i d M Y");
$topikid = $_GET['topikid'];
$nama = $_GET['nama'];
$komentar = $_GET['komentar'];
$web = $_GET['web'];
$nama = htmlspecialchars($nama);
$email = htmlspecialchars($email);
$web = htmlspecialchars($web);
$komentar = htmlspecialchars($komentar);
$isi = mysql_query("insert into komentar values(
null,'$topikid','$nama','$waktu','$email','$web','$komentar')");
$isi = mysql_query("update berita set komentar=komentar+1 where id=$topikid");
$query = mysql_query("select * from komentar where topikid=$topikid");
while($q = mysql_fetch_array($query)){
echo "<br><div class=komentar2><b>Nama :</b> $q[2]";
echo ", $q[5] <br>";
echo "<b>komentar : </b>$q[6]</div>";
}
?>
Kontenkanan.php
<?php include "koneksi.php";
$qry = "SELECT * FROM berita WHERE
status = '1' AND tgl_tayang < now() AND tgl_expire > now() ORDER BY tgl_tayang
DESC";
$hasil = mysql_query($qry);
?>
<div class="art-layout-cell art-content">
<?php while ($row = mysql_fetch_array($hasil)){$a = substr($row['gambar'],0,4);
//echo "$a";
if ($a=='http'){
$b
="$row[gambar]";}else{$b='./uploads/'.$row[gambar];}?>
36
<!-- Ini buat berita pertama (artikel ini akan diulang-ulang)-->
<div class="art-box art-post">
<div class="art-box-body art-post-body">
<div class="art-post-inner art-article">
<h2 class="art-postheader"><a
href="indexnewsdetail.php?id=<?php echo $row[id];?>"><?php echo $row[judul];?></a>
</h2>
<div class="art-postheadericons art-metadata-icons">
<span class="art-postdateicon"><?php echo $row[tgl_post];?></span>
| <span class="art-postauthoricon">Wartawan : <?php echo $row[nm_war];?></span>
</div>
<div class="art-postcontent">
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell layout-item-0" style="width: 100%;">
<p><img alt="" width="320" height="214" src="<?php echo $b;?>"
style="float: left;" /></p>
<?php $brief = substr((stripslashes ($row['isi'])), 0, 500);?>
<p><?php echo "$brief...";?></p>
</div>
</div>
</div>
</div>
<div class="cleared"></div>
<div class="art-postfootericons art-metadata-
icons">
<span class="art-postcommentsicon"><a
href="indexnewsdetail.php?id=<?php echo $row[id];?>">Baca»</a></span>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
<?php }?>
<div class="cleared"></div>
</div>
Kontenkiri.php
<div class="art-layout-cell art-sidebar1">
37
<!-- Ini buat artikel pertama-->
<?php include "navlogin.php";?>
<!-- Ini buat artikel kedua
<div class="art-box art-block">
<div class="art-box-body art-block-body">
<?php //include "kurs.php";?>
<div class="cleared"></div>
</div>
</div>
-->
<!-- Ini buat artikel seterusnya-->
<div class="art-box art-block">
<div class="art-box-body art-block-body">
<br><br><p><?php include "beritabca.php"; ?></p>
<br><br><p><?php include "TMCPoldaMetro.php"; ?></p>
<br><br><p></p>
<br><br><p></p>
<br><br><p></p>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
Kontenkirinewsdetail.php
<div class="art-layout-cell art-sidebar1">
<!-- Ini buat artikel pertama-->
<?php include "navlogin.php";?>
<!-- Ini buat artikel kedua-->
<br><br>
<font color="#009900"> Artikel yang Berkaitan dengan<br><?php echo
$judulnya;?></font>
<?php
$sqy2 = "SELECT * FROM berita WHERE
tgl_tayang <=now() AND tgl_expire > now() AND status =1 AND
kategori='$kategorinya' AND id !='$x'";
$hasil2=mysql_query($sqy2)or
die(mysql_error());
while
($row2=mysql_fetch_array($hasil2))
{
$brief=substr($row2[isi],0,200)."..";?>
<div class="art-box art-block">
<div class="art-box-body art-block-body">
38
<div class="art-box art-blockcontent">
<div class="art-box-body art-blockcontent-body">
<p>
<?php echo " <h1><a
href='indexnewsdetail.php?id=$row2[id]'>$row2[judul]</a></h1>\n";
echo "$brief...\n";?>
</p>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
<?php }?>
Kontenapprove.php
<?php
include "koneksi.php";
$qry = "SELECT * FROM berita WHERE status = '0' ";
$hasil = mysql_query($qry);
?>
<div class="art-layout-cell art-content">
<?php while ($row = mysql_fetch_array($hasil)){
$a = substr($row['gambar'],0,4);if ($a=='http'){$b
="$row[gambar]";}else{$b='./uploads/'.$row[gambar];}?>?>
<!-- Ini buat berita pertama (artikel ini akan diulang-ulang)-->
<div class="art-box art-post">
<div class="art-box-body art-post-body">
<div class="art-post-inner art-article">
<h2 class="art-postheader"><a
href="reviewberita.php?id=<?php echo $row[id];?>"><?php echo $row[judul];?></a>
</h2>
<div class="art-postheadericons art-metadata-icons">
<span class="art-postdateicon"><?php echo $row[tgl_post];?></span>
| <span class="art-postauthoricon">Wartawan : <?php echo $row[nm_war];?></span>
</div>
<div class="art-postcontent">
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell layout-item-0" style="width: 100%;">
39
<p><img alt="" width="320" height="214" src="<?php echo $b;?>"
style="float: left;" /></p>
<?php $brief = substr($row['isi'], 0, 500);?>
<p><?php echo "$brief...;"?></p>
</div>
</div>
</div>
</div>
<div class="cleared"></div>
<div class="art-postfootericons art-metadata-
icons">
<span class="art-postcommentsicon"><a
href="reviewberita.php?id=<?php echo $row[id];?>">Review</a></span>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
<?php }?>
<div class="cleared"></div>
</div>
Logout.php
<?php
session_start();
session_destroy();
header('location: index.php');
?>
Login.php
<form action="proseslogin.php" method="post">
<table>
<tr>
<td>username</td>
<td>: </td>
<td><input type="text" name="username" /> </td>
</tr><div/>
<tr>
<td>Password</td>
<td>:</td>
40
<td><input type="password" name="password" /></td>
</tr>
<?php
$refid = md5 (rand(0,999999));
?>
<tr><td>Captcha</td>
<td>:</td><td>
<img src = "securityimage.php?refid=<?php echo $refid;?>" /></td><br/>
<tr><td>Masukkan code</td><td>:</td>
<td><input type ="text" name=seccode maxlength=5/>
<input type = "hidden" name=refid value="<?php echo $refid;?>"/></td></tr>
<tr><td colspan='3' align='right'><input type="submit" value="SUBMIT"/><input
type="reset" value="RESET" /></td></tr>
</table></form>
Kurs.php
<?php
//ini halaman index.php
// untuk menyalin data kurs dari website bca
//
echo "<table align='center'><tr bgcolor='#dee9f2' style='text-align=center;'
width='200'><td width='50' style='text-align=center;'><strong>Mata
Uang</strong></td>
<td width='70' style='text-align=center;'><strong>Jual</strong></td>
<td width='70' style='text-
align=center;'><strong>Beli</strong></td></tr></table>";
$target='http://www.bca.co.id/id/biaya-
limit/kurs_counter_bca/kurs_counter_bca_landing.jsp';
$ch = curl_init ($target);
curl_setopt($ch,CURLOPT_HTTPHEADER,array('Referer:wwww.bca.co.id')); //kirim
request ke server.
curl_setopt($ch,CURLOPT_RETURNTRANSFER,True); //true = maka semua yg diambil dari
server, tidak langsung diflash ke browser tapi ditahan di $s
$s = curl_exec ($ch); // SEBELUM diexcec, kita kasih option. $s akan menyimpan
source milik bca. selanjutnya kita cari yg kita butuh.
$variable['cachetime'] = 14400;
curl_close($ch);
//next.. memereteli string $s. Cari posisi dengan Stripos
$pos1 = strpos($s,'<strong>Mata Uang</strong>');
$data = array('','','');
for ($k =1;$k<=14;$k++){
for($i = 0;$i <= 2;$i++)
{
$pos2 = strpos($s,'text-align:',$pos1) + ($i==0?20:19); //cari posisi text align
dari posisi pos 1, 20 = hitung karakter dari text align s/d content
$pos3 = strpos($s,'</td>',$pos2);
$data[$i] = substr ($s, $pos2, $pos3 - $pos2);
$pos1 = $pos3;
41
}
echo "
<table >
<tr width='200' border='1'>
<td width='50' bgcolor='#9999CC'>$data[0]
</td>
<td width='70' bgcolor='#9999CC'>$data[1]
</td>
<td width='70' bgcolor='#9999CC'>$data[2]
</td>
</tr>
</table>\n";
//$qry = "INSERT INTO kurs(matauang, jual, beli) VALUES
('$data[0]','$data[1]','$data[2]')";
}?>
Menu.php
<?php
$l=$_SESSION['level']?>
<?php
if(($l==1)){
echo "
<div class='art-bar art-nav'>
<div class='art-nav-outer'>
<ul class='art-hmenu'>
<li>
<a href='./index.php'>Home</a>
</li>
<li>
<a href='./umum.php'>General</a>
</li>
<li>
<a href='./kesehatan.php'>Health</a>
</li>
<li>
<a href='./matauang.php'>Kurs</a>
</li>
<li>
<a href='./approvenews.php'>Approve News</a>
</li>
<li>
<a href='./tentang.php'>About us</a>
</li>
</ul>
</div>
</div>
";}
42
elseif($l==2){
echo "
<div class='art-bar art-nav'>
<div class='art-nav-outer'>
<ul class='art-hmenu'>
<li>
<a href='./index.php'>Home</a>
</li>
<li>
<a href='./umum.php'>General</a>
</li>
<li>
<a href='./kesehatan.php'>Health</a>
</li>
<li>
<a href='./matauang.php'>Kurs</a>
</li>
<li>
<a href='./addnews.php'>Add News</a>
</li>
<li>
<a href='./tentang.php'>About us</a>
</li>
</ul>
</div>
</div>
";}
else{
echo "
<div class='art-bar art-nav'>
<div class='art-nav-outer'>
<ul class='art-hmenu'>
<li>
<a href='./index.php'>Home</a>
</li>
<li>
<a href='./umum.php'>General</a>
</li>
<li>
<a href='./kesehatan.php'>Health</a>
</li>
<li>
<a href='./matauang.php'>Kurs</a>
</li>
<li>
<a href='./tentang.php'>About us</a>
</li>
</ul>
</div>
43
</div>
"; }?>
Matauang.php
<?php
session_start();
include "koneksi.php";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"[]>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Kurs Hari ini</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css"
media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css"
media="screen" /><![endif]-->
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="script.js"></script>
<style type="text/css">
.art-post .layout-item-0 { padding-right: 10px;padding-left: 10px; }
.art-post .layout-item-0 { padding-right: 10px;padding-left: 10px; }
.art-post .layout-item-0 { padding-right: 10px;padding-left: 10px; }
.ie7 .art-post .art-layout-cell {border:none !important;
padding:0 !important; }
.ie6 .art-post .art-layout-cell {border:none !important;
padding:0 !important; }
</style>
</head>
<body>
<div id="art-page-background-glare-wrapper">
<div id="art-page-background-glare"></div>
</div>
<div id="art-main">
<div class="cleared reset-box"></div>
<div class="art-box art-sheet">
<div class="art-box-body art-sheet-body">
<?include "menu.php";?>
<div class="cleared reset-box"></div>
<?php include "artheader.php";?>
<div class="cleared reset-box"></div>
<!-- Ini buat tampilan utama konten-->
<div class="art-layout-wrapper">
<div class="art-content-layout">
<div class="art-content-layout-row">
<!-- Ini buat isi konten sebelah kanan-->
44
<div class="art-layout-cell art-content">
<!-- Ini buat berita-->
<div class="art-box art-post">
<div class="art-box-body art-post-body">
<div class="art-post-inner art-article">
<h2 class="art-postheader">Kurs Hari ini</a>
</h2>
<div class="art-postcontent">
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell layout-item-0" style="width: 100%;">
<?php include "kurs.php";?>
</div>
</div>
</div>
</div>
<div class="cleared"></div>
<pre> <?php echo "<a
href=\"javascript:history.back();\" class='art-button'>Back</a>"; ?></pre>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
<!-- Ini buat isi konten sebelah Kiri-->
<?php include "kontenkiri.php";?>
</div>
</div>
</div>
<div class="cleared"></div>
<!-- Ini buat isi footer-->
<?php include "footer.php";?>
<div class="cleared"></div>
</div>
</div>
<!-- Ini buat isi footer2-->
<?php include "footer2.php";?>
</div>
</body>
</html>
Proseslogin.php
<?php
45
//terima input dulu
$username=$_POST['username'];
$password=md5($_POST['password']);
//koneksi ke DB
include "koneksi.php";
//KIRIM QUERY
$qry = "SELECT * from user WHERE username ='$username' AND password='$password'";
//CEK ke table user
$hasil = mysql_query($qry);
//apakah ada?
$ada= mysql_num_rows($hasil);
if($ada ==0)
{
echo "USERNAME or PASSWORD is INVALID!<br/>\n";
echo "Click <a HREF=index.php>HERE</a>to try AGAIN.";
}
else
{
//cek security code
$refid = $_POST ['refid'];
$seccode = $_POST ['seccode'];
$qry2 = "SELECT * from secimg WHERE referenceid ='$refid' AND
hiddentext='$seccode'"; //CEK ke table user
$hasil2 = mysql_query($qry2);
//apakah ada?
$ada2= mysql_num_rows($hasil2);
if($ada2 ==0)
{
echo "SECURITY CODE is INVALID!<br/>\n";
echo "Click <a HREF=index.php>HERE</a>to try AGAIN.";
//end cek security code
}else{
//kalau username, password, dan seccode benar
$row = mysql_fetch_array($hasil);
$nama=$row[namalengkap];
$level=$row[level];
//cara kirim nilai dengan menggunakan variable session supaya user gak sembarang
bisa lihat halaman admin dgn ganti di url.
session_start();
$_SESSION ['ok']=1234;
$_SESSION['level']=$level;
$_SESSION['nama']=$nama;
if($level==1)
{
header("Location: approvenews.php");
}
else {
header("location:addnews.php");
}
46
} //ada tambahan kurung lagi
}
?>
Reviewberita.php
<?php
session_start();
if(!isset($_SESSION['ok']))
{
header("Location: index.php");
}else{
$level=$_SESSION['level'];
$nama= $_SESSION['nama'];
if ($level != 1){
header("Location: index.php");
}else{
//Letakkan di sini halaman ADMIN
//--------------------------------------------------------
$id = $_GET[id];
include "koneksi.php";
$qry = "SELECT * FROM berita WHERE id = '$id' ";
//echo "--$qry;--";
$hasil = mysql_query($qry);
while($row = mysql_fetch_array($hasil))//row adalah var array.
{
//bikin table
$isi = stripslashes($row['isi']);
$judul=stripslashes($row['judul']);
$nama=stripslashes($row['nm_war']);
$tgltayang= $row['tgl_tayang'];
$tglexpire= $row['tgl_expire'];
$status = $row ['status'];
$kategori = $row ['kategori'];
//buang semua echo
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"[]>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
<head>
47
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Siberol</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css"
media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css"
media="screen" /><![endif]-->
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="script.js"></script>
<style type="text/css">
.art-post .layout-item-0 { padding-right: 10px;padding-left: 10px; }
.art-post .layout-item-0 { padding-right: 10px;padding-left: 10px; }
.art-post .layout-item-0 { padding-right: 10px;padding-left: 10px; }
.ie7 .art-post .art-layout-cell {border:none !important;
padding:0 !important; }
.ie6 .art-post .art-layout-cell {border:none !important;
padding:0 !important; }
</style>
<?php include "editor.php";?>
</head>
<body>
<div id="art-page-background-glare-wrapper">
<div id="art-page-background-glare"></div>
</div>
<div id="art-main">
<div class="cleared reset-box"></div>
<div class="art-box art-sheet">
<div class="art-box-body art-sheet-body">
<?include "menu.php";?>
<div class="cleared reset-box"></div>
<?php include "artheader.php";?>
<div class="cleared reset-box"></div>
<!-- Ini buat tampilan utama konten-->
<div class="art-layout-wrapper">
<div class="art-content-layout">
<div class="art-content-layout-row">
<!-- Ini buat isi konten sebelah kanan-->
48
<?php include "editor.php";?>
<div class="art-layout-cell art-content">
<!-- Ini buat berita-->
<div class="art-box art-post">
<div class="art-box-body art-post-body">
<div class="art-post-inner art-article">
<h2 class="art-postheader">BERITA YANG BELUM
DIREVIEW</a>
</h2>
<div class="art-postcontent">
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell layout-item-0" style="width: 100%;">
<p></p>
<form method=POST action=proses.php>
<pre>
<font color="#63B0DE" size =5><b>Nama Wartawan :<?php echo $nama; ?></b></font>
<font color="#63B0DE" size =5><b>Judul :</b></font> <input type=text name=judul
value="<?php echo $judul; ?>" size ="90" />
<font color="#63B0DE" size =5><b>Kategori Lama :<?php echo
$kategori; ?></b></font>
<font color="#63B0DE" size =5><b>Kategori Baru :</b></font><select
name="kategori">
<!--<option value="<?php echo $kategori; ?>"><?php echo
$kategori; ?></option>-->
<option value="umum">umum</option>
<option value="kesehatan">kesehatan</option>
</select>
<font color="#63B0DE" size =5><b>Isi berita :</b></font>
<textarea name='isi' cols="30" rows="26" style="width: 100%"
class="tinymce"><?php echo $isi; ?> </textarea>
<font color="#63B0DE" size =5><b>Tanggal tayang : <input type=text name=tgltayang
value="<?php echo $tgltayang; ?>" /></b></font>
<font color="#63B0DE" size =5><b>Tanggal expire : <input type=text name=tglexpire
value="<?php echo $tglexpire; ?>" /></b></font>
<font color="#63B0DE" size =5><b>Approved :</b></font>
<select id="select" name="status">
<option value="0">Blm direview</option>
<option value="1">Approve</option>
<option value="2">Reject</option>
</select>
<input type=hidden name=id value="<?php echo $id; ?>" /><input type=submit
value=Kirim /><input type=reset />
49
</pre>
</form>
</div>
</div>
</div>
</div>
<div class="cleared"></div>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
<!-- Ini buat isi konten sebelah Kiri-->
<?php include "kontenkiri.php";?>
</div>
</div>
</div>
<div class="cleared"></div>
<!-- Ini buat isi footer-->
<?php include "footer.php";?>
<div class="cleared"></div>
</div>
</div>
<!-- Ini buat isi footer2-->
<?php include "footer2.php";?>
</div>
</body>
</html>
<?php
}}
?>
Securityimage.php
<?php
50
ob_start();
session_start();
//Nama File: securityimage.php
//-----------------------------
//ambil reference id-nya dulu
if (isset($_GET ['refid']))
{$refid = $_GET ['refid'];}
else { $refid = md5(rand (0,999999));} //random 1/1 juta
//select font dulu
$font = "trebuc.ttf";
//select image backeground --> random
$idx = rand(1,3); //random dari 1 s/d 3 (integer: 1,2,3)
$bground = "bg$idx.png";
// create image di memori. -> menggunakan bground. bground = random dari bg.png.
// kita akan buat gambar dari background ini. seberapa besar, tergantung dari
ukuran background
$im = imagecreatefrompng($bground);
//siapkan string text --> random
$chars = array ("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F");
$length = 4; //pjgnya. Untuk campurin angka dan huruf, jangan buat user bingung
untuk bedain o dan 0. pakai salah satu aja.
//saya akan buat string sepanjang 4.
$textnya = "";
for ($i = 0; $i <$length; $i++)
{
$textnya .=$chars[rand(0,count($chars)-1)];
}
//echo "---$textnya--";
//tentukan ukuran font, sudut menulis, dan warna
$size = rand(14,20); //ukuran font dari 14 s/d 20 --> supaya ada space di atas
dan dibawah. karena belum tentu tulisnya horizontal. ada sudut untuk tulisan.
$angle = rand(-5,5); //sudut dari -5 ke 5
$warna = imagecolorallocate($im,rand(0,128),rand(0,128),rand(0,128)); //warna
adalah sebuah pallet = kumpulan warna. function ini parameternya ada 4 yaitu obj
image, R, G,B. warna dirandom. 0 - 128 = warna agak gelap.
//hitung ukuran text untuk menentukan koordinat penulisan
$textsize = imagettfbbox($size, $angle,$font, $textnya); //menghasilkan array dgn
8 elemen
$lebar = abs($textsize[2]-$textsize[0]);
$tinggi = abs($textsize[5]-$textsize[3]);
//tentukan koordinat penulisan
$x = imagesx($im)/2-($lebar/2);
$y = imagesy($im)- ($tinggi/2);
//tuliskan text ke gambar menggunakan semua parameter
imagettftext($im,$size, $angle,$x,$y,$warna,$font,$textnya);
//kirim ke browser
header("Content-Type: image/png");
imagepng($im);
//jangan lupa bebaskan memori
51
imageDestroy($im);
//simpan pasangan reference id dan text-nya
include "koneksi.php";
$qry="INSERT INTO secimg(referenceid,hiddentext) VALUE('$refid','$textnya')";
mysql_query ($qry) or die ("INSERT gagal!");
//hapus reference id dan hidden text yang sudah berumur lebih dari 5 menit
$qry = "DELETE FROM secimg WHERE tanggal <date_sub(now(),interval 5 minute)";
mysql_query($qry) or die ("DELETE gagal!");
//selesai
?>
Navlogin.php
<?php
$l=$_SESSION['level']?>
<?php
if( !isset($_SESSION['nama']))
{
include "login.php";
}
elseif($l==1){
echo "<h2>HALLO ADMINISTRATOR</h2> ";
echo $_SESSION['nama'];
echo "</h2>";
echo "<br><br><a href='logout.php'>Logout</a>";
}
else{
echo "<h2>HALLO WARTAWAN</h2> ";
echo $_SESSION['nama'];
echo "</h2>";
echo "<br><br><a href='logout.php'>Logout</a>";
}
?>
Proses.php
<?php
session_start();
if(!isset($_SESSION['ok']))
{
header("Location: index.php");
}else{
$level=$_SESSION['level'];
$nama= $_SESSION['nama'];
if ($level != 1){
header("Location: index.php");
52
}else{
//Letakkan di sini halaman ADMIN
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"[]>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Siberol</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css"
media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css"
media="screen" /><![endif]-->
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="script.js"></script>
<style type="text/css">
.art-post .layout-item-0 { padding-right: 10px;padding-left: 10px; }
.art-post .layout-item-0 { padding-right: 10px;padding-left: 10px; }
.art-post .layout-item-0 { padding-right: 10px;padding-left: 10px; }
.ie7 .art-post .art-layout-cell {border:none !important;
padding:0 !important; }
.ie6 .art-post .art-layout-cell {border:none !important;
padding:0 !important; }
</style>
</head>
<body>
<div id="art-page-background-glare-wrapper">
<div id="art-page-background-glare"></div>
</div>
<div id="art-main">
<div class="cleared reset-box"></div>
<div class="art-box art-sheet">
<div class="art-box-body art-sheet-body">
<?include "menu.php";?>
<div class="cleared reset-box"></div>
<?php include "artheader.php";?>
<div class="cleared reset-box"></div>
<!-- Ini buat tampilan utama konten-->
<div class="art-layout-wrapper">
<div class="art-content-layout">
<div class="art-content-layout-row">
<!-- Ini buat isi konten sebelah kanan-->
<div class="art-layout-cell art-content">
<?php include "editor.php";?>
<!-- Ini buat berita-->
<div class="art-box art-post">
53
<div class="art-box-body art-post-body">
<div class="art-post-inner art-article">
<?php
//terima input dulu
$nama = addslashes($_POST['nm']); //supaya data yg ada tanda petik tunggal masih
bisa masuk ke db.
$judul = addslashes($_POST['judul']);
$isi = addslashes($_POST['isi']);
$tayang=$_POST['tgltayang'];
$expired=$_POST['tglexpire'];
$kategori = $_POST['kategori'];
$status=$_POST['status'];
$id=$_POST['id'];
$nm = $_POST['nm'];
//koneksi ke DB
include "koneksi.php";
//KIRIM QUERY
$qry = "UPDATE berita SET judul
='$judul',isi='$isi',tgl_tayang='$tayang',tgl_expire='$expired',status='$status' ,
kategori='$kategori' WHERE id='$id'";
$hasil = mysql_query($qry);
if ($hasil > 0 )echo"<pre><font color=#63B0DE size =5><b> INSERT berita
berhasil! </b></font></pre>";else echo "<pre><font color=#63B0DE size =5><b>
INSERT berita GAGAL!</b></font></pre>";
?>
<br/><br/><br/><pre>
<a href = 'javascript:history.back();'><font color="#63B0DE" size
=5><b>Kembali</b></font></a><br/>
<a href = 'index.php'><font color="#63B0DE" size =5><b>Ke Home
</b></font></a>
</pre>
<div class="cleared"></div>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
<!-- Ini buat isi konten sebelah Kiri-->
<?php include "kontenkiri.php";?>
</div>
54
</div>
</div>
<div class="cleared"></div>
<!-- Ini buat isi footer-->
<?php include "footer.php";?>
<div class="cleared"></div>
</div>
</div>
<!-- Ini buat isi footer2-->
<?php include "footer2.php";?>
</div>
</body>
</html>
<?php
}
}
?>
Tentang.php
<?php
session_start();
include "koneksi.php";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"[]>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Tentang</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css"
media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css"
media="screen" /><![endif]-->
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="script.js"></script>
<style type="text/css">
.art-post .layout-item-0 { padding-right: 10px;padding-left: 10px; }
.art-post .layout-item-0 { padding-right: 10px;padding-left: 10px; }
.art-post .layout-item-0 { padding-right: 10px;padding-left: 10px; }
.ie7 .art-post .art-layout-cell {border:none !important;
padding:0 !important; }
55
.ie6 .art-post .art-layout-cell {border:none !important;
padding:0 !important; }
</style>
</head>
<body>
<div id="art-page-background-glare-wrapper">
<div id="art-page-background-glare"></div>
</div>
<div id="art-main">
<div class="cleared reset-box"></div>
<div class="art-box art-sheet">
<div class="art-box-body art-sheet-body">
<?include "menu.php";?>
<div class="cleared reset-box"></div>
<?php include "artheader.php";?>
<div class="cleared reset-box"></div>
<!-- Ini buat tampilan utama konten-->
<div class="art-layout-wrapper">
<div class="art-content-layout">
<div class="art-content-layout-row">
<!-- Ini buat isi konten sebelah kanan-->
<div class="art-layout-cell art-content">
<!-- Ini buat berita-->
<div class="art-box art-post">
<div class="art-box-body art-post-body">
<div class="art-post-inner art-article">
<h2 class="art-postheader">Tentang</a>
</h2>
<div class="art-postcontent">
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell layout-item-0" style="width: 100%;">
<p><P ALIGN=JUSTIFY> Puji dan syukur kita panjatkan
kepada Tuhan yang Maha Esa karena melalui rahmat dan berkat-Nya,
56
website yang berjudul: "SISTEM BERITA ONLINE DENGAN PHP" ini dapat
terbit dengan sukses. </P>
<P ALIGN=JUSTIFY> Dengan segala kerendahan hati, kami ingin mengucapkan
terima kasih kepada: </P>
<ol style="1">
<li>Bpk. <A target=_blank
HREF="http://yanfi.lenongonline.com/dosen.html#RAKA">Raka Yusuf</A>, ST, MTI
selaku Dosen Pemrograman Client Side Scripting yang telah
memberikan bimbingan dalam rangka penyelesaian penyusunan website ini.</li>
<li>Sdr. Misdi yang telah meluangkan waktu, tenaga, dan berbagi ilmu dalam
menyelesaikan tugas akhir semester ini.</li>
<li><A target=_blank HREF="http://yanfi.lenongonline.com/teman.html">Teman-
teman</A> PKK angkatan XIV Teknik Informatika Universitas Mercu Buana.</li>
<li>Secara khusus, keluarga tercinta yang telah memberikan semangat dan
dukungan secara material maupun moril.</LI>
</ol>
<P ALIGN=JUSTIFY> Mohon maaf apabila ada kesalahan-kesalahan dalam
web ini yang tidak berkenan di dalam hati para pembaca.<br/><br/>
Akhir kata, semoga Allah senantiasa membalas kebaikan dan selalu
mencurahkan berkat serta rahmat-Nya, Amin.<br/><b><br/><IMG SRC="images/header-
object.png" align="middle" border='0' ><p align="center">--Selamat membaca--
</b></p>
</p>
<!--<P ALIGN="RIGHT">Salam,<br/><br/>
<a target=_blank href="http://www.yanfi.lenongonline.com/teman.html#YAN"> Yan
Fi</a><BR/></p>-->
</div>
</div>
</div>
</div>
<div class="cleared"></div>
<pre> <?php echo "<a
href=\"javascript:history.back();\" class='art-button'>Back</a>"; ?></pre>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
57
<!-- Ini buat isi konten sebelah Kiri-->
<?php include "kontenkiri.php";?>
</div>
</div>
</div>
<div class="cleared"></div>
<!-- Ini buat isi footer-->
<?php include "footer.php";?>
<div class="cleared"></div>
</div>
</div>
<!-- Ini buat isi footer2-->
<?php include "footer2.php";?>
</div>
</body>
</html>
Submitnews.php
<?php
session_start();?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"[]>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Siberol</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css"
media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css"
media="screen" /><![endif]-->
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="script.js"></script>
58
<style type="text/css">
.art-post .layout-item-0 { padding-right: 10px;padding-left: 10px; }
.art-post .layout-item-0 { padding-right: 10px;padding-left: 10px; }
.art-post .layout-item-0 { padding-right: 10px;padding-left: 10px; }
.ie7 .art-post .art-layout-cell {border:none !important;
padding:0 !important; }
.ie6 .art-post .art-layout-cell {border:none !important;
padding:0 !important; }
</style>
</head>
<body>
<div id="art-page-background-glare-wrapper">
<div id="art-page-background-glare"></div>
</div>
<div id="art-main">
<div class="cleared reset-box"></div>
<div class="art-box art-sheet">
<div class="art-box-body art-sheet-body">
<?include "menu.php";?>
<div class="cleared reset-box"></div>
<?php include "artheader.php";?>
<div class="cleared reset-box"></div>
<!-- Ini buat tampilan utama konten-->
<div class="art-layout-wrapper">
<div class="art-content-layout">
<div class="art-content-layout-row">
<!-- Ini buat isi konten sebelah kanan-->
<div class="art-layout-cell art-content">
<?php include "editor.php";?>
<!-- Ini buat berita-->
<div class="art-box art-post">
<div class="art-box-body art-post-body">
<div class="art-post-inner art-article">
<!--SubmitNews-->
<?php
//terima input dulu
$nama = $_SESSION['nama'];
$judul = $_POST['judul'];
59
$isi = addslashes($_POST['isi']);
$kategori = $_POST['kategori'];
//$nm = $_POST[nm];
//echo "$nm -- $judul<br/>";
//ambil data upload file
$fileName=$_FILES["uploaded_file"]["name"];
$fileTmpLoc=$_FILES["uploaded_file"]["tmp_name"];
$fileType=$_FILES["uploaded_file"]["type"];
$fileSize=$_FILES["uploaded_file"]["size"];
$fileErrorMsg=$_FILES["uploaded_file"]["error"];
//Start upload gambar
if (!$fileTmpLoc){
echo "ERROR : Tolong pilih gambar, sebelum menekan tombol kirim";
exit();
}else if($fileSize>5242880){
echo "ERROR: file kamu melebihi 5MB";
unlink($fileTmpLoc);
exit();
/*}else if(!preg_match("/\.(gif|jpg|png)$/i".$fileName)){
echo "ERROR : file yang harus dimasukan haris gif, jpg, atau png";
unlink($fileTmpLoc);
exit();
*/
}else if($fileErrorMsg==1){
echo "ERROR : An error occurend while processing this file. Try again";
exit();
}
//mengisi ke folder upload
$moveResult=move_uploaded_file($fileTmpLoc, "uploads/$fileName");
//cek
if ($moveResult !=true){
echo "ERROR: File not Upload. Try again";
unlink($fileTmpLoc);
exit();
}
include "koneksi.php";
$tayang=date("Y-m-d H:i:s");
$expired=date("Y-m-d H:i:s", time()+604800); //7*24*3600
//KIRIM QUERY
$qry = "INSERT INTO berita(nm_war, judul, isi, gambar,tgl_tayang, tgl_expire,
kategori,status)
VALUES('$nama','$judul','$isi','$fileName','$tayang','$expired','$kategori','0')";
$hasil = mysql_query($qry);
60
if ($hasil > 0 )echo"<pre><font color=#63B0DE size =5><b> INSERT berita
berhasil! </b></font></pre>";else echo "<pre><font color=#63B0DE size =5><b>
INSERT berita GAGAL!</b></font></pre>";
?>
<br/><br/><br/><pre>
<a href = 'javascript:history.back();'><font color="#63B0DE" size
=5><b>Kembali</b></font></a><br/>
<a href = 'index.php'><font color="#63B0DE" size =5><b>Ke Home
</b></font></a>
</pre>
<div class="cleared"></div>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
<!-- Ini buat isi konten sebelah Kiri-->
<?php include "kontenkiri.php";?>
</div>
</div>
</div>
<div class="cleared"></div>
<!-- Ini buat isi footer-->
<?php include "footer.php";?>
<div class="cleared"></div>
</div>
</div>
<!-- Ini buat isi footer2-->
<?php include "footer2.php";?>
</div>
</body>
</html>
Umum.php
<?php
session_start();
?>
61
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"[]>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Siberol</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css"
media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css"
media="screen" /><![endif]-->
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="script.js"></script>
<style type="text/css">
.art-post .layout-item-0 { padding-right: 10px;padding-left: 10px; }
.art-post .layout-item-0 { padding-right: 10px;padding-left: 10px; }
.art-post .layout-item-0 { padding-right: 10px;padding-left: 10px; }
.ie7 .art-post .art-layout-cell {border:none !important;
padding:0 !important; }
.ie6 .art-post .art-layout-cell {border:none !important;
padding:0 !important; }
</style>
</head>
<body>
<div id="art-page-background-glare-wrapper">
<div id="art-page-background-glare"></div>
</div>
<div id="art-main">
<div class="cleared reset-box"></div>
<div class="art-box art-sheet">
<div class="art-box-body art-sheet-body">
<?include "menu.php";?>
<div class="cleared reset-box"></div>
<?php include "artheader.php";?>
<div class="cleared reset-box"></div>
<!-- Ini buat tampilan utama konten-->
<div class="art-layout-wrapper">
<div class="art-content-layout">
<div class="art-content-layout-row">
<!-- Ini buat isi konten sebelah kanan-->
<?php include "koneksi.php";
$qry2 = "SELECT * FROM berita WHERE
status='1' AND kategori='umum' ORDER BY tgl_tayang DESC";
$hasil2= mysql_query($qry2);
?>
<div class="art-layout-cell art-content">
<?php while ($row2 = mysql_fetch_array($hasil2)){
62
$a = substr($row2['gambar'],0,4);if ($a=='http'){$b
="$row2[gambar]";}else{$b='./uploads/'.$row2[gambar];}?>
<!-- Ini buat berita pertama (artikel ini akan diulang-ulang)-->
<div class="art-box art-post">
<div class="art-box-body art-post-body">
<div class="art-post-inner art-article">
<h2 class="art-postheader"><a
href="indexnewsdetail.php?id=<?php echo $row2[id];?>"><?php echo
$row2[judul];?></a>
</h2>
<div class="art-postheadericons art-metadata-icons">
<span class="art-postdateicon"><?php echo
$row2[tgl_post];?></span> | <span class="art-postauthoricon">Wartawan : <?php
echo $row2[nm_war];?></span>
</div>
<div class="art-postcontent">
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell layout-item-0" style="width: 100%;">
<p><img alt="" width="320" height="214" src="<?php echo $b;?>"
style="float: left;" /></p>
<?php $brief = substr((stripslashes($row2['isi'])), 0, 500);?>
<p><?php echo "$brief...";?></p>
</div>
</div>
</div>
</div>
<div class="cleared"></div>
<div class="art-postfootericons art-metadata-
icons">
<span class="art-postcommentsicon"><a
href="indexnewsdetail.php?id=<?php echo $row2[id];?>">Baca»</a></span>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
<?php }?>
<div class="cleared"></div>
</div>
<!-- Ini buat isi konten sebelah Kiri-->
<?php include "kontenkiri.php";?>
</div>
</div>
</div>
<div class="cleared"></div>
<!-- Ini buat isi footer-->
63
<?php include "footer.php";?>
<div class="cleared"></div>
</div>
</div>
<!-- Ini buat isi footer2-->
<?php include "footer2.php";?></div>
</body>
</html>