TUGAS AKHIR
Program Studi
MANAJEMEN INFORMATIKA
OLEH :
FAKULTAS TEKNIK
UNIVERSITAS SATYA NEGARA INDONESIA
JAKARTA
2016
PERANCANGAN SISTEM PENYEWAAN PLAYSTATION
BERSAUDARA BERBASIS WEB
TUGAS AKHIR
Program Studi
MANAJEMEN INFORMATIKA
OLEH :
FAKULTAS TEKNIK
UNIVERSITAS SATYA NEGARA INDONESIA
JAKARTA
2016
SURAT PERNYATAAN KARYA SENDIRI
NIM : 011303303125004
Menyatakan bahwa Tugas Akhir ini adalah murni hasil karya sendiri dan seluruh isi Tugas Akhir
menjadi tanggung jawab saya sendiri. Apabila saya mengutip dari karya orang lain maka saya
mencantumkan sumbernya sesuai dengan ketentuan yang berlaku. Saya bersedia dikenai sanksi
pembatalan Tugas Akhir ini apabila terbukti melakukan tindakan plagiat (penjiplakan)
Materai 6.000
(Mapsul Riyadi)
011303303125004
iii
LEMBAR PENGESAHAN TUGAS AKHIR
FAKULTAS : Teknik
iv
LEMBAR PENGESAHAN PENGUJI
OLEH:
NAMA : Mapsul Riyadi
NIM : 011303303125004
Ketua Penguji
v
UNIVERSITAS SATYA NEGARA INDONESIA
FAKULTAS TEKNIK
Jalan Arteri Pondok Indah No.11 Jakarta Selatan 12240
Telp (021) 7398393 (Hunting), Fax (021) 7200352
Website http://www.usni.ac.id
Tanda tangan
No Tanggal Catatan Pembimbing I
pembimbing
10
vi
UNIVERSITAS SATYA NEGARA INDONESIA
FAKULTAS TEKNIK
Jalan Arteri Pondok Indah No.11 Jakarta Selatan 12240
Telp (021) 7398393 (Hunting), Fax (021) 7200352
Website http://www.usni.ac.id
Tanda tangan
No Tanggal Catatan Pembimbing II
pembimbing
10
vii
KATA PENGANTAR
Puji dan syukur penulis panjatkan kepada ALLAH SWT atas segala
rahmat dan karunia-nya penulis dapat menyelesaikan Tugas Akhir ini. Walaupun
pada hakekatnya dalam penyusunan karya tulis ini penulis mengalami berbagai
Adapun tujuan dari pembuatan karya tulis ini adalah untuk memenuhi
salah satu syarat dalam menempuh ujian guna memperoleh Gelar Ahli Madya
Penulis menyadari bahwa Tugas Akhir ini masih banyak kekurangan baik
dari segi materi maupun tata bahasanya. Oleh karena itu, penulis sangat
mengharapkan kritik, saran dan koreksi dari para pembaca, agar penulis mendapat
kepada semua pihak yang telah membantu dalam pembuatan karya tulis ini,
1. Allah SWT atas segala rahmat dan karuniaNya dan bimbinganNya, sehingga
vi
2. Ibu Ir.Nurhayati,M.Si, selaku Dekan Fakultas Teknik Universitas Satya Negara
Indonesia.
Akademik .
6. Kedua orang tua dan saudara penulis yang telah mendukung dan memberikan
doa restu.
Demikianlah tugas akhir ini kami buat berdasarkan hal-hal yang penulis
lakukan selama bekerja. Semoga tugas akhir ini dapat bermanfaat bagi penulis
pada khususnya dan dapat berguna bagi siapa saja yang membaca dan
memerlukan pada umumnya. Tak lupa juga penulis mengharapkan kritik dan
Penulis
vii
Abstract
In making this information system the author wants it easier for customers
information, customers can directly access their own and can choose the
The information system that the author made use of the web by using
Adobe Dreamweaver , PHP MySQL , Notepad , this website contains the main
ix
Abstrak
adakannya sistem informasi ini, pelanggan dapat langsung mengakses sendiri dan
berisi tentang halaman utama, jenis penyewaan, dan profil rental PS.
viii
DAFTAR ISI
HALAMAN
HALAMAN SAMPUL .................................................................................... i
HALAMAN JUDUL ........................................................................................ ii
LEMBAR PERNYATAAN KARYA SENDIRI ........................................... iii
LEMBAR PENGESAHAN PEMBIMBING ................................................ iv
LEMBAR PENGESAHAN DEWAN PENGUJI ......................................... v
KATA PENGANTAR ...................................................................................... vi
ABSTRAK ........................................................................................................ viii
DAFTAR ISI .................................................................................................... x
DAFTAR TABEL ............................................................................................ xiii
DAFTAR GAMBAR ........................................................................................ xiv
DAFTAR SIMBOL .......................................................................................... xv
BAB I PENDAHULUAN
1.1 Latar Belakang ............................................................................. 1
1.2 Rumusan Masalah ....................................................................... 2
1.3 Ruang lingkup.................................................... ............................ 2
1.4 Tujuan Analisa .......................................................................... ... 3
1.5 Sistematika Penulisan.................................................................. .. 3
x
2.5.2 Fungsi Web ......................................................................... 11
2.5.3 Cara Kerja Web ................................................................... 13
2.6 Pengertian MySQL ........................................................................ 14
2.6.1 Keunggulan MySQL ........................................................... 15
2.7 Pengertian Field, File, Record dan Database ................................ 16
2.7.1 Asal Mula Istilah Database ................................................. 16
2.8 Metode Analisis dan Perancangan Terstruktur ............................. 18
2.8.1 ERD (Entity Relationship Diagram) .................................... 19
2.8.2 Flowmap .............................................................................. 19
2.8.3 Diagram Konteks ................................................................. 19
2.8.4 Data Flow Diagram .............................................................. 20
xi
5.2 Saran ............................................................................................ 38
DAFTAR PUSTAKA
LAMPIRAN
xii
DAFTAR GAMBAR
Gambar 4.5 : Rancangan tabel system informasi daftar info harga ...................... 28
xiv
DAFTAR SIMBOL
Flow Map
masuk secara
komputerisasi
antara beberapa
kemungkinan
komputer
xv
Data Flow Diagram
oleh
komputer
dari
sistem informasi
xvi
DAFTAR TABEL
xiii
BAB I
PENDAHULUAN
gerak yang keluar jika dihubungkan dengan televisi melalui kabel penghubung.
berbasis program komputer yang memberikan jenis permainan baru yang sangat
ragam tema, gambar serta efek suara yang menarik.Anak dapat memainkan
permainan sepak bola, balap mobil, balap motor, permainan detektif, penelusuran
dokumen yang dilakukan badan usaha ini masih dilakukan secara manual
Apalagi kondisi dimana penyewaan PS dalam keadaan ramai ketika hari libur
(weekend).
1
2
agar mempermudah dalam pengolahan data dan pelayanan kepada pelanggan dan
masalah pada :
a. Pendataan pelanggan ?
b. Data PlayStation ?
1. Tujuan
b. Tercapai efisiensi waktu pada saat di perlukan penyajian laporan biaya sewa PS.
2. Manfaat
pelanggan
playstation.
Tugas Akhir ini tentang perancangan sistem penyewaan berbasis web akan ditulis
BAB I PENDAHULUAN
Pada bab ini berisi tentang landasan teori yang menunjang di dalam
penulisan Tugas Akhir ini antara lain mengenai perancangan sistem itu sendiri,
PHP, MySQL, Unified Modelling Language, Data Flow Diagram, dan semua teori
istansi, lokasi penelitian, analisa yang sedang berjalan dan usulannya. Serta
dibuat tersebut..
Dalam bab ini akan diuraikan mengenai perancangan sistem, diagram alir
proses, use case diagram dan hal lain yang terkait dalam perancangan sistem.
Dalam bab ini berisikan tentang kesimpulan hasil dari penelitian yang
telah dilakukan serta saran-saran yang mungkin dapat berguna untuk perancangan
program.
BAB II
LANDASAN TEORI
bahwa “sistem adalah terdiri atas objek-objek, atau unsur-unsur, atau komponen-
komponen yang berkaitan dan berhubungan satu sama lainnya sedemikian rupa
”sistem bisa berupa abstrak atau fisis. Sistem yang abstrak adalah susunan yang
5
6
sistem teologi adalah susunan yang teratur dari gagasan-gagasan tentang Tuhan,
manusia, dan lain sebagainya. Sedangkan sistem yang bersifat fisis adalah
bahwa yang dimaksud dengan Sistem adalah urutan prosedur yang berhubungan
Karakteristik Sistem
adalah:
Terdiri dari sejumlah komponen yang saling berinteraksi, yang artinya saling
bekerja sama membentuk satu kesatuan. Komponen sistem dapat berupa suatu
Daerah yang membatasi antara suatu sistem dengan sistem yang lainnya atau
Bentuk apapun yang ada di luar sistem yang mempengaruhi operasi sistem.
Maintenance Input adalah energi yang dimasukkan supaya sistem tersebut dapat
beroperasi. Sedangkan Signal Input adalah energi yang diproses untuk didapatkan
keluaran.
Hasil dari energi yang diolah dan diklasifikasikan menjadi keluaran yang berguna
manajemen.
Sistem yang memiliki tujuan dan sasaran yang pasti dan bersifat deterministic.
Data adalah sesuatu yang belum mempunyai arti bagi penerimanya dan
masih memerlukan adanya suatu pengolahan. Data bisa berujut suatu keadaan,
yang bisa kita gunakan sebagai bahan untuk melihat lingkungan, obyek, kejadian
data, sehingga dapat menjadi lebih berguna dan dapat digunakan oleh siapa saja
8
belajar, pengalaman atau instruksi. Namun, istilah ini masih memiliki banyak arti
tertentu yang telah dikumpulkan ataupun dari sebuah berita dapat juga dikatakan
sebagai informasi. Lain halnya dalam ilmu komputer, informasi adalah data yang
maupun instruksi.
Dari pengertian lainnya informasi adalah data yang telah diberi makna.
membuat informasi dari data yang ada didalamnya. Laporan laba rugi dan neraca
didalamnya adalah data yang telah diproses sehingga bisa digunakan oleh siapa
saja yang membutuhkannya dan pada akhrinya Sifat informasi ini adalah bisa
bahwa sistem informasi adalah suatu sistem didalam suatu organisasi yang
bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan
Blok ini terdiri dari kombinasi prosedur, logika dan model matematik yang
akan memanipulasi data input dan data yang tersimpan dibasis data dengan cara
Merupakan kumpulan dari data yang saling berhubungan satu dengan yang
untuk memanipulasinya.
10
dapat merusak sistem dapat dicegah ataupun bila terlanjur terjadi keslahan-
sesuatu faktor produksi yang melebihi dari pendapatan yang diterimanya dari
pilihan pekerjaan lain yang terbaik yang mungkin dilakukannya. Di dalam definisi
dibayarkan kepada pemilik oleh pihak yang menggunakan sebagai balas jasa
2.5 Web
Website adalah sering juga disebut Web, dapat diartikan suatu kumpulan-
gambar diam ataupun bergerak, data animasi, suara, video maupun gabungan dari
semuanya, baik itu yang bersifat statis maupun yang dinamis, yang dimana
Atau definisi website adalah kumpulan dari berbagai macam halaman situs,
yang terangkum didalam sebuah domain atau juga subdomain, yang lebih
tempatnya berada di dalam WWW (World Wide Web) yang tentunya terdapat di
dalam Internet. Halaman website biasanya berupa dokumen yang ditulis dalam
format Hyper Text Markup Language (HTML), yang bisa diakses melalui HTTP,
HTTP adalah suatu protokol yang menyampaikan berbagai informasi dari server
website untuk ditampilkan kepada para user atau pemakai melalui web browser.
Fungsi utama dari web server adalah untuk mentransfer atau memindahkan
berkas yang diminta oleh pengguna melalui protokol komunikasi tertentu. Oleh
karena dalam satu halaman web biasanya terdiri dari berbagai macam jenis berkas
seperti gambar, video, teks, audio, file dan lain sebagainya, maka pemanfaatan
dalam halaman tersebut, termasuk teks, gambar, video, audio, file dan sebagainya.
Pada saat anda ingin mengakses sebuah halaman website, biasanya anda
Setelah anda meminta (biasanya dengan menekan enter) untuk dapat mengakses
web server berperan, web server akan mencarikan data yang diminta browser, lalu
mengirimkan data tersebut ke browser atau menolaknya jika ternyata data yang
Beberapa contoh web server yang paling banyak digunakan diantaranya adalah :
12
o Apache
o Apache Tomcat
o Nginx
o Lighttpd
o Litespeed
o HTTP
o Logging
o Virtual Hosting
o Pengaturan Bandwidth
o Otektifikasi
o Kompresi Konten
o HTTPS
HTTP (Hypertext Transfer Protocol) adalah protokol yang digunakan oleh web
server dan web browser untuk dapat berkomunikasi antara satu sama lain.
aman (secure) dari HTTP. Biasanya protokol HTTP menggunakan port 80 dan
keduanya, anda bisa lihat pada saat anda mengakses suatu halaman website
Web server biasanya telah dilengkapi pula dengan mesin penerjemah bahasa
skrip yang memungkinkan web server dapat menyediakan layanan situs dinamis,
Sederhananya tugas web server adalah untuk menerima permintaan dari client
Seperti yang sudah saya informasikan diatas bahwa client yang dimaksud
disini adalah komputer desktop yang memiliki atau telah menginstall web browser
seperti Chrome, Mozilla, Opera dan lain-lain yang dapat terhubung ke web server
Perangkat lunak web server terdapat pada komputer server, dan di komputer ini
pula-lah data-data website tersimpan dengan rapih. Sama halnya dengan komputer
client, komputer server juga harus terhubung dengan jaringan internet atau
Pada saat client (browser) meminta data web page kepada server, maka
instruksi permintaan data oleh browser tersebut akan dikemas di dalam TCP yang
merupakan protokol transport dan dikirim ke alamat yang dalam hal ini
merupakan protokol berikutnya yaitu Hyper Text Transfer Protocol (HTTP) dan
atau Hyper Text Transfer Protocol Secure (HTTPS). Data yang diminta dari
browser ke web server disebut dengan HTTP request yang kemudian akan
dicarikan oleh web server di dalam komputer server. Jika ditemukan, data tersebut
14
akan dikemas oleh web server dalam TCP dan dikirim kembali ke browser untuk
ditampilkan. Data yang dikirim dari server ke browser dikenal dengan HTTP
response. Jika data yang diminta oleh browser tersebut ternyata tidak ditemukan
oleh web server, maka web server akan menolak permintaan tersebut dan browser
Meskipun proses atau cara kerja web server diatas seperti sangat rumit, tapi
pada prakteknya proses tersebut berlangsung dengan sangat cepat. Anda bahkan
bisa sampai tidak menyadari bahwa pada saat anda meminta suatu halaman web,
ternyata hal itu membutuhkan proses yang sangat panjang sampai halaman
Web, dan baik untuk kategori open source maupun umum, MySQL adalah
MySQL telah terpasang di sekitar 3 juta komputer. Puluhan hingga ratusan ribu
situs mengandalkan MySQL bekerja siang malam memompa data bagi para
pengunjungnya.
15
berbagai platform Linux dan berbagai varian Unix. Sesuatu yang tidak dimiliki
server Web berbasiskan Unix, ini menjadikan Access otomatis tidak dapat dipakai
dibutuhkan dalam aplikasi Web. Misalnya, klausa LIMIT SQL-nya, praktis untuk
melakukan paging. Atau jenis indeks field FULLTEXT, untuk full text searching.
diperdebatkan dengan berbagai benchmark berbeda, tapi kalau soal yang satu ini
mengirimkan satu atau lebih perintah SQL, lalu memutuskan koneksi lagi.
Cobalah melakukan hal ini dengan Interbase atau bahkan Oracle. Maka dengan
load beberapa request per detik saja server Web/database Anda mungkin akan
Field adalah kumpulan dari karakter yang membentuk satu arti,Atau definisi
field yang lainnya yaitu tempat atau kolom yang terdapat dalam suatu tabel untuk
Record adalah kumpulan field yang sangat lengkap, dan biasanya dihitung
dalam satuan baris. File adalah terdiri dari record-record yang menggambarkan
dari satu kesatuan data yang sejenis. Misalnya seperti file nama barang berisikan
data tentang semua nama barang yang ada. Data adalah kumpulan fakta atau
Database adalah susunan record data operasional lengkap dari suatu organisasi
mengenai database komputer. Catatan yang mirip dengan database besar, kuitansi
Konsep dasar database adalah kumpulan dari catatan, atau potongan dari
yang tersimpan di dalamnya: penjelasan ini disebut skema. Ada banyak cara untuk
database model atau model data. Model yang umum digunakan sekarang adalah
model relasional, yang menurut istilah yaitu mewakili semua informasi dalam
bentuk tabel yang saling berhubungan dimana setiap tabel terdiri dari baris dan
model ini, hubungan antar tabel diwakili dengan menggunakan nilai yang sama
antar tabel.
yang digunakan untuk mengelola dan memanggil kueri (query) database disebut
Sedangkan level dari softwarenya sendiri, terdapat dua level software yang
Yang termasuk di dalam High Level Software, antara lain Microsoft SQL
Microsoft Access, dBase III, Paradox, FoxPro, Visual FoxPro, Arago, Force,
Lotus Smart Suite Approach. Sedangkan yang termasuk di dalam Low Level
d. Tipe Database
External data base, Hypermedia databases on the web, Navigational database, In-
RelationalDatabase.
1. Problem Solving : sistem lama tidak berfungsi sesuai dengan kebutuhan untuk
itu analisis diperlukan untuk memperbaiki sistem sehingga dapat berfungsi sesuai
dengan kebutuhan.
mendukung organisasi.
Diagram (ERD) digunakan untuk menjelaskan hubungan antar data dalam basis
didasarkan pada suatu persepsi bahwa real world terdiri atas obyek-obyek dasar
bahkan oleh para pengguna yang awam. Bagi perancang atau analis sistem, Entity
basis data akan di kembangkan. Model ini juga membantu perancang atau analis
sistem pada saat melakukan analis dan perancangan basis data karena model ini
didalamnya.
informasi yang berjenjang dalam bentuk modul dan sub modul yang menjelaskan
mengenai elemen data, elemen data, elemen kontrol, modul dan hubungan antara
modul.
lingkaran.
20
Elemen penting dari sistem yang ada di dalam diagram konteks adalah sebagai
berikut :
terminator.
terstruktur. Beberapa simbol yang dicapai oleh Data Flow Diagram adalah
external entity, process, dan data store. Data Flow Diagram adalah alat yang
bantu yang cukup populer sekarang ini, karena dapat menggambarkan arus data
METODE PENELITIAN
manual atau Konvensional, yaitu dengan cara mencatat menggunakan buku besar,
sehingga masih banyak terjadi human error. Human error di sini karena penjaga
rental tidak teliti dalam penulisan nama, tanggal pinjam, dan tanggal
mendapatkan data yang akurat dan tepat dari proses-proses transaksi yang sudah
1. User merupakan admin tanpa membedakan status user sebagai karyawan ataupun
manager.
yang dilakukan oleh sistem di dalam Sistem Informasi Penjualan Majalah ini.
21
22
Rancangan sistem Sistem Informasi Penjualan majalah ini merupakan sistem yang
Pelanggan Staff
Start
Identitas
Pilih PS Pilih PS
Terima Bayar
Bayar Sewa PS
Sewa
Terima PS Pemberian PS
Selesai
mengalir dalam suatu sistem. Adapun fungsi dari flow map adalah untuk
dalam dan keluar sistem atau keluar entitas eksternal yang terletak diluar sistem,
Transaksi pembayaran PS
Pelanggan Staff
Input identitas
1.0
Mencari PS Masukkan Identitas Input Identitas
pelanggan
2.0
Kirim identitas
Masukkan data sewa
PERANCANGAN SISTEM
Mulai
Input identitas
Isi identitas
Input Data
Pelanggan
Simpan Data
Pelanggan
Buat Laporan
Penyewaan PS
Laporan
Penyewaan PS
Transaksi
Laporan
Penyewaan PS Selesai
25
26
Pembuatan Laporan
Transaksi pembayaran PS
Laporan Pemilik
Pelanggan Staff
PS di temukan
1.0
Mencari PS Pencarian PS
Masukkan Nomor PS
2.0
Masukkan data sewa
3.0
Transaksi PS Pembayaran Total pembayaran Bon pembayaran
Penyewaan PS
Home
Info Harga
Sewa PS
Kontak
Info Cabang
Sewa PS
Kontak
LogOut
Sewa PS Type PS
Kontak
ok
LogOut
Jenis PS
Info Harga
Type PS
Harga otomatis
Tanggal sewa
Sewa PS
Tanggal Kembali
Kontak
kirim batal
yang berisi kolom isian untuk pengguna atau customer yang ingin memberikan
Nomor
Nama dan Logo telepon
Login dan Register
KONTAK KAMI
Home
Sewa PS
Pesan,Saran dan kritik
Kontak Kirim
Tabel ini dirancang sebagai tabel input laporan pelanggan yang telah
menggunakan jasa salon mobil, sehingga dapat di lihat dari periode yang
CUSTOMER
PAKET HARGA
Download
LAPORAN
Daftar laporan periode ini dibuat untuk mengetahui daftar pelanggan serta
jenis dan type mobil yang paling banyak customer orderkan. Berdasarkan dari
Tabel admin menjelaskan data yang berisi username, dan password admin.
tgl_pemakaian.
id_cara_bayar Int 11
cara_bayar Varchar 15
id_sewa Int 20
Nama Varchar 25
harga_sewa Double
Shift Varchar 10
id_status_transaksi Int 11
status_transaksi Varchar 15
37
Status Customer
Booking
id_status_customer* Id_booking*
status_customer No_invoice
Nama_penyewa
acara
Tgl_pemakaian
shift
Id_sewa* Id_pemakai**
Id_sewa** Transaksi
nama
Id_booking** id_status_transaksi*
harga_sewa
id_cara_pesan** status_transaksi
shift
id_Cara_bayar**
id_status_transaksi**
5.1. Kesimpulan
jenis PS.
3. Selain itu sistem informasi ini juga dapat mempermudah staff dalam
penyajian laporan
5.2. Saran
informasi Penyewaan PS ini, dapat diambil beberapa saran yang dapat dijadikan
1. Perlu diadakan pelatihan kepada staff admin yang akan menggunakan sistem
2. Perlu adanya maintenance database, juga jenis PS apa yang masih up to date
38
LAMPIRAN
MENU LOGIN
MENU UTAMA
MENU CUSTOMER
DETAIL CUSTOMER
MENU TRANSAKSI
MENU LAPORAN
MENU PENGATURAN
Menu Login name="txtUsername" size="30"
/></td></tr>
<!DOCTYPE html PUBLIC "-
//W3C//DTD XHTML 1.0 <tr><td><span
Transitional//EN" class="std">Password</span></td><
"http://www.w3.org/TR/xhtml1/DTD td><span
/xhtml1-transitional.dtd"> class="std">:</span></td><td><inpu
<html t class="text" type="password"
xmlns="http://www.w3.org/1999/xht name="txtPassword" size="30"
ml"> /></td></tr>
<head>
<meta http-equiv="Content-Type" <tr><td> </td><td> </t
content="text/html; charset=iso- d><td><input class="buttom"
8859-1" /> type="submit" value="Login" />
<title>Otorisasi Pemakai</title> <input class="buttom" type="button"
<link href="css/login.css" value="Reset" /></td></tr>
rel="stylesheet" type="text/css" /> </table>
</head> </form>
</div>
<body> </body>
<div </html>
id="log_kotak">
<br />
<div Menu Utama
align="center"><span
class="judul">Sistem Penyewaan <!DOCTYPE html PUBLIC "-
PlayStation //W3C//DTD XHTML 1.0
Bersaudara</span></div> Transitional//EN"
<br /> "http://www.w3.org/TR/xhtml1/DTD
<br /> /xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xht
<form ml">
name="logForm" <head>
action="pro_login.php" <meta http-equiv="Content-Type"
method="post" content="text/html; charset=iso-
enctype="multipart/form-data"> 8859-1" />
<table <title>Menu Utama</title>
align="center" width="400"
border="0"> <link href="css/menuutama.css"
<tr><td><span rel="stylesheet" type="text/css" />
class="std">Username</span></td> <script type="text/javascript"
<td><span src="js/jquery-1.4.js"></script>
class="std">:</span></td><td><inpu <script type="text/javascript"
t class="text" type="text" src="js/clock.js"></script>
<marquee <img
direction="center"onmouseover="thi src="images/customer2.png"
s.stop()" width="100" border="10" />
onmouseout="this.start()">Selamat </div>
Datang Di Penyewaan PlayStation </div>
Bersaudara</marquee> </a>
<marquee
direction="center"onmouseover="thi <a href="transaksi.php"
s.stop()" target="_blank">
onmouseout="this.start()">Jl. <div id="transaksi">
Alfalah Rt.003/004 Kel. Sukabumi <div align="center">
Selatan Kec. Kebon Jeruk - Jakarta TRANSAKSI<br />
Selatan</marquee> <img
<marquee src="images/transaksi.png"
direction="center"onmouseover="thi width="100" border="10" />
s.stop()" </div>
onmouseout="this.start()">Telp. </div>
(021)8690 6463, 8690 6465 </a>
</marquee>
<marquee <a href="laporan.php"
direction="center"onmouseover="thi target="_blank">
s.stop()" <div id="laporan">
onmouseout="this.start()">Email <div align="center">
Playstation@gmail.com</marquee> LAPORAN<br />
</head> <img
<div style="background- src="images/diagram_64.png"
image:url(http://3.bp.blogspot.com/- width="100" border="10" />
xQbk3y7Vl2c/VQEennLgOSI/AAA </div>
AAAAAAHk/zsldL_uLZYo/s1600/P </div>
laystation%2B2.jpg);"> </a>
<body style="background-
color:WHITE;"> <a href="pengaturan.php"
<body onload="startclock()"> target="_blank">
<div id="menu_utama"> <div id="pengaturan">
<div align="center"><span <div align="center">
class="judul">Menu PENGATURAN<br />
transaksi</span><br /><span <img
id="date"></span> - <span src="images/stick.png" width="100"
id="clock"></span> border="10" />
</div> </div>
<a href="customer.php" </div>
target="_blank"> </a>
<div id="customer">
<div align="center"> <a href="logout.php">
CUSTOMER<br /> <div id="logout">
<div align="center">
KELUAR<br /> <td width="7"><img
<img src="images/logout- src="images/playstation.png"
icon.png" width="100" border="10" /></td>
/> <td width="319"
</div> class="judul">CUSTOMER</td>
</div> </tr>
</a> </table>
<hr color="blue" />
</div> </div>
</body>
</html> <div id="cari">
<table width="171"
border="0">
Menu Customer <tr>
<!DOCTYPE html PUBLIC "-
<td width="116"
//W3C//DTD XHTML 1.0
class="subjudul">PENCARIAN</td
Transitional//EN"
>
"http://www.w3.org/TR/xhtml1/DTD
<td
/xhtml1-transitional.dtd">
width="45"><img
<html
src="images/search_64.png"
xmlns="http://www.w3.org/1999/xht
width="32" /></td>
ml">
</tr>
<head>
</table>
<meta http-equiv="Content-Type"
<form
content="text/html; charset=iso-
name="frmCariCustomer"
8859-1" />
method="post"
<title>Customer</title>
action="process/cariCustomer.php"
<link href="css/customer.css"
enctype="multipart/form-data">
rel="stylesheet" type="text/css" />
<table width="600"
</head>
border="0">
<tr>
<body style="background-
<td width="130">Cari
color:WHITE;">
Berdasarkan </td>
<body>
<td width="27">:</td>
<div style="background-
<script
image:url(http://3.bp.blogspot.com/-
type="text/javascript">
xQbk3y7Vl2c/VQEennLgOSI/AAA
function show_kriteria(){
AAAAAAHk/zsldL_uLZYo/s1600/P
if(document.getElementByI
laystation%2B2.jpg);">
d("kriNama").checked == true){
document.getElementById(
<div id="wrapper">
"tag_kriteria").innerHTML =
"Nama";
<div id="header">
}
<table width="400"
if(document.getElementByI
border="0">
d("kriKtp").checked == true){
<tr>
document.getElementById(
"tag_kriteria").innerHTML = "No. </form>
KTP";
} </div>
if(document.getElementByI
d("kriKode").checked == true){ <div id="isi">
document.getElementById( <form
"tag_kriteria").innerHTML = "Kode name="entriCustomer"
Customer"; method="post"
} action="process/entriCustomer.php"
} enctype="multipart/form-data">
</script> <table width="774"
<td width="429"><input border="0">
name="kriteria" id="kriNama" <tr>
type="radio" value="nama" <td colspan="3" valign="top"
checked="checked" class="subjudul">ENTRI
onclick="show_kriteria()" /> CUSTOMER <img
Nama src="images/pencil_64.png"
<input name="kriteria" width="32" /></td>
id="kriKtp" type="radio" </tr>
value="ktp" <tr>
onclick="show_kriteria()" /> <td width="238"
No. Ktp valign="top"> </td>
<input name="kriteria" <td width="11"
id="kriKode" type="radio" valign="top"> </td>
value="kode" <td width="511"
onclick="show_kriteria()" /> valign="top"> </td>
Kode Customer </td> </tr>
</tr>
<tr> <tr>
<td><div <td
id="tag_kriteria">Nama</div></td> valign="top"><strong>Kode
<td>:</td> Customer </strong></td>
<td><input name="txtKriteria" <td valign="top">:</td><input
type="text" class="text" size="15" /> type="hidden" name="hidKode"
<input name="Submit2" value="CS-000009" />
type="submit" class="buttom" <td valign="top"><input
value="Cari" /></td> name="txtKode" type="text"
</tr> class="text" id="kode_customer"
size="30" maxlength="30"
<tr> value="CS-000009"
<td> </td> disabled="disabled" /></td>
<td> </td> </tr>
<td> </td> <tr>
</tr> <td valign="top"><strong>No.
</table> KTP </strong></td>
<td valign="top">:</td> <tr>
<td valign="top"><input <td valign="top"> </td>
name="txtKtp" type="text" <td valign="top"> </td>
class="text" id="txtKtp" size="30" <td valign="top"><input
/></td> name="Submit" type="submit"
</tr> class="buttom" value="Masukkan"
<tr> />
<td <input name="reset"
valign="top"><strong>Nama</stron type="reset" class="buttom"
g></td> id="reset" value="Batalkan" /></td>
<td valign="top">:</td> </tr>
<td valign="top"><input <tr>
name="txtNama" type="text" <td valign="top"> </td>
class="text" id="txtNama" size="50" <td valign="top"> </td>
/></td> <td valign="top"> </td>
</tr> </tr>
<tr> </table>
<td </form>
valign="top"><strong>Alamat</stro </div>
ng></td> </div>
<td valign="top">:</td> </body>
<td valign="top"><textarea </html>
name="txtAlamat" cols="50"
rows="3" class="text"
id="txtAlamat"></textarea></td> Menu Transaksi
</tr>
<!DOCTYPE html PUBLIC "-
<tr>
//W3C//DTD XHTML 1.0
<td
Transitional//EN"
valign="top"><strong>Kontak</stro
"http://www.w3.org/TR/xhtml1/DTD
ng></td>
/xhtml1-transitional.dtd">
<td valign="top">:</td>
<html
<td valign="top"><input
xmlns="http://www.w3.org/1999/xht
name="txtKontak" type="text"
ml">
class="text" id="txtKontak"
<head>
size="40" /></td>
<meta http-equiv="Content-Type"
</tr>
content="text/html; charset=iso-
<tr>
8859-1" />
<td valign="top"><strong>E-
<title>Transaksi</title>
Mail</strong></td>
<td valign="top">:</td>
<link href="css/transaksi.css"
<td valign="top"><input
rel="stylesheet" type="text/css" />
name="txtEmail" type="text"
<link type="text/css"
class="text" id="txtEmail" size="40"
href="themes/smoothness/ui.all.css"
/></td>
rel="stylesheet" />
</tr>
<script type="text/javascript" }
src="js/jquery-1.3.2.js"></script> if(document.getElementByI
<script type="text/javascript" d("txtAcara").value == "2"){
src="ui/ui.core.js"></script> }
<script type="text/javascript"
src="ui/ui.datepicker.js"></script>
<script type="text/javascript"> if (window.XMLHttpRequest)
$(document).ready(function(){ {// code for IE7+, Firefox, Chrome,
Opera, Safari
$("#txtTanggal").datepicker({dateFo xmlhttp=new XMLHttpRequest();
rmat : "yy/mm/dd", }
changeMonth:true, else
changeYear:true}); {// code for IE6, IE5
xmlhttp=new
$("#txtBooking").datepicke ActiveXObject("Microsoft.XMLHT
r({dateFormat : "yy/mm/dd", TP");
changeMonth:true, }
changeYear:true}); xmlhttp.onreadystatechange=functio
}); n()
</script> {
if (xmlhttp.readyState==4 &&
<script xmlhttp.status==200)
type="text/javascript"> {
function cekAcara(){
if(document.getElementByI document.getElementById("ket").inn
d("txtAcara").value == "1"){ erHTML=xmlhttp.responseText;
document.getElementById( }
"txtNasional").checked = true; }
document.getElementById( xmlhttp.open("GET","detailAcara.ph
"txtUtama").checked = true; p?id="+str,true);
} xmlhttp.send();
if(document.getElementByI }
d("txtAcara").value == "2"){ </script></head>
}
}
<div style="background-
function showDescAcara(str) image:url(http://static.blog.playstatio
{ n.com/wp-
var xmlhttp; content/uploads/avatars//PS.png?m=
1454340294);">
if(document.getElementById("txtAc
ara").value == "1"){
document.getElementById( <body style="background-
"txtNasional").checked = true; color:black;">
document.getElementById( </script>
"txtUtama").checked = true; <body>
<div id="wrapper"> <td width="429"><input
id="txtBooking" name="txtBooking"
<div id="BLACK"/> type="text" class="text" size="15" />
<div id="transparent"/> <input name="Submit2"
<table width="400" type="submit" class="buttom"
border="0"> value="Cek" /></td>
<tr> </tr>
<td width="71"><img <tr>
src="images/playstation.png" <td> </td>
/></td> <td> </td>
<td width="319" <td> </td>
class="judul">TRANSAKSI</td> </tr>
</table>
</tr>
</table> </form>
<hr color="black" />
</div> <table width="192"
border="0">
<tr>