• Tidak ada hasil yang ditemukan

Membangun Fasilitas Booking Online Di Black Hole Music Studio

N/A
N/A
Protected

Academic year: 2016

Membagikan "Membangun Fasilitas Booking Online Di Black Hole Music Studio"

Copied!
80
0
0

Teks penuh

(1)

MEMBANGUN FASILITAS BOOKING ONLINE DI BLACK HOLE

MUSIC STUDIO

Tugas Akhir

Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli

Madya

TIKA WAHYUNI SIREGAR

072406110

PRPGRAM STUDI D3 ILMU KOMPUTER

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

(2)

PERSETUJUAN

Judul

: MEMBANGUN FASILITAS BOOKING ONLINE DI

BLACKHOLE MUSIC STUDIO

Kategori

: TUGAS AKHIR

Nama

: TIKA WAHYUNI SIREGAR

Nomor Induk Mahasiswa

: 072406110

Program Studi

: D3 ILMU KOMPUTER

Departemen

: MATEMATIKA

Fakultas

: MATEMATIKA DAN ILMU PENGETAHUAN

ALAM (FMIPA) UNIVERSITAS SUMATERA

UTARA

Diluluskan di

Medan, Juni 2010

Komisi Pembimbing

:

Diketahui/Disetujui oleh

Departemen Matematika FMIPA USU

Pembimbing,

Ketua,

(3)

PENGHARGAAN

Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan Maha

Penyayang, dengan limpah karunia-Nya kertas kajian ini berhasil diselesaikan dalam

waktu yang telah ditetapkan.

(4)

ABSTRAK

Perkembangan musik pada saat ini dapat dikatakan sangat pesat. Banyak orang

menyukai musik, dan ingin mengekspresikan kegemarannya itu. Menggunakan sebuah

studio musik merupakan salah satu bentuk pengekspresian seseorang terhadap

hobinya. Akan tetapi tingginya minat orang-orang menggunakan studio musik,

membuat suatu persaingan untuk membooking studio tersebut. Dan orang-orang pun

ingin lebih mudah untuk melakukan booking studio, tanpa harus datang ke studio itu

sebelumnya.

(5)

DAFTAR ISI

Persetujuan

i

Pernyataan

ii

Penghargaan

iii

Abstrak

iv

Daftar Isi

v

Daftar Tabel

vii

Daftar Gambar

viii

BAB 1 Pendahuluan

1

1.1 Latar Belakang

1

1.2 Rumusan Masalah

2

1.3 Batasan Masalah

2

1.4 Tujuan Penelitian

3

1.5 Metode Penelitian

3

1.6 Sistematika Penulisan

4

BAB 2 Landasan Teori

5

2.1 Pengertian Sistem Informasi

5

2.1.1 Pengertian Sistem

5

2.1.2 Pengertian Informasi

5

2.2 Pengertian Internet

6

2.2.1 Internet Saat Ini

7

2.2.2 Perkembangan Internet

8

2.3 Pengenalan PHP

8

2.3.1 Sejarah PHP

9

2.3.2 Kelebihan PHP

10

2.4 Database

11

2.4.1 Pengertian Database

11

2.4.2 Komponen Database

13

2.4.3 Pengenalan MySQL

14

BAB 3 Analisis dan Perancangan Sistem

16

3.1 Analisis Sistem

16

(6)

3.2.1 Perancangan Input

16

3.2.2 Perancangan Output

18

3.3 Perancangan Database

19

3.3.1 Data Flow Diagram

21

3.3.2 Diagram Konteks

23

3.4 Membangun Halaman Situs

24

3.4.1 Halaman Admin

24

3.4.2 Halaman Member

25

3.4.3 Halaman User Biasa

26

BAB 4 Implementasi Sistem

27

4.1 Pengertian dan Tujuan Implementasi

27

4.2 Penerapan Sistem

27

4.3 Uji Program

29

BAB 5 Kesimpulan dan Saran

32

5.1 Kesimpulan

32

5.2 Saran

32

Daftar Pustaka

34

Lampiran

Lampiran A : Cara Menjalankan Program

Lampiran B : Source Code Program

(7)

DAFTAR TABEL

Tabel 3.1 Anggota

19

Tabel 3.2 Booking

20

Tabel 3.3 Berita

20

Tabel 3.4 Event

21

Tabel 3.5 Kategori

21

(8)

DAFTAR GAMBAR

Gambar 3.1 Rancangan Input Member Baru

17

Gambar 3.2 Rancangan Form Login Admin/Member

17

Gambar 3.3 Rancangan Input Booking Member

18

Gambar 3.4 Rancangan Output Database Booking

18

Gambar 3.5 Rancangan Output Database Anggota

19

Gambar 3.6 DFD Member

22

Gambar 3.7 DFD Admin

23

Gambar 3.8 Diagram Konteks Booking Online Black Hole Music Studio

24

Gambar 4.1 Home Member

30

Gambar 3.7 DFD Admin

31

(9)

ABSTRAK

Perkembangan musik pada saat ini dapat dikatakan sangat pesat. Banyak orang

menyukai musik, dan ingin mengekspresikan kegemarannya itu. Menggunakan sebuah

studio musik merupakan salah satu bentuk pengekspresian seseorang terhadap

hobinya. Akan tetapi tingginya minat orang-orang menggunakan studio musik,

membuat suatu persaingan untuk membooking studio tersebut. Dan orang-orang pun

ingin lebih mudah untuk melakukan booking studio, tanpa harus datang ke studio itu

sebelumnya.

(10)

BAB 1

PENDAHULUAN

1.1

Latar Belakang

Musik merupakan salah satu kebutuhan dalam hidup manusia. Seiring berkembangnya

dunia hiburan khususnya di jalur musik, membuka penyewaan

memberikan prospek usaha yang cukup baik. Memang banyak orang yang enggan

untuk menjajaki bisnis ini karena butuh modal lumayan besar hanya untuk membeli

peralatan musiknya. Namun sebenarnya bisnis ini banyak dicari oleh calon pelanggan,

karena banyak orang yang memiliki keterbatasan tempat dan uang untuk menyalurkan

hobi mereka untuk bermain musik.

Memang diperlukan banyak pertimbangan dan persiapan dalam membuka

usaha ini. Persiapan lokasi, persiapan peralatan musik, pengelolaan, hingga persiapan

mental harus kuat dalam menjalani persaingan bisnis tersebut. Terlebih kebanyakan

studio musik saat ini mulai menggabungkan berbagai usaha lain dalam satu atap

pengelolaan bisnis ini, misalnya kursus musik, penyewaan alat-alat musik, dll,

sehingga investasi pembelian alat musik dan tempat usaha dapat dimanfaatkan dengan

baik.

Black Hole Music Studio merupakan salah satu usaha dalam persewaan studio

musik yang ada di Medan. Studio musik ini baru dibangun sekitar 2 tahun yang lalu.

(11)

ini diharapkan agar pelanggan yang dahulunya menyewa studio musik secara

langsung datang ke studio musik tersebut ataupun dengan jalur telepon, sekarang

dapat melakukannya secara online dan juga akan memudahkan promosi Black Hole

Music Studio kepada masyarakat.

Atas dasar pertimbangan tersebut, penulis ingin membantu pemilik Black Hole

Music Studio untuk membuat website lokal menggunakan bahasa pemrograman PHP

dengan database MySQL serta tertarik untuk mengangkat masalah ini menjadi Tugas

Akhir guna melengkapi salah satu syarat untuk menyelesaikan studi di D3 Ilmu

Komputer. Maka dari itu, penulis mengambil judul “ Membangun Fasilitas Booking

Online di Black Hole Music Studio ”.

1.2

Rumusan Masalah

Masalah sulitnya pelanggan dalam memperoleh informasi dan menyewa studio music

menimbulkan keinginan dari pemilik studio musik untuk membuat website studio

yang dimilikinya dengan fasilitas booking online.

1.3

Batasan Masalah

Untuk menghindari pembahasan yang melebar, maka masalah yang akan dibahas

penulis adalah bagaimana proses perancangan website booking online studio musik

Black Hole dengan bahasa pemrograman PHP dan database MySQL. Website ini

hanya sebatas untuk mengenalkan dan memberikan pelayanan booking online kepada

(12)

1.4

Tujuan Penelitian

Tujuan penulis membuat judul Tugas Akhir ini diharapkan nantinya dapat digunakan

oleh pemilik studio musik Black Hole untuk mempromosikan usahanya serta memberi

informasi dan memudahkan orang-orang yang ingin menyewa studio musik dalam

menyalurkan hobi bermusiknya.

1.5

Metode Penelitian

Adapun metodologi penelitian yang digunakan penulis dalam mengumpulkan data

adalah:

1). Studi Lapangan

Penelitian dilakukan langsung ke studio music Black Hole yang berada di Jl.

Bambu II No. 48 Medan untuk bertanya langsung ke pemilik studio tentang apa

yang dibutuhkan dalam website yang ingin dibangun. Studi lapangan ini meliputi :

a.

Interview (Wawancara)

Yaitu pengumpulan data dengan cara mengadakan wawancara secara

langsung dengan pihak yang terkait.

b.

Observasi (pengamatan)

Yaitu teknik pengumpulan data secara langsung di lapangan sehingga

(13)

2). Studi Pustaka

Studi pustaka dilakukan dengan mempelajari buku-buku tentang PHP dan

MySQL, serta mengunjungi situs-situs yang menyediakan tutorial atau artikel

yang mendukung penyelesaian penelitian ini.

1.6

Sistematika Penulisan

Adapun sistematika penulisan dari tugas akhir ini adalah :

BAB 1 : PENDAHULUAN

Bab ini berisi judul, latar belakang, rumusan masalah, batasan masalah,

maksud dan tujuan, metode penelitian, dan sistematika penulisan.

BAB 2 : LANDASAN TEORI

Bab ini berisi tentang pengertian-pengertian yang berhubungan dengan PHP

dan MySQL.

BAB 3 : PERANCANGAN SISTEM

Bab ini mengenai perancangan serta penjelasan website yang dibangun.

BAB 4 : IMPLEMENTASI SISTEM

Bab ini menjelaskan tentang implementasi serta hasil dari perancangan

website yang telah dibangun.

BAB 5 : KESIMPULAN DAN SARAN

Bab ini berisi tentang kesimpulan penulisan dan saran dari penulis

(14)

BAB 2

LANDASAN TEORI

2.1 Pengertian Sistem Informasi

Untuk lebih memahami tentang sistem informasi hendaknya terlebih dahulu mengerti

arti dari sistem dan informasi. Dengan memahami definisi sistem dan informasi akan

dapat diperoleh penjelasan yang baik tentang sistem informasi.

2.1.1 Pengertian Sistem

Menurut Jerry Fith Gerald, sistem adalah suatu jaringan kerja dari prosedur-prosedur

yang saling berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan

atau menyelesaikan suatu sasaran tertentu.

Elemen atau karakteristik dari sistem adalah memiliki komponen, batas sistem

(boundary), lingkungan luar sistem (environment), penghubung sistem (interface),

masukan sistem (input), keluaran sistem (output), pengolah sistem (process), dan

sasaran sistem.

2.1.2 Pengertian Informasi

Informasi adalah data yang telah diproses menjadi bentuk yang memiliki arti bagi

(15)

Data merupakan raw material untuk suatu informasi. Perbedaan informasi dan

data sangat relatif tergantung pada nilai gunanya bagi manajemen yang memerlukan.

Suatu informasi bagi level manajemen tertentu bisa menjadi data bagi manajemen

level di atasnya, atau sebaliknya. (Sistem Informasi. 3 Januari 2010.

agungsr.staff.gunadarma.ac.id/Downloads/files/3412/Konsep+SI.pdf)

Dari defenisi sistem dan informasi dapat disimpulkan bahwa sistem informasi

adalah suatu sistem di dalam suatu sistem organisasi yang merupakan kombinasi dari

orang-orang, fasilitas, teknologi, media, prosedur-prosedur dan pengendalian yang

ditujukan untuk mendapatkan jalur komunikasi penting, memproses tipe transaksi

rutin tertentu, memberi sinyal kepada manajemen dan yang lainnya terhadap

kejadian-kejadian internal dan eksternal yang penting dan menyediakan suatu dasar informasi

untuk pengambilan keputusan yang cerdik.

2.2 Pengertian Internet

Secara

rangkaian

ialah sistem komputer umum, yang berhubung secara global dan

menggunakan

communication protocol). Rangkaian internet yang terbesar dinamakan Internet. Cara

(16)

2.2.1 Internet Saat Ini

Internet dijaga oleh perjanjian bilateral atau multilateral dan spesifikasi teknikal

(protokol yang menerangkan tentang perpindahan data antara rangkaian).

Protokol-protokol ini dibentuk berdasarkan perbincangan

dikenali sebagai

Internet (Internet Standard), oleh Badan Arsitektur Internet (Internet Architecture

Board - IAB). Protokol-protokol internet yang sering digunakan adalah seperti:

Beberapa layanan populer di internet yang menggunakan protokol di atas, ialah

lebih kerap digunakan, dan lebih banyak servis yang dibangun berdasarkannya,

seperti

(Real-time service), seperti web radio, dan webcast, yang dapat diakses di seluruh

dunia. Selain itu melalui internet dimungkinkan untuk berkomunikasi secara langsung

antara dua pengguna atau lebih melalui program

berdasarkan sistem tertutup (Proprietary Sistem), adalah seperti

(17)

2.2.2 Perkembangan Internet

Jumlah pengguna Internet yang besar dan semakin berkembang, telah mewujudkan

budaya internet. Internet juga mempunyai pengaruh yang besar atas ilmu, dan

pandangan dunia. Dengan hanya berpandukan

pengguna di seluruh dunia mempunyai akses internet yang mudah atas

bermacam-macam informasi. Dibanding dengan buku dan perpustakaan, Internet melambangkan

penyebaran (decentralization) atau pengetahuan (knowledge) informasi dan data

secara ekstrim.

Perkembangan Internet juga telah mempengaruhi perkembangan ekonomi.

Berbagai transaksi jual beli yang sebelumnya hanya bisa dilakukan dengan cara tatap

muka (dan sebagian sangat kecil melalui pos atau telepon), kini sangat mudah dan

sering dilakukan melalui Internet. Transaksi melalui Internet ini dikenal dengan

nama

transparansi pelaksanaan pemerintahan melalui

2010.

2.3 Pengenalan PHP

PHP (Hypertext Preprocessor) yang merupakan bahasa pemrograman berbasis web

memiliki kemampuan untuk memproses data dinamis. PHP dikatakan sebagai sebuah

server-side embedded script language artinya sintaks-sintaks dan perintah yang kita

(18)

memberikan hasil pada web browser, tetapi prosesnya secara keseluruhan dijalankan

di server. (PHP dan MySQL Untuk Pemula, MADCOMS).

Pada prinsipnya server akan bekerja apabila ada permintaan dari client. Dalam hal

ini client menggunakan kode-kode PHP untuk mengirimkan permintaan ke server.

Ketika menggunakan PHP sebagai server-side embedded script language maka server

akan melakukan hal-hal sebagai berikut :

a.

Membaca permintaan dari client / browser.

b.

Mencari halaman / page di server.

c.

Melakukan instruksi yang diberikan oleh PHP untuk melakukan modifikasi

pada halaman / page.

d.

Mengirim kembali halaman tersebut kepada client melalui internet atau

intranet.

2.3.1 Sejarah PHP

PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP

bernama FI (Form Interpreted). Pada saat tersebut PHP adalah sekumpulan script yang

digunakan untuk mengolah data form dari web.

Perkembangan selanjutnya adalah Rasmus melepaskan kode sumber tersebut

dan menamakannya PHP/FI, pada saat tersebut kepanjangan dari PHP/FI adalah

Personal Home Page/Form Interpreter. Dengan pelepasan kode sumber ini menjadi

open source, maka banyak programmer yang tertarik untuk ikut mengembangkan

(19)

Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini interpreter sudah

diimplementasikan dalam C. Dalam rilis ini disertakan juga modul-modul ekstensi

yang meningkatkan kemampuan PHP/FI secara signifikan.

Pada tahun 1997, sebuah perusahaan bernama Zend, menulis ulang interpreter

PHP menjadi lebih bersih, lebih baik dan lebih cepat. Kemudian pada Juni 1998

perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan nama rilis

tersebut menjadi PHP 3.0.

Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis

tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak

dipakai. Versi ini banyak dipakai sebab versi ini mampu dipakai untuk membangun

aplikasi web kompleks tetapi tetap memiliki kecepatan proses dan stabilitas yang

tinggi.

Pada Juni 2004, Zend merilis PHP 5.0. Versi ini adalah versi mutakhir dari

PHP. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar. Dalam

versi ini juga dikenalkan model pemrograman berorientasi objek baru untuk

menjawab perkembangan bahas pemrograman kearah pemrograman berorientasi

objek. (PHP. 30 Mei 2009.

2.3.2 Kelebihan PHP

PHP memiliki beberapa kelebihan dibandingkan dengan bahasa pemrograman lain,

yaitu :

a.

Mudah dibuat dan berkecepatan tinggi.

(20)

c.

Dapat digunakan secara gratis.

d.

Termasuk bahasa yang embedded, yakni dapat diletakkan dalam tag HTML.

e.

Termasuk server side programming, sehingga kode asli / source code PHP

tidak dapat dilihat di browser pengguna, yang terlihat hanya code HTML.

f.

Dapat memanfaatkan sumber-sumber aplikasi yang dimiliki oleh server,

seperti misalnya untuk keperluan database connection. PHP dapat melakukan

koneksi dengan berbagai database seperti MySQL, Oracle, Sybase, mSQL,

Solid, Generic ODBC, Postgres SQL, dBase, Direct MS-SQL, Velocis, IBM

DB2, Interbase, Frontbase, Empress, dan semua database yang mempunyai

profider ODBC seperti MS Access dan lain-lain.

g.

PHP dapat melakukan semua aplikasi program CGI, seperti mengambil nilai

form, menghasilkan halaman web yang dinamis, mengirimkan dan menerima

cookies.

h.

PHP juga mendukung komunikasi dengan layanan lain melalui protokol

IMAP, SNMP, NNTP, POP3, HTTP, dan lainnya.

2.4 Database

Database sangat dibutuhkan dalam pembuatan sebuah website. Selanjutnya akan

penulis bahas pengertian database, komponen-komponen database, serta pengenalan

MySQL sebagai database yang digunakan dalam kajian ini.

2.4.1 Pengertian Database

Database merupakan kumpulan dari yang saling berhubungan satu dengan yang

(21)

memenipulasinya. Database merupakan salah satu komponen yang penting dalam

sistem informasi karena merupakan basis dalam menyediakan informasi bagi para

pemakai. Penerapan database dalam sistem informasi disebut dengan database sistem.

Untuk mengelola database diperlukan suatu perangkat lunak yang disebut DBMS

(Database Management System). DBMS merupakan suatu sistem perangkat lunak

yang memungkinkan user (pengguna) untuk membuat, memelihara, mengontrol, dan

mengakses database secara praktis dan efisien. Dengan DBMS, user akan lebih mudah

mengontrol dan memanipulasi data yang ada.

Sedangkan RDBMS atau Relationship Database Management System

merupakan salah satu jenis DBMS yang mendukung adanya relationship atau

hubungan antar tabel. Disamping RDBMS, terdapat jenis DBMS lain, misalnya

Hierarchy DBMS, Object Oriented DBMS, dsb.

Beberapa software atau perangkat lunak DBMS yang sering digunakan dalam

aplikasi program antara lain :

a.

DB2

b.

Microsoft SQL Server

c.

Oracle

d.

Sybase

e.

Interbase

f.

Teradata

g.

Firebird

(22)

2.4.2 Komponen Database

Apabila kita lihat dari komponen di dalam database, maka kita dapat menyebutkan

bahwa :

a.

Database terdiri dari beberapa file

b.

File terdiri dari beberapa record

c.

Record terdiri dari beberapa field

d.

Field terdiri dari beberapa karakter

Karakter merupakan bagian data yang terkecil dapat berupa karakter numeric,

huruf maupun karakter khusus yang memebentuk suatu data item (field). Field adalah

sekumpulan data data record yang sejenis, yang merupakan kumpulan data untuk

mewakili suatu entity data record.

Record

merupakan kumpulan dari field

membentuk

record.

Record

manggambarkan unit dari data individu tertentu. File merupakan kumpulan dari

record-record yang sejenis yang mempunyai panjang elemen yang sama, atribut yang

sama namun berbeda data value-nya. File terdiri dari record-record yang

menggambarkan suatu kesatuan data yang sejenis.

Dengan menggunakan sistem database masalah pada manajemen database dapat

dikurangi. Dengan sistem database juga dapat mengurangi duplikasi data dengan

tujuan untuk mengurangi biaya manajemen. Database dapat dibuat cukup fleksibel

dalam arti mudah ditambah atau dikurangi bahkan dimodifikasi, dan sistem database

(23)

2.4.3 Pengenalan MySQL

MySQL adalah sebuah perangkat lunak sistem manajemen database SQL (bahasa

Inggris: database management system) atau DBMS yang multithread, multi-user,

dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat MySQL

tersedia sebagai perangkat lunak gratis di bawah lisensi GNU General Public License

(GPL), tetapi mereka juga menjual dibawah lisensi komersial untuk kasus-kasus

dimana penggunaannya tidak cocok dengan penggunaan GPL. Tidak seperti Apache

yang merupakan software yang dikembangkan oleh komunitas umum, dan hak cipta

untuk kode sumber dimiliki oleh penulisnya masing-masing, MySQL dimiliki dan

disponsori oleh sebuah perusahaan komersial Swedia yaitu MySQL AB. MySQL AB

memegang penuh hak cipta hampir atas semua kode sumbernya. Kedua orang Swedia

dan satu orang Finlandia yang mendirikan MySQL AB adalah : David Axmark, Allan

Larsson, dan Michael "Monty" Widenius.

MySQL memiliki beberapa kelebihan, antara lain :

a.

Free (bebas didownload)

b.

Stabil dan tangguh

c.

Fleksibel dengan berbagai pemrograman

d.

Security yang baik

e.

Dukungan dari banyak komunitas

f.

Kemudahan management database.

g.

Mendukung transaksi

(24)

Terdapat 3 jenis perintah SQL yaitu DDL, DML, dan DCL. DDL merupakan

perintah MySQL yang berhubungan dengan pendefenisian suatu struktur database,

dalam hal ini database dan table. DML merupakan perintah SQL yang berhubungan

(25)

BAB 3

ANALISIS DAN PERANCANGAN SISTEM

3.1 Analisis Sistem

Musik merupakan kebutuhan bagi manusia. Perkembangan dunia musik saat ini

semakin pesat. Semakin banyaknya peminat musik terutama band menjadi suatu

landasan untuk membuka suatu usaha penyewaan studio musik. Black Hole

merupakan salah satu studio music di Medan yang menyediakan fasilitas sewa studio

bagi pelanggan yang hobi bermain musik. Black Hole juga menyediakan sewa

alat-alat band untuk event-event yang ada di wilayah Medan dan sekitarnya. Cara

pemesanan studio awalnya menggunakan telepon rumah (flexy), tetapi karena

dianggap kurang efisien pemilik studio menginginkan sebuah website khusus black

hole yang dapat membantunya mempromosikan lebih luas studionya, memberikan

informasi tentang music kepada masyarakat luas, serta fasilitas booking online yang

membantu para pelanggan agar mudah membooking studio di black hole.

3.2 Perancangan Sistem

3.2.1 Perancangan Input

(26)

Rancangan form dengan gambar di bawah ini diinput oleh user yang ingin

mendaftar menjadi member.

Gambar 3.1 Rancangan Input Member Baru

b.

Form login

Form login yang terlihat pada gambar 3.2 merupakan form rancangan login

member yang diinput oleh admin atau member jika ingin masuk ke dalam

sistem.

Gambar 3.2 Rancangan Form Login Admin/Member

Input username

member baru

Input password member baru

Input nama member baru

Input email member baru

Input hp/telp. Member

baru

Proses

Reset

Input username admin/member

Input password member/admin

(27)

c.

Form booking

Form ini merupakan rancangan form booking yang diinput oleh member yang

akan melakukan booking studio di black hole. Selanjutnya data yang diinput

akan masuk ke dalam database admin.

Gambar 3.3 Rancangan Input Booking Member

3.2.2 Perancangan Output

a.

Database booking

Gambar 3.4 di bawah ini merupakan rancangan output dari database booking

yg diinput oleh member yang telah melakukan booking studio di black hole.

Gambar 3.4 Rancangan Output Database Booking

b.

Database anggota

Input nama band

Input jam booking

Input durasi booking

Input telp. yang dapat dihubungi

(28)

Gambar 3.5 di bawah ini merupakan rancangan output dari database anggota

diinput oleh user yang telah mendaftar sebagai member.

Gambar 3.5 Rancangan Output Database Anggota

3.3 Perancangan Database

Database yang penulis rancang dalam pembuatan tugas akhir ini adalah MySQL

dengan nama database “tqa”. Database tersebut terdiri dari 2 tabel, yaitu tabel

“anggota” dan tabel “booking”. Rincian tabel adalah sebagai berikut :

Nama Field

Tipe

Panjang

Keterangan

noid

Integer

11

Id anggota (primary

key)

username

Varchar

15

Username

password

Varchar

8

Password

nama

Varchar

20

Nama

level

Char

1

Tingkatan

email

Varchar

50

Email

telphone

Varchar

13

No. Telepon

(29)

Nama Field

Tipe

Panjang

Keterangan

id

Integer

2

Id

booking

(primary key)

nama_band

Varchar

20

Nama Band

jam

Time

-

Jam booking

durasi

Time

-

Durasi booking

telephone

Varchar

13

No. Telepon

Tabel 3.2 Booking

Nama Field

Tipe

Panjang

Keterangan

id_berita

Integer

5

Id berita (primary

key

id_kategori

Integer

2

Id kategori

judul

Varchar

100

Judu l Berita

headline

Text

-

Headline berita

isi

Text

-

Isi berita

pengirim

Varchar

15

Pengirim berita

tanggal

Datetime

-

Tangga l berita

(30)

Nama Field

Tipe

Panjang

Keterangan

id

Integer

2

Id event (primary

key)

nama

Varchar

20

Nama event

email

Varchar

40

Email Pengirim

Judul

Varchar

20

Judul Event

[image:30.595.102.534.82.434.2]

isi

Long Text

-

Isi Event

Tabel 3.4 Event

Nama Field

Tipe

Panjang

Keterangan

id_kategori

Integer

3

Id Kategori

nm_kategori

Varchar

30

Nama Kategori

deskripsi

Varchar

200

Deskripsi Kategori

Tabel 3.5 Kategori

3.3.1 Data Flow Diagram

Data Flow Diagram (DFD) merupakan diagram alir data, mulai dari memasukkan

data, memproses data hingga menghasilkan informasi atau laporan yang diserahkan

kepada pimpinan perusahaan. DFD ini dapat digunakan untuk sistem secara nyata,

sehingga orang mengerti kenyataan tentang sistem yang sedang berjalan. Adapun

simbol-simbol dari Dari Flow Diagram yaitu :

No Gambar

Nama

Fungsi

1

Kesatuan Luar

(External entity)

Merupakan

[image:30.595.104.532.622.750.2]
(31)

2

Proses (Process)

kegiatan dari hasil

suatu arus data

yang masuk dalam

proses untuk

dihasilkan arus data

yang akan keluar

atau untuk

mengubah

input

menjadi output.

3

Aliran Data (Data

Flow)

Data mengalir

melalui sistem,

dimulai dengan

sebagian input dan

diubah atau

diproses menjadi

output.

4

Penyimpanan Data

( Data Storage )

Data disimpan

untuk keperluan

berikutnya.

Tabel 3.7 Simbol DFD

[image:31.595.102.534.83.352.2]

Berikut gambar data flow diagram dari website black hole music studio :

Gambar 3.6 DFD Member

Member Data

Member

Anggota

Booking Studio

Booking

Menerima Konfirmasi dari Admin

(32)
[image:32.595.115.546.89.261.2]

Gambar 3.7 DFD Admin

3.3.2 Diagram Konteks

Diagram konteks adalah diagram yang terdiri dari suatu proses dan menggambarkan

ruang lingkup suatu sistem. Diagram konteks merupakan level tertinggi dari DFD

yang menggambarkan seluruh input ke sistem atau output dari sistem. Diagram

konteks berisi gambaran umum (secara garis besar) sistem yang akan dibuat.

Diagram konteks untuk menggambarkan sistem booking online di Black Hole

Music Studio dapat dilihat pada gambar di bawah ini :

Admin

Admin Anggota

Data Admin

Update Anggota

Anggota Booking

Update

Daftar Booking

(33)
[image:33.595.187.440.94.397.2]

Gambar 3.8 Diagram Konteks Booking Online Black Hole Music Studio

3.4 Membangun Halaman Situs

Adapun halaman yang dibangun penulis antara lain :

3.4.1 Halaman Admin

Adapun menu yang terdapat dalam halaman admin adalah sebagai berikut :

1.

Home

Home merupakan menu yang menampilkan halaman index admin.

2.

Picture

Picture merupakan menu yang berisi alat-alat band yang ada di Black Hole

(34)

3.

Event Masuk

Event masuk merupakan menu yang berisi daftar event-event yang telah di

upload member ke database event.

4.

Berita

Berita merupakan menu yang menampilkan berita yang telah di upload oleh

admin maupun member.

5.

Arsip

Arsip merupakan menu yang berisi data berita yang dapat diubah ataupun

dihapus.

6.

Upload Event

Upload event merupakan menu untuk menambah event oleh admin.

7.

Logout

Merupakan menu mengarahkan admin untuk keluar dari halaman index admin.

3.4.2 Halaman Member

Adapun menu yang terdapat pada halaman member adalah sebagai berikut :

1.

Home

Merupakan menu yang menampilkan halaman index member untuk booking

studio.

2.

Picture

Merupakan menu yang berisi alat-alat band yang ada di Black Hole Music

Studio.

3.

Berita

(35)

4.

Contact Us

Merupakan menu untuk member yang berisi informasi tentang alamat dan

nomor telepon Black Hole music Studio.

5.

Kirim Event

Merupakan menu untuk member mengupload event ke database admin.

6.

Logout

Merupakan menu mengarahkan member untuk keluar dari halaman index

member.

3.4.3 Halaman User Biasa

1.

Home

Merupakan halaman yang mengarahkan user biasa ke halaman daftar member

baru.

2.

Picture

Merupakan menu yang berisi alat-alat band yang ada di Black Hole Music

Studio.

3.

Contact Us

(36)

BAB 4

IMPLEMENTASI SISTEM

4.1 Pengertian dan Tujuan Implementasi Sistem

Implementasi sistem adalah prosedur yang dilakukan untuk menyelesaikan desain

sistem yang ada dalam dokumen desain sistem yang disetujui dan menguji, menginstal

dan memulai menggunakan sistem yang baru atau sistem yang diperbaiki.

Tujuan dari implementasi sistem adalah sebagai berikut :

1.

Menyelesaikan desain sistem yang ada dalam dokumen desain sistem yang

disetujui

2.

Menulis, menguji dan mendokumentasikan program dan prosedur yang

diperlukan oleh dokumen desain sistem yang disetujui

3.

Memastikan bahwa personal dapat mengoperasikan sistem baru

4.

Memperhitungkan bahwa sistem memenuhi permintaan pemakai

5.

Memastikan bahwa konversi ke sistem baru berjalan dengan benar.

4.2 Penerapan Sistem

Agar dapat memeperoleh hasil yang telah direncanakan dan demi mencapai keinginan

yang dimaksud dalam perancangan atau desain sistem yang telah penulis buat ini

tentunya membutuhkan beberapa komponen untuk menunjang proses pengerjaannya,

antara lain :

(37)

Hardware adalah seluruh komponen-komponen peralatan yang membentuk

suatu sistem komputer dan peralatan lainnya yang memungkinkan komputer

dapat melaksanakan tugasnya. Dalam penyusunan sistem informasi ini, penulis

membutuhkan hardware sebagai berikut :

a.

Satu unit CPU dengan prosesor Pentium 3 atau yang lebih tinggi.

b.

Monitor VGA atau layar yang mempunyai resolusi lebih tinggi.

c.

RAM 64 MB atau juga dapat dipakai RAM dengan kapasitas yang lebih

besar.

d.

Harddisk dengan ruang kapasitas diatas 5 GB.

e.

Keyboard dan mouse

f.

Modem

2.

Software (Perangkat Lunak)

Dengan adanya fasilitas hardware (perangkat keras) atau komputer, tentu tidak

akan dapat memecahkan masalah (problem) atau tidak dapat digunakan tanpa

adanya bantuan penuh dari software (perangkat lunak).

Yang dimaksud dengan software adalah komponen dari pada sistem

pengolahan data yang diluar dari peralatan komputernya sendiri. Adapun

software yang digunakan penulis dalam membuat sistem informasi ini adalah

sebagai berikut :

a.

Sistem Operasi

Yang digunakan merupakan sistem yang dapat mendukung software yang

akan digunakan, misalnya Windows 95, Windows 98, Windows XP,

Windows ME, Windows 2000 Server dan Windows laninnya yang dapat

(38)

b.

XAMPP (yang didalamnya terdapat bahasa pemrograman PHP dan

database MySQL)

c.

Macromedia Dreamweaver sebagai software dalam pembuatan desain

website.

3.

Brainware

Konsekuensi dari pada dibentuknya atau dikembangkannya proyek sistem

komputerisasi atau adanya mesin komputer sebagai alat bantu yang mampu

dibidang pengolahan data, maka aspek manusia yang menangani proyek

tersebut harus juga dipikirkan. Inilah yang digolongkan kepada aspek

brainware. Untuk menjalankan sistem yang dibuat oleh penulis yang

dibutuhkan seorang operator. Dengan membutuhkan orang yang memiliki

keahlian dalam bidang komputer, diharapkan desain yang dirancang dapat

dikembangkan ke arah yang lebih baik guna menunjang penginformasian yang

lebih cepat, tepat dan akurat.

Faktor brainware dalam hal ini adalah manusia yang dibutuhkan adalah :

a.

Programer, yaitu orang yang mengerti bahasa pemograman yang

digunakan dalam membuat dan membangun program.

b.

User, yaitu orang yang mengerti menjalankan program yang di buat, agar

program tersebut dapat berjalan sebagaimana mestinya.

4.3 Uji Program

Agar dapat melakukan pembookingan di studio musik black hole, user terlebih dahulu

(39)

menginput username dan passwordnya. Jika berhasil login, akan terlihat seperti

[image:39.595.149.484.151.421.2]

gambar 4.1 berikut ini :

Gambar 4.1 Home member

Untuk melakukan booking, input nama band, jam, durasi, serta nomor telepon yang

dapat dihubungi lalu klik ok untuk proses. Jika studio masih kosong atau belum ada

yang telah membooking sebelumnya, maka akan muncul pernyataan bahwa anda telah

(40)
[image:40.595.153.479.82.346.2]

Gambar 4.2 Booking Sukses

Namun jika telah ada yang membooking studio pada jam yang sama akan muncul

pernyataan agar user mengulangi lagi pembookingan untuk memilih jam yang lain,

seperti pada gambar 4.3 berikut

[image:40.595.151.484.433.700.2]
(41)

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Black Hole music studio merupakan studio musik yang memberikan fasilitas sewa

studio kepada para band-band kota Medan dan sekitarnya. Karena kurang efisiennya

pembookingan studio melalui telepon, maka pemilik studio menginginkan sebuah

website yang dapat member fasilitas booking online untuk studionya tersebut. Oleh

karena itu, penulis mencoba membuat sebuah website black hole music studio ini

dengan fasilitas booking online yang dapat memudahkan pelanggan yang ingin

menyewa studio di black hole. Website ini telah dihosting di alamat

Bagi pelanggan yang ingin membooking studio secara online dapat dengan

mudah mengakses ke alamat tersebut. Setiap bookingan yang dilakukan oleh member

(42)

5.2 Saran

Untuk pengembangan sistem website black hole ini, penulis menyarankan agar jika

studio tersebut dapat berkembang lagi dari sisi banyaknya studio dan pilihan alat-alat

band yang lebih beragam jenis dan spesifikasinya, sebaiknya dalam sistem ini

ditambahkan beberapa pilihan pembookingan tingkat studio dari standar hingga yang

paling tinggi kualitas ruangannya serta pilihan jenis atau spesifikasi alat-alat yang

diinginkan oleh member. Hal tersebut akan memberi kemudahan kepada member agar

dapat memilih ruangan studio yang dikehendakinya serta alat-alat yang akan dipakai

dengan tingkat harga yang berbeda dan pastinya semuanya tertera dengan terperinci di

dalam website. Bahkan hingga total pembayaran yang akan dibayar oleh member dari

(43)

DAFTAR PUSTAKA

Davis, Gordo B. 1992. Kerangka Dasar Sistem Informasi. Jakarta : PT. Pustaka

Binawan Pressindo

Hakim, Lukmanul, Uus Musalini. 2005. Buku Sakti Menjadi Programmer Sejati PHP.

Jakarta : Loko Media.

Kadir, Abdul. 2002. Pengenalan Sistem Informasi. Yogyakarta : Andi.

Kalengkian, Steven R. 2003. PHP Form Register & Login Untuk Member.

LPKBM MADCOMS. 2005. Aplikasi Manajemen Database Pendidikan Berbasis

Web dengan PHP dan MySQL. Cetakan I, Yogyakarta : Andi.

MADCOMS. 2008. PHP dan MySQL Untuk Pemula. Yogyakarta : Andi.

Pramono, Andi. 2006. Kolaborasi Flash Dreamweaver dan PHP Untuk Aplikasi

Website. Yogyakarta : Andi.

Riyadi, Taufan. Perencanaan dan Perancangan Sebuah Website.

Tunggala, Welly. Tips dan Trik Membuat Website dengan PHP.

(44)

LAMPIRAN

Cara Menjalankan Program

a.

Menjalankan Sistem Admin

1.

Buka halaman website Black hole http://blackholestudio.co.cc

2.

Klik next untuk membuka halaman selanjutnya

3.

Input username dan password admin

4.

Untuk melihat dan menghapus database anggota klik anggota

5.

Untuk melihat dan menghapus database booking klik booking

6.

Untuk melihat event yang telah dikirim oleh member klik event masuk

7.

Untuk melihat berita yang telah ditampilkan klik berita

8.

Untuk mengubah atau menghapus berita klik arsip, pilih berita yang ingin

dihapus lalu klik hapus atau reset untuk mengulangi

9.

Untuk menginput berita klik upload event, isi form untuk mengirim event lalu

klik kirim

10.

Untuk kembali ke halaman home admin klik home

11.

Untuk keluar dari halaman admin klik logout

b.

Menjalankan Sistem Member

1.

Buka halaman website Black hole

2.

Klik next untuk membuka halaman selanjutnya

3.

Input username dan password member

4.

Untuk membooking studio isi nama band, jam, durasi, dan nomor telepon

5.

Untuk melihat berita yang telah ditampilkan klik berita

(45)

7.

Untuk mengirim event klik upload event, isi form untuk mengirim event lalu

klik kirim

8.

Untuk kembali ke halaman home member klik home

9.

Untuk keluar dari halaman member klik logout

c.

Menjalankan Sistem User Biasa

1.

Buka halaman website Black hole

2.

Klik next untuk membuka halaman selanjutnya

3.

Untuk mengetahui alamat dan nomor telepon studio klik contact us

4.

Untuk kembali ke halaman user biasa klik home

5.

Untuk mendaftar sebagai member baru klik daftar, isi form new member.

Setelah selesai klik proses.

6.

Untuk login member klik login sekarang

(46)

Source Code Program

A.

Login

<?php

include "koneksi.php";

$username = $_POST['username']; $password = $_POST['password'];

$perintah="SELECT * FROM anggota WHERE

username='".$_POST['username']."' and password='".$_POST[ 'password']."'"; $hasil=mysql_query($perintah); $row=mysql_fetch_array($hasil); $id="$row[no]"; if($username==""||$password=="") {

$pesan="<left><font color=D7D7D7>Username atau Password belum diisi.</font><br>";

header("location:home_salah.php?err=$pesan"); }

else {

if ($row['username']==$username and $row['password']==$password)

{

if ($row['username']=="tqa" and $row['password']=="tqa") {session_register("user"); session_register("pass"); $user=$row[username]; $pass=$row[password]; header("location: admin.php"); } else { session_register("namauser"); session_register("passuser"); session_register("iduser"); $namauser=$row[username]; $passuser=$row[password]; $iduser=$row[noid]; header("location: booking.php"); } } else {

$pesan1="<left><font color=D7D7D7>Login <b>GAGAL</b>!!, Username/Password tidak benar atau anda belum

(47)

header("location:home_salah.php?err=$pesan1"); } } ?>

B.

Daftar

<?php

if ($_POST['Submit'] == "Proses") {

include("koneksi.php");

if (!empty ($_POST['username']) AND !empty ($_POST['password']) AND !empty ($_POST['email']))

{

$query = ("insert into

anggota(username,password,nama,level,email,telphone) values ('".$_POST['username']."','".$_POST['password']."','".$_POST['n ama']."', '2','".$_POST['email']."','".$_POST['telphone']."')"); $hasil=mysql_query($query); if ($hasil) { echo("<font color=D7D7D7>Selamat Bergabung,<B> $username</font> </B><BR>");

echo("<font color=D7D7D7>Anda Telah Terdaftar Menjadi Anggota Kami</font><BR>");

echo("<A HREF=home.php><font color=ffffff>Login Sekarang??</font></A>");

} else {

echo("<font color=D7D7D7>Maaf! Proses Pendaftaran Gagal</font>");

} }

else {

echo("<font color=D7D7D7>Data yang Anda Masukkan tidak Lengkap</font><BR>");

} } ?>

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

<html> <head>

(48)

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css"> <!--

.style2 {color: #FF0000; font-family: "Courier New", Courier, monospace;}

.style3 {color: #FF3333} -->

</style> </head> <body>

<h1 class="style2">New Member </h1> <hr align="left" width="450">

<blockquote>

<form id="form2" name="form2" method="post" action="form_register.php">

<table width="358" border="0" cellspacing="5" cellpadding="2"> <tr> <td width="80"><span class="style3">Username</span></td> <td width="10">:</td> <td width="310"> <label>

<input type="text" name="username"> </label></td>

</tr> <tr>

<td><span class="style3">Password</span></td> <td>&nbsp;</td>

<td><input type="password" name="password"></td> </tr> <tr> <td><span class="style3">Nama</span></td> <td>:</td> <td> <label>

<input name="nama" type="text" id="nama"> </label></td> </tr> <tr> <td><span class="style3">Email</span></td> <td>:</td> <td> <label>

(49)

<label>

<input type="text" name="telphone"> </label></td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td align="left"> <label>

<input type="submit" name="Submit" value="Proses"> <input name="Submit" type="reset" id="Submit" value="Reset"> </label></td> </tr> </table> </form> </blockquote> </p> </body> </html>

C.

Booking

<?php session_start(); include "koneksi.php";

if (!empty ($_SESSION['namauser']) and !empty ($_SESSION['passuser']))

{ ?>

<!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>Black Hole Site</title> <style type="text/css"> <!-- #Layer1 { position:absolute; width:793px; height:115px; z-index:1; left: 11px; top: 51px; } .style1 {

font-family: Papyrus, "Letter Gothic", "Felix Titling"; font-size: xx-large;

color: #CC0000; }

(50)

position:absolute; width:99px; height:49px; z-index:2; left: 200px; top: 168px; } #Layer3 { position:absolute; width:103px; height:52px; z-index:3; left: 423px; top: 168px; } #Layer4 { position:absolute; width:114px; height:46px; z-index:4; left: 308px; top: 168px; } #Layer5 { position:absolute; width:100px; height:46px; z-index:5; left: 527px; top: 168px; } #Layer6 { position:absolute; width:181px; height:50px; z-index:6; left: -509px; top: 183px; } #Layer7 { position:absolute; width:299px; height:117px; z-index:6; left: 264px; top: 293px; }

.style3 {color: #FFFFFF} .style4 {color: #000000; } #Layer8 {

(51)

height:45px; z-index:7; left: 263px; top: 428px; } #Layer9 { position:absolute; width:574px; height:229px; z-index:6; left: 108px; top: 256px; } body { background-color: #000000; } .style5 { font-size: large; color: #FFFFFF; } .style22 { color: #FFFF00; font-size: 24px; }

.style23 {color: #33FFFF} -->

</style> </head>

<body>

<table width="800" height="600" border="0" align="center"> <tr>

<td background="images/Supermassive_Black_Hole_2.jpg" valign="top"><p>&nbsp;</p>

<table title="BLACK HOLE" width="406" border="0" align="center">

<tr>

<td width="398"><strong><span class="style1">Black Hole Music Studio</span></strong></td>

</tr> </table> <p>&nbsp;</p>

<table width="463" border="0" align="center"> <tr>

<td width="107"><a href="booking.php">

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

codebase="http://download.macromedia.com/pub/shockwave/cabs/fla sh/swflash.cab#version=5,0,0,0" width="103" height="24">

(52)

<embed src="home1.swf" width="103" height="24" quality="high"

pluginspage="http://www.macromedia.com/shockwave/download/index .cgi?P1_Prod_Version=ShockwaveFlash"

type="application/x-shockwave-flash" bgcolor="#000000" ></embed> </object>

</a></td>

<td width="107"><a href="booking.php">

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

codebase="http://download.macromedia.com/pub/shockwave/cabs/fla sh/swflash.cab#version=5,0,0,0" width="103" height="24">

<param name="BGCOLOR" value="#000000" /> <param name="movie" value="gambar.swf" /> <param name="quality" value="high" />

<embed src="gambar.swf" width="103" height="24" quality="high"

pluginspage="http://www.macromedia.com/shockwave/download/index .cgi?P1_Prod_Version=ShockwaveFlash"

type="application/x-shockwave-flash" bgcolor="#000000" ></embed> </object>

</a><a href="gambar.php"></a></td> <td width="107"><a href="booking.php">

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

codebase="http://download.macromedia.com/pub/shockwave/cabs/fla sh/swflash.cab#version=5,0,0,0" width="103" height="24">

<param name="BGCOLOR" value="#000000" /> <param name="movie" value="event.swf" /> <param name="quality" value="high" />

<embed src="event.swf" width="103" height="24" quality="high"

pluginspage="http://www.macromedia.com/shockwave/download/index .cgi?P1_Prod_Version=ShockwaveFlash"

type="application/x-shockwave-flash" bgcolor="#000000" ></embed> </object>

</a><a href="kontak.php"></a></td> <td width="103"><a href="booking.php">

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

codebase="http://download.macromedia.com/pub/shockwave/cabs/fla sh/swflash.cab#version=5,0,0,0" width="103" height="24">

<param name="BGCOLOR" value="#000000" /> <param name="movie" value="kontak.swf" /> <param name="quality" value="high" />

<embed src="kontak.swf" width="103" height="24" quality="high"

pluginspage="http://www.macromedia.com/shockwave/download/index .cgi?P1_Prod_Version=ShockwaveFlash"

type="application/x-shockwave-flash" bgcolor="#000000" ></embed> </object>

(53)

<td width="17"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

codebase="http://download.macromedia.com/pub/shockwave/cabs/fla sh/swflash.cab#version=5,0,0,0" width="103" height="24">

<param name="BGCOLOR" value="#000000" /> <param name="movie" value="kirim.swf" /> <param name="quality" value="high" />

<embed src="kirim.swf" width="103" height="24" quality="high"

pluginspage="http://www.macromedia.com/shockwave/download/index .cgi?P1_Prod_Version=ShockwaveFlash"

type="application/x-shockwave-flash" bgcolor="#000000" ></embed> </object></td>

</tr> </table> <p>&nbsp;</p>

<p align="center"><span class="style22">Selamat Datang <?php

echo "<font color='red'><b>"; echo $_SESSION['namauser'];; echo "</b></font>";

?> </span></p>

<table width="100" border="0" align="center"> <tr>

<th scope="row"> <?php include("koneksi.php");

$cek_jam=mysql_num_rows(mysql_query ("SELECT jam FROM booking WHERE jam='$_POST[jam]'")); if ($cek_jam > 0){

echo ("<font color=D7D7D7>Jam sudah ada yang pakai. Ulangi lagi</font><br>");

} else{

mysql_query("INSERT INTO booking(nama_band, jam, durasi, telephone) VALUES('$_POST[nama_band]', '$_POST[jam]', '$_POST[durasi]', '$_POST[telephone]')"); } ?>

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

<html> <head>

(54)

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css"> <!--

.style2 {color: #FF0000; font-family: "Courier New", Courier, monospace;}

.style3 {color: #FF3333} -->

</style> </head>

<body>

<h1 class="style2">Booking Member </h1> <hr align="left" width="450">

<blockquote>

<form id="form2" name="form2" method="post" action="booking.php">

<table width="352" border="1" cellspacing="2" cellpadding="1" align="center">

<tr bgcolor="#EAF1CF">

<td colspan="3"><div align="center" class="style4">Booking Member</div></td> </tr>

<tr>

<td width="143"><span class="style3">Nama Band </span></td>

<td width="6"><span class="style3">:</span></td> <td width="181"><div align="left">

<input name="nama_band" type="text" id="nama_band" /> </div></td> </tr> <tr> <td><span class="style3">Jam</span></td> <td><span class="style3">:</span></td> <td><div align="left">

<input name="jam" type="text" id="jam" value="00:00:00" /> </div></td> </tr> <tr> <td><span class="style3">Durasi</span></td> <td><span class="style3">:</span></td> <td><div align="left">

(55)

<td><div align="left">

<input name="telephone" type="text" id="telephone" /> </div></td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td>

<td align="left" valign="top"><input type="submit" name="Submit" value="Ok" />

&nbsp;&nbsp;

<input type="reset" name="Reset" value="Cancel" /></td> </tr> </table> </form> </blockquote> </p> </body> </html></th> </tr> </table> <p>&nbsp;</p>

<p align="center" class="style23"><a href="logout.php">LOGOUT</a></p>

<p>&nbsp;</p>

<table width="389" border="0" align="center"> <tr>

<td valign="bottom" width="383"><div align="center" class="style5">Copyright &copy; Black Hole . All Right

Reserved</div></td> </tr>

</table> <p>&nbsp;</p></td> </tr> </table> </body> </html> <?php } else {

echo ("Maaf, untuk mengakses halaman ini ");

echo ("anda harus login terlebih dahulu<br><br><br><hr>"); echo ("<a href='home.php'>Login</a>");

} ?>

D.

Upload Event

<?

(56)

//proses input berita

if (isset($_POST['Input'])) {

$judul = addslashes (strip_tags ($_POST['judul'])); $kategori = $_POST['kategori'];

$headline = addslashes (strip_tags ($_POST['headline'])); $isi_berita = addslashes (strip_tags ($_POST['isi'])); $pengirim = addslashes (strip_tags ($_POST['pengirim'])); //insert ke tabel

$query = "INSERT INTO berita

VALUES('','$kategori','$judul','$headline','$isi_berita','$peng irim',

now())";

$sql = mysql_query ($query); if ($sql) {

echo "<h2><font color=blue>Berita telah berhasil ditambahkan</font></h2>";

} else {

echo "<h2><font color=red>Berita gagal ditambahkan</font></h2>";

} } ?>

<!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>Black Hole Site</title> <style type="text/css"> <!-- #Layer1 { position:absolute; width:793px; height:115px; z-index:1; left: 11px; top: 51px; } .style1 {

(57)

#Layer3 { position:absolute; width:103px; height:52px; z-index:3; left: 423px; top: 168px; } #Layer4 { position:absolute; width:114px; height:46px; z-index:4; left: 308px; top: 168px; } #Layer5 { position:absolute; width:100px; height:46px; z-index:5; left: 527px; top: 168px; } #Layer6 { position:absolute; width:181px; height:50px; z-index:6; left: -509px; top: 183px; } #Layer7 { position:absolute; width:299px; height:117px; z-index:6; left: 264px; top: 293px; }

(58)

font-family: Georgia, "Times New Roman", Times, serif; font-size: large; } body { background-color: #000000; } --> </style> </head> <body>

<table width="800" height="600" border="0" align="center"> <tr>

<td

background="images/Supermassive_Black_Hole_2.jpg"><p>&nbsp;</p> <table title="BLACK HOLE" width="406" border="0"

align="center"> <tr>

<td width="398"><strong><span class="style1">Black Hole </span></strong><strong><span class="style1">Music

Studio</span></strong></td> </tr>

</table> <p>&nbsp;</p>

<table width="656" border="0" align="center"> <tr>

<td width="107"><a href="admin.php">

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

codebase="http://download.macromedia.com/pub/shockwave/cabs/fla sh/swflash.cab#version=5,0,0,0" width="103" height="24">

<param name="BGCOLOR" value="#000000" /> <param name="movie" value="home2.swf" /> <param name="quality" value="high" />

<embed src="home2.swf" width="103" height="24" quality="high"

pluginspage="http://www.macromedia.com/shockwave/download/index .cgi?P1_Prod_Version=ShockwaveFlash"

type="application/x-shockwave-flash" bgcolor="#000000" ></embed> </object>

</a></td>

<td width="107"><a href="booking.php">

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

codebase="http://download.macromedia.com/pub/shockwave/cabs/fla sh/swflash.cab#version=5,0,0,0" width="103" height="24">

<param name="BGCOLOR" value="#000000" /> <param name="movie" value="gambar.swf" /> <param name="quality" value="high" />

<embed src="gambar.swf" width="103" height="24" quality="high"

(59)

.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#000000" ></embed>

</object>

</a><a href="gambar.php"></a></td>

<td width="103"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

codebase="http://download.macromedia.com/pub/shockwave/cabs/fla sh/swflash.cab#version=7,0,19,0" width="103" height="24"> <param name="BGCOLOR" value="#000000" /> <param name="movie" value="masuk.swf" /> <param name="quality" value="high" />

<embed src="masuk.swf" width="103" height="24" quality="high"

pluginspage="http://www.macromedia.com/go/getflashplayer"

type="application/x-shockwave-flash" bgcolor="#000000"></embed> </object></td>

<td width="107"><a href="booking.php">

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

codebase="http://download.macromedia.com/pub/shockwave/cabs/fla sh/swflash.cab#version=5,0,0,0" width="103" height="24">

<param name="BGCOLOR" value="#000000" />

<param name="movie" value="event_admin.swf" /> <param name="quality" value="high" />

<embed src="event_admin.swf" width="103" height="24" quality="high"

pluginspage="http://www.macromedia.com/shockwave/download/index .cgi?P1_Prod_Version=ShockwaveFlash"

type="application/x-shockwave-flash" bgcolor="#000000" ></embed> </object>

</a><a href="kontak.php"></a></td>

<td width="75"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

codebase="http://download.macromedia.com/pub/shockwave/cabs/fla sh/swflash.cab#version=7,0,19,0" width="103" height="24"> <param name="BGCOLOR" value="#000000" />

<param name="movie" value="arsip.swf" /> <param name="quality" value="high" />

<embed src="arsip.swf" width="103" height="24" quality="high"

pluginspage="http://www.macromedia.com/go/getflashplayer"

type="application/x-shockwave-flash" bgcolor="#000000"></embed> </object></td>

<td width="159"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

codebase="http://download.macromedia.com/pub/shockwave/cabs/fla sh/swflash.cab#version=5,0,0,0" width="103" height="24">

<param name="BGCOLOR" value="#000000" /> <param name="movie" value="upload.swf" /> <param name="quality" value="high" />

(60)

pluginspage="http://www.macromedia.com/shockwave/download/index .cgi?P1_Prod_Version=ShockwaveFlash"

type="application/x-shockwave-flash" bgcolor="#000000" ></embed> </object></td>

</tr> </table> <p>&nbsp;</p>

<form action="" method="post" name="input" id="input"> <table cellpadding="0" cellspacing="0" border="0" width="700">

<tr>

<td colspan="2"><h2 class="style3">Input Berita</h2></td>

</tr> <tr>

<td width="200"><span class="style3">Judul Berita</span></td>

<td><span class="style3">:

<input type="text" name="judul" size="30" /> </span></td> </tr> <tr> <td><span class="style3">Kategori</span></td> <td><span class="style3">: <select name="kategori"> <?

$query = "SELECT id_kategori, nm_kategori FROM kategori ORDER BY nm_kategori"; $sql = mysql_query ($query);

while ($hasil = mysql_fetch_array ($sql)) { echo "<option value='$hasil[id_kategori]'>$hasil[nm_kategori]</option>"; } ?> </select> </span></td> </tr> <tr>

<td><span class="style3">Headline Berita</span></td> <td><span class="style3">:

<textarea name="headline" cols="50" rows="4"> </textarea>

</span></td> </tr>

<tr>

<td><span class="style3">Isi Berita</span></td> <td><span class="style3">:

<textarea name="isi" cols="50" rows="10"> </textarea>

(61)

<tr>

<td><span class="style3">Pengirim</span></td> <td><span class="style3">:

<input type="text" name="pengirim" size="20" /> </span></td>

</tr> <tr>

<td>&nbsp;</td> <td>&nbsp;&nbsp;

<input type="submit" name="Input" value="Input Berita" />

&nbsp;

<input type="reset" name="reset" value="Cancel" /> </td>

</tr> </table> </form>

<p>&nbsp;</p> <p>&nbsp;</p>

<div align="center" class="style5"> <p>&nbsp;</p>

<p>&nbsp;</p>

<p>Copyright &copy; Black Hole . All Right Reserved&nbsp;</p> </div> </div></td> </tr> </table> </body> </html>

E.

Kirim Event

<?php

if ($_POST['Submit'] == "Kirim") {

include("koneksi.php");

mysql_query("insert into event(nama,email,judul,isi) values

('".$_POST['nama']."',

'".$_POST['email']."', '".$_POST['judul']."', '".$_POST['isi']."')"); header ("Location: berhasil.php");

}

if ($_POST['Submit2'] == "Batal") {

header ("Location: booking.php"); }

(62)

<!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>Untitled Document</title> <style type="text/css">

<!-- .style1 {

font-family: Calibri, "Century Gothic"; font-size: x-large; font-weight: bold; color: #CC0033; } body { background-color: #000000; } .style2 { color: #D7D7D7; font-size: large;

font-family: Georgia, "Times New Roman", Times, serif; }

.style3 {color: #FF3399} -->

</style> </head>

<body>

<a href="Javascript:history.go(-1)"></a>

<table width="800" height="600" border="0" align="center"> <tr>

<td valign="top"

background="../tiqa/Supermassive_Black_Hole_2.jpg"><table width="463" border="0" align="center">

<tr>

<td width="107"><a href="booking.php">

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

codebase="http://download.macromedia.com/pub/shockwave/cabs/fla sh/swflash.cab#version=5,0,0,0" width="103" height="24">

<param name="BGCOLOR" value="#000000" /> <param name="movie" value="home1.swf" /> <param name="quality" value="high" />

<embed src="home1.swf" width="103" height="24" quality="high"

pluginspage="http://www.macromedia.com/shockwave/download/index .cgi?P1_Prod_Version=ShockwaveFlash"

type="application/x-shockwave-flash" bgcolor="#000000" ></embed> </object>

</a></td>

(63)

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

codebase="http://download.macromedia.com/pub/shockwave/cabs/fla sh/swflash.cab#version=5,0,0,0" width="103" height="24">

<param name="BGCOLOR" value="#000000" /> <param name="movie" value="gambar.swf" /> <param name="quality" value="high" />

<embed src="gambar.swf" width="103" height="24

Gambar

Gambar 3.2 Rancangan Form Login Admin/Member
Gambar 3.3 Rancangan Input Booking Member
Gambar 3.5 Rancangan Output Database Anggota
Tabel 3.2 Booking
+7

Referensi

Dokumen terkait

Sampel yang diteliti adalah sistem informasi terkait prakerin dalam website resmi milik Sekolah Menengah Kejuruan (SMK) milik pemerintah bidang keahlian Teknologi

ALKON JML TEMPAT PELAYANAN 1 Kab Sleman IUD 4

JICA dan Gunma University 1999-2000 Seminar Nasional Pendidikan Matematika 2 hari Malang, Indonesia Universitas Negeri Malang (UM) 2000 Konvensi Nasional Pendidikan

Merek dagang adalah merek yang digunakan pada barang yang diperdagangkan oleh seseorang atau beberapa orang secara bersama-sama atau badan hukum untuk

Mampu memahami semua konsep yang telah dipelajari untuk menyelesaikan kasus tugas akhir matakuliah secara komprehensif. Minggu / Pertemuan ke 14 –

Abstrak — Penelitian ini bertujuan untuk melihat proses pemaafan dan faktor-faktor yang berperan dalam pemaafan pada istri dewasa muda yang suaminya pernah

PROFESIONALISME DI BIDANG HOSPITALITY (STUDI PEMBINAAN DISIPLIN DI PROGRAM STUDI MANAJEMEN PATISERI SEKOLAH TINGGI PARIWISATA BANDUNG) ” ini beserta seluruh isinya

Apabila hasil penelitian UPG (Unit Penanganan Gratifikasi) sebagaimana dimaksud pada ayat (1) merupakan gratifikasi, UPG (Unit Penanganan Gratifikasi) menyampaikan