Membangun Aplikasi CMS Dengan Menggunakan PHP Dan MYSQL

Nurulliana Zi : Membangun Aplikasi CMS Dengan Menggunakan PHP Dan MYSQL, 2010.

TUGAS AKHIR

NURULLIANA ZI

062406022

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2009

MEMBANGUN APLIKASI CMS DENGAN MENGGUNAKAN PHP DAN MYSQL

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat Untuk mencapai gelar Ahli Madya Komputer

NURULLIANA ZI 062406022

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN 2009

PERSETUJUAN

JuduL : MEMBANGUN APLIKASI CMS DENGAN

MENGGUNAKAN PHP DAN MYSQL

Kategori : TUGAS AKHIR

Nama : NURULLIANA ZI

Nomor Induk Mahasiswa : 062406022 Program Studi : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di Medan,

Komisi Pembimbing :

Diketahui / Disetujui oleh Pembimbing, Departemen Matematika FMIPA USU

Ketua,

Dr. Saib Suwilo, M.sc Drs. Henry Rani Sitepu, M.si

PERNYATAAN

MEMBANGUN APLIKASI CMS DENGAN MENGGUNAKAN PHP DAN MYSQL

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, 20 Februari 2009

NURULLIANA ZI 062406022

PENGHARGAAN

Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan Maha Penyayang, dengan limpahan berkah dan rahmat-Nya kertas kajian ini berhasil diselesaikan dalam waktu yang telah ditetapkan.

Ucapan terima kasih saya sampaikan kepada Drs. Henry Rani sitepu, M.Si. selaku pembimbing pada penyelesaian tugas akhir ini sekaligus Sekretaris Departemen yang telah memberikan panduan dan kepercayaan penuh kepada saya untuk menyempurnakan kajian ini. Ucapan terima kasih juga ditujukan kepada Ketua Departemen Dr. Saib Suwilo, M.Sc., Dekan dan Pembantu Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara, semua dosen pada Departemen Matematika FMIPA USU, dan rekan-rekan kuliah khususnya kelas Komputer A 2006. Akhirnya tidak terlupakan kepada Ayah, Bunda, dan semua ahli keluarga yang selama ini memberikan bantuan dan dorongan yang diperlukan. Semoga Tuhan Yang Maha Esa akan membalasnya.

ABSTRAK

Kajian ini bertujuan untuk membangun sebuah aplikasi yang akan memudahkan seseorang .dalam membangun sebuah website. Aplikasi ini dibangun dengan menggunakan bahasa PHP dan MySql. Aplikasi ini bekerja untuk dapat merubah halaman, tulisan, gambar pada sebuah website. Tujuan utama sistem ini adalah untuk memudahkan seseorang dalam membangun sebuah website.

DAFTAR ISI

Halaman

Persetujuan iii

Pernyataan iv

Penghargaan v

Abstrak vi

Daftar Isi vii

Daftar Tabel ix

Daftar Gambar x

Bab 1 Pendahuluan 1

1.1 Latar Belakang 1

1.2 Identifikasi Masalah 2

1.3 Maksud dan Tujuan Penulisan 2

1.4 Ruang Lingkup Masalah 3

1.5 Metode penelitian 3

1.6 Sistematika Penulisan 4

Bab 2 Landasan Teori 6

2.1 Content Management System (CMS) 6

2.1.1 Pengenalan CMS 6

2.1.2 Keuntungan CMS 7

2.2 Pengertian Komputer 8

2.3 Pengenalan Personal Home Page (PHP) 8

2.3.1 Kelebihan-kelebihan PHP 9

2.3.2 Konsep Dasar PHP 11

2.4 MySQL 13

2.4.1 Syntaks-syntaks MySQL 15

2.5 Pengenalan Macromedia Dreamweaver 8 19

2.5.1 Apa itu Dreamweaver 8 19

2.5.2 Tentang Dreamweaver 8 20

2.6 XAMPP 22

Bab 3 Perancangan Aplikasi Website 23

3.1 Perancangan Sistem 23

3.2 Data Flow Diagram (DFD) 23

3.3 Diagram Alir Data 24

3.3.1 Diagram Level Konteks 24

3.3.2 Diagram Level 0 25

3.4 Algoritma Program 26

3.4.1 Algoritma menu awal 26

3.4.2 Algoritma Menu Utama 27

3.4.3 Algoritma Menu Admin 27

3.5 Flowchart 29

3.5.1 Flowchart Menu Awal 29

3.5.3 Flowchart Menu Admin 31

Bab 4 Implementasi Aplikasi Website 40

4.1 Pengertian Implementasi Sistem 40

4.2 Tujuan Implementasi Sistem 40

4.3 Komponen-komponen Kebutuhan Sistem 41

4.3.1 Hardware 41

4.3.2 Software 42

4.3.3 Brainware 44

4.4 Demonstrasi Program 44

4.4.1 Tampilan Halaman Login 44

4.4.2 Tampilan Halaman Admin 45

4.4.3 Tampilan Halaman Manajemen User 45

4.4.4 Tampilan Halaman Manajemen Modul 46

4.4.5 Tampilan Halaman Home 46

4.4.6 Tampilan Halaman Profil 47

4.4.7 Tampilan Halaman Artikel 47

4.4.8 Tampilan Halaman Agenda 48

4.4.9 Tampilan Halaman Pengumuman 48

4.4.10 Tampilan Halaman Hubungi Kami 49

Bab 5 Kesimpulan 50

5.1 kesimpulan 50

5.2 saran 51

Daftar Pustaka 52

LAMPIRAN A. LISTING PROGRAM LAMPIRAN B. DAFTAR ISTILAH LAMPIRAN C. SURAT-SURAT

DAFTAR TABEL

Halaman

DAFTAR GAMBAR

Halaman

Gambar 3.1 DFD Level Konteks 24

Gambar 3.2 DFD Level 0 25

Gambar 4.1 Tampilan Sistem Operasi Windows VistaTM Home Basic 42 Gambar 4.2 Tampilan antar muka Dreamweaver 8 43

Gambar 4.3 Tampilan antar muka Web Server 43

Gambar 4.4 Tampilan Halaman Login 44

Gambar 4.5 Tampilan Halaman Admin 45

Gambar 4.6 Tampilan Halaman Manajemen User 45

Gambar 4.7 Tampilan Halaman Manajemen Modul 46

Gambar 4.8 Tampilan Halaman Home 46

Gambar 4.9 Tampilan Halaman Profil 47

Gambar 4.10 Tampilan Halaman Artikel 47

Gambar 4.11 Tampilan Halaman Agenda 48

Gambar 4.12 Tampilan Halaman Pengumuman 48

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Dalam era globalisasi sekarang ini, komputer merupakan alat yang sangat dibutuhkan oleh banyak instansi dan perusahaan-perusahaan milik negara maupun swasta. Pemakaian komputer dewasa ini semakin berkembang pesat di segala bidang sesuai dengan kemajuan zaman. Sejalan dengan lajunya perkembangan dunia teknologi modern saat ini, banyak mengakibatkan perubahan kehidupan manusia dalam menangani setiap permasalahan yang terjadi yang ada hubungannya dengan proses pembangunan secara menyeluruh.

Jika diperhatikan dan ditelusuri kemajuan yang telah dicapai itu, maka akan terlihat dengan jelas bahwa permasalahannya adalah terletak pada penggunaan data dan informasi yang akurat. Penerapan suatu sistem data dan informasi sebenarnya tidak terlepas dari penggunaan peralatan elektronik yang dapat membantu manusia dalam proses penanganan sistem informasi. Sistem informasi yang banyak diciptakan sekarang ini adalah dalam bentuk website.

Keterkaitan manusia sangatlah dibutuhkan dalam membangun sebuah aplikasi. Penulis tertarik membuat suatu aplikasi website yaitu CMS (content management system) dengan menggunakan PHP dan MySql.

1.2 Identifikasi Masalah

Membangun sebuah website dengan mudah dan cepat telah menjadi kebutuhan bagi sebagian masyarakat. Banyak orang yang mengalami kesulitan bila harus membangun sebuah website dengan menggunakan script atau kode-kode program.

Sebuah aplikasi CMS yang disediakan agar dapat membangun sebuah website dengan mudah dan cepat telah menjawab kebutuhan itu. Oleh karena itu, penulis berusaha membangun sebuah aplikasi CMS yang mudah dipahami dan digunakan oleh masyarakat luas agar dapat menciptakan sebuah website dengan mudah dan cepat.

1.3 Maksud dan Tujuan Penulisan

Maksud penulisan tugas akhir ini adalah untuk merancang suatu aplikasi sederhana yang dapat digunakan untuk membangun website dengan mudah dan cepat. Tanpa menggunakan script atau kode-kode program.

Tujuan dari penulisan tugas akhir ini adalah untuk membangun sebuah aplikasi CMS (content management system) agar dapat membangun website dengan mudah dan cepat dengan menggunakan PHP dan MySql.

Kemampuan manusia dalam membangun sebuah website yang rumit menjadi sangat terbatas, sehingga disini sangat dibutuhkan suatu sistem yang dapat membangun sebuah website dengan cepat dan mudah.

Untuk menghindari hal-hal yang menyimpang dari maksud dan tujuan sebenarnya penulis membatasi permasalahan hanya pada pembuatan sebuah aplikasi CMS dengan menggunakan PHP dan MySql.

1.5 Metode Penelitian

Metode penelitian yang digunakan dalam tulisan ini, adalah studi literatur dengan cara mengumpulkan teori-teori dari buku maupun dari internet yang berhubungan dengan CMS, PHP, dan MySql.

1.6 Sistematika Penulisan

Adapun sistematika penulisan laporan Tugas Akhir ini adalah sebagai berikut :

BAB 1 : Pendahuluan

Dalam bab ini penulis menguraikan Latar Belakang, Identifikasi Masalah, Maksud dan Tujuan Penulisan, Ruang Lingkup Masalah, Metode Penelitian dan Sistematika Penulisan.

Dalam bab ini penulis menguraikan beberapa hal yang berhubungan dengan teori CMS, PHP, MySQL, Macromedia Dreamweaver 8, dan Xampp.

BAB 3 : Perancangan Sistem

Dalam bab ini penulis menguraikan tentang perancangan aplikasi CMS yang sederhana agar dapat menciptakan sebuah website yang dapat dipakai oleh siapa saja dengan cepat dan mudah.

BAB 4 : Implementasi Sistem

Dalam bab ini penulis menguraikan tentang pengertian dan tujuan implementasi sistem serta penjabaran elemen-elemen sistem baik dari segi hardware, software, dan brainware.

BAB 5 : Kesimpulan dan Saran

BAB II

LANDASAN TEORI

2.1 Content Management System (CMS)

2.1.1 Pengenalan CMS

Content management system (CMS) adalah sebuah aplikasi yang digunakan untuk membantu user dalam proses memanage konten. Dalam terminologi web secara lebih spesifik berarti sebuah system yang digunakan untuk memanage material web yang merupakan konten dari sebuah website. Dengan CMS, seorang user dapat mengkontrol, meng-audit, meng-upload, menyimpan, mengkategori, dan pada akhirnya mempublish data seperti text (artikel), gambar, sampai dengan multimedia sesuai timeline yang diinginkan.

Pada umumnya sebuah CMS memiliki dua bagian kategori yaitu bagian frontend dan backend, penggunaan sistem hierarki pengguna yang diterapkan CMS dalam hak aksesnya pun sangat bervariasi sesuai dengan CMS masing-masing. Mulai dari level user (register, publisher) sampai dengan level super administrator yang bisa melakukan semua perubahan dari semua fitur yang ada.

Keuntungan yang dapat diperoleh dari penggunaan CMS, yaitu sebagai berikut : 1. Kemudahan dan perawatan website, terutama bagi pengguna non-technical

yang tidak mengetahui bahasa website. Dengan menggunakan CMS, pengguna non-technical cukup dengan melihat user interface tanpa memusingkan bahasa pemograman yang rumit yang terletak dibelakang CMS. Pengguna non-technical dapat membuat sebuah website yang dinamis hanya dengan melakukan click sesuai kebutuhan pada saat sedang membuat sebuah website.

2. Memisahkan pengelolaan isi website dan kerangkanya sehingga saat mengubah isi, kerangka dari website tersebut tidak terganggu. Hal ini dapat membantu para pengguna CMS sebab isi website merupakan bagian yang lebih sering mengalami perubahan.

3. Menghemat waktu pembuatan dan perawatan website dan menghindarkan pengguna dari kompleksitas bahasa pemograman (Comspec, webdesign, 2006). Dengan CMS, user non-technical tidak perlu mempelajari buku tebal atau mengetik bahasa pemograman yang rumit dan panjang.

4. Memberikan wewenang yang biasa antara pengguna dan administrator, sehingga akses pemakaian CMS dapat diatur dengan lebih baik (data dan informasi dapat dipertanggungjawabkan dengan baik).

Komputer (computer) barasal dari bahasa Latin computare yang berarti menghitung. Komputer mempunyai arti yang sangat luas dan berbeda untuk orang yang berbeda. Komputer adalah sistem elektronik untuk memanipulasi data yang cepat dan tepat serta dirancang dan diorganisasikan supaya secara otomatis menerima dam menyimpan data input, memprosesnya dan menghasilkan output dibawah pengawasan suatu langkah instruksi-instruksi program yang tersimpan di memori (stored program).

Sedangkan yang disebut dengan program adalah kumpulan instruksi atau perintah terperinci yang sudah dipersiapkan supaya komputer dapat melakukan fungsinya dengan cara yang sudah tertentu. (Pengenalan Komputer, Jogiyanto Hartono, MBA, Ph.D, 1999).

2.3 Pengenalan Personal Home Page (PHP)

PHP adalah singkatan dari Personal Home Page yang merupakan bahasa standar yang digunakan dalam dunia website. PHP digunakan sebagai bahasa server-side dalam pengembangan web yang disisipkan dalam dokumen Hyper Text Markup Language (HTML).

Penggunaan PHP memungkinkan web dapat dibuat dinamis sehingga maintenance situs web tersebut menjadi lebih mudah dan efisien. PHP merupakan software Open-Source yang disebarkan dan dilisensikan secara gratis serta dapat

di-download secara bebas dari situs resminy

2.3.1 Kelebihan-kelebihan PHP

PHP memiliki banyak kelebihan yang tidak dimiliki bahasa script sejenis. PHP difokuskan pada pembuatan script server-side, yang bisa melakukan apa saja yang dapat dilakukan oleh CGI, seperti mengumpulkan data dari form, menghasilkan isi halaman web dinamis, dan kemampuan mengirim serta menerima cookies, bahkan lebih daripada kemampuan CGI.

PHP dapat digunakan pada semua sistem operasi, antara lain Linux, Unix (termasuk variannya HP-UX, Solaris, dan OpenBSD), Microsoft Windows, Mac OS X, RISC OS. PHP juga mendukung banyak Web Server, seperti Apache, Microsoft Internet Information Server (MIIS), Personal Web Server (PWS), Netscape and iPlanet servers, Oreilly Website Pro server, audium, Xitami, OmniHTTPd, dan masih banyak lagi lainnya, bahkan PHP apat bekerja sebagai suatu CGI processor.

PHP tidak terbatas pada hasil keluaran HTML. PHP juga memiliki kemampuan untuk mengolah keluaran gambar, file PDF, dan movies Flash. PHP juga dapat menghasilkan teks seperti XHTML dan file XML lainnya.

Salah satu fitur yang dapat diandalkan oleh PHP adalah dukungannya terhadap banyak database. Berikut database yang dapat didukung oleh PHP :

• Adabas D • dBase

• Empress

• FilePro (read only) • FrontBase

• Hyperwave • IBM DB2 • Informix • Ingres • Interbase • MSQL • MySQL • ODBC

• Oracle(OC17 dan OC18) • Ovrimos

• PostgrSQL • Solid • Sybase • Unix DBM • Velocis

2.3.2 Konsep Dasar PHP

Kode PHP diawali dengan tanda lebih kecil (<) dan diakhiri dengan tanda lebih besar (>). Ada empat cara untuk menuliskan script PHP yaitu :

1. <? Hallo ?> 2. <?php Hallo ?> 3. <% Hallo %>

4. <SCRIPT LANGUAGE=”php”>Hallo</SCRIPT>

Pemisah antar instruksi adalah titik koma (;) dan untuk membuat atau menambahkan komentar/standar penulisan adalah : /* komentar */, // komentar, # komentar. Cara penulisan dibedakan menjadi Embeded dan Non Embeded script.

a. Embeded Script

Contoh dari Embeded script : <html>

<head>

<title>Coba</title> </head>

<body>

<?php”web master”?> </body>

</html>

Script diatas merupakan script yang sederhana. Script PHP disisipkan diantara tag-tag html.

b. Non Embeded Script

Contoh Non Embeded Script : <?php

echo”<html>”; echo”<head>”; echo”<title>”; echo”Me and web”; echo”</title>”; echo”</head>”; echo”<body>”;

echo”<p> My web design </p>”; echo”</body>”;

echo”</html>”; ?>

Script ini digunakan murni pembuatan program dengan PHP, tag HTML yang dihasilkan untuk membuat dokumen merupakan bagian dari script PHP. (Seri Pemrograman Web dengan PHP dan mySQL, Sutarman, S.Kom, 2003).

2.4 MySQL

MySQL dikembangkan oleh sebuah perusahaan Swedia bernama MySQL AB yang pada saat itu bernama Txc Data Konsult AB sekitar tahun 1994-1995. Meskipun cikal bakal kodenya bisa disebut sudah ada sejak tahun 1979. Tujuan mula-mula Txc

membuat MySQL pada waktu itu juga mengembangkan aplikasi web untuk client Txc yaitu perusahaan pengembang software dan konsultan database.

Fungsi MySQL dapat dikatakan sebagai interpreter query, karena setiap menggunakan query SQL harus meletakkannya didalam fungsi ini. Dengan kata lain, SQL tidak dapat dijadikan tanpa adanya fungsi MySQL. MySQL termasuk jenis relational database management system (RDBMS). Sehingga istilah seperti tabel, baris dan kolom tetap digunakan dalam MySQL. Pada MySQL sebuah database mengandung beberapa tabel, tabel terdiri dari sejumlah baris dan kolom.

SQL (dibaca "ess-que-el") merupakan kependekan dari Structured Query Language. SQL digunakan untuk berkomunikasi dengan sebuah Database. Sesuai dengan ANSI,SQL merupakan bahasa standar untuk sistem menajemen database relasional. Statemen SQL digunakan untuk melakukan tugas-tugas seperti melakukan up todate terhadap database, atau mengambil data dari sebuah database. Beberapa database relasional yang menggunakan SQL dan cukup ngetop adalah: MySQL, Oracle, Sybase, Microsoft SQL Server, Access, Ingres, etc. Meskipun sebagian besar sistem database menggunakan SQL, namun sebagian besar dari mereka juga memiliki ekstensi khusus yang hanya bisa digunakan di sistem masing-masing. Namun demikian, perintah standar SQL seperti "Select", "Insert", "Update", "Delete", "Create", dan "Drop" dapat digunakan untuk melakukan hampir semua hal yang perlu dilakukan terhadap sebuah database.

Karena MySQL merupakan suatu server database yang bersifat multiuser dan salah satu sifat program multiuser yaitu hanya dapat berjalan disisi server, maka tidak dapat mengaksesnya tanpa ada izin server tersebut. Dalam MySQL fungsi yang

digunakan untuk dapat tersambung ke server adalah mysql_connect() atau dengan menggunakan mysql_proconnect(), MySQL mengenal beberapa tipe data field yaitu tipe data numeric, tipe data string, tipe data char() dan varchar() dan tipe data tanggal.

Digunakannya MySQL sebagai program pengolah database, sebab MySQL memiliki fasilitas-fasilitas anatara lain sebagai berikut :

1. Terdapat suatu bahasa pemograman yang mudah untuk menggunakan MySQL sehingga bila dirasakan, akan hampir sama dengan menggunakan dBase ataupun FoxPro yang berjalan di dalam DOS.

2. Memiliki kemampuan menjalankan aplikasi yang kompleks.

3. Arsitektur yang diskalakan memungkinkan MySQL digunakan sebagai database file server multi pengguna, dan aplikasi klien dari Client/Server.

4. Mendukung integritas referensial pada tingkat mesin database.

2.4.1 Syntaks-syntaks MySQL

Perintah-perintah yang umum digunakan dalam MySQL diantaranya adalah : • INSERT :

Digunakan untuk mengisi data atau menambah record pada suatu label. INSERT INTO nama-tabel(kolom1,kolom2..) VALUES (nilai1, nilai2..);

• SELECT :

Digunakan untuk melihat data dari satu atau beberapa tabel. SELECT kolom-kolom; FROM nama-tabel;

Untuk melihat seluruh isi kolom dari suatu tabel digunakan query SELECT * SELECT * FROM nama-tabel;

• WHERE :

Digunakan untuk menyaring hasil query sehingga record yang dikeluarkan hanyalah record yang sesuai dengan yang diinginkan.

SELECT kolom1, kolom2 FROM kolom1

WHERE kolom2 < kriteria ;

• DISTINCT

Dapat digunakan untuk menghilangkan record-record yang sama. SELECT DISTINCT kolom2 FROM kolom1;

• BETWEEN

Digunakan untukmembatasi suatu kolom berada pada suatu batas nilai tertentu. SELECT kolom1, kolom2, kolom3

FROM kolom1

WHERE kolom2 BETWEEN .. AND ..;

• LIKE

Digunakan untuk pencarian data yang memiliki pola tertentu. SELECT kolom1, kolom2

FROM kolom1

WHERE kolom1 LIKE ‘A%’;

Pada keyword LIKE digunakan tanda-tanda khusus (wildcasd) sebagai berikut: Tabel 2.1 Keyword LIKE

• ORDER BY

Digunakan untuk mensortir data hasil query sesuai dengan kebutuhan. SELECT kolom1, kolom2

FROM kolom1 ORDER BY kolom 1;

Untuk mensortir dengan urutan terbalik, digunakan keyword tambahan DESC. Sedangkan untuk urutan yang teratur digunakan keyword ASC.

SELECT kolom1, kolom2 FROM kolom 1

ORDER BY kolom 1 DESC;

• DELETE

Digunakan untuk menghapus suatu record dengan kriteria tertentu. DELETE FROM nama-tabel WHERE kriteria;

Untuk menghapus record suatu tabel, digunakan perintah DELETE tanpa menentukan kriterianya.

DELETE FROM nama-tabel;

• UPDATE

Digunakan untuk memodifikasi nilai kolom dari suatu record. UPDATE nama-tabel

Tanda Arti

% Sembarang nol atau lebih karakter - Sembarang satu karakter

SET nama-kolom = nilai-baru1, nilai-kolom2 = nilai-baru2,.. WHERE kriteria;

Contoh penulisan program pada MySQL dapat dituliskan sebagai berikut : CREATE TABLE cdrom (vendor char(10), speed int(11), price int(11)); Ketika memasuki command prompt MySQL dituliskan perintah sebagai berikut :

>mysqlshow:

Dan akan mucul tabel sebagai berikut :

1 rows in set (0.00 sec)

(Seri Pemrograman Web dengan PHP dan mySQL, Sutarman, S.Kom, 2003).

2.5 Pengenalan Macromedia Dreamweaver 8

Dreamweaver 8 merupakan salah satu produk software yang dikeluarkan oleh perusahaan Macromedia, Inc. Software ini bergerak dalam bidang perancangan web. Sekelompok software perancang web yang diantaranya Flash, Dreamweaver, Firework, Freehand dan lain-lain. Macromedia tampaknya sangat serius dalam membuat software pembangun website yang mampu melakukan banyak hal dan banyak keunggulan.

Database cdrom

2.5.1 Apa itu Dreamweaver 8

Dreamweaver 8 adalah suatu bentuk software editor web yang dibuat oleh Macromedia. Dengan software ini, seorang programmer web dapat dengan mudah membuat tampilan websitenya. Dreamweaver 8 merupakan editor yang komplit dan dapat digunakan untuk membuat animasi sederhana dalam bentuk halaman. Dengan adanya software ini kita tidak akan direpotkan untuk menuliskan script-script format HTML, PHP, ASP, maupun bentuk program lainnya.

Sebagai editor, Dreamweaver 8 mempunyai sifat WYS/WYG atau dibaca Waysiwig, yang artinya “apa yang kamu lihat akan kamu peroleh” atau “what you see is what you get”. Dengan kelebihan ini, seorang programmer akan langsung melihat hasil buatannya tanpa membuka browser. Seperti software-software editor web lain, Dreamweaver 8 juga memiliki dua bentuk halaman yaitu, halaman rancangan dan halaman kode. Hal ini akan mempermudah dalam menambahkan script yang berbasis PHP maupun Javascript. Dreamweaver 8 selain mendukung dalam pembuatan web yang berbasis HTML, juga mendukung software-software lain diantaranya PHP, ASP, Perl, Javascript dan lain-lain.

2.5.2 Tentang Dreamweaver 8

Dreamweaver 8 juga mempunyai format bahasa pemrograman yang ada. Jadi dalam menuliskan program, tidak harus menuliskan beberapa perintah seperti <? ?> dalam PHP dan /% %/ dalam ASP. Karena dalam Dreamweaver 8 hanya tinggal memanggilnya melalui menu insert>PHP Object dan dari insert>ASP Object untuk

format ASP. Dengan menggunakan Dreamweaver 8 telah banyak dimudahkan dalam merancang dan pengkodean. Hal ini akan sangat membantu dalam hal perancangan sebuah website yang sedang dibangun.

Adapun beberapa komponen yang dimiliki oleh Dreamweaver 8 adalah : a. Menu Panel Insert

Menu Panel Insert adalah sekumpulan menu yang berhubungan dengan operasi pemasukan dan pembuatan pernik-pernik pada sebuah halaman web.

b. Menu Panel Common

Menu Common adalah menu yang memiliki beberapa icon yang merupakan menu standar pada saat merancang web.

c. Menu Panel Layout

Menu ini terdapat pada icon yang juga tersedia pada menu common, yaitu menu icon tabel dan layer.

d. Menu Panel Text

Menu ini digunakan untuk mengatur format text yang ada pada halaman web.

e. Menu Panel Tabel

Menu ini digunakan untuk membuat tabel yang ada pada halaman web.

f. Menu Panel Frame

Menu ini adalah salah satu menu yang akan digunakan untuk memilih bentuk rancangan halaman utama web.

g. Menu Panel Form

Menu ini digunakan untuk membuat formulir. h. Menu Panel Characters

Menu ini memiliki beberapa icon yang digunakan untuk melakukan operasi halaman dan pengaturan paragraf.

i. Menu Panel Media

Menu media adalah sekumpulan icon yang berfungsi untuk melakukan penggabungan file dari luar program Dreamweaver.

j. Menu Panel Head

Menu ini digunakan untuk operasi-operasi penambahan komponen dalam tag head HTML.

k. Menu Panel Script

Menu script adalah sekumpulan icon yang pada umumnya digunakan untuk melakukan penulisan perintah script.

l. Menu Panel Application

Menu ini digunakan untuk operasi database. m. Menu Panel Properties

Menu ini adalah sekumpulan menu yang berfungsi sebagai tool dalam pengaturan objek yang ada pada halaman web.

2.6 XAMPP

XAMPP adalah perangkat lunak gratis, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program untuk menjankan fungsinya sebagai server yang berdiri sendiri, yang terdiri atas program Apache HTTP Server, MySQL database, dan penterjemah bahasa yang ditulis dengan bahasa pemrogramaan PHP dan Perl. XAMPP adalah nama yang merupakan singkatan dari X (empat sistem operasi apapun), Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GNU General Public License dan bebas, merupakan web server yang mudah digunakan yang dapat

mampu melayani halaman dinamis. Saat ini, XAMPP tersedia untuk sistem operasi Microsoft Windows, Linux, Sun Solaris dan Mac OS X.

BAB 3

PERANCANGAN SISTEM

3.1. Perancangan Sistem

Perancangan sistem adalah merupakan upaya perusahaan untuk memulai memiliki sistem baik yang lama maupun untuk mulai memiliki sistem yang baru. Perancangan sistem dilakukan setelah mendapat gambaran dengan jelas apa yang harus dikerjakan.

3.2. Data Flow Diagram (DFD)

Data Flow Diagram (DFD) adalah gambaran sistem secara logika. Gambaran ini tidak tergantung pada perangkat keras, lunak, struktur data atau organisasi. Pada tahap analisa, penanganan notasi simbol lingkaran dan anak panah mewakili/menggambarkan arus data dalam perancangan sistem sangat membantu sekali didalam komunikasi dengan pemakaian sistem menggunakan notasi-notasi ini untuk menggambarkan arus dari data sistem

CMS Konfigurasi

User

Admin

3.3 Diagram Alir Data

3.3.1 Diagram level konteks

Dalam perancangan sistem ini penulis mencoba untuk memberikan gambaran mengenai alur arus data dari sistem ini. Adapun rancangan DFD pada sistem ini adalah sebagai berikut :

Info data Info

Data

Input

Data F1 Data Contoh Admin

Site

User Konfigurasi 3.3.2 Diagram level 0

3.4 Algoritma Program

Algoritma adalah urutan langkah-langkah berhingga untuk memecahkan masalah logika atau matematika. Adapun algoritma yang akan dibahas antara lain yaitu:

3.4.1 Algoritma Menu Awal

Langkah 1 : Aktifkan browser Internet Explorer, ketik pada address baru ”localhost/lia” pada sudut kanan Address Bar, maka akan tampil halaman utama web site.

Langkah 2 : Untuk melakukan pengeditan pada website, maka harus klik tombol “Create a Configuration File” yang ada pada halaman awal CMS. Maka akan langsung tercipta sebuah database untuk CMS tersebut. Pengguna hanya cukup melakukan ini sekali saja, karena apabila lain waktu CMS dibuka, akan langsung masuk ke halaman menu utama, yang berisi modul-modul, antara lain : profil, artikel, agenda, pengumuman, dan hubungi kami. Pada halaman menu utama terdapat juga banner-banner yang merupakan iklan dari situs-situs lainnya.

Langkah 3 : Jika administrator ingin melakukan pengentrian, penghapusan dan pengeditan data maka ketik admin.php pada address bar browser internet explorer, kemudian ketik login dan password untuk login, setelah login berhasil maka akan tampil menu admin.

3.4.2 Algoritma Menu Utama

Langkah 1 : Ketik pada address bar localhost/ lia, maka akan tampil halaman site yang telah diciptakan. Pada halaman site terdapat artikel dan banner yang telah iciptakan oleh administrator.

Langkah 2 : Klik sub menu Profil untuk melihat data profil.

Langkah 3 : Klik sub menu Agenda untuk melihat data agenda yang ada. Langkah 4 : Klik sub menu Pengumuman untuk melihat pengumuman-

pengumuman yang ada.

Langkah 5 : Klik sub menu Hubungi kami untuk meninggalkan pesan beserta nama dan e-mail.

3.4.2 Algoritma Menu Admin

Langkah 1 : Ketik pada address bar localhost/admin/index.php maka akan tampil menu login. Masukkan user login dan password. Lalu akan masuk ke menu Administrator.

Langkah 2 : Jika klik sub menu Manajemen User maka akan tampil data user.

Langkah 3 : Jika klik sub menu Manajemen Modul maka akan tampil data modul.

Langkah 4 : Jika klik sub menu Profil maka tampil data profil.

Langkah 5 : Jika klik sub menu Artikel maka akan tampil data artikel yang pernah ditampilkan.

Langkah 6 : Jika klik sub menu Agenda, maka akan tampil data agenda yang dibuat oleh user.

Langkah 7 : Jika klik sub menu Pengumuman maka akan tampil data pengumuman yang pernah ditampilkan.

Langkah 8 : Jika klik sub menu Banner maka akan tampil data banner

Langkah 9 : Jika klik sub menu Hubungi Kami maka akan tampil data Hubungi Kami.

Langkah 10 : Jika klik sub menu Site maka akan tampil data Site name.

Y

Y N

3.5 Flowchart

3.5.1 Flowchart menu Awal

start

Halaman Konfigurasi

Buat data contoh

Buat sample data Konfirmasi DB

DB Name

Nama Host Password MySql Username MySql

Buat DB

Data contoh

Nama site

Buat Nama site

A

B Liat Site

Y

Y N

Y

N

Y Y

3.5.2 Flowchart menu Utama

A

Halaman website

Selamat datang

Tampilan Profil

Tampilan Artikel

Tampilan Agenda

Tampilan Pengumuman

Hubungi kami

Artikel terbaru Home

Hubungi kami Profil

Artikel

Agenda

Pengumuman

end

Kirim email

Pesan Subjek

Email Nama

N

Y

N

Y Y

N

3.5.3 Flowchart Menu Admin

B

Input Data Admin Login

Hubungi kami Artikel

Agenda

Pengumuman

Banner

end Proes Otentifikasi

Cocok

Menu halaman admin

Manajemen User

Profil Manajemen Modul

Site Name

Log Out

B1

B2

B3

B4

B8 B5

B7

B9 B6

Y

Y

Y

N N

Y

N `

`

B1

Tampilan Data User

Username

Input Username Delete User

Input Password

Input nama lengkap

Email

Password Edit User

Tambah Delete User

Tambah User

Nama lengkap Email

Update Delete

dari database

Simpan data di Database

Simpan Simpan di Database

Y N

Y

N B2

Modul

Nama Modul

Link

Publis

Aktif Edit

Simpan Delete

Tambah

Simpan di database

Simpan Status

Urutan Nama Modul

Link

Publish

Update

Simpan di Database

Simpan Aktif

Urutan

Delete Modul

Delete dari database

`

B3

Profil Update Profil

Simpan

Simpan di Database

Y N

N

N

Y B4

Data artikel

Judul

Kategor i Isi

Gambar Edit Artikel

Simpa Delete Artikel

Tambah Artikel

Simpan di database

Simpan

Judul

Pilih artikel

Isi Artikel Gambar

Update

Delete dari database

Simpan Simpan

Di Database Kategori

Y

Y

N

N Y

N N

B5

Data Agenda

Tema

Isi

Tempat

Tanggal Mulai Edit

Tambah Delete

Tambah

Simpan di database

Simpan Tanggal Selesai Pilih Agenda

Tema

Isi

Update

Simpan di database

Simpan Tempat

Tanggal Mulai

Pilih Agenda Delete _dari

databas Delete Agenda

N N

N N

Y

Y B6

Tampil Data Pengumuman

Judul

Isi

Tanggal Edit

Simpan Delete

Tambah

Simpan di database

Simpan Judul

Pilih Pengumuman

Tanggal Update

Delete dari database

Simpan

Simpan database Isi

N Y

Y N

N

N

Y B7

Data Banner

Judul

Link

Gambar

Tanggal Posting Edit

Simpan Delete

Tambah

Simpan Di Database

Simpan Pilih Banner

Pilih Banner

Link Gambar

Update

Delete dari database

Simpan Simpan

Di Database Judul

Delete

Tanggal Posting

Y B8

Email Hapus

Pilih Email Hapus

Hapus di database Hapus

B9

Nama Site

Edit

Update di database

BAB 4

IMPLEMENTASI SISTEM

4.1 Pengertian Implementasi Sistem

Implementasi Sistem adalah suatu prosedur yang dilakukan untuk menyelesaikan sistem yang ada dalam dokumen rancangan sistem yang telah disetujui dan mengujinya, menginstal dan memulai menggunakan sistem baru yang diperbaiki. Adapun langkah-langkah yang dibutuhkan dalam implementasi sistem adalah ;

1. Mendapatkan software dan hardware yang tepat serta sesuai untuk merancang website.

2. Menyelesaikan rancangan sistem.

3. Menulis, menguji, mengontrol dan mendokumentasikan website. 4. Mendapatkan persetujuan.

4.2 Tujuan Implementasi Sistem

Adapun tujuan-tujuan dari implementasi sistem, yaitu :

1. Mengkaji rangkaian sistem baik dari segi software maupun hardware sebagai sarana pengolah data dan penyaji informasi.

2. Menyelesaikan rancanagan sistem yang ada dalam dokumen sistem yang baru atau yang telah disetujui.

3. Memastikan bahwa pengunjung dapat mengoperasikan dengan mudah terhadap sistem yang baru dan mendapat informasi yang baik dan jelas.

4. Memperhitungkan bahwa sistem telah memenuhi permintaan pemakai yaitu dengan menguji sistem secara menyeluruh.

5. Memastikan bahwa sistem yang telah berjalan dengan lancer dengan mengontrol dan melakukan instalasi secara benar.

4.3 Komponen-komponen Kebutuhan Sistem

Komponen-komponen yang sangat berperan dalam mmenunjang penerapan sistem yang dirancang terhadap pengolahan data. Beberapa komponen yang dibutuhkan sistem untuk dapat beroperasi dengan baik antara lain :

4.3.1 Hardware

Hardware merupakan komponen yang sangat dibutuhkan dalam mewujudkan sistem yang diusulkan. Dalam hal ini penulis merinci spesifikasi komponen hardware yaitu :

a. Personal komputer dengan processor Intel(R) core(TM)2 Duo CPU b. Hardisk 4.2 GB.

c. Monitor Super VGA. d. Memori minimal 64 MB.

Hardware tidak akan apat memecahkan suatu masalah tanpa adanya komponen software. Adapun software yang digunakan dalam pembuatan website ini adalah :

a. Sistem Operasi Windo ws VistaTM Home Basic

Gambar 4.1 Tampilan Sistem Operasi Windows VistaTM Home Basic

b. Macromedia Dreamweaver 8

Software ini berfungsi sebagai text editor dalam penulisan script PHP dalam pembuatan website.

Gambar 4.2 Tampilan antar muka Dreamweaver 8

c. XAMPP

XAMPP merupakan kumpulan aplikasi yang menyangkut apache sebagai web servernya, PHP sebagai bahasa pemogramannya serta MySQL sebagai databasenya. Dengan XAMPP kebutuhan software telah terpenuhi.

4.3.3 Brainware

Brainware adalah sumber daya manusia yang nantinya akan berperan sebagai user ataupun administrator sistem. Brainware yang dibutuhkan sebagai administrator nantinya bekerja pada server dalam pengolahan website. Admintrator harus mengerti tentang bahas pemograman PHP dan MySQL serta mengerti akan jalannya sistem. Sedangkan user tidak harus memiliki kemampuan khusus hanya mampu mengoperasikan internet browser.

4.4 Demonstrasi Program

Adapun tampilan program yang dirancang adalah sebagai berikut :

4.4.1 Tampilan Halaman Login

4.4.2 Tampilan Halaman Admin

Gambar 4.5 Tampilan Halaman Admin

4.4.3 Tampilan Halaman Manajemen User

Gambar 4.6 Tampilan Halaman Manajemen User

Gambar 4.7 Tampilan Halaman Manajemen Modul

4.4.5 Tampilan Halaman Home

4.4.6 Tampilan Halaman Profil

Gambar 4.9 Tampilan Halaman Profil

4.4.7 Tampilan Halaman Artikel

4.4.8 Tampilan Halaman Agenda

Gambar 4.11 Tampilan Halaman Agenda

4.4.9 Tampilan Halaman Pengumuman

4.4.10 Tampilan Halaman Hubungi Kami

BAB 5

KESIMPULAN DAN SARAN

5.1Kesimpulan

1. MySQL merupakan sebuah software gratisan yang kemampuannya hampir sama bahkan bisa melebihi dari sebuah software yang komersil.

2. Penyebaran informasi itu memang sangat diperlukan, penyebaran informasi melalui website lebih baik karena bisa diakses dalam jangkauan yang luas

3. CMS merupakan sebuah aplikasi dengan konsep content management system yang dapat membantu dalam melakukan perancangan pengelolaan website tanpa harus memiliki kemampuan bahasa pemograman berbasis website.

1. Dapat dikembangkannya lebih banyak lagi software yang bersifat open source dengan kualitas bersaing, sehingga membantu kita dalam pembelajaran teknologi informasi.

2. Meningkatkan security pada CMS mengingat di masa depan, website akan diisi dengan data atau informasi rahasia.

3. Pengembangan terhadap tampilan aplikasi, antara lain dengan lebih memperhatikan keselarasan warna tampilan aplikasi sebagaimana dikerjakan oleh pihak yang telah berpengalaman dalam disain.

DAFTAR PUSTAKA

Arief Ramadhan. 2005. PHP 5 dan MySQL. Jakarta, Indonesia: Penerbit Elex Media Komputindo.

Greenspan, Jay & Bulger Brad. 2001. MySQL/PHP Database Application. USA : IDG Books Worldwide, Inc.

Irma, Ade & Andi Setiawan. 2006. Pengolahan Database MySQL dengan Script PHP. Bandung : Yrama Widya.

Jogiyanto Hartono, MBA, Ph.D. 1999. Pengenalan Komputer. Yogyakarta. Andi Yogyakarta.

Peranginangin, Kasiman. 2006. Aplikasi Dengan PHP dan mySQL. Yogyakarta : Andi Sunarfrihantono, Bino. 2002. PHP dan MySQL untuk Web. Yogyakarta : Andi.

Sutarman, S.Kom. 2003. Seri Pemrograman Web dengan PHP dan mySQL. Yogyakarta. Graha Ilmu.

Yudhi Purwanto. 2001. Pemrograman Web dengan PHP. Jakarta. PT Elex Media Komputindo.

LAMPIRAN A : LISTING PROGRAM

index.php <?php

mysql_connect('localhost','root',''); $select = mysql_select_db('dblia'); if($select){

header('location:awal.php?module=home'); }else{

header('location:instal.php?conf=konfigure'); } ?>

Installer.php <?php

if($_GET[conf]=='konfigure'){?>

<p>Selamat datang di LIA CMS, untuk melanjutkan pengintallan, silahkan klik tombol di bawah ini.</p><p><a href='?conf=konfigure1' class='button'>Create a Configuration File</a></p> <? }elseif($_GET[conf]=='konfigure1'){

?>

<form method="post" action="?conf=konfigure2"> <table class="form-table">

<tr> <th scope="row"><label for="dbname">Database Name</label></th>

<td><input name="dbname" id="dbname" type="text" size="25" value="dblia" readonly="true"/></td>

<td>Nama data base anda </td> </tr><tr>

<th scope="row"><label for="uname">User Name</label></th> <td><input name="uname" id="uname" type="text" size="25" value="root" /></td>

<td>nama username mysql anda</td></tr>

<tr><th scope="row"><label for="pwd">Password</label></th>

<td><input name="pwd" id="pwd" type="text" size="25" value=""/></td>

<td>...dan password mysql anda</td></tr>

<tr><th scope="row"><label for="dbhost">Database Host</label></th>

<td><input name="dbhost" id="dbhost" type="text" size="25" value="localhost" /></td>

<td>nama host anda.</td></tr></table>

<p class="step"><input name="submit" type="submit" value="Submit" class="button" /></p></form>

}elseif($_GET[conf]=='konfigure2'){ $_SESSION[pwd]=$_POST[pwd]; $_SESSION[host]=$_POST[dbhost]; $_SESSION[uname]=$_POST[uname]

$r=mysql_connect($_SESSION[host],$_SESSION[uname],$_SESSION[pwd] );

$g=mysql_query("create database dblia",$r); if($g){

echo "<p>Database berhasil dibuat</p>

<form action=?conf=konfigure3 method=post>

<p><input type=submit value='create sample data' class='button'></p> </form>";

}else{

echo "<p>Maaf, create database gagal</p>

<p><a href=javascript:history.back() class='button'>Ulangi</a></p> ";

}

}elseif($_GET[conf]=='konfigure3'){ $subscriberInfo = "<?

\$server = '$_SESSION[host]'; \$username ='$_SESSION[uname]'; \$password = '$_SESSION[pwd]'; \$database = 'dblia';

// Koneksi dan memilih database di server

mysql_connect(\$server,\$username,\$password) or die('Koneksi gagal'); mysql_select_db(\$database) or die('Database tidak bisa dibuka');

?>";

// Open subscribers.txt for writing

$fh = fopen("config/koneksi.php", "w+"); // Write the data

fwrite($fh, $subscriberInfo); // Close the handle

fclose($fh);

include "config/koneksi.php";

$sql = explode(';#%%', file_get_contents ('sample.sql')); $n = count ($sql) - 1;

for ($i = 0; $i < $n; $i++) { $query = $sql[$i];

$result = mysql_query($query); }

echo "<p>Sample data berhasil dibuat</p>"; ?>

<form method="post" action="?conf=konfigure4"> <table class="form-table"><tr>

<th scope="row"><label for="site">Site Name</label></th> <td><input name="site" id="site" type="text" size="25" /></td>

<td>Nama Site Anda</td></tr></table>

<p class="step"><input name="submit" type="submit" value="Submit" class="button" /></p>

</form><? }else{

echo "<p>Maaf, sample data gagal</p>

<p><a href=javascript:history.back() class='button'>Ulangi</a></p> "; }

}elseif($_GET[conf]=='konfigure4'){

mysql_connect($_SESSION[host],$_SESSION[uname],$_SESSION[pwd]); mysql_select_db('dblia');

mysql_query("INSERT INTO `modul` (`id_modul`, `nama_modul`, `link`, `static_content`, `gambar`, `publish`, `status`, `aktif`, `urutan`) VALUES(28, 'site', '?module=site', '$_POST[site]', '', 'N', 'user', 'Y', 42)");

echo "<p><a href=index.php class=button>Lihat Site</a></p> <p>untuk admin<br>

username : admin<br> pass : admin</p>

<p><a href=admin/index.php class=button target=_blank>Administrator</a></p>

";} ?>

Instal.php

? session_start(); ?> <html>

<head>

<title>:: Lia CMS ::</title>

<link rel="stylesheet" href="config/install.css" type="text/css" /> </head>

<body>

<?php include "installer.php"; ?> </body>

style.css

/* CSS Document */

body{margin:0px; padding:0px; background:url(images/mainbg.gif) 0 0 repeat-x #F6F4E4; color:#6B6854; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}

div, p, ul, h1, h2, h4, img, form, label{padding:0px; margin:0px;} ul{list-style-type:none;}

/*----MAIN PANEL----*/

#mainPan{width:691px; position:relative; margin:0 auto; padding:0px;} /*----Left Panel----*/

#leftPan{width:240px; float:left;}

#leftTopPan{width:240px; height:125px; position:relative; margin:0 auto; padding:0; background:url(images/left-top.jpg) 0 0 no-repeat;}

#leftTopPan img{width:160px; height:39px; margin:30px 0 0 37px;}

#leftPan ul{width:240px; height:231px; display:block; background:url(images/menu-bg.jpg) 0 0 no-repeat; padding:28px 0 0;}

#leftPan ul li{width:118px; height:27px; position:relative; margin:0 auto; background:url(images/dot.gif) 0 100% repeat-x;}

#leftPan ul li a{width:96px; height:26px; display:block; background:url(images/arrow-normal.gif) 0 50% no-repeat #F6F4E4; color:#8F8C73; font:13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; padding:0 0 0 22px; text-decoration:none;}

#leftPan ul li a:hover{background:url(images/arrow-normal.gif) 0 50% no-repeat #F6F4E4; color:#7F0A5F; text-decoration:none;}

#leftPan ul li.home{width:96px; height:27px; display:block; background: url(images/homebg.gif) 0 0 no-repeat #F6F4E4; color:#7F0A5F; font:13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding:0 0 0 22px;}

#leftPan ul li.contact{background:none;}

#leftPan ul.linkone{width:240px; padding:0; background:none;}

#leftPan ul.linkone li{width:160px; position:relative; margin:0 auto; background:none; padding:0px;}

#leftPan ul.linkone li a{width:160px; display:block; background:url(images/arrow-normal.gif) 0 50% no-repeat #F6F4E4; color:#8F8C73; font:11px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding:0 0 0 22px; text-decoration:underline;}

#leftPan ul.linkone li a:hover{background:url(images/arrow-normal.gif) 0 50% no-repeat #F6F4E4; color:#25241E; text-decoration:underline;}

#banner{ width:240; padding-bottom:15px; position:relative; text-align:center; }

#leftPan h2{width:90px; height:63px; background:#F6F4E4; color:#8F146E; font-size:24px; line-height:63px; padding:0 0 0 63px; font-weight:normal;}

#leftPan form{width:222px; height:173px; position:relative; margin:0 auto; background:url(images/formbg.gif) 0 0 no-repeat #ABA894; color:#fff;}

#leftPan form input{width:143px; height:17px; margin:3px 0 2px 35px; }

#leftPan form label{width:143px; height:18px; margin:2px 0 0 35px; font:12px/15px Arial, Helvetica, sans-serif; font-weight:bold;}

#leftPan form input.button{width:51px; height:17px; float:left; background:url(images/button.gif) 0 0 no-repeat #FEFEFE; color:#fff; font-size:12px; font-weight:bold; line-height:18px; border:none; padding:0 10px 0 0; margin:3px 10px 2px 28px; }

#leftPan form h2{width:150px; height:47px; display:block; background:url(images/memberbg.gif) 0 0 no-repeat #D5D2BC; color:#fff;

font-size:18px; line-height:47px; padding:0 0 0 65px;}

#leftPan form #register{width:100px; height:24px; float:left; margin:3px 0 0; }

#leftPan form #register a{display:block; background: url(images/arrow4.gif) 100% 50% no-repeat #ABA894; color:#fff; font-size:14px; padding:0 5px 0 0; text-decoration:none;}

#leftPan form #register a:hover{text-decoration:underline;}

/*----/Left Panel----*/ /*----Right Panel----*/

#rightPan{width:451px; float:left; font-size:12px;} #rightPan a{color:#8F146E; text-decoration:none;}

#rightPan h1{width:438px; height:124px; background:url(images/header.jpg) 0 0 no-repeat #D33F9F; color:#908e7e; font:28px/13px Georgia, "Times New Roman", Times, serif; padding:37px 0 0 13px;}

#rightPan h1 span{font:13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;}

#rightPan h2{width:240px; height:36px; display:block; background:url(images/icon1.jpg) 0 0 no-repeat #F6F4E4; color:#8F146E;

font-size:24px; line-height:36px; padding:0 0 0 65px; margin:29px 0 0 9px;}

#rightPan h4{width:240px; height:50px; display:block; background:url(images/icon2.jpg) 0 0 no-repeat #F6F4E4; color:#8F146E;

font-size:24px; line-height:22px; padding:0 0 0 75px; margin:0 0 0 9px; clear:both;} #rightPan h4 span{color:#9F9D81; background:#F6F4E4; size:16px; font-weight:bold; line-height:18px;}

#rightPan p{padding:20px 0 0 9px;}

#rightPan p.bottompadding{padding:22px 0 0 9px; margin:0 0 38px 0;} #rightPan p span.boldtext{font-weight:bold;}

#rightPan p span.magedacolortext{background:#F6F4E4; color:#8F146E;}

#rightmorePan{width:420px; height:28px; display:block; background:url(images/pattern.gif) 0 0 repeat; border:1px solid #fff; line-height:28px;

padding:0 0 0 20px; margin:0 0 0 9px;}

#rightmorePan a{float:left; width:36px; height:28px; display:block; background:url(images/morebg.gif) 0 0 no-repeat #D5D2BC; color:#1F1E15; text-decoration:none; padding:0 15px 0 45px; margin:0 0 0 135px;}

#rightmorePan a:hover{text-decoration:underline;}

#rightmorenextPan{width:420px; height:28px; display:block; background:url(images/pattern.gif) 0 0 repeat; border:1px solid #fff; line-height:28px;

padding:0 0 0 20px; margin:0 0 0 9px;}

#rightmorenextPan p.textposition{float:left; padding:0 0 0 18px; margin:0px;}

#rightmorenextPan a{float:left; width:36px; height:28px; display:block; background:url(images/morebg.gif) 0 0 no-repeat #D5D2BC; color:#1F1E15; text-decoration:none; padding:0 15px 0 45px; margin:0 0 0 135px;}

#rightmorenextPan a:hover{text-decoration:underline;}

#rightaddPan{width:442px; height:170px; position:relative; margin:0 auto; padding:50px 0 0 9px;}

#rightaddonePan{width:218px; float:left; }

#rightaddonePan p.whitetext{ padding:16px 0 0 16px;} #rightaddonePan p.whitetextbig{ padding:10px 0 0 16px;}

#rightaddonePan a{text-decoration:none; margin:15px 0 0; padding:0 0 0 55px;} #rightaddonePan a:hover{text-decoration:underline;}

/*----/Right Panel----*/ /*----Footer Panel----*/

#footermainPan{background:url(images/footerbg.gif) 0 0 repeat-x #908e7e; color:#fff; position:relative; margin:0 auto; height:227px; clear:both;}

#footerPan{width:691px; position:relative; margin:0 auto; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}

#footerPan ul{width:546px; position:absolute; top:85px; left:42px;} #footerPan li{float:left; }

#footerPan ul li a{padding:0 10px 0; color:#fff; background:#908e7e; text-decoration:none;}

#footerPan ul li a:hover{text-decoration:underline;}

#footerPan ul.templateworld{width:190px; background:#6B6854; color:#fff; display:block; position:absolute; top:160px; left:240px; }

#footerPan ul.templateworld li{height:20px;}

#footerPan ul.templateworld li a{background:#6B6854; display:block; color:#fff; text-decoration:none; padding:0px;}

#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPan p.copyright{width:204px; background:#908e7e; color:#F3F1DF; position:absolute; top:105px; left:218px;}

#footerPanhtml{width:64px; height:19px; display:block; position:absolute; top:132px; left:240px;}

#footerPanhtml a{width:59px; height:18px; background:url(images/arrow2.gif) no-repeat 45px 0px #D0CEB8; display:block; position:absolute; top:0px; left:0px; line-height:19px; padding:1px 0 0 5px; border:1px solid #FFFFFA; color:#353427; text-transform:uppercase; text-decoration:none;}

#footerPanhtml a:hover{background:url(images/arrow3.gif) no-repeat 45px 0px #B0AD93; color:#353427; text-decoration:none;}

#footerPancss{width:64px; height:19px; display:block; position:absolute; top:132px; left:320px;}

#footerPancss a{width:49px; height:18px; background:url(images/arrow3.gif) no-repeat 45px 0px #D0CEB8; display:block; position:absolute; top:0px; left:0px;line-height:19px; padding:1px 0 0 15px; border:1px solid #FFFFFA; color:#353427; text-transform:uppercase; text-decoration:none;}

#footerPancss a:hover{background:url(images/arrow2.gif) no-repeat 45px 0px #B0AD93; color:#353427; text-decoration:none;}

awal.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"> <head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>.:: Zi CMS ::.</title>

<link rel="shortcut icon" href="favicon.ico" >

<link href="style.css" rel="stylesheet" type="text/css" /> </head>

<body>

<div id="mainPan"> <div id="leftPan">

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

<div id="rightPan">

<?php $s=mysql_query("select * from modul where id_modul='28'"); $t=mysql_fetch_array($s);

echo "<h1>$t[static_content]</h1>"; ?>

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

<div id="footermainPan"> <div id="footerPan"> <?php

$menu=mysql_query("SELECT * FROM modul

WHERE publish='Y' and aktif='Y' ORDER BY urutan");

echo "<ul>

<li><a href=?module=home>Home</a> |</li>"; while($r=mysql_fetch_array($menu)){

echo "<li><a href=$r[link]>$r[nama_modul]</a> |</li>";} echo "</ul>"; ?>

<p class="copyright">copyright © 2009 Zi CMS</p> </div></div></body></html>

kiri.php <?php

include "config/koneksi.php"; ?> <div id="leftTopPan">

<a href="index.php"><img src="images/logo.gif" title="Consultant" alt="Consultant" width="160" height="39" border="0" /></a> </div>

<?

$menu=mysql_query("SELECT * FROM modul WHERE publish='Y' and aktif='Y' ORDER BY urutan");

echo "<ul>

<li><a href=?module=home>Home</a></li>"; while($r=mysql_fetch_array($menu)){

echo "<li><a href=$r[link]>$r[nama_modul]</a></li>"; } echo "</ul>"; ?

<?

// Berita Terpopuler

$populer=mysql_query("SELECT * FROM berita ORDER BY counter DESC LIMIT 5");

echo "<h2>artikel</h2> <ul class='linkone'>";

while($p=mysql_fetch_array($populer)){

echo "<li><a href=?module=detailberita&id=$p[id_berita]>$p[judul]</a></li>"; } echo "</ul>";

// Tampilkan banner dalam bentuk gambar

$banner=mysql_query("SELECT * FROM banner ORDER BY id_banner DESC"); while($b=mysql_fetch_array($banner)){ echo "<div id=banner>

<a href=$b[url]><img src='admin/foto_berita/$b[gambar]' border=0 width=160 height=60></a>

</div>"; }?>

kanan.php ?php include "config/koneksi.php"; include "config/fungsi_indotgl.php"; include "config/library.php"; include "config/class_paging.php"; // Bagian Home

if ($_GET[module]=='home'){ // Tampilkan 3 berita terbaru echo "<h2>Selamat Datang</h2>";

$terkini= mysql_query("SELECT * FROM berita,user WHERE user.id_user=berita.id_user

ORDER BY id_berita DESC LIMIT 2"); while($t=mysql_fetch_array($terkini)){

$tgl = tgl_indo($t[tanggal]); echo "<br>$t[hari], $tgl<br>";

echo "Ditulis Oleh : $t[nama_lengkap]<br>";

echo "<a href=?module=detailberita&id=$t[id_berita]>$t[judul]</a>"; echo "<p>";

if ($t[gambar]!=''){

echo "<img src='admin/foto_berita/$t[gambar]' width=150 height=120 hspace=15 border=0 align=left>";

}

$kalimat=strtok(nl2br($t[isi_berita])," "); for ($i=1;$i<=50;$i++){

echo ($kalimat);

echo (" "); // Spasi antar kalimat

$kalimat=strtok(" "); // Potong per kalimat }

echo " ... <a href=$_SERVER[PHP_SELF]?module=detailberita&id=$t[id_berita]>Selengkapnya<

/a><br><br>

<hr color=white>"; } }

// Detail berita

elseif ($_GET[module]=='detailberita'){

$detail=mysql_query("SELECT * FROM berita,user WHERE user.id_user=berita.id_user

AND id_berita='$_GET[id]'"); $d = mysql_fetch_array($detail); $tgl = tgl_indo($d[tanggal]); echo "<p>$d[hari], $tgl<br>"; echo "$d[judul]<br>";

echo "<p>";

if ($d[gambar]!=''){

echo "<img src='admin/foto_berita/$d[gambar]' hspace=10 border=0 align=left>";

}

$isi_berita=nl2br($d[ isi_berita]);

echo "$isi_berita</p>"; echo "<p><br>

[ <a href=javascript:history.go(-1)>Kembali</a> ]</p>"; // Apabila berita dibuka, maka tambahkan counternya

mysql_query("UPDATE berita SET counter=$d[counter]+1 WHERE id_berita='$_GET[id]'");

}

// Bagian berita

elseif ($_GET[module]=='berita'){ echo "<h2> artikel</h2>"; $p = new Paging;

$batas = 8;

$posisi = $p->cariPosisi($batas);

$sql = "SELECT * FROM berita,user WHERE user.id_user=berita.id_user

ORDER BY id_berita DESC LIMIT $posisi,$batas"; $hasil = mysql_query($sql);

while($r=mysql_fetch_array($hasil)){ $tgl = tgl_indo($r[tanggal]);

echo "<tr><td class=isi_kecil>$r[hari], $tgl</td></tr>";

echo "<tr><td class=judul><a href=$_SERVER[PHP_SELF]?module=detailberita&id=$r[id_berita]>$r[judul]</a><

/td></tr>";

echo "<tr><td class=isi>";

$kalimat=strtok(nl2br($r[isi_berita])," "); for ($i=1;$i<=50;$i++){

echo ($kalimat);

echo (" "); // Spasi antar kalimat

$kalimat=strtok(" "); // Potong per kalimat }

echo " ... <a href=$_SERVER[PHP_SELF]?module=detailberita&id=$r[id_berita]>Selengkapnya

</a><br><br>

<hr color=white></td></tr>"; }

$jmldata = mysql_num_rows(mysql_query("SELECT * FROM berita")); $jmlhalaman = $p->jumlahHalaman($jmldata, $batas);

$linkHalaman = $p->navHalaman($_GET[halaman], $jmlhalaman); echo "<tr><td class=kembali>$linkHalaman</td></tr>";

// Bagian Agenda

elseif ($_GET[module]=='agenda'){ echo "<h2> Agenda</h2>"; $p = new Paging;

$batas = 10;

$posisi = $p->cariPosisi($batas);

$sql = "SELECT * FROM agenda,user WHERE user.id_user=agenda.id_user

ORDER BY id_agenda DESC LIMIT $posisi,$batas"; $hasil = mysql_query($sql);

while($r=mysql_fetch_array($hasil)){

$tgl_mulai = tgl_indo($r[tgl_mulai]); $tgl_selesai = tgl_indo($r[tgl_selesai]); $isi_agenda=nl2br($r[isi_agenda]);

echo "<tr><td class=isi_kecil>$tgl_mulai s/d $tgl_selesai</td></tr>"; echo "<tr><td class=judul>$r[tema]</td></tr>";

echo "<tr><td class=isi><b>Topik</b> : $isi_agenda</td></tr>"; echo "<tr><td class=isi><b>Tempat</b> : $r[tempat]</td></tr>";

echo "<tr><td class=isi><b>Pengirim</b> : $r[nama_lengkap]<hr color=white></td></tr>";

}

$jmldata = mysql_num_rows(mysql_query("SELECT * FROM agenda")); $jmlhalaman = $p->jumlahHalaman($jmldata, $batas);

$linkHalaman = $p->navHalaman($_GET[halaman], $jmlhalaman); echo "<tr><td class=kembali>$linkHalaman</td></tr>";

}

// Detail Agenda

elseif ($_GET[module]=='detailagenda'){

$detail=mysql_query("SELECT * FROM agenda,user WHERE user.id_user=agenda.id_user

AND id_agenda='$_GET[id]'"); $d = mysql_fetch_array($detail); $tgl_mulai = tgl_indo($d[tgl_mulai]); $tgl_selesai = tgl_indo($d[tgl_selesai]); $isi_agenda=nl2br($d[isi_agenda]);

echo "<tr><td class=isi_kecil>$tgl_mulai s/d $tgl_selesai</td></tr>"; echo "<tr><td class=judul>$d[tema]</td></tr>";

echo "<tr><td class=isi><b>Topik</b> : $isi_agenda</td></tr>"; echo "<tr><td class=isi><b>Tempat</b> : $d[tempat]</td></tr>";

echo "<tr><td class=isi><b>Pengirim</b> : $d[nama_lengkap]<hr color=white></td></tr>";

echo "<tr><td class=kembali><br>

[ <a href=javascript:history.go(-1)>Kembali</a> ]</td></tr>";

// Bagian Pengumuman

elseif ($_GET[module]=='pengumuman'){ echo "<h2> Pengumuman</h2>"; $p = new Paging;

$batas = 10;

$posisi = $p->cariPosisi($batas);

$sql = "SELECT * FROM pengumuman,user WHERE user.id_user=pengumuman.id_user

ORDER BY id_pengumuman DESC LIMIT $posisi,$batas"; $hasil = mysql_query($sql);

while($r=mysql_fetch_array($hasil)){ $tgl = tgl_indo($r[tanggal]); $isi = nl2br($r[isi]);

echo "<tr><td class=isi_kecil>$tgl</td></tr>"; echo "<tr><td class=judul>$r[judul]</td></tr>"; echo "<tr><td class=isi>$isi</td></tr>";

echo "<tr><td class=isi><b>Pengirim</b> : $r[nama_lengkap]<hr color=white></td></tr>";

}

$jmldata = mysql_num_rows(mysql_query("SELECT * FROM pengumuman")); $jmlhalaman = $p->jumlahHalaman($jmldata, $batas);

$linkHalaman = $p->navHalaman($_GET[halaman], $jmlhalaman); echo "<tr><td class=kembali>$linkHalaman</td></tr>";

}

// Detail Pengumuman

elseif ($_GET[module]=='detailpengumuman'){

$detail=mysql_query("SELECT * FROM pengumuman,user WHERE user.id_user=pengumuman.id_user

AND id_pengumuman='$_GET[id]'"); $d = mysql_fetch_array($detail);

$tgl = tgl_indo($d[tanggal]); $isi = nl2br($d[isi]);

echo "<tr><td class=isi_kecil>$tgl</td></tr>"; echo "<tr><td class=judul>$d[judul]</td></tr>";

echo "<tr><td class=isi>$isi</td></tr>";

echo "<tr><td class=isi><b>Pengirim</b> : $d[nama_lengkap]<hr color=white></td></tr>";

echo "<tr><td class=kembali><br>

[ <a href=javascript:history.go(-1)>Kembali</a> ]</td></tr>"; }

// Bagian Hubungi Kami

elseif ($_GET[module]=='hubungi'){ echo "<h2> Hubungi Kami</h2>";

echo "<tr><td class=isi>Silahkan hubungi kami secara online:</td></tr>"; echo "<form method=POST action='?module=kirimemail'>

<tr><td class=isi>Nama : <input type=text name=nama size=30></td></tr> <tr><td class=isi>E-mail : <input type=text name=email size=30></td></tr> <tr><td class=isi>Subjek: <input type=text name=subjek size=30></td></tr>

<tr><td class=isi>Pesan : <br><textarea name=pesan rows=4 cols=30></textarea></td></tr>

<tr><td><input type=submit value=Kirim></td></tr> </form>";

echo "<tr><td class=kembali><br>

[ <a href=javascript:history.go(-1)>Kembali</a> ]</td></tr>"; }

// Bagian Kirim Email

elseif ($_GET[module]=='kirimemail'){

mysql_query("INSERT INTO hubungi(nama, email,

subjek, pesan, tanggal)

VALUES('$_POST[nama]', '$_POST[email]', '$_POST[subjek]', '$_POST[pesan]', '$tgl_sekarang')");

echo "<tr><td class=judul_head>&#187; Status Email</td></tr>

<tr><td class=isi>Email telah sukses terkirim dan segera akan kami balas</td></tr>

<tr><td class=kembali><br>

[ <a href=javascript:history.go(-1)>Kembali</a> ]</td></tr>";

}

// Bagian Profil

elseif ($_GET[module]=='profil'){ echo "<h2> Profil </h2>";

$profil = mysql_query("SELECT * FROM modul WHERE id_modul='11'"); $r = mysql_fetch_array($profil);

echo "<tr><td class=isi>"; if ($r[gambar]!=''){

echo "<img src='admin/foto_berita/$r[gambar]' hspace=10 border=0 align=left width=250 height=160>";

}

$isi_profil=nl2br($r[static_content]); echo "$isi_profil</td></tr>";

[ <a href=javascript:history.go(-1)>Kembali</a> ]</td></tr>";

}

// Bagian Hasil Pencarian

elseif ($_GET[module]=='hasilcari'){

echo "<tr><td class=judul_head>&#187; Hasil Pencarian</td></tr>";

// Hanya mencari berita, apabila diperlukan bisa ditambahkan utk mencari agenda, pengumuman, dll

$cari = mysql_query("SELECT * FROM berita WHERE isi_berita LIKE '%$_POST[kata]%'");

$jumlah = mysql_num_rows($cari); if ($jumlah > 0){

echo "<tr><td class=isi>

<br>Ditemukan <b>$jumlah</b> berita dengan kata <b>$_POST[kata]</b> : <ul>";

while($r=mysql_fetch_array($cari)){

echo "<li><a href=?module=detailberita&id=$r[id_berita]>$r[judul]</a></li>"; }

echo "</ul></td></tr>"; }

else{

echo "<tr><td class=judul>

Tidak ditemukan berita dengan kata <b>$_POST[kata]</b></td></tr>"; }

echo "<tr><td class=kembali><br>

[ <a href=javascript:history.go(-1)>Kembali</a> ]</td></tr>"; }

?> </table>

media.php

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html> <head>

<title>::: Lokomedia Community Yogyakarta :::</title> <link href="config/style.css" rel="stylesheet" type="text/css"> <style type="text/css"> <!-- body { background-image: url(images/background.gif); margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } -->

<body>

<table width="780" border="0" align="center" cellpadding="0" cellspacing="0"> <tr>

<td colspan="2"><img src="images/header.jpg" width="780" height="177"></td> </tr>

<tr>

<td width="200" valign="top" bgcolor="#285081"><? include "kiri.php"; ?> <p align="center">&nbsp;</p>

</td>

<td width="580" valign="top" bgcolor="#FFFFFF"><p> <? include "kanan.php"; ?>

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

<tr>

<td height="30" colspan="2"><img src="images/footer.gif" width="780" height="30"></td></tr></table></body></html>

(dalam folder admin) aksi.php session_start(); include "../config/koneksi.php"; include "../config/library.php"; $module=$_GET[module]; $act=$_GET[act];

// Menghapus data

if (isset($module) AND $act=='hapus'){

mysql_query("DELETE FROM ".$module." WHERE id_".$module."='$_GET[id]'");

header('location:media.php?module='.$module); }

// Input user

elseif ($module=='user' AND $act=='input'){ $pass=md5($_POST[password]);

mysql_query("INSERT INTO user(id_user, password, nama_lengkap, email) VALUES('$_POST[id_user]', '$pass', '$_POST[nama_lengkap]', '$_POST[email]')"); header('location:media.php?module='.$module); }

// Update user

elseif ($module=='user' AND $act=='update'){ // Apabila password tidak diubah

if (empty($_POST[password])) {

mysql_query("UPDATE user SET id_user = '$_POST[id_user]', nama_lengkap = '$_POST[nama_lengkap]', email = '$_POST[email]'

WHERE id_user = '$_POST[id]'"); }

// Apabila password diubah else{

$pass=md5($_POST[password]);

mysql_query("UPDATE user SET id_user = '$_POST[id_user]', password = '$pass',

nama_lengkap = '$_POST[nama_lengkap]', email = '$_POST[email]'

WHERE id_user = '$_POST[id]'"); }

header('location:media.php?module='.$module); }

// Input modul

elseif ($module=='modul' AND $act=='input'){ mysql_query("INSERT INTO modul(nama_modul, link, publish, aktif, status, urutan) VALUES('$_POST[nama_modul]', '$_POST[link]', '$_POST[publish]', '$_POST[aktif]', '$_POST[status]', '$_POST[urutan]')"); header('location:media.php?module='.$module); }

// Update modul

elseif ($module=='modul' AND $act=='update'){

mysql_query("UPDATE modul SET nama_modul = '$_POST[nama_modul]', link = '$_POST[link]',

publish = '$_POST[publish]', aktif = '$_POST[aktif]', status = '$_POST[status]', urutan = '$_POST[urutan]' WHERE id_modul = '$_POST[id]'"); header('location:media.php?module='.$module); }

// Input agenda

elseif ($module=='agenda' AND $act=='input'){

$mulai=sprintf("%02d%02d%02d",$_POST[thn_mulai],$_POST[bln_mulai],$_POST [tgl_mulai]);

$selesai=sprintf("%02d%02d%02d",$_POST[thn_selesai],$_POST[bln_selesai],$_PO ST[tgl_selesai]);

mysql_query("INSERT INTO agenda(tema, isi_agenda, tempat, tgl_mulai, tgl_selesai, tgl_posting, id_user) VALUES('$_POST[tema]', '$_POST[isi_agenda]', '$_POST[tempat]', '$mulai', '$selesai', '$tgl_sekarang', '$_SESSION[namauser]')"); header('location:media.php?module='.$module); }

// Update agenda

elseif ($module=='agenda' AND $act=='update'){ $mulai=sprintf("%02d%02d%02d",$_POST[thn_mulai],$_POST[bln_mulai],$_POST [tgl_mulai]); $selesai=sprintf("%02d%02d%02d",$_POST[thn_selesai],$_POST[bln_selesai],$_PO ST[tgl_selesai]);

mysql_query("UPDATE agenda SET tema = '$_POST[tema]', isi_agenda = '$_POST[isi_agenda]',

tgl_mulai = '$mulai', tgl_selesai = '$selesai',

tempat = '$_POST[tempat]' WHERE id_agenda = '$_POST[id]'"); header('location:media.php?module='.$module); }

// Input pengumuman

elseif ($module=='pengumuman' AND $act=='input'){

$tanggal=sprintf("%02d%02d%02d",$_POST[thn],$_POST[bln],$_POST[tgl]);

mysql_query("INSERT INTO pengumuman(judul, isi, tanggal, tgl_posting, id_user) VALUES('$_POST[judul]', '$_POST[isi_pengumuman]', '$tanggal',

'$tgl_sekarang',

'$_SESSION[namauser]')"); header('location:media.php?module='.$module); }

// Update pengumuman

elseif ($module=='pengumuman' AND $act=='update'){

$tanggal=sprintf("%02d%02d%02d",$_POST[thn],$_POST[bln],$_POST[tgl]); mysql_query("UPDATE pengumuman SET judul = '$_POST[judul]', isi = '$_POST[isi_pengumuman]',

tanggal = '$tanggal'

WHERE id_pengumuman = '$_POST[id]'"); header('location:media.php?module='.$module);

}

// Input berita

elseif ($module=='berita' AND $act=='input'){ $lokasi_file = $_FILES['fupload']['tmp_name']; $nama_file = $_FILES['fupload']['name']; // Apabila ada gambar yang diupload if (!empty($lokasi_file)){

move_uploaded_file($lokasi_file,"foto_berita/$nama_file"); mysql_query("INSERT INTO berita(judul,

id_kategori, isi_berita, id_user, jam, tanggal, hari, gambar) VALUES('$_POST[judul]', '$_POST[kategori]', '$_POST[isi_berita]', '$_SESSION[namauser]', '$jam_sekarang', '$tgl_sekarang', '$hari_ini', '$nama_file')"); } else{

mysql_query("INSERT INTO berita(judul, id_kategori, isi_berita, id_user, jam, tanggal, hari) VALUES('$_POST[judul]', '$_POST[kategori]',

'$_POST[isi_berita]', '$_SESSION[namauser]', '$jam_sekarang', '$tgl_sekarang', '$hari_ini')"); } header('location:media.php?module='.$module); }

// Update berita

elseif ($module=='berita' AND $act=='update'){ $lokasi_file = $_FILES['fupload']['tmp_name']; $nama_file = $_FILES['fupload']['name']; // Apabila gambar tidak diganti

if (empty($lokasi_file)){

mysql_query("UPDATE berita SET judul = '$_POST[judul]', id_kategori = '$_POST[kategori]',

isi_berita = '$_POST[isi_berita]' WHERE id_berita = '$_POST[id]'"); }

else{

move_uploaded_file($lokasi_file,"foto_berita/$nama_file"); mysql_query("UPDATE berita SET judul = '$_POST[judul]', id_kategori = '$_POST[kategori]',

isi_berita = '$_POST[isi_berita]', gambar = '$nama_file' WHERE id_berita = '$_POST[id]'"); }

header('location:media.php?module='.$module); }

// Input banner

elseif ($module=='banner' AND $act=='input'){ $lokasi_file = $_FILES['fupload']['tmp_name']; $nama_file = $_FILES['fupload']['name']; // Apabila ada gambar yang diupload if (!empty($lokasi_file)){

move_uploaded_file($lokasi_file,"foto_berita/$nama_file"); mysql_query("INSERT INTO banner(judul,

url, tgl_posting, gambar) VALUES('$_POST[judul]', '$_POST[link]', '$tgl_sekarang', '$nama_file')"); } else{

tgl_posting, url) VALUES('$_POST[judul]', '$tgl_sekarang', '$_POST[link]')"); } header('location:media.php?module='.$module); }

// Update banner

elseif ($module=='banner' AND $act=='update'){ $lokasi_file = $_FILES['fupload']['tmp_name']; $nama_file = $_FILES['fupload']['name']; // Apabila gambar tidak diganti

if (empty($lokasi_file)){

mysql_query("UPDATE banner SET judul = '$_POST[judul]', url = '$_POST[link]'

WHERE id_banner = '$_POST[id]'"); }

else{

move_uploaded_file($lokasi_file,"foto_berita/$nama_file"); mysql_query("UPDATE banner SET judul = '$_POST[judul]', url = '$_POST[link]',

gambar = '$nama_file'

WHERE id_banner = '$_POST[id]'"); }

header('location:media.php?module='.$module); }

elseif($module=='profil' and $act=='update'){

$lokasi_file = $_FILES['fupload']['tmp_name']; $nama_file = $_FILES['fupload']['name']; if(empty($lokasi_file)){

mysql_query("update modul set static_content = '$_POST[isi]' where id_modul='11'");

}else{

move_uploaded_file($lokasi_file,"foto_berita/$nama_file");

mysql_query("update modul set static_content = '$_POST[isi]', gambar = '$nama_file' where id_modul='11'");

}

header('location:media.php?module='.$module); }

elseif($module=='site' and $act=='update'){

mysql_query("update modul set static_content = '$_POST[sit]' where id_modul='28'");

header('location:media.php?module='.$module); } ?>

.form-table p {

margin: 4px 0 0 0; font-size: 11px; }

.form-table input { line-height: 20px; font-size: 15px; padding: 2px; }

#error-page { margin-top: 50px; } #error-page p {

font-size: 12px; line-height: 18px; margin: 25px 0 20px; }

#error-page code { font-family: Consolas, Monaco, Courier, monospace; }

library.php

?php

$seminggu = array("Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu"); $hari = date("w");

$hari_ini = $seminggu[$hari]; $tgl_sekarang = date("Ymd"); $thn_sekarang = date("Y"); $jam_sekarang = date("H:i:s");

$nama_bln=array(1=> "Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September",

"Oktober", "November", "Desember"); ?>

LAMPIRAN B : DAFTAR ISTILAH

CMS : Sebuah aplikasi yang digunakan untuk membantu user dalam proses memanage konten.

PHP : Bahasa script server-side dalam pengembangan web yang disisipkan pada dokumen HTML.

MySQL : Salah satu jenis database server yang sangat tekenal.

Frontend : Komputer kecil yang berada di antara sekelompok terminal dan komputer utama.

Backend : Komputer server yang mengolah data dalam komunikasi data. Server : Aplikasi jaringan komputer yang digunakan untuk melayani banyak

user di dalam jaringan.

Opensource : sistem pengembangan yang tidak dikoordinasi oleh suatu orang/lembaga pusat, tetapi oleh para pelaku yang bekerja sama dengan memanfaatkan kode sumber (source-code) yang tersebar dan tersedia bebas (biasanya menggunakan fasilitas komunikasi internet). CGI : Peraturan yang menerangkan bagaimana sebuah sebuah web server

berkomunikasi dengan bagian lain dari mesin yang sama (mengatur input dan output).

Cookies : Sejumlah kecil data yang disimpan oleh browser user bersamaan suatu permintaan dari suatu server atau script.

Database : Kumpulan informasi yang disimpan di dalam komputer secara sistematik sehingga dapat diperiksa menggunakan suatu program komputer untuk memperoleh informasi dari basis data tersebut.

Query : Suatu bahasa komputer yang digunakan untuk melakukan permintaan terhadap basis data dan sistem informasi.

SQL : Standar utama untuk bahasa database.

DFD : Data Flow Diagram yaitu gambaran sisitem secara logika.

Algoritma : Urutan langkah-langkah berhingga untuk memecahkan logika atau matematika.

Flowchart : Langkah-langkah dalam membuat sebuah program.

Software : Perangkat lunak berupa program yang menjalankan operasi komputer. Hardware : Komponen yang sangat dibutuhkan dalam mewujudkan sistem yang

diusulkan.

Brainware : Sumber daya manusia yang nantinya akan berperan sebagai user ataupun administrator sistem.

Non technical : Hal-hal diluar interaksi langsung dengan suatu hal/benda. Ada ukuran Nominal.

SURAT KETERANGAN ( Hasil Uji Tugas Akhir )

Yang bertanda tangan di bawah ini, menerangkan bahwa mahasiswa Tugas Akhir Program D III Ilmu Komputer :

Nama : Nurulliana zi

NIM : 062406022

Program Studi : D III Ilmu Komputer

Judul Tugas Akhir : MEMBANGUN APLIKASI CMS DENGAN MENGGUNAKAN PHP DAN MYSQL

Telah melaksanakan uji tugas akhir dari mahasiswa tersebut di atas pada Juni 2009

Dengan hasil : SUKSES / GAGAL

Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU Medan.

Medan, Juni 2009 Dosen pembimbing

(Drs. Henry Rani Sitepu, M. Si) NIP. 131283729

DEPARTEMEN PENDIDIKAN NASIONAL

UNIVERSITAS SUMATERA UTARA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM(FMIPA)

Jl. Bioteknologi No.1 Kampus USU Telp. (061) 8211050 Fax (061) 8214290 MEDAN – 20155, Email : Dekanat@FMIPA.USU.AC.ID

Nama Mahasiswa

Nomor Induk Mahasiswa Judul Tugas Akhir Dosen Pembimbing Tanggal Mulai Bimbingan Tanggal Selesai Bimbingan

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

: : : : : : Nurulliana zi 062406022

Membangun Aplikasi CMS dengan menggunakan PHP dan Mysql Drs. Henry rani sitepu, M. Si

No Tanggal Bimbingan

Pembahasan Mengenai, pada bab :

Paraf Dosen

Pembimbing Keterangan

* Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan telah selesai.

Diketahui/Disetujui oleh

Departemen Matematika FMIPA USU

Ketua, Dosen Pembimbing

Dr. Saib Suwilo, M. Sc. Drs. Henry Rani Sitepu, M.Si