sistem berita online dengan menggunakan php

70
SISTEM BERITA ONLINE DENGAN MENGGUNAKAN PHP Prima Prasetyowati - 41508120003 Yan Fi - 41508120094 PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2012

Upload: yan-fi

Post on 27-Oct-2014

570 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Sistem Berita Online Dengan Menggunakan Php

SISTEM BERITA ONLINE DENGAN MENGGUNAKAN PHP

Prima Prasetyowati - 41508120003

Yan Fi - 41508120094

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS ILMU KOMPUTER

UNIVERSITAS MERCU BUANA

JAKARTA

2012

Page 2: Sistem Berita Online Dengan Menggunakan Php

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)

Page 3: Sistem Berita Online Dengan Menggunakan Php

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

Page 4: Sistem Berita Online Dengan Menggunakan Php

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

Page 5: Sistem Berita Online Dengan Menggunakan 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

Page 6: Sistem Berita Online Dengan Menggunakan 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

Page 7: Sistem Berita Online Dengan Menggunakan Php
Page 8: Sistem Berita Online Dengan Menggunakan Php

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

Page 9: Sistem Berita Online Dengan Menggunakan Php

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.

Page 10: Sistem Berita Online Dengan Menggunakan Php

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.

Page 11: Sistem Berita Online Dengan Menggunakan Php

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.

Page 12: Sistem Berita Online Dengan Menggunakan Php

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

>>

Page 13: Sistem Berita Online Dengan Menggunakan Php

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

Page 14: Sistem Berita Online Dengan Menggunakan Php

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)

Page 15: Sistem Berita Online Dengan Menggunakan Php

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.

Page 16: Sistem Berita Online Dengan Menggunakan Php

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)

Page 17: Sistem Berita Online Dengan Menggunakan Php

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

Page 18: Sistem Berita Online Dengan Menggunakan Php

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

Page 19: Sistem Berita Online Dengan Menggunakan Php

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

Page 20: Sistem Berita Online Dengan Menggunakan Php

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

Page 21: Sistem Berita Online Dengan Menggunakan Php

14

11. Pada saat klik submit, maka akan masuk ke proses.php

Gambar 4.1.11 Tampilan proses review

Page 22: Sistem Berita Online Dengan Menggunakan Php

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.

Page 23: Sistem Berita Online Dengan Menggunakan Php

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

Page 24: Sistem Berita Online Dengan Menggunakan 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";?>

Page 25: Sistem Berita Online Dengan Menggunakan 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>

Page 26: Sistem Berita Online Dengan Menggunakan Php

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&amp;alpha1=.70&amp

;framerate1=24&amp;loop=true&amp;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"/>

Page 27: Sistem Berita Online Dengan Menggunakan Php

20

<paramname="scale"value="default"/>

<paramname="wmode"value="transparent"/>

<paramname="flashvars"value="color1=0xFFFFFF&amp;alpha1=.70&amp

;framerate1=24&amp;loop=true&amp;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]-->

Page 28: Sistem Berita Online Dengan Menggunakan Php

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>

Page 29: Sistem Berita Online Dengan Menggunakan Php

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;

Page 30: Sistem Berita Online Dengan Menggunakan Php

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",

Page 31: Sistem Berita Online Dengan Menggunakan Php

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]-->

Page 32: Sistem Berita Online Dengan Menggunakan Php

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>

Page 33: Sistem Berita Online Dengan Menggunakan Php

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>

Page 34: Sistem Berita Online Dengan Menggunakan Php

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>

Page 35: Sistem Berita Online Dengan Menggunakan Php

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>

Page 36: Sistem Berita Online Dengan Menggunakan Php

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]-->

Page 37: Sistem Berita Online Dengan Menggunakan Php

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">

Page 38: Sistem Berita Online Dengan Menggunakan Php

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>

Page 39: Sistem Berita Online Dengan Menggunakan Php

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";

}

Page 40: Sistem Berita Online Dengan Menggunakan Php

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);

Page 41: Sistem Berita Online Dengan Menggunakan Php

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

Page 42: Sistem Berita Online Dengan Menggunakan 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];}?>

Page 43: Sistem Berita Online Dengan Menggunakan Php

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">

Page 44: Sistem Berita Online Dengan Menggunakan Php

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">

Page 45: Sistem Berita Online Dengan Menggunakan Php

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%;">

Page 46: Sistem Berita Online Dengan Menggunakan Php

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>

Page 47: Sistem Berita Online Dengan Menggunakan Php

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;

Page 48: Sistem Berita Online Dengan Menggunakan Php

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>

";}

Page 49: Sistem Berita Online Dengan Menggunakan Php

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>

Page 50: Sistem Berita Online Dengan Menggunakan Php

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-->

Page 51: Sistem Berita Online Dengan Menggunakan Php

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

Page 52: Sistem Berita Online Dengan Menggunakan 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");

}

Page 53: Sistem Berita Online Dengan Menggunakan 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>

Page 54: Sistem Berita Online Dengan Menggunakan Php

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-->

Page 55: Sistem Berita Online Dengan Menggunakan Php

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 />

Page 56: Sistem Berita Online Dengan Menggunakan Php

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

Page 57: Sistem Berita Online Dengan Menggunakan 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

Page 58: Sistem Berita Online Dengan Menggunakan Php

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");

Page 59: Sistem Berita Online Dengan Menggunakan 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">

Page 60: Sistem Berita Online Dengan Menggunakan Php

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>

Page 61: Sistem Berita Online Dengan Menggunakan Php

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; }

Page 62: Sistem Berita Online Dengan Menggunakan Php

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>&nbsp;&nbsp; Puji dan syukur kita panjatkan

kepada Tuhan yang Maha Esa karena melalui rahmat dan berkat-Nya,

Page 63: Sistem Berita Online Dengan Menggunakan Php

56

website yang berjudul: &quot;SISTEM BERITA ONLINE DENGAN PHP&quot; ini dapat

terbit dengan sukses. </P>

<P ALIGN=JUSTIFY>&nbsp;&nbsp;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> &nbsp;&nbsp; Mohon maaf apabila ada kesalahan-kesalahan dalam

web ini yang tidak berkenan di dalam hati para pembaca.<br/><br/>

&nbsp;&nbsp; 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>

Page 64: Sistem Berita Online Dengan Menggunakan Php

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>

Page 65: Sistem Berita Online Dengan Menggunakan Php

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'];

Page 66: Sistem Berita Online Dengan Menggunakan Php

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);

Page 67: Sistem Berita Online Dengan Menggunakan Php

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();

?>

Page 68: Sistem Berita Online Dengan Menggunakan Php

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)){

Page 69: Sistem Berita Online Dengan Menggunakan Php

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-->

Page 70: Sistem Berita Online Dengan Menggunakan Php

63

<?php include "footer.php";?>

<div class="cleared"></div>

</div>

</div>

<!-- Ini buat isi footer2-->

<?php include "footer2.php";?></div>

</body>

</html>