SIBUTA ( Sistem Informasi Buku Tamu)

Berbasis Web

PROPOSAL

Oleh
Meidina Eki H.
14050974002
Ilmi Ramadhana
14050974027

UNIVERSITAS NEGERI SURABAYA

FAKULTAS TEKNIK
TEKNIK INFORMATIKA
PENDIDIKAN TEKNOLOGI INFORMASI
2016

Usul Proposal oleh : Meidina Eki H dan Ilmi Ramadhana

NIM

: 14050974002 dan 14050974027

Judul

: SIBUTA ( Sistem Informasi Buku

Tamu) Berbasis Web

ini telah disetujui dan dinyatakan memenuhi syarat untuk

diseminarkan.

Surabaya,
Mei 2016
Pembimbing,

Ari Kurniawan
NIP 197303302006041001

KATA PENGANTAR
Puji syukur kehadirat Allah SWT yang telah
melimpahkan rahmat dan hidayah-Nya sehingga proposal
yang berjudul SIBUTA (Sistem Informasi Buku Tamu)
Berbasis Web ini dapat diselesaikan.
Penyusunan
proposal
ini
diajukan
untuk
memenuhi Tugas Akhir mata kuliah Pemrograman Web di
Universitas Negeri Surabaya.
Penulis sampaikan terima kasih kepada semua pihak
yang telah membantu hingga terselesaikannya proposal
ini. Penulis menyadari bhwa proposal ini tidak serta merta
hadir tanpa bantuan dan dukungan dari semua pihak.
Mudah-mudahan segala sesuatu yang telah diberikan
menjadi bermanfaat dan bernilai ibadah di hadapan Allah
SWT.
Penulis memahami sepenuhnya bahwa proposal
ini tak luput dari kesalahan. Oleh karena itu, kritik dan
saran yang membangun sangan diharapkan demi
perbaikan di masa mendatang. Semoga proposal ini
dapat memberikan inspirasi bagi para pembaca untuk
melakukan hal yang lebih baik lagi dan semoga proposal
ini bermanfaat.

Surabaya, 5 Mei 2016

Penulis

DAFTAR ISI
KATA PENGANTAR ....................................................... iii
DAFTAR ISI................................................................... iv
BAB I PENDAHULUAN................................................... 1
A. Latar Belakang Masalah.................................. 1
B. Rumusan Masalah .......................................... 2
C. Tujuan Penelitian ............................................ 2
D. Manfaat Penelitian.......................................... 2
E. Batasan Masalah............................................. 3
BAB II KAJIAN PUSTAKA................................................
A. Pengertian Web...............................................
B. Script Pemrograman.......................................

4
4
4

BAB III METODE PERANCANGAN..................................

A. Perancangan Sistem........................................
B. Perancangan User Interface.............................

6
6
7

DAFTAR PUSTAKA

BAB I
PENDAHULUAN
A. Latar Belakang Masalah
Setiap daerah memiliki kebudayaan dan tradisi
yang berbeda. Salah satu tradisi yang ada dan dianut
dari jaman dulu hingga sekarang yaitu acara hajatan
baik itu Pernikahan , Khitanan dan lainnya.
Yang menarik di dalamnya yaitu setiap tamu
harus memberi uang kadoan yang disisipkan di
amplop dan di tulis nama atau berupa barang kepada
yang punya hajat, dan itu di catat di buku pencatatan
kehadiran tamu, sehingga suatu saat nanti yang
punya hajat harus memberi uang sejumlah yang ada
di catatan kepada tamunya saat tamunya hajatan
dan begitu seterusnya.
Pembukuan hajatan tersebut masih dengan
cara yang konvensional sehingga menuai beberapa
masalah di antaranya yaitu tidak menjamin
keakuratan data tamu, jumlah uang keseluruhan, dan
kemungkinan data bisa hilang kapan saja, sehingga
pencarian tamu dari jauh untuk kedepannya
sangatlah sulit.
Perkembangan Internet tidak lepas dari
partisipasi website. Website merupakan layanan
penyedia informasi di Internet yang berbasis teks
dan grafis. Hadirnya website menimbulkan pemikiran
baru dalam berbagai aspek.

Sehubungan dengan budaya hajatan, kami

membuat suatu konsep untuk memudahkan pemilik
hajatan dalam
manajemen data tamu dan
perputaran uang sehingga lebih akurat dan
keamanan data terjamin.

B. Rumusan Masalah
Berdasarkan latar belakang tersebut, masalah
yang dirumuskan oleh penulis adalah bagaimana
merancang sistem informasi buku tamu berbasis
web, sehingga dapat memudahkan pembukuan data
tamu dan kalkulasi pengeluaran dan pemasukan
hajatan.
C. Tujuan Penelitian
Tujuan dari penelitian ini adalah menghasilkan
sistem informasi buku tamu berbasis web yang
meliputi data tamu, dan kalkulasi pengeluaran serta
pemasukan hajatan.
D. Manfaat Penelitian
Penulis berharap bahwa tugas akhir ini dapat
bermanfaat bagi :
1. Penulis
Menambah pengetahuan dan wawasan penulis
dibidang pembuatan suatu program sistem
informasi
berbasis
web
serta
untuk

menyelesaikan tugas akhir yang menjadi salah

satu syarat kelulusan mata kuliah Pemrograman
Web di Universitas Negeri Surabaya.
2. Akademik ( Universitas Negeri Surabaya )
Diharapkan dapat menambah koleksi karya di
perpustakaan sebagai bahan refrensi bagi
mahasiswa lainnya dalam melakukan penelitian
selanjutnya.
3. Masyarakat
Mempermudah
pembukuan
tamu
dari
konvensional menjadi modern berbasis web yang
lebih efisien dan terjamin keamanan datanya.
E. Batasan Masalah
Agar tujuan utama tercapai dan pembahasan
tidak meluas serta tidak menjadikan adanya
penyimpangan
permasalahan,
maka
penulis
membuat batasan masalah yang akan dikaji sebagai
berikut :
1. Sistem yang dibahas melingkupi informasi
tentang data tamu, pengeluaran, dan pemasukan
hajatan.
2. Sistem dibangun menggunakan PHP dan Mysql.

BAB II
KAJIAN PUSTAKA
A. Pengertian Web
Awalnya intenet adalah sebuah proyek
yang dimaksudkan untuk menghubungkan para
ilmuwan dan peneliti di Amerika, namun saat ini
telah tumbuh menjadi media komunikasi global yang
dipakai semua orang di muka bumi. Pertumbuhan ini
membawa beberapa masalah penting mendasar, di
antaranya kenyataan bahwa Internet tidak diciptakan
pada jaman graphical user interface (GUI) seperti
saat ini. Internet dimulai pada masa dimana orang
masih menggunakan alat-alat akses yang tidak userfriendly yaitu terminal berbasis teks serta peintahperintah command-line yang panjang-panjang dan
sukar diingat, sangat berbeda dengan komputer
dewasa ini yang menggunakan klik tombol mouse
pada layar grafik berwarna.
B. Script Pemrograman
1. HTML
HTML adalah serangkaian konstruksi standar
yang dapat membangun halaman web. Dimana
HTML merupakan bahasa markup yang digunakan
untuk melakukan markup dokumen teks, seperti
editor markup halaman untuk publishing, yang
mengindikasikan format mana yang seharusnya
digunakan untuk menampilkan teks yang sudah
di mark. HTML didesain untuk menspesifikasikan
ke organisasi logika dari dokumen teks, dengan
extentions penting untuk hypertext links dan
interaksi user.
2. PHP
PHP(Hypertext Preprocessor) adalah bahasa
server-side scripting yang didesain khusus untuk
web.
Pada
halaman
HTML
anda
dapat

menempelkan(embed) kode PHP. Kode PHP

dieksekusi di sisi server bukan di komputer klien.
Dan hasil yang ditampilkan adalah kode HTML
murni.
3. CSS
CSS merupakan suatu teknologi yang digunakan
untuk
mempermudah
pembuatan
sebuah
website. Dengan CSS kita dapat dengan cepat
mengaplikasikan suatu style pada tag tertentu.
Bahkan kita dapat meletakkan CSS pada suatu
file sehingga dapat digunakan oleh banyak
halaman sekaligus.
4. Javascript
Javascript adalah sebuah bahasa pemrograman
yang khusus dirancang untuk website. Javascript
hanya berjalan disisi klien, artinya penggunaan
javascript hanya terbatas pada web-browser anda
saja, ia tidak bisa melakukan manipulasi data
pada sisi server. Saat ini javascript merupakan
salah satu element terpenting dari teknologi web
terkini.
AJAX
adalah
salah
satu
contoh
penggunakan javascript yang saat ini banyak
digunakan oleh website.
5. MySQL
MySQL adalah sebuah perangkat lunak sistem
manajemen
basis
data
SQL
(database
management
system)
atau
DBMS
yang
multithread, multi-user,dengan sekitar 6 juta
instalasi di seluruh dunia. MySQL sebenarnya
merupakan turunan salah satu konsep utama
dalam database sejak lama, yaitu SQL (Structured
Query Language). SQL adalah sebuah konsep
pengoperasian
database,
terutama
untuk
pemilihan atau seleksi dan pemasukan data, yang

memungkinkan pengoperasian data dikerjakan

dengan mudah secara otomatis.

BAB III
METODE PERANCANGAN
A. Perancangan Sistem
Perancangan sistem informasi buku tamu bertujuan
untuk memudahkan langkah pembuatan website.
Perancangan menggunakan diagram dasar untuk
pembuatan suatu aplikasi, yaitu Diagram Konteks
dan Data Flow Diagram (DFD).
1. Diagram Konteks

Keterangan :
1. Tamu, adalah peserta undangan yang telah
terdaftar dalam list daftar tamu yang
ditentukan oleh orang yang punya hajat. Tamu
meng-input data diri sesuai dengan yang
tertulis pada undangan dan bentuk kadoan
berupa uang atau barang. Hasil input yang
telah disampaikan akan otomatis tercatat
dalam database server.
2. Operator, berperan dalam manajemen data
meliputi add, edit, delete, dan print.

Membantu tamu yang kesulitan dalam input

data.
3. Punya
hajat,
adalah
orang
yang
mengadakan acara/hajatan. Memiliki akses
utama dalam sistem. Dapat memanajemen
data
(data
tamu,
pemasukan,
dan
pengeluaran) meliputi add, edit, delete, dan
print.
2. Data Flow Diagram (DFD)

B. Perancangan User Interface

Berikut ini adalah gambar rancangan menu utama

DAFTAR PUSTAKA

Cahyana, Cepi. SIBUTA (Sistem Informasi Buku Tamu).

https://cepicahyana.wordpress.com (diakses tanggal 3
Mei 2016)
Widigdo, Anon Kuncoro. 2003. Dasar Pemrograman PHP
dan MySQL. Ilmukomputer.com (diakses tanggal 3 Mei
2016)