Upload
others
View
10
Download
1
Embed Size (px)
Citation preview
SISTEM INFORMASI PENJUALAN KUE BERBASIS WEB
LAPORAN TUGAS AKHIR
DWI ANGGRAINI SIREGAR
152406111
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2018
UNIVERSITAS SUMATERA UTARA
SISTEM INFORMASI PENJUALAN KUE
BERBASIS WEB
LAPORAN TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh gelar Ahli
Madya
DWI ANGGRAINI SIREGAR
152406111
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2018
UNIVERSITAS SUMATERA UTARA
UNIVERSITAS SUMATERA UTARA
i
UNIVERSITAS SUMATERA UTARA
ii
SISTEM INFORMASI PENJUALAN KUE
BERBASIS WEB
ABSTRAK
This final project aims to build an online cake sales information system. This
sales information system was developed using Sublime Text 2 software, XAMPP
which is a combination of Apache Web Server, PHP, and MySQL, and Google
Chrome browser.
This sales information system can make ordering and selling cake. The
purpose of this application is to provide convenience to the owner of the store in
sales and marketing as well as providing convenience to users or customers in
ordering and purchasing.
Keyword : E-Commerce, Information System, Online Store , Web
UNIVERSITAS SUMATERA UTARA
iii
SISTEM INFORMASI PENJUALAN KUE
BERBASIS WEB
ABSTRAK
Tugas akhir ini bertujuan untuk membangun sistem informasi penjualan kue
secara online. Sistem informasi penjualan ini dikembangkan dengan menggunakan
perangkat lunak Sublime Text 2, XAMPP yang merupakan gabungan dari Apache
Web Server, PHP, dan MySQL, dan browser Google Chrome.
Sistem informasi penjualan ini dapat melakukan pemesanan dan penjualan
kue. Tujuan aplikasi ini adalah untuk memberikan kemudahan kepada pemiliki
toko dalam penjualan dan pemasaran serta memberikan kemudahan kepada
pengguna atau pelanggan dalam pemesanan dan pembelian.
Kata Kunci : E-Commerce, Sistem Informasi, Toko Online, Web
UNIVERSITAS SUMATERA UTARA
iv
UNIVERSITAS SUMATERA UTARA
v
DAFTAR ISI
Halaman
PENGESAHAN LAPORAN TUGAS AKHIR i
ABSTRAK ii
ABSTRACK iii
PENGHARGAAN v
DAFTAR ISI vi
DAFTAR TABEL vii
DAFTAR GAMBAR viii
DAFTAR LAMPIRAN ix
DAFTAR SINGKATAN x
BAB 1 PENDAHULUAN 1.1 Latar Belakang 1
1.2 Rumusan Masalah 2
1.3 Batasan Masalah 2
1.4 Tujuan 3
1.5 Manfaat 3
1.6 Metodologi 3
1.7 Sistematika Penulisan Laporan 4
BAB 2 LANDASAN TEORI 2.1 Pengertian Komputer 6
2.1.1 Sejarah Komputer 7
2.1.2 Jenis-Jenis Komputer 8
2.2 Pengertian Sistem 10
2.3 Sistem Komputer 11
2.3.1 Sistem Informasi 12
2.3.2 Sistem Informasi Berbasis Web 13
2.4 Syarat Merancang Sistem Informasi Berbasis Web 13
2.5 Pengertian Internet 14
2.5.1 Sejarah Internet 16
2.6 Web Server 17
2.7 Hyper Text Markup Language 18
2.8 Personal Homepage 19
2.8.1 Sejarah Php 20
2.8.1 Kelebihan dan Kelemahan Php 21
2.9 XAMPP 22
2.10 MySQL 25
2.10.1 Sejarah MySQL 25
2.10.1 Pengertian MySQL 27
2.11 Cascading Style Sheet 27
2.12 Sublime Text 28
UNIVERSITAS SUMATERA UTARA
vi
BAB 3 PERANCANGAN SISTEM 3.1 Pengertian Perancangan Sistem 30
3.1.1 Data Flow Diagram 31
3.2 Perancangan Database 32
3.2.1 Tabel Admin 33
3.2.2 Tabel Counter 34
3.2.3 Tabel Daftar 34
3.2.4 Tabel Laporan 35
3.2.5 Tabel Pemesanan 35
3.2.6 Tabel Produk 36
3.2.7 Tabel Shopping 36
3.2.8 Tabel Voting 37
3.3 Perancangan Flowchat 37
3.3.1 Flowchart Admin 37
3.3.2 Flowchart User 38
BAB 4 IMPLEMENTASI SISTEM 40
4.1 Pengertian Implementasi Sistem 41
4.2 Kebutuhan Sistem 41
4.3 Tampilan Program 42
4.3.1 Tampilan Home 42
4.3.2 Tampilan Login 43
4.3.3 Tampilan Contact Us 43
4.3.4 Tampilan Produk 44
4.3.5 Tampilan Shopping Chart 44
4.3.6 Tampilan Pembayaran 45
4.4 Tampilan Halaman 46
4.3.1 Tampilan Logout 47
4.3.2 Tampilan Edit Member 47
4.3.3 Tampilan Edit Profil 48
4.3.4 Tampilan Edit Produk 48
4.3.5 Tampilan Pemesanan 49
BAB 5 KESIMPULAN DAN SARAN 5.1 Kesimpulan 51
5.2 Saran 51
DAFTAR PUSTAKA 52
LAMPIRAN 53
UNIVERSITAS SUMATERA UTARA
vii
DAFTAR TABEL
Nomor
Tabel
Judul
Halaman
Tabel 3.1 Tabel Admin 33
Tabel 3.2 Tabel Counter 34
Tabel 3.3 Tabel Daftar 34
Tabel 3.4 Tabel Laporan 35
Tabel 3.5 Tabel Pemesanan 35
Tabel 3.6 Tabel Produk 36
Tabel 3.7 Tabel Sopping 36
Tabel 3.8 Tabel Voting 37
UNIVERSITAS SUMATERA UTARA
vii
DAFTAR GAMBAR
Nomor
Gambar
Judul
Halaman
Gambar 3.1. DFD 32
Gambar 3.2 Flowchart Admin 38
Gambar 3.3 Flowchart User 38
Gambar 4.1 Tampilan Home 42
Gambar 4.2 Tampilan Login 43
Gambar 4.3 Tampilan Contact Us 43
Gambar 4.4 Tampilan Produk 44
Gambar 4.5 Shopping Chart 44
Gambar 4.6 Pembayaran 45
Gambar 4.7 Tampilan Logout 46
Gambar 4.8 Tampilan Edit Member 47
Gambar 4.9 Tampilan Edit Profil 47
Gambar 4.10 Tampilan Edit Produk 48
Gambar 4.11 Tampilan Edit Member 48
Gambar 4.12 Tampilan Pemesanan 49
UNIVERSITAS SUMATERA UTARA
vi
DAFTAR LAMPIRAN
Nomor
Lampiran
Judul
Halaman
1 List Program 48
2 Uji Program 100
3 Kartu Bimbingan 101
4 SK Dosen 102
UNIVERSITAS SUMATERA UTARA
7
DAFTAR SINGKATAN
PC = Personal Computer
PDA = Personal Digital Assistans
EDP = Electronic Data Processing
MysSQL = My Structured Query Language
PHP = Hypertext Prepocessor
HTTP = Hypertext Markup Language
TCP = Transmission Contol Protocol
WIFI = Wireless Fidelity
GPRS = General Packet Radio Service
ARPANET = Advanced Research Project Agency Network
PWS = Personal Web Server
HTML = Hypertext Markup Language
CSS = Cascading Style Sheet
DFD = Data Flow Diagram
UNIVERSITAS SUMATERA UTARA
BAB 1
PENDAHULUAN
1.1 Latar Belakang
Perkembangan ilmu pengetahuan dan teknologi khususnya teknologi
informasi yang semakin tinggi akan mendorong manusia untuk mencari kemudahan
mengenai apa yang sedang dipelajarinya. Dewasa ini arus informasi berjalan dengan
cepat seiring dengan pesatnya arus teknologi yang semakin berkembang. Hampir
semua perusahaan dalam hal pengambilan keputusan pengembangan informasi, dan
pelayanan telah menggunakan sistem informasi komputer.
Dengan banyaknya generas-generasi komputer yang semakin disempurnakan
baik Hardware dan Software, maka pengolahan data menjadi informasi dapat
dilakuan dengan sangat baik. Dalam hal ini teknologi komputer memberikan
berbagai keuntungan atau manfaat yang sangat banyak bagi dunia bisnis dan instansi
pemerintahan dan swasta karena dengan adanya sistem komputerisasi akan
mempermudah aktivitas sehari-hari sehingga pekerjaan lebih efektif dan efisien serta
lengkap dan akurat.
Pada toko TheLovelyCake ini ditemukan permasalahan pada sistem
penjualan, pembelian dan persediaan yaitu, dalam pencatatan data masih
menggunakan cara manual. Proses pembeli harus datang ke toko untuk membeli kue
tersebut. Berdasarkan permasalahan diatas pada toko kue TheLovelyCake, peneliti
bertujuan untuk membantu toko dalam mengelola data penjulan, pembelian dan
UNIVERSITAS SUMATERA UTARA
2
persediaan kue agar tidak terjadi kesalahan dalam proses perhitungan dan pencatatan
data yang dilakukan perusahaan dengan konsumen sehingga lebih efektif dan efisien.
Serta dapat membantu pembeli agar waktu pembeli tidak sia – sia untuk datang dan
memesan kue pesanan seta memberikan informasi yang cepat dan akurat bagi pihak
pembeli. Dengan itu penulis dapat mengatasinya dengan membuat aplikasi yang
berjudul “SISTEM INFORMASI PENJUALAN KUE BERBASIS WEB”
1.2 Rumusan Masalah
Masalah yang akan dirumuskan adalah:
1. Bagaimana agar website The Lovely Cake menjadi lebih dikenal masayarakat
luas.
2. Membangun suatu proses pembuatan laporan pemesanan tidak memakan waktu yang
cukup lama.
3. Bagaimana data dapat diperbaharui dengan mudah pada waktu yang
diinginkan.
1.3 Batasan Masalah
Agar masalah yang dibahas tidak menyimpang dari tujuan, maka perlu dibuat
suatu batasan masalah, yaitu :
UNIVERSITAS SUMATERA UTARA
3
1. Pembuatan Sistem Informasi penjualan kue berbasis website ini mengambil
beberapa data dari Google
2. Perancangan sistem dilakukan dengan menggunakan bahasa pemrograman
PHP dan MYSQL.
3. Visualisasi web dilengkapi dengan fasilitas Guestbook (halaman komentar
bagi yang sudah membuat akun).
4. Pembahasan tidak mencakup permasalahan keamanan yang mungkin terjadi
akibat serangan dari hacker atau cracker pada web dan database yang
digunakan untuk tempat penyimpanan program dan data pada sistem ini.
1.4 Tujuan
Tujuan dari Penelitian ini dilakukan untuk memperkenalkan berbagai macam
kue yang ada di toko The Lovely Cake, mempermudah penjualan toko dan
mempublikasikan toko kue The Lovely Cake.
1.5 Manfaat
Adapun manfaat dari perancangan aplikasi ini adalah :
1. Mempermudah pembeli agar dapat memesan kue yang diingin di website The
Lovely Cake yang dapat diakses kapan saja dan dimana saja.
UNIVERSITAS SUMATERA UTARA
4
2. Dengan adanya sistem ini mampu menambah membantu pembeli agar lebih
efisien serta dapat mempublikasikan toko The Lovely Cake agar dikenal lebih
banyak masyarakat.
1.6 Metodologi
Dalam penyusunan Tugas Akhir ini, penulis menggunakan metode-metode
berikut:
1. Metode Penelitian Kepustakaan dengan mencari bahan atau sumber yang ada
kaitannya dengan objek yang diteliti. Kegunaan motede ini diharapkan dapat
mempertegas teori serta keperluan analisis dan mendapatkan data yang
sesungguhnya.
2. Observasi dilakukan dengan cara pengamatan secara langsung terhadap objek
yang diteliti.
3. Perancangan (desain), membangun atau mengembangkan sistem yang
diusulkan berupa perancangan sistem data flow diagram (DFD), dimana tahapan
ini dapat dibangun dengan memperoleh informasi diantaranya memastikan
informasi yang didapat akurat, memberikan ulasan-ulasan yang terperinci,
transformasi sistem (perubahan proses yang berjalan ke proses yang diusulkan).
4. Penulisan Program (coding), membuat program didalam aplikasi yang dibuat
agar dapat berjalan sesuai dengan yang difungsikan.
UNIVERSITAS SUMATERA UTARA
5
5. Pengujian Sistem (testing), kegiatan untuk melakukan pengetesan sistem yang
sudah dibuat, apakah sistem atau program yang dibuat sudah berjalan sesuai
dengan yang dibutuhkan, apabila sistem atau program sudah berjalan maka
program dapat digunakan.
6. Pemeliharaan (maintenance), kegiatan untuk memelihara program aplikasi yang
telah dibuat, baik dalam updating data, menjaga sistem agar tidak terserang virus,
error , dan data corrupt.
1.7 Sistematika Penulisan
Tujuan sitematika penulisan tugas akhir ini adalah untuk lebih memudahkan
penulis dalam membuat dan menyelesaikan permasalahan yang dianalisa, sehingga
lebih terarah, terfokus dan menyimpang dari ruang lingkup batasan masalah.
Sitematika penulisan tugas akhir ini adalah sebagai berikut :
BAB 1 : PENDAHULUAN
Menjelaskan mengenai latar belakang, rumusan
masalah, batasan masalah, tujuan penulisan,
manfaat, dan sistematika penulisan.
BAB 2 : LANDASAN TEORI
UNIVERSITAS SUMATERA UTARA
6
Berisi mengenai teori-teori yang akan menjadi
acuan dalam penulisan serta dapat mendukung
dalam penyusunan laporan Tugas Akhir ini.
BAB 3 : PERANCANGAN SISTEM
Berisi tentang prosedur perancangan teknik dan
pembuatan rancangan sistem aplikasi yang akan
dibuat.
BAB 4 : IMPLEMENTASI SISTEM
Berisi tentang bentuk implementasi dan
pengujian sistem aplikasi yang telah dibuat.
BAB 5 : KESIMPULAN DAN SARAN
Berisi kesimpulan dari hasil laporan Tugas
Akhir, serta berisi saran-saran dari seluruh
permasalahan yang dibahas.
UNIVERSITAS SUMATERA UTARA
BAB 2
LANDASAN TEORI
2.1 Pengertian Komputer
Komputer adalah mesin penghitung elektronik yang cepat dan dapat
menerima informasi input digital, kemudian memprosesnya sesuai dengan program
yang tersimpan di memorinya, dan menghasilkan output berupa informasi.
(McGraw-Hill, 2001)
Dalam arti seperti itu terdapat alat seperti slide rule, jenis kalkulator mekanik
mulai dari abakus dan seterusnya, sampai semua komputer elektronik yang
kontemporer. Istilah lebih baik yang cocok untuk arti luas seperti "komputer" adalah
"yang mengolah informasi" atau "sistem pengolah informasi." Selama bertahun-
tahun sudah ada beberapa arti yang berbeda dalam kata "komputer", dan beberapa
kata yang berbeda tersebut sekarang disebut disebut sebagai komputer.
Kata komputer secara umum pernah dipergunakan untuk mendefiniskan
orang yang melakukan perhitungan aritmatika, dengan atau tanpa mesin pembantu.
Menurut Barnhart Concise Dictionary of Etymology, kata tersebut digunakan dalam
bahasa Inggris pada tahun 1646 sebagai kata untuk "orang yang menghitung"
kemudian menjelang 1897 juga digunakan sebagai "alat hitung mekanis". Selama
Perang Dunia II kata tersebut menunjuk kepada para pekerja wanita Amerika Serikat
dan Inggris yang pekerjaannya menghitung jalan artileri perang dengan mesin hitung.
UNIVERSITAS SUMATERA UTARA
7
2.1.1 Sejarah Komputer
Komputer adalah mesin penghitung elektronik yang cepat dapat menerima
informasi input digital, memprosesnya sesuai dengan suatu program yang tersimpan
di memorinya dan menghasilkan output informasi. (V. Carl Hamacher Zvonko G.
Vranesic, Safwat G. Zaky, Computer Organization (5th Edition), McGraw-Hill,
2001). Kemudian, beberapa tahun setelah munculnya alat hitung tersebut tepatnya
pada tahun 1833, Charles Babbage telah berhasil menyempurnakan Difference
Engine miliknya dengan konsep yang lebih mendalam dan umum yang kemudain ia
beri nama Analytical Engine. Alat ini diberi kemampuan agar dapat menghitung
berbagai kalkulasi apa saja, sehingga untuk pertama kalinya alat ini dikenal dengan
sebutan Purpose Digital Komputer.
Penemuan besar Charles Babbage ini merupakan sebuah sumbangan besar
bagi dunia perkomputeran sekarang ini, pasalnya prinsip kerja dari kedua alat
penemuan Charles Babbage merupakan prinsip yang menjadi sebuah dasar yang
melandasi terciptanya komputer saat ini. karena penemuan besarnya ini Charles
Babbage diuluki sebagai “Bapak Komputer Modern”.
Kemudian tak kurang dari lima tahun setelah diperkenalkannya Analytical
Engine, seorang ahli di bidang matematika Prof. Howard Aikem dari Universitas
Harvard mulai merancang sebuah komputer yang didalamnya terdapat program yang
memungkinkannya melakukan operasi logika dan aritmatika secara otomatis yang
dapat diselesaikan secara mekanik elektronik pada tahun 1937. Namun berkat
bantuan dan dukungan dari pihak Perusahaan IBM alat itu dapat terselesaikan secara
elektronik yang kemudian di beri nama “Harard Mark I Automatic Sequence-
Controlled Calculator (ASCC) pada tahun 1944.
UNIVERSITAS SUMATERA UTARA
8
2.1.2 Jenis-jenis Komputer
Komputer telah merambah ke berbagai sektor dalam kehidupan kita, tidak
saja digunakan oleh orang kantoran, akademisi, mahasiswa, anak-anakpun sudah
terbiasa dengan komputer ini. Secara sederhana, komputer dapat kita definisikan
sebagai perangkat elektronik yang menerima input (dapat berupa input dari
keyboard, mouse, sidik jari, retina mata, dan lain-lain) kemudian di proses oleh
prosesornya dan ditampilkan melalui monitor atau dalam bentuk hardcopy (printer).
Banyak sekali pembagian atau kriteria yang melekat pada komputer, berikut ini kita
bahas 8 macam jenis komputer.
1. PC atau Personal Computer
Sesuai dengan namanya personal komputer,maka PC adalah komputer yang
ditujukan untuk pemakaian satu orang atau dimiliki secara pribadi. Sebelum PC ini
muncul, komputer dahulunya berwujud sangat besar, sehingga hanya dimiliki oleh
perusahaan tertentu saja. PC pertama bernama Altair yang diproduki oleh MITS pada
tahun 1975.
2. Komputer Desktop
Yaitu komputer yang dirancang untuk tidak dapat dipindahkan-pindahkan,
atau khusus dirancang untuk diletakkan disuatu tempat seperti diatas meja kerja.
Komputer jenis ini sangat banyak beredar dipasaran, terutama dikalangan perguruan
tinggi, kantor dan perusahaan.
3. Laptop
Dahulu istilah laptop berbeda dengan Notebook ditinjau dari segi ukuran,
namun sekarang laptop atau notebook mengacu ke maksud yang sama, yaitu
komputer portable (mudah dibawa-bawa) yang terintegrasi langsung dengan monitor,
keyboard, mouse pad/trackbal, processor, harrdisk, memory dan peripheral lainnya
dengan ukuran yang kecil dan ringan. Kemampunya bahkan melebihi komputer
UNIVERSITAS SUMATERA UTARA
9
dekstop maupun PC..
4. PDA, Personal Digital Assistants
PDA adalah komputer canggih yang menggunakan flash memory sebagai
pengganti media penyimpanan. PDA tidak memiliki keyboard, namun menggunakan
teknologi layar sentuh (touchscreen) sebagai media input. PDA mempunyai ukuran
yang sangat kecil, sedikit diatas ukuran handphone dan dapat dengan mudah dibawa
kemana-mana.
5. Komputer Workstation
Workstation sebenarnya adalah komputer desktop yang memiliki kelebihan
utama dalam hal kemampuan prosesor, memory yang besar, dan kemampuannya
dalam menjalankan aplikasi-aplikasi yang membutuhkan performa tinggi, seperti
aplikasi 3 dimensi, grafik, multimedia dan lain sebagainya.
6. Komputer Server
Server adalah komputer diperuntukan untuk menyediakan layanan terhadap
komputer lainnya (client) dalam sebuah jaringan.Komputer server memiliki prosesor
yang powerfull, memory yang besar dan kapasitas harddisk yang lebih besar.
7. Komputer Mainframe
Adalah komputer dengan ukuran besar yang mampu melayani ratusan
program aplikasi secara bersamaan, mendukung puluhan bahasa pemrograman yang
berbeda, mampu menyimpan dan mengakses library rutin dengan kapasitas yang
besar, mampu melayani ratusan transaksi secara bersamaan, bahkan lebih dan
kelebihan lainnya. Komputer ini biasanya berfungsi sebagai pusat data pada
perusahaan besar, namun dengan perkembangan zaman, komputer-komputer terbaru
saat ini secara bertahap akan mampu menyaingi kelebihan dari komputer mainframe
UNIVERSITAS SUMATERA UTARA
10
ini. Untuk ukuran yang sedang disebut dengan mini komputer dan ukuran lebih kecil
disebut dengan mikro computer.
8. Wearable Computer
Wearable Computer adalah perkembangan terbaru dalam bidang komputer,
yaitu perangkat komputer menyatu seperti layaknya pakaian saja. Aplikasi-aplikasi
yang biasa digunakan seperti email, database, multimedia, kalender terintegrasi
langsung dengan jam tangan, handphone atau dalam bentuk lainnya.Sehingga
perangkat komputer sudah menyatu dalam kehidupan kita sehari-hari.
2.2 Pengertian Sistem
Sistem merupakan suatu bentuk integrasi antara satu komponen dengan
komponen lain karena sistem memiliki sasaran yang berbeda untuk setiap kasus
yang terjadi dalam sistem tersebut. Menurut Tata Sutabri (2012:22)
Sistem juga merupakan kesatuan bagian-bagian yang saling berhubungan
yang berada dalam suatu wilayah serta memiliki item-item penggerak, contoh umum
misalnya seperti negara. Negara merupakan suatu kumpulan dari beberapa elemen
kesatuan lain seperti provinsi yang saling berhubungan sehingga membentuk suatu
negara dimana yang berperan sebagai penggeraknya yaitu rakyat yang berada
dinegara tersebut.
2.3 Sistem Komputer
UNIVERSITAS SUMATERA UTARA
11
Komputer adalah sistem elektronik untuk memanipulasi data yang cepat dan
tepat serta dirancang dan diorganisasikan supaya secara otomatis menerima dan
menyimpan data input, memprosesnya, dan menghasilkan output berdasarkan
instruksi-instruksi yang telah tersimpan di dalam memori. Dan masih banyak lagi
ahli yang mencoba mendefinisikan secara berbeda tentang komputer. Namun, pada
intinya dapat disimpulkan bahwa komputer adalah suatu peralatan elektronik yang
dapat menerima input, mengolah input, memberikan informasi, menggunakan suatu
program yang tersimpan di memori komputer, dapat menyimpan program dan hasil
pengolahan, serta bekerja secara otomatis. Dari definisi tersebut terdapat tiga istilah
penting, yaitu input (data), pengolahan data, dan informasi (output). Pengolahan data
dengan menggunakan komputer dikenal dengan nama pengolahan data elektronik
(PDE) atau elecronic data processing (EDP). Data adalah kumpulan kejadian yang
diangkat dari suatu kenyataan (fakta), dapat berupa angka-angka, huruf, simbol-
simbol khusus, atau gabungan dari ketiganya. Data masih belum dapat bercerita
banyak sehingga perlu diolah lebih lanjut. Menurut Sanders (1985),
Perangkat computer harus bisa difungsikan secara komperehensif (kompak
dan bersama-sama) dalam melaksanakan tugasnya yaitu dalam mengolah data atau
informasi. Untuk mewujudkan konsepsi komputer sebagai pengolah data agar
menghasilkan suatu informasi, maka diperlukan sistem komputer (computer system)
yang elemennya terdiri dari hardware, software, dan brainware. Ketiga elemen
system computer tersebut harus saling berhubungan dan membentuk kesatuan yang
saling mendukung untuk bekerja sama. Hardware tidak akan berfungsi apabila tanpa
software, demikian juga sebaliknya. Dan keduanya tidak akan bermanfaat apabila
tidak ada manusia (brainware) yang mengoperasikannya dan mengendalikannya
UNIVERSITAS SUMATERA UTARA
12
2.3.1 Sistem Informasi
Sistem informasi adalah suatu sistem di dalam suatu organisasi yang
mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi,
bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak
luar tertentu dengan laporan-laporan yang diperlukan (Jogiyanto, 2005:18).
Sistem informasi adalah suatu sistem di dalam suatu organisasi yang
mempertemukan kebutuhan pengolahan transaksi harian yang mendukung fungsi
operasi organisasi untuk dapat menyediakan kepada pihak luar tertentu dengan
laporan – laporan yang diperlukan. Tata Sutabri (2005 : 42).
Sistem informasi merupakan kombinasi dari orang (people), perangkat keras
(hardware), perangkat lunak (software), jaringan komunikasi (communication
network) dan sumber data yang dihimpun, ditransformasikan dan mengalami proses
pengaliran dalam suatu organisasi.
Sistem informasi adalah gabungan yang terorganisasi dari manusia, perangkat
lunak, perangkat keras, jaringan komunikasi dan sumber data dalam mengumpulkan,
mengubah, dan menyebarkan informasi dalam organisasi.Sistem informasi adalah
suatu sistem didalam suatu organisasi yang mempertemukan kebutuhan pengolahan
transaksi harian, mendukung operasi, bersifat manajerial dan kegiatan strategi dari
suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang
diperlukan.
2.3.2 Sistem Informasi Berbasis Web
UNIVERSITAS SUMATERA UTARA
13
Sistem Informasi Berbasis Web adalah sebuah sistem informasi yang
menggunakan teknologi web atau internet untuk memberikan informasi dan layanan
kepada pengguna atau sistem informasi lain.
Sistem informasi berbasis web biasanya terdiri dari satu atau lebih aplikasi
web yang masing-masing komponen mempunyai fungsi tertentu. Dimana masing-
masing komponen tersebut saling mendukung satu sama lainnya guna mencapai
fungsi sistem informasi web sesungguhnya secara umum.
2.4 Syarat Merancang Sistem Informasi Berbasis Web
Adapun syarat-syarat agar terbentuknya sebuah website adalah:
1. Tersedianya Web Server
2. Baik web statis ataupun dinamis, jika ingin bisa online di internet, maka
syarat pertama haruslah memiliki server, baik berupa hardware maupun software.
Untuk hardware yaitu seperangkat komputer yang selalu terhubung online dengan
internet.Untuk software, selain operating system, harus disediakan juga software
untuk web server itu sendiri.Untuk saat ini web server yang menjadi favorit adalah
Aphace.
3. Tersedianya Software Pemrograman Web Berbasis Server
Jika ingin membuat web, berarti harus tersedia sebuah bahasa pemrograman web
selain HTML, baik itu client side maupun server side.Untuk yang client side,
memiliki kekurangan yaitu instruksi program bisaa terlihat oleh pengguna
internet.Sedangkan server side lebih aman karrena instruksi programnya tidak
terlihat oleh user, yang terlihat adalah seperti HTML biasa.Contoh bahasa
pemrograman web yang favorit adalah PHP.
UNIVERSITAS SUMATERA UTARA
14
4. Tersedianya Database
Database merupakan software yang digunakan untuk menyimpan dan
memanajemen data.Jika memiliki data yang sedikit, mungkin masih bisa memakai
file biasa sebagai media penyimpanannya. Tapi jika datanya sudah sangat banyak,
tanpa database akan sangat rumit. Database dapat menyimpan berjuta-juta data dan
dapat diakses dengan sangat cepat. Contoh database yang bisa dipakai untuk
membuat web adalah Oracle, MySQL, dan masih banyak lagi yang lain. Database
yang akan digunakan penulis adalah MySQL.
2.5 Pengertian Internet
Internet merupakan jarngan yang memiliki 3 keistimewaan. Keistimewaan
pertama yang terdapat dalam internet adalah kebebasan internet. Internet dapat
memberikan penggunanya semacam kuasa untuk saling memberi dan menerima
informasi secara bebas. Kedua, internet memiliki keistimewaan, yaitu lebih dinamik
serta dinilai sangat mengikuti perkembagan waktu. Kebanyakan informasi dalam
internet yang biasa diakses adalah informasi – informasi yang paling baru apabila
dibandingkan dengan informasi dalam media cetak. Ketiga, internet merupakan
sebuah jaringan yang bersifat interaktif. Hal ini dikarekan melalui internet, setiap
penggunanya dimungkinkan untuk dapat berinteraksi dengan pengguna lain di dunia
ini setiap saat. Menurut Kayo, Mori, dan Takano (1996).
Dalam mengatur integrasi dan komunikasi jaringan, digunakan standar
protokol internet yaitu TCP/IP. TCP bertugas untuk memastikan bahwa semua
hubungan bekerja dengan baik, sedangkan IP bertugas untuk mentransmisikan paket
data dari satu komputer ke komputer lainya.
UNIVERSITAS SUMATERA UTARA
15
TCP (Transmission Control Protocol) bertugas untuk memastikan bahwa
semua hubungan bekerja dengan benar, sedangkan IP (Internet Protocol) yang
mentransmisikan data dari satu komputer ke komputer lain. TPC/IP secara umum
berfungsi memilih rute terbaik transmisi data, memilih rute alternatif jika suatu rute
tidak dapat di gunakan, mengatur dan mengirimkan paket-paket pengiriman data.
Untuk dapat ikut serta menggunakan fasilitas Internet, Anda harus berlangganan ke
salah satu ISP (Internet Service Provider) yang ada dan melayani daerah Anda.ISP
ini biasanya disebut penyelenggara jasa internet. Anda bisa menggunakan fasilitas
dari Telkom seperti Telkomnet Instan, speedy dan juga layanan ISP lain seperti first
media, netzip dan sebagainya.
Di Indonesia, seperti negara berkembang dimana akses Internet dan penetrasi
PC sudah cukup tinggi dengan di dukungnya Internet murah dan netbook murah,
hanya saja di Indonesia operator kurang fair dalam menentukan harga dan bahkan
ada salah satu operator yang sengaja membuat “perangkap jebakan” agar supaya si
pengguna Internet bayar lebih mahal sampai ber juta-juta rupiah!!, lainnya sekitar
42% dari akses Internet melalui fasilitas Public Internet akses seperti warnet (warung
internet), cybercafe, hotspot dll. Tempat umum lainnya yang sering dipakai untuk
akses Internet adalah di kampus, di kantor, dan terdapat juga di toko-toko yang
menyediakan akses wi-fi, seperti Wifi-cafe. Pengguna hanya perlu membawa laptop
(notebook), atau PDA, yang mempunyai kemampuan wifi untuk mendapatkan akses
Internet.
Disamping menggunakan PC (Personal Computer), kita juga dapat
mengakses Internet melalui Handphone (HP) menggunakan Fasilitas yang disebut
GPRS (General Packet Radio Service). GPRS merupakan salah satu standar
UNIVERSITAS SUMATERA UTARA
16
komunikasi wireless (nirkabel) yang memiliki kecepatan koneksi 115 kbps dan
mendukung aplikasi yang lebih luas (grafis dan multimedia). Teknologi GPRS dapat
diakses yang mendukung fasilitas tersebut.Pen-setting-an GPRS pada ponsel
Tergantung dari operator (Telkomsel, Indosat, XL, 3) yang digunakan.Biaya akses
Internet dihitung melalui besarnya kapasitas (per-kilobite) yang didownload.
2.5.1 Sejarah Internet
Internet merupakan jaringan komputer yang dibentuk oleh Departemen
Pertahanan Amerika Serikat di tahun 1969, melalui proyek ARPA yang disebut
ARPANET (Advanced Research Project Agency Network), di mana mereka
mendemonstrasikan bagaimana dengan hardware dan software komputer yang
berbasis UNIX, kita bisa melakukan komunikasi dalam jarak yang tidak terhingga
melalui saluran telepon. Proyek ARPANET merancang bentuk jaringan, kehandalan,
seberapa besar informasi dapat dipindahkan, dan akhirnya semua standar yang
mereka tentukan menjadi cikal bakal pembangunan protokol baru yang sekarang
dikenal sebagai TCP/IP (Transmission Control Protocol/Internet Protocol).
Tujuan awal dibangunnya proyek itu adalah untuk keperluan militer. Pada
saat itu Departemen Pertahanan Amerika Serikat (US Department of Defense)
membuat sistem jaringan komputer yang tersebar dengan menghubungkan komputer
di daerah-daerah vital untuk mengatasi masalah bila terjadi serangan nuklir dan
untuk menghindari terjadinya informasi terpusat, yang apabila terjadi perang dapat
mudah dihancurkan.
Pada mulanya ARPANET hanya menghubungkan 4 situs saja yaitu Stanford
Research Institute, University of California, Santa Barbara, University of Utah, di
UNIVERSITAS SUMATERA UTARA
17
mana mereka membentuk satu jaringan terpadu di tahun 1969, dan secara umum
ARPANET diperkenalkan pada bulan Oktober 1972. Tidak lama kemudian proyek
ini berkembang pesat di seluruh daerah, dan semua universitas di negara tersebut
ingin bergabung, sehingga membuat ARPANET kesulitan untuk mengaturnya.
Oleh sebab itu ARPANET dipecah manjadi dua, yaitu "MILNET" untuk
keperluan militer dan "ARPANET" baru yang lebih kecil untuk keperluan non-
militer seperti, universitas-universitas. Gabungan kedua jaringan akhirnya dikenal
dengan nama DARPA Internet, yang kemudian disederhanakan menjadi Internet.
2.6 Web Server
Web server adalah sebuah bentuk dari server yang khusus digunakan untuk
menyimpan halaman website atau home page. Sebuah komputer dapat dikatakan
sebagai web server apabila komputer tersebut memilki suatu program server yang
disebut PWS atau Personal Web Service. Itulah 3 pendapat dari para tokoh mengenai
apa itu web server. Apabila didefiniskan menurut konsep web dan jga server, maka
yang dimaksud dengan web server merupakan suatu fungsi server sebagai penyedia
layanan informasi yang mendukung penyediaan informasi dan juga data yang
dibutuhkan oleh website dalam beroperasi. Setiap website membutuhkan beberapa
hal untuk dapat menampilkan informasi. Jadi, tanpa adanya web server, maka sebuah
web tidak akan bisa memproses permintaan atau request yang dilakukan oleh user.
Hal ini membuat web server merupakan salah satu hal yang harus dimilki oleh
sebuah website. Menurut Nugroho (2004)
Dalam memasukkan web yang telah dirancang dalam internet, maka terlebih
dahulu memiliki ruangan dalam internet dan ruangan inilah disediakan oleh server.
UNIVERSITAS SUMATERA UTARA
18
Selain itu juga,Pengertian Web server merupakan sebuah perangkat komputer yang
digunakan untuk mengakses segala jenis file yang terdapat pada halaman web
melalui HTTP/HTTPS dengan menggunakan aplikasi atau program tertentu (dikenal
dengan nama web browser) dan mengirimkan kembali hasil permintaannya dalam
bentuk halaman – halaman web yang berbentuk dokumen HTML.
2.7 Hyper Text Markup Language (HTML)
Hyper Text Markup Language atau HTML adalah bahasa yang digunakan
pada dokumen web sebagai bahasa untuk pertukaran dokumen web. Dokumen
HTML terdiri dari komponen yaitu tag, elemen dan atribut. Tag adalah tanda awal <
dan tanda akhir > yang digunakan sebagai pengapit suatu elemen. Elemen adalah
nama penanda yang diapit oleh tag yang memiliki fungsi dan tujuan tertentu pada
dokumen HTML. Elemen dapat memiliki elemen anak dan juga nilai. Elemen anak
adalah suatu elemen yang berada didalam elemen pembuka dan elemen penutup
induknya. Nilai yang dimaksud adalah suatu teks atau karakter yang berada diantara
elemen pembuka dan elemen penutup. Atribut adalah properti elemen yang
digunakan untuk mengkhususkan suatu elemen. Elemen dapat memiliki atribut yang
berbeda pada tiap masing-masingnya. Menurut Sibero (2011:19)
HTML berupa kode-kode tag yang menginstruksikan browser untuk
menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan
file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox
atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka
email ataupun dari PDA dan program lain yang memiliki kemampuan
UNIVERSITAS SUMATERA UTARA
19
browser.HTML dokumen tersebut mirip dengan dokumen teks biasa, hanya dalam
dokumen ini sebuah teks bisa memuat instruksi yang ditandai dengan kode atau lebih
dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat teks ditampilkan
menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara:
<b>TAMPIL TEBAL</b>. Tanda <b> digunakan untuk mengaktifkan instruksi
cetak tebal, diikuti oleh teks yang ingin ditebalkan, dan diakhiri dengan tanda </b>
untuk menonaktifkan cetak tebal tersebut.
2.8 Personal Home Page
PHP adalah Bahasa server-side –scripting yang menyatu dengan HTML
untuk membuat halaman web yang dinamis. Karena PHP merupakan server-side-
scripting maka sintaks dan perintah-perintah PHP akan diesksekusi diserver
kemudian hasilnya akan dikirimkan ke browser dengan format HTML. Menurut
Arief (2011c:43)
PHP adalah singkatan dari "PHP: Hypertext Prepocessor", yaitu bahasa
pemrograman yang digunakan secara luas untuk penanganan pembuatan dan
pengembangan sebuah situs web dan bisa digunakan bersamaan dengan HTML. PHP
diciptakan oleh Rasmus Lerdorf pertama kali tahun 1994.Pada awalnya PHP adalah
singkatan dari "Personal Home Page Tools".Selanjutnya diganti menjadi FI ("Forms
Interpreter"). Sejak versi 3.0, nama bahasa ini diubah menjadi "PHP: Hypertext
Prepocessor" dengan singkatannya "PHP". PHP versi terbaru adalah versi ke-5.
Berdasarkan survey Netcraft pada bulan Desember 1999, lebih dari sejuta site
menggunakan PHP, diantaranya adalah NASA, Mitsubishi, dan RedHat.
UNIVERSITAS SUMATERA UTARA
20
2.8.1 Sejarah PHP
Pada awalnya PHP merupakan kependekan dari Personal Home Page (Situs
personal). PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada
waktu itu PHP masih bernama Form Interpreted (FI), yang wujudnya berupa
sekumpulan skrip yang digunakan untuk mengolah data formulir dari web.
Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan menamakannya
PHP/FI. Dengan perilisan kode sumber ini menjadi sumber terbuka, maka banyak
pemrogram yang tertarik untuk ikut mengembangkan PHP.
Pada November 1997, dirilis PHP/FI 2.0.Pada rilis ini, interpreter PHP sudah
diimplementasikan dalam program 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 rilis tersebut sebagai PHP 3.0
dan singkatan PHP diubah menjadi akronim berulang PHP: Hypertext Preprocessing.
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 pada awal abad ke-21.Versi ini banyak dipakai disebabkan kemampuannya
untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan dan
stabilitas yang tinggi.Pada Juni 2004, Zend merilis PHP 5.0.Dalam versi ini, inti dari
interpreter PHP mengalami perubahan besar.Versi ini juga memasukkan model
pemrograman berorientasi objek ke dalam PHP untuk menjawab perkembangan
bahasa pemrograman ke arah paradigma berorientasi objek.
UNIVERSITAS SUMATERA UTARA
21
2.8.2 Kelebihan dan Kelemahan PHP
Kelebihan PHP :
a. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan
sebuah kompilasi dalam penggunaanya.
b. Web Server yang mendukung PHP dapat ditemukan dimana – mana dari
mulai apache, IIS, Lighttpd, hingga Xitami dengan konfigurasi yang relatif
mudah.
c. Dalam sisi pengembangan lebih mudah, karena banyaknya milis – milis dan
developer yang siap membantu dalam pengembangan.
d. Dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling mudah
karena memiliki referensi yang banyak.
e. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin
(Linux, Unix, Macintosh, Windows) dan dapat dijalankan secara runtime
melalui console serta juga dapat menjalankan perintah-perintah system.
Kelemahan PHP :
a. Tidak ideal untuk pengembangan skala besar.
b. Tidak memiliki sistem pemrograman berorientasi objek yang sesungguhnya
(sampai versi 4 ini.
c. Tidak bisa memisahkan antara tampilan dengan logik dengan baik (walau
penggunaan template dapat memperbaikinya).
d. PHP memiliki kelemahan security tertentu apabila programmer tidak jeli
dalam melakukan pemrograman dan kurang memperhatikan isu dan
konfigurasi PHP.
UNIVERSITAS SUMATERA UTARA
22
e. Kode PHP dapat dibaca semua orang, dan kompilasi hanya dapat dilakukan
dengan tool yang mahal dari Zend ($2000).
2.9 XAMPP
XAMPP adalah sebuah software yang berfungsi untuk menjalankan website
berbasis PHP dan menggunakan pengolah data MYSQL di komputer lokal. XAMPP
berperan sebagai server web pada komputer lokal. XAMPP juga dapat disebut
sebuah Cpanel server virtual, yang dapat membantu melakukan preview sehingga
dapat dimodifikasi website tanpa harus online atau terakses dengan internet. Menurut
Wicaksono (2008:7)
XAMPP adalah program aplikasi pengembang yang berguna untuk
pengembangan website berbasis PHP dan MySQL.Versi terbaru program ini adalah
XAMPP 1.7.7, yang dirilis pada tanggal 20 September 2011.Software XAMPP
dibuat dan dikembangkan oleh Apache Friends.
Perangkat lunak komputer ini memiliki kelebihan untuk bisa berperan sebagai
server web Apache untuk simulasi pengembangan website. Tool pengembangan web
ini mendukung teknologi web populer seperti PHP, MySQL, dan Perl. Melalui
program ini, programmer web dapat menguji aplikasi web yang dikembangkan dan
mempresentasikannya ke pihak lain secara langsung dari komputer, tanpa perlu
terkoneksi ke internet. XAMPP juga dilengkapi fitur manajemen database
PHPMyAdmin seperti pada server hosting sungguhan, sehingga pengembang web
dapat mengembangkan aplikasi web berbasis database secara mudah.Program
XAMPP banyak diaplikasikan dan digunakan oleh kalangan pengguna komputer di
bidang pemrograman web.XAMPP merupakan software gratis. XAMPP dapat
UNIVERSITAS SUMATERA UTARA
23
dijalankan di sistem operasi Windows 2000/XP/Vista/7 dan sistem operasi lain.
Untuk menginstall versi terbaru program ini, Anda cukup menginstal file installer
XAMPP ke komputer Windows Anda.
Berikut ini Penjelasan dari bagian-bagian XAMPP:
a. X , Kenapa disebut dengan system operasi? karena XAMPP bisa dijalankan
di 4 OS besar yang sering digunakan oleh pengguna komputer saat ini. Dan 4
OS tersebut tidak lain dan tidak bukan adalah Windows, Linux, Mac OS dan
Solaris.
b. A (Apacahe) merupakan aplikasi web server. Apache ini bersifat opensource
yang berarti gratis dan bisa diedit oleh penggunanya. Tugas utama Apache
adalah menghasilkan halaman web yang benar kepada user berdasarkan kode
PHP yang dituliskan oleh pembuat halaman web. jika diperlukan juga
berdasarkan kode PHP yang dituliskan,maka dapat saja suatu database
diakses terlebih dahulu (misalnya dalam MySQL) untuk mendukung halaman
web yang dihasilkan.
c. M ( MySQL), merupakan aplikasi database server. Perkembangannya disebut
SQL yang merupakan kepanjangan dari Structured Query Language. SQL
merupakan bahasa terstruktur yang digunakan untuk mengolah database.
MySQL dapat digunakan untuk membuat dan mengelola database beserta
isinya. Kita dapat memanfaatkan MySQL untuk menambahkan, mengubah,
dan menghapus data yang berada dalam database.
d. P (PHP), bahasa pemrograman web. Bahasa pemrograman PHP merupakan
bahasa pemrograman untuk membuat web yang bersifat server-side scripting.
PHP memungkinkan kita untuk membuat halaman web yang bersifat dinamis.
UNIVERSITAS SUMATERA UTARA
24
Sistem manajemen basis data yang sering digunakan bersama PHP adalah
MySQl. namun PHP juga mendukung sistem manajement database Oracle,
Microsoft Access, Interbase, d-base, PostgreSQL, dan sebagainya.
e. P (Perl), bahasa pemrograman, pertama kali dikembangkan oleh Larry Wall
di mesin Unix. Perl pertama kali dirilis pada tanggal 18 Desember 1987
ditandai dengan keluarnya Perl 1. Dua diantara karakteristik utama perl
adalah penanganan teks dan berbagai jalan pintas untuk meyelesaikan
persoalan-persoalan umum.Perl sangat populer di gunakan dalam program-
rogram CGI (Common Gateway Interface) dan protokol internet lainnya.
Fungsi dari Xampp adalah sebagai server yang berdiri sendiri (localhost),
yang terdiri atas program Apache HTTP Server, MySQL database, dan penerjemah
bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP
merupakan singkatan dari X (empat sistem operasi apapun), Apache, MySQL, PHP
dan Perl.Program ini tersedia dalam GNU General Public License dan bebas,
merupakan web server yang mudah digunakan yang dapat melayani tampilan
halaman web yang dinamis.
2.10 MySQL
Mysql merupakan software RDBMS atau server database yang dapat
mengelola database dengan sangat cepat, dapat menampung data dalam jumlah
sangat besar, dapat diakses oleh banyak user/multi-user, dan dapat melakukan suatu
UNIVERSITAS SUMATERA UTARA
25
proses secara sinkron atau berbarengan/multi-threaded. Menurut raharjo (2011:21-
22)
MySQL AB merupakan perusahaan komersial Swedia yang mensponsori dan
yang memiliki MySQL. Pendiri MySQL AB adalah dua orang Swedia yang bernama
David Axmark, Allan Larsson dan satu orang Finlandia bernama Michael “Monty”.
Setiap pengguna MySQL dapat menggunakannya secara bebas yang di distribusikan
gratis dibawah lisensi GPL (General Public License) namun tidak boleh menjadikan
produk turunan yang bersifat komersial.
Pada saat ini MySQL merupakan database server yang sangat terkenal di
dunia, semua itu tak lain karena bahasa dasar yang digunakan untuk mengakses
database yaitu SQL. SQL (Structured Query Language) pertama kali diterapkan pada
sebuah proyek riset pada laboratorium riset San Jose, IBM yang bernama system R.
Kemudian SQL juga dikembangan oleh Oracle, Informix dan Sybase. Dengan
menggunakan SQL, proses pengaksesan data base lebih user-friendly dibandingan
dengan yang lain, misalnya data Base atau Clipper karena mereka masih
menggunakan perintah-perintah pemrograman murni.
2.10.1 Sejarah MySQL
MySQL pada awalnya diciptakan pada tahun 1979, oleh Michael "Monty"
Widenius, seorang programmer komputer asal Swedia. Monty mengembangkan
sebuah sistem database sederhana yang dinamakan UNIREG yang menggunakan
koneksi low-level ISAM database engine dengan indexing. Pada saat itu Monty
bekerja pada perusahaan bernama TcX di Swedia.TcX pada tahun 1994 mulai
mengembangkan aplikasi berbasis web, dan berencana menggunakan UNIREG
sebagai sistem database. Namun sayangnya, UNIREG dianggagap tidak cocok untuk
database yang dinamis seperti web.TcX kemudian mencoba mencari alternatif sistem
UNIVERSITAS SUMATERA UTARA
26
database lainnya, salah satunya adalah MySQL. Namun MySQL versi 1 ini juga
memiliki kekurangan, yaitu tidak mendukung indexing, sehingga performanya tidak
terlalu bagus.
Dengan tujuan memperbaiki performa MySQL, Monty mencoba
menghubungi David Hughes (programmer yang mengembangkan MySQL) untuk
menanyakan apakah ia tertarik mengembangkan sebuah konektor di MySQL yang
dapat dihubungkan dengan UNIREG ISAM sehingga mendukung indexing. Namun
saat itu Hughes menolak, dengan alasan sedang mengembangkan teknologi indexing
yang independen untuk MySQL versi 2. Dikarenakan penolakan tersebut, David
Hughes, TcX (dan juga Monty) akhirnya memutuskan untuk merancang dan
mengembangkan sendiri konsep sistem database baru.Sistem ini merupakan
gabungan dari UNIREG dan mSQL (yang source codenya dapat bebas
digunakan).Sehingga pada May 1995, sebuah RDBMS baru, yang dinamakan
MySQL dirilis.
David Axmark dari Detron HB, rekanan TcX mengusulkan agar MySQL di
‘jual’ dengan model bisnis baru.Ia mengusulkan agar MySQL dikembangkan dan
dirilis dengan gratis. Pendapatan perusahaan selanjutnya di dapat dari menjual jasa
“support” untuk perusahaan yang ingin mengimplementasikan MySQL. Konsep
bisnis ini sekarang dikenal dengan istilah Open Source.Pada tahun 1995 itu juga,
TcX berubah nama menjadi MySQL AB, dengan Michael Widenius, David Axmark
dan Allan Larsson sebagai pendirinya. Titel “AB” dibelakang MySQL, adalah
singkatan dari “Aktiebolag”, istilah PT (Perseroan Terbatas) bagi perusahaan
Swedia.
UNIVERSITAS SUMATERA UTARA
27
2.10.2 Pengertian SQL
SQL yaitu kependekan dari Structured Query Language, yang merupakan
bahasa atau kumpulan perintah standar yang digunakan untuk berkomunikasi dengan
database. Menurut raharjo (2011:55)
2.11 Cascading Style Sheet (CSS)
Cascading Style Sheet (CSS) merupakan salah satu bahasa pemrograman web
untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih
terstruktur dan seragam. Sama halnya styles dalam aplikasi pengolahan kata seperti
Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab,
bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama
dalam beberapa file.
Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang
dibuat dengan bahasa HTML dan XHTML. CSS dapat mengendalikan ukuran
gambar, warna body teks, warna tabel, ukuran border, warna border, warna
hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin
kiri/kanan/atas/bawah, dan parameter lainnya. CSS adalah bahasa style sheet yang
digunakan untuk mengatur tampilan document dengan adanya CSS memungkinkan
kita untuk menampilkan halaman yang sama dengan format yang berbeda.
2.12 Sublime Text
Sublime Text merupakan teks editor multiplatform & powerfull karena
dengan ukuran yang kecil, Sublime Text memiliki fitur luar biasa dan kinerja yang
sangat luar biasa. Sublime Text adalah editor teks untuk berbagai bahasa
pemrograman. Tampilan screenshotnya menyediakan minimap script yang
UNIVERSITAS SUMATERA UTARA
28
ditampilkan. Kedua, aplikasi multiplatform tersedia untuk Linux juga tersedia di
Windows dan Mac OS.
Untuk Linux dan Mac OS tersedia mulai versi Sublime Text 2 Alpha.Versi
alpha, sudah bisa digunakan untuk mulai coding dan buat project.Aplikasi ini sangat
ringan, tidak terlalu banyak memakan resource. Bahkan lebih ringan dari gedit
bawaan ubuntu. Fitur yang tersedia: minimap, membuka script secara side by side,
bracket highlight sehingga tidak bingung mencari pasangannya, kode snippets, drag
and drop direktori ke sidebar mirip dengan Text Mate untuk Mac OS dan masih
banyak lagi. Sublime Text 2 adalah kompetitor yang tangguh untuk TextMate karena
tersedia untuk beberapa platform sekaligus dengan fitur mirip.
UNIVERSITAS SUMATERA UTARA
BAB 3
PERANCANGAN SISTEM
3.1 Pengertian Perancangan Sistem
Pada saat hendak membuat sebuah sistem yang akan digunakan pada suatu
perusahaan, setiap pengembang aplikasi diharuskan membuat sebuah rancangan dari
sistem yang ingin dibuat. Rancangan ini bertujuan untuk memberi gambaran umum
dari sistem yang akan berjalan nantinya kepada setiap stakeholder. Berikut ini
terdapat pula beberapa teori mengenai pengertian perancangan sistem. Menurut
Satzinger, Jackson, dan Burd (2012:5), perancangan sistem adalah sekumpulan
aktivitas yang menggambarkan secara rinci bagaimana sistem akan berjalan. Hal itu
bertujuan untuk menghasilkan produk perangkat lunak yang sesuai dengan
kebutuhan user.
Perancangan sistem adalah kegiatan merancang detil dan rincian dari sistem
yang akan dibuat sehingga sistem tersebut sesuai dengan requirement yang sudah
ditetapkan dalam tahap analisa sistem. Lebih lanjut O’Brien dan Marakas (2009:639)
menjelaskan bahwa perancangan sistem adalah sebuah kegiatan merancang dan
menentukan cara mengolah sistem informasi dari hasil analisa sistem sehingga dapat
memenuhi kebutuhan dari pengguna termasuk diantaranya perancangan user
interface, data dan aktivitas proses. Menurut Kenneth dan Jane (2006:G12) Bahwa
UNIVERSITAS SUMATERA UTARA
31
perancangan sistem adalah teknik pemecahan masalah dengan melengkapi
komponen-komponen kecil menjadi kesatuan komponen sistem kembali ke sistem
yang lengkap. Teknik ini diharapkan dapat menghasilkan sistem yang lebih baik.
Menurut Bentley dan Whitten (2009:160)
3.1.1 Data Flow Diagram
Diagram yang menggunakan notasi simbol untuk menggambarkan arus data
system. Menurut Jogiyanto Hartono (2005) . DFD sering digunakan untuk
menggambarkan suatu sistem yang telah ada atau sistem yang baru yang akan
dikembangkan secara logika dan menjelaskan arus data dari mulai pemasukan
sampai dengan keluaran data tingkatan diagram arus data mulai dari diagram konteks
yang menjelaskan secara umum suatu system atau batasan system dari level 0
dikembangkan menjadi level 1 sampai system tergambarkan secara rinci. Gambaran
ini tidak tergantung pada perangkat keras, perangkat lunak, struktur data atau
organisasi file.
Menurut Jogiyanto Hartono, tahun 2005 dalam bukunya Basia Data ada
beberapa simbol digunakan pada DFD untuk mewakili :
1. Kesatuan Luar (External Entity)
Kesatuan luar (external entity) merupakan kesatuan (entity) di lingkungan luar sistem
yang dapat berupa orang, organisasi, atau sistem lain yang berada pada lingkungan
luarnya yang memberikan input atau menerima output dari sistem.
UNIVERSITAS SUMATERA UTARA
32
2. Arus Data (Data Flow)
Arus Data (data flow) di DFD diberi simbol suatu panah. Arus data ini mengalir di
antara proses, simpan data dan kesatuan luar. Arus data ini menunjukan arus dari
data yang dapat berupa masukan untuk sistem atau hasil dari proses sistem.
3. Proses (Process)
Proses (process) menunjukan pada bagian yang mengubah input menjadi output,
yaitu menunjukan bagaimana satu atau lebih input diubah menjadi beberapa output.
Setiap proses mempunyai nama, nama dari proses ini menunjukan apa yang
dikerjakan proses.
4. Simpanan Data (Data Store)
Data Store merupakan simpanan dari data yang dapat berupa suatu file atau database
pada sistem komputer.
Keuntungan menggunakan DFD adalah memudahkan pemakai yang
kurang menguasai bidang komputer untuk mengerti sistem yang sedang
dikerjakan atau dikembangkan. DFD dari Sistem Informasi Penjualan Pakaian
Berbasis Web dapat dilihat pada gambar 3.1.1.
UNIVERSITAS SUMATERA UTARA
33
Gambar 3.1. DFD (Data Flow Diagram)
3.2 Perancangan Database
Basis data dapat dipahami sebagai suatu kumpulan data terhubung
(interrelated data) yang disimpan secara bersama-sama pada suatu media, tanpa
mengatap satu sama lain atau tidak perlu suatu kerangkapan data (kalaupun ada
maka kerangkapan data tersebut harus seminimal mungkin dan terkontrol
(controlled redundancy), data disimpan dengan cara-cara tertentu sehingga mudah
untuk digunakan atau ditampilkan kembali, data dapat digunakan satu atau lebih
program-program aplikasi secara optimal, data disimpan tanpa mengalami
ketergantungan dengan program yang akan menggunakannnya, data disimpan
sedemikian rupa sehingga proses penambahan, pengambilan dan modifikasi data
dapat dilakukan dengan mudah dan terkontrol. Menurut Sutanta Edhie (2004:18)
Basis data dapat diartikan sebagai kumpulan data tentang suatu benda
atau kejadian yang saling berhubungan satu sama lain. Menurut Waljiyanto
(2003:1) Berdasarkan penjelasan di atas penulis menyimpulkan bahwa basis
data adalah kumpulan suatu benda data yang saling berhubungan satu sama lain
yang datanya dapat disimpan dengan cara-cara tertentu dan dapat ditampilkan
kembali.
Database adalah susunan record data operasional lengkap dari suatu
organisasi atau perusahaan, yang diorganisir dan disimpan secara terintegrasi dengan
UNIVERSITAS SUMATERA UTARA
34
menggunakan metode tertentu sehingga mampu memenuhi informasi yang
optimal yang dibutuhkan olehpara pengguna.
3.2.1 Tabel Admin
Tabel 3.1. berisi tentang data pengguna toko (Admin). Berikut ini adaah
field-field yang dibuat dalam tabel admin:
Tabel 3.1. Tabel Admin
Nama Field Tipe Data Keterangan
Id Int (2) Identitas Admin
Nama Varchar (30) Nama Admin
Email Varchar (30) Email Admin
Kelamin Varchar (30) Jenis Kelamin
User Varchar (30) Username Admin
Password Varchar (30) Password Admin
3.2.2 Tabel Counter
Tabel 3.2. berisi tentang semua hal yang behubungan dengan counter.
Berikut adalah field-field yang dibuat dalam tabel counter:
Tabel 3.2. Tabel Produk
UNIVERSITAS SUMATERA UTARA
35
Nama Field Tipe Data Keterangan
tgl Varchar (59) Tanggal
jml Int (50) Jumlah Pengunjung
3.2.3 Tabel Daftar
Tabel 3.3. berisi tentang semua hal yang behubungan dengan daftar.
Berikut adalah field-field yang dibuat dalam tabel daftar:
Tabel 3.3. Tabel Daftar
Nama Field Tipe Data Keterangan
id Int (9) Id Member
nama Varchar (50) Nama Member
user Varchar(50) User Member
email Varchar(50) Email Member
pass Varchar(50) Pass Member
tanggal Varchar(50) Tanggal Member
alamat Text Alamat Member
kota Varchar(50) Kota Member
kodepos Varchar(50) Kodepos Member
provinsi Varchar(50) Provinsi Member
telepon Varchar(50) Telepon Member
UNIVERSITAS SUMATERA UTARA
36
3.2.4 Tabel Laporan
Tabel 3.4. berisi tentang laporan. Berikut adalah field-field yang dibuat dalam
tabel laporan:
Tabel 3.4. Tabel Laporan
Nama Field Tipe Data Keterangan
Idlap Int (2) Id Laporan
Iduser Varchar (50) Id Laporan
Tgl Varchar (50) Tanggal Laporan
Status Varchar (50) Status Laporan
Kode Varchar (50) Kode Laporan
3.2.5 Tabel Pemesanan
Tabel 3.5. berisi tentang laporan pemesanan. Berikut adalah field-field yang
dibuat dalam tabel pemesanan:
Tabel 3.5. Tabel Pemesanan
Nama Field Tipe Data Keterangan
Idpesan Int (4) Id Pemesanan
Iduser Varchar (4) Id User
UNIVERSITAS SUMATERA UTARA
37
Idbrg Varchar (4) Id Produk
Idlap Varchar (4) Id Laporan
Status Varchar (10) Status Pemesanan
Tgl Varchar (30) Tanggal Pemesanan
3.2.6 Tabel Produk
Tabel 3.6. berisi tentang produk. Berikut adalah field-field yang dibuat dalam
tabel produk:
Tabel 3.6. Tabel Produk
Nama Field Tipe Data Keterangan
Idbrg Int (3) Id Produk
Tgl Varchar (35) Tanggal Produk
Namabrg Varchar (50) Nama Produk
Spek Text Detail Produk
Hargabrg Int (7) Harga Produk
Stok Int (2) Stok Produk
Gambar Varchar (255) Gambar Produk
3.2.7 Tabel Shoping
Tabel 3.7. berisi tentang isi keranjang belanja. Berikut adalah field-field yang
dibuat dalam tabel shoping:
UNIVERSITAS SUMATERA UTARA
38
Tabel 3.7. Tabel Shoping
Nama Field Tipe Data Keterangan
Idshop Int (4) Id Shop
Idbrg Int (4) Id Produk
Iduser Int (4) Id User
Tgl Varchar (30) Tanggal Shop
3.2.8 Tabel Voting
Tabel 3.8. berisi tentang pemilihan voting website. Berikut adalah field-field
yang dibuat dalam tabel voting:
Tabel 3.8. Tabel Voting
Nama Field Tipe Data Keterangan
Bagus Int (5) Jika Bagus
Jelek Int (5) Jika Jelek
Tidak Tahu Int (5) Natural
Waktu Varchar (30) Waktu Pemilihan
3.3 Perancangan FlowChart
UNIVERSITAS SUMATERA UTARA
39
Flowchart atau digram alir adalah sekumpulan simbol-simbol atau skema
yang menunjukkan atau menggambarkan rangkaian kegiatan-kegiatan mulai dari
awal (start) hingga akhir (stop). Pembuatan dari flowchart atau diagram alir ini
adalah penggambaran dari urutan langkah-langkah pengerjaan dari suatu algoritma.
3.3.1 Flowchart Admin
Flowchart admin dari Sistem Informasi Penjualan Kue Berbasis Web dapat
dilihat pada gambar 3.2.
UNIVERSITAS SUMATERA UTARA
40
Gambar 3.2. Flowchart Admin
3.3.2 Flowchart User
Flowchat User atau pengguna dari Sistem Informasi Penjualan Kue
Berbasis Web dapat dilihat pada gambar 3.3.
UNIVERSITAS SUMATERA UTARA
41
Gambar 3.2. Flowchart User
UNIVERSITAS SUMATERA UTARA
BAB 4
IMPLEMENTASI SISTEM
4.1 Pengertian Implementasi Sistem
Implementasi sistem adalah langkah-langkah atau proses yang dilakukan
dalam menyelesaikan desain sistem yang telah disetujui, selanjutnya diinstal,
diuji dan mulai digunakan untuk menggantikan sistim yang diperbaiki.
Implementasi merupakan tahap penerapan rancangan yang sudah dibuat ke dalam.
Bahasa pemrograman yang digunakan. Dalam tahap ini dilakukan beberapa hal
yaitu penulisan program, kompilasi dan membuat program aplikasi yang siap pakai
atau executable. Implementasi sistem adalah suatu proses untuk menempat -kan dan
menerapkan informasi baru kedalam operasi. Menurut Whitten, Bentley dan Barlow
(1993).
4.2. Kebutuhan Sistem
Sarana-sarana sangat dibutuhkan untuk memperoleh hasil dalam
perancangan sistim yang baik yaitu berupa komponen-komponen penting dalam
menunjang penerapan sistem yang telah dirancang. Komponen-komponen penting
dalam menunjang penerapan sistem yang telah dirancang tersebut adalah sebagai
berikut:
UNIVERSITAS SUMATERA UTARA
41
1. Perangkat Keras (hardware)
Hardware adalah komponen-komponen yang membentuk suatu sistem
computer yang berhubungan dengan peralatan (komponen) lainnya, sehingga
memungkinkan komputer dapat melakukan tugasnya.
2. Perangkat Lunak (software)
Software adalah seluruh fasilitas suatu sistim pengolahan data yang bukan
peralatan komputernya atau merupakan suatu susunan yang harus diberikan
kepada unit pengolahan agar komputer dapat menjalankan pekerjaannya
sesuai yang dibutuhkan. Fasilitas software terdiri dari sistim desain, program-
program dan prosedur-prosedur. Software yang digunakan antara lain:
a. Sistem operasi minimum microsoft windows XP dan maksimun microsoft
windows 8.1
b. Macromedia Dreamweaver sebagai pemrograman dan perancangan
desain.
3. Unsur Manusia (Brainware)
Brainware merupakan aspek manusia yang menangani pengolahan
komputermaupun pengembangan, yang termasuk dalam brainware adalah:
a. Analisis sistem, yaitu orang membentuk dan membangun fasilitas
rancangan sistem atau program.
b. Programmer, yaitu orang yang mengerti bahasa pemrograman yang
digunakan dalam membuat dan membangun suatu program.
UNIVERSITAS SUMATERA UTARA
42
c. Operator (administrator), yaitu orang yang mengoperasikan sistim
sepertimemasukkan data untuk dioperasikan oleh komputer dalam menghasilkan
informasi dan lainnya.
d. Public (pengguna),yaitu orang yang memakai sistim yang telah dirancang.
4.3. Tampilan Program
Tampilan program berisi menampilkan program dari aplikasi. Adapun
tampilan- tampilan program yang telah dirancang, adalah sebagai berikut:
4.3.1. Tampilan Home
Tampilan home merupakan halaman yang paling pertama tampil saat
admin dan user mengakses aplikasi ini, dalam halaman in berisi menu-menu yang
ada dalam aplikasi penjualan kue berbasis web. Tampilan home dilihat pada gambar
4.1.
UNIVERSITAS SUMATERA UTARA
43
Gambar 4.1. Tampilan Home
4.3.2. Tampilan Login
Tampilan Login menampilkan login admin.
UNIVERSITAS SUMATERA UTARA
44
Gambar 4.2. Tampilan Login
4.3.3. Tampilan Contact Us
Pada Tampilan ini pengunjung dapat melihat sekilas profil admin, seperti
alamat email, dan nomor.
Gambar 4.3. Tampilan Contact Us
UNIVERSITAS SUMATERA UTARA
45
4.3.4. Tampilan Produk
Pada halaman produk, menampilkan form barang-barang. Pada halaman
ini tampilan muncul jika diakses oleh user maupun anonim.
Gambar 4.4. Tampilan Produk
4.3.5. Tampilan Shopping Chart
Pada halaman shopping chart, menampilkan form barang-barang. Pada
halaman ini tampilan muncul jika diakses oleh user maupun anonim.
UNIVERSITAS SUMATERA UTARA
46
Gambar 4.5. Tampilan Sopping Chart
4.3.6. Tampilan Pembayaran
Pada halaman pembayaran, menampilkan text yang menjelaskan cara
pembayaran. Pada halaman ini tampilan muncul jika diakses oleh user maupun
anonim.
Gambar 4.6. Tampilan Pembayaran
UNIVERSITAS SUMATERA UTARA
47
4.4. Tampilan Admin
Pada halaman Admin, menampilkan menu – menu yang dapat
diperbaharui. Pada halaman ini tampilan muncul jika diakses oleh admin.
4.4.1. Tampilan Logout
Pada halaman logout, menampilkan halaman keluar. Pada halaman ini
tampilan muncul hanya jika diakses oleh admin.
Gambar 4.7. Tampilan Admin
4.4.2. Tampilan Edit Member
Pada halaman edit member, menampilkan form dari member – member
oenjualan kue dari web dinamis ini. Pada halaman ini tampilan muncul hanya jika
diakses oleh admin.
UNIVERSITAS SUMATERA UTARA
48
Gambar 4.8. Tampilan Edit Member
4.4.3. Tampilan Edit Profil
Pada halaman edit profil, menampilkan form dari admin web dinamis ini.
Pada halaman ini tampilan muncul hanya jika diakses oleh admin.
Gambar 4.9. Tampilan Edit Profil
UNIVERSITAS SUMATERA UTARA
49
4.4.4. Tampilan Edit Produk
Pada halaman edit produk, menampilkan form produk yang dapat di
update maupun di edit. Pada halaman ini tampilan muncul hanya jika diakses oleh
admin.
Gambar 4.10. Tampilan Edit Profil
4.4.5. Tampilan Pemesanan
Pada halaman pemesanan, menampilkan form produk yang dipesan,
dapat di update maupun di edit. Pada halaman ini tampilan muncul hanya jika
diakses oleh admin.
UNIVERSITAS SUMATERA UTARA
50
Gambar 4.10. Tampilan Edit Profil
UNIVERSITAS SUMATERA UTARA
BAB 5
KESIMPULAN DAN SARAN
5.1. Kesimpulan
Dari keterangan dan bab-bab sebelumnya penulis dapat mengambil
beberapa kesimpulan sebagai berikut:
1. Dalam pembuatan sistem informasi ini ada beberapa tahapan yang
dilakukan penulis yaitu tahap perencanaan, tahap perancangan diagram
konteks, merancang dan mempersiapkan database server, dan tahap
implementasi sistem.
2. Pada program ini informasi pembayaran dapat di cetak, dapat menilai/voting
program, dan dapat mengetahui informasi produk dari TheLovelyCake maupun
membeli online secara cepat.
5.2. Saran
Adapun beberapa saran yang penulis sampaikan pada pembuatan
aplikasi ini adalah:
1. Perlu diperluas lagi sistem yang dibuat sehingga ruang lingkupnya besar dan
akan menjadi sistem informasi yang banyak digunakan dipenjualan pakaian.
UNIVERSITAS SUMATERA UTARA
47
2. Sistem yang dibuat diharapkan mampu memberikan kemudahan kepada
pengguna untuk berbelanja pakaian secara online.
3. Saat ini website masih belum dapat dibuka dimana saja, oleh sebab itu
website masih bisa dikembangkan lagi.
UNIVERSITAS SUMATERA UTARA
L-2
DAFTAR PUSTAKA
Anhar. 2010. Panduan Menguasai PHP dan MySQL Secara Otodidak. Jakarta:
MediaKita
Dunia Ilkom. Pengertian Dan Fungsi PHP Dalam Pemrograman Web (Online)
http://www.duniailkom.com/pengertian-dan-fungsi-php-dalam-pemograman-
web. Diakses : 8 Maret 2017
Stanton, William J. 1993. Prinsip Pemasaran. Terjemahan Yohanes Lamarto, S.E.
Edisi Kesatu. Jakarta : Penerbit Erlangga
Kotler, Philip dan Gary Armstrong. 2004. Dasar-Dasar Pemasaran. Edisi
Kesembilan. Dialihbahasakan oleh Benjamin Molan. Jakarta : PT Indeks.
Chaffey dan Dafe. 2009. E-Business and e-cmmerce management : strategy
Implimentation, and practice. Edition, Printece Hall.
O’Brien, James A. 2006. Introduction to Information System: Pengantar Sistem
Informasi Perspektif Bisnis dan Manajerial. Edisi 12. Salemba 4, Jakarta.
Arief M Rudianto. 2011. Pemrograman Web Dinamis menggunakan PHP dan
MySQL. Yogyakarta: Andi Offset.
Indrajani. (2011). Perancangan Basis Data dalam All in 1. Jakarta: Alex Media
Komputindo.
UNIVERSITAS SUMATERA UTARA
L-2
LIST PROGRAM
Index.php
<? session_start();
setcookie("counter","visitor",time()+3600); ?>
<html>
<head><title>Thelovely Cake</title>
</head>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<body background="./img/background.jpg">
<p> </p>
<table width="1001" height="341" border="0" align="center"
cellpadding="0" cellspacing="0" bgcolor="#CCCCCC">
<tr valign="top">
<td height="18" colspan="7" align="center"><? include
"./include/banner.php"; ?></td>
</tr>
<tr>
<td width="13" valign="top" align="left" background="./img/b-
kiri.jpg"> </td>
<td width="38" valign="top" colspan="0" rowspan="0">
<? include "menu1.php";?>
<? include "menu2.php";?><br>
<? include "counter.php"; ?><br>
</td>
<td width="23" valign="top" align="right" background="./img/b-
kanan.jpg"> </td>
<td width="730" valign="top" align="center"><? include
"isi.php" ?> </td>
<td width="12" valign="top" align="right" background="./img/b-
kiri.jpg"> </td>
<td width="166" valign="top" align="center"><br>
<?
if (session_is_registered('user_id'))
{
include "status.php";
}else{
include "login.php";
}
?>
<br>
<? include "voting.php"; ?><br>
<? //include "./include/slide.php"; ?>
</tr>
<tr valign="top">
<td height="18" colspan="7" align="center"><? include
"./include/footer.php"; ?></td>
</tr>
</table>
UNIVERSITAS SUMATERA UTARA
L-3
<p> </p>
</body>
</html>
Akses.php
<? session_start();
@$konfirm=$_GET['go'];
switch($konfirm)
{
case "session";
?>
<p align="center"> </p>
<p align="center"><font color="#FF3F55" size="+1"
face="sans-serif">Anda tidak berhak mengakses,
<a href="index.php" style="text-decoration:none "><font
color="#0066FF">Silahkan Login</font>.</a></font><br>
<img src="./img/lock.png" alt="Lock" /></p>
<p align="center"><font color="#A0A0A4" face="sans-
serif">Administrator :))</font></p>
<?
break;
case "salah_password";
?>
<script language="javascript">alert("Password atau
Username anda salah, silahkan coba lagi");</script>
<script> document.location.href='index.php'; </script>
<?
break;
default;
?>
<p> </p>
<p align="center"><font color="#FF3F55" size="+1"
face="sans-serif">Anda tidak berhak mengakses,
<a href="index.php" style="text-decoration:none "><font
color="#0066FF">Silahkan Login</font>.</a></font><br>
<img src="./img/lock.png" alt="Lock" /></p>
<p align="center"><font color="#A0A0A4" face="sans-
serif">Administrator :))</font></p>
<?
break;
}
?>
<html><link rel="shortcut icon" href="lock.ico" type="image/x-
icon"></html>
Contact.php <br>
UNIVERSITAS SUMATERA UTARA
L-4
<table width="444" height="223" border="0" align="center"
cellpadding="0" cellspacing="0" bordercolor="#99CC99">
<tr>
<td width="13" align="right"><img src="./img/kiri.jpg"></td>
<td width="418" bgcolor="#5686c6" ><div
align="center"><strong><font face="verdana" size="2"
color="#FFFFFF">CONTACT US </font></strong></div></td>
<td width="13"><img src="./img/kanan.jpg"></td>
</tr>
<tr>
<td height="161" background="./img/b-kiri.jpg"> </td>
<td width="418" valign="top">
<img src="./img/contact.jpg" border="0" /><br />
<font face="verdana" size="2">
<table>
<tr><td width="76"><font size="2" face="Verdana, Arial,
Helvetica, sans-serif">Alamat</font></td>
<td width="10"><font size="2" face="Verdana, Arial, Helvetica,
sans-serif">:</font></td>
<td width="289"><font size="2" face="Verdana, Arial,
Helvetica, sans-serif">Jl. Blabla No. 123 Nagasaki 16717</font></td>
</tr>
<tr><td><font size="2" face="Verdana, Arial, Helvetica, sans-
serif">Phone</font></td>
<td><font size="2" face="Verdana, Arial, Helvetica, sans-
serif">:</font></td>
<td><font size="2" face="Verdana, Arial, Helvetica, sans-
serif">+62812-345-678</font></td>
</tr>
<tr>
<td><font size="2" face="Verdana, Arial, Helvetica, sans-
serif">Email</font></td>
<td><font size="2" face="Verdana, Arial, Helvetica, sans-
serif">:</font></td>
<td><font size="2" face="Verdana, Arial, Helvetica, sans-
serif">[email protected]</font></td>
</tr>
</table><br />
</td>
<td background="./img/b-kanan.jpg"> </td>
</tr>
<tr>
<td align="right"><img src="./img/kib.jpg"></td>
<td bgcolor="#5686c6" ><div align="center"><strong><font
face="verdana" size="3"></font></strong></div></td>
<td><img src="./img/kab.jpg"></td>
</tr>
</table>
Counter.php <?
UNIVERSITAS SUMATERA UTARA
L-5
include "./include/conn.php";
$tanggal;
$quey=mysql_db_query($db,"select * from counter",$koneksi);
while ($rows=mysql_fetch_array($quey))
{
$visit=$rows[1];
}
if ($visit=="")
{
mysql_db_query($db,"insert into counter
values('$tanggal',1)",$koneksi);
}
if (!isset($_COOKIE['counter']))
{
$visit=$visit+1;
mysql_db_query($db,"update counter set
jml='$visit'",$koneksi);
}
?>
<html>
<table width="100%" border="0" cellpadding="0" cellspacing="0"
bordercolor="#99CC99">
<tr>
<td align="right"><img src="./img/kiri.jpg"></td>
<td bgcolor="#5686c6" ><div align="center"><strong><font
face="verdana" size="2"
color="#FFFFFF">PENGUNJUNG</font></strong></div></td>
<td><img src="./img/kanan.jpg"></td>
</tr>
<tr>
<td height="29" colspan="3" align="center"><br>
<font face="verdana" size="2" color="#FF9933"><b><? echo
$visit." Orang"?></b><br><br></font>
</td>
</tr>
<tr>
<td align="right"><img src="./img/kib.jpg"></td>
<td bgcolor="#5686c6" ><div align="center"><font
face="verdana" size="2" color="#FFFFFF"><? echo $tanggal=date('D, d-
M-Y');?></font></div></td>
<td><img src="./img/kab.jpg"></td>
</tr>
</table>
</html>
Delete.php <?
UNIVERSITAS SUMATERA UTARA
L-6
include "./include/conn.php";
$tanggal;
$quey=mysql_db_query($db,"select * from counter",$koneksi);
while ($rows=mysql_fetch_array($quey))
{
$visit=$rows[1];
}
if ($visit=="")
{
mysql_db_query($db,"insert into counter
values('$tanggal',1)",$koneksi);
}
if (!isset($_COOKIE['counter']))
{
$visit=$visit+1;
mysql_db_query($db,"update counter set
jml='$visit'",$koneksi);
}
?>
<html>
<table width="100%" border="0" cellpadding="0" cellspacing="0"
bordercolor="#99CC99">
<tr>
<td align="right"><img src="./img/kiri.jpg"></td>
<td bgcolor="#5686c6" ><div align="center"><strong><font
face="verdana" size="2"
color="#FFFFFF">PENGUNJUNG</font></strong></div></td>
<td><img src="./img/kanan.jpg"></td>
</tr>
<tr>
<td height="29" colspan="3" align="center"><br>
<font face="verdana" size="2" color="#FF9933"><b><? echo
$visit." Orang"?></b><br><br></font>
</td>
</tr>
<tr>
<td align="right"><img src="./img/kib.jpg"></td>
<td bgcolor="#5686c6" ><div align="center"><font
face="verdana" size="2" color="#FFFFFF"><? echo $tanggal=date('D, d-
M-Y');?></font></div></td>
<td><img src="./img/kab.jpg"></td>
</tr>
</table>
</html>
E-Konfirmasi.php <? session_start();
UNIVERSITAS SUMATERA UTARA
L-7
if (@session_is_registered('user_id')){
@include "./inlcude/conn.php";
$tanggal;
$iduser=$_SESSION['user_id'];
@$kode=$_GET['kode'];
//cek status pelanggan
@$view=mysql_db_query($db,"select * from laporan where
iduser='$iduser'",$koneksi);
while(@$row=mysql_fetch_array($view)){
$status=$row['status'];
}
//cek apakan dia pernah bertransaksi
@$cek=mysql_num_rows($view);
//jik belum ada id pelanggan di tabel laporan, berarti
pelanggan tersebut belum pernah transaksi
//jadi dia boleh belakukan transaksi (syarat pertama)
if (!empty($cek)){
//echo "pernah transaksi";
//jika transaksi sebelumnya sudah lunas, maka boleh
transaksi lagi
if ($status=='proses'){
}else{
$deletetrans=mysql_db_query($db,"delete from
shoping where iduser='$iduser'",$koneksi);
//masukan ke laporan
$insert=mysql_db_query($db,"insert into
laporan(iduser,tgl,status,kode)
values('$iduser','$tanggal','proses','$kode')",$koneksi);
}
}else{
@$deletetrans=mysql_db_query($db,"delete from shoping
where iduser='$iduser'",$koneksi);
//masukan ke laporan
@$insert=mysql_db_query($db,"insert into
laporan(iduser,tgl,status,kode)
values('$iduser','$tanggal','proses','$kode')",$koneksi);
}
?><br>
<table width="74%" border="0" cellpadding="0" cellspacing="0"
bordercolor="#99CC99" align="center">
<tr>
UNIVERSITAS SUMATERA UTARA
L-8
<td width="2%" align="right"><img
src="./img/kiri.jpg"></td>
<td width="96%" bgcolor="#5686c6" ><div
align="center"><strong><font face="verdana" size="2"
color="#FFFFFF">KONFIRMASI</font></strong></div></td>
<td width="2%"><img src="./img/kanan.jpg"></td>
</tr>
<tr>
<td background="./img/b-kiri.jpg"> </td>
<td valign="top"><p align="right">
</p>
<p align="right">
<a href="#" onclick="window.print()" style="text-
decoration:none" title="Klik untuk cetak Nota"><font color="#00CC33"
size="2" face="Verdana, Arial, Helvetica, sans-serif">Print Nota
<img src="./img/print.png" border="0"/></font></a><br />
</p>
<p> </p>
<p><em><font color="#666666" size="2" face="Verdana,
Arial, Helvetica, sans-serif">Terima kasih Anda telah memesan
:)</font></em></p>
<p align="center"><img src="./img/bisnis.gif" alt="ds"
border="0"></p>
<p><font color="#FF0000" size="2" face="Verdana,
Arial, Helvetica, sans-serif">Hal-hal yang perlu Anda perhatikan
:</font></p>
<ol>
<li><font size="2" face="Verdana, Arial, Helvetica,
sans-serif">Segera lakukan pembayaran ke rekening kami :<br>
(<strong>Bank Blabla, Cabang Blablabla, No.000.11.22222.3,
a/n Ai</strong>) </font></li>
<li><font size="2" face="Verdana, Arial, Helvetica, sans-
serif">Jika Anda sudah melakukan pembayaran, <em>scan</em> blanko
bukti transfer Bank dan KTP yang masih berlaku.</font></li>
<li><font size="2" face="Verdana, Arial, Helvetica,
sans-serif">Kemudian kirim ke alamat
<strong>[email protected]</strong>. dengan
<em>Subject:</em><strong>Pesanan <? echo
@$_GET['kode'];?></strong></font></li>
<li><font size="2" face="Verdana, Arial, Helvetica,
sans-serif">Barang yang dipesan paling lambat sehari setelah
pembayaran. <br>
</font></li>
<li><font size="2" face="Verdana, Arial, Helvetica,
sans-serif">Jika lebih dari sehari tidak melakukan transaksi, maka
transaksi tidak bisa kami proses dikarenakan pembuatan kue tidak
bisa secepat itu 8(.</font></li>
</ol>
<p><font size="2" face="Verdana, Arial, Helvetica, sans-
serif">Terima kasih atas kepercayaan anda.. ^^<br>
UNIVERSITAS SUMATERA UTARA
L-9
<p align="center"><input type="button" value="Selesai
Transaksi" onClick="location.replace('ok.php');"/><br><br />
</p></td>
<td background="./img/b-kanan.jpg"> </td>
</tr>
<tr>
<td align="right"><img src="./img/kib.jpg"></td>
<td bgcolor="#5686c6" ><div align="center"><strong><font
face="verdana" size="3"></font></strong></div></td>
<td><img src="./img/kab.jpg"></td>
</tr>
</table><br />
<?
}else{
?>
<br />
<p align="center"><img src="./img/troli.jpg" border="0"/> </p>
<p align="center"><br />
<font color="#009966" size="2" face="Verdana, Arial, Helvetica,
sans-serif">Maaf, Anda belum memilih produk kami :) </font></p>
<p align="center"><a href="index.php?page=5" style="text-
decoration:none" title="Lakukan transaksi"><img src="./img/beli.jpg"
border="0" /></a></p>
<?
}
?>
E-Pemesanan.php <? session_start();
if (@session_is_registered('user_id')){
$iduser=$_SESSION['user_id'];
include "./include/conn.php";
$alamat=htmlentities(ucwords($_POST['alamat']));
$kota=htmlentities(ucwords($_POST['kota']));
$kodepos=htmlentities(ucwords($_POST['kodepos']));
$provinsi=htmlentities(ucwords($_POST['provinsi']));
$telpon=htmlentities($_POST['telpon']);
//periksa apakah udah submit
if (isset($_POST['alamat']))
{
//periksa apakah masih kosong
if (empty($alamat) || empty($kota) || empty($kodepos) ||
empty($provinsi) || empty($telpon))
{
echo "<script>
document.location.href='index.php?page=8&status=<font
color=red>Maaf, Data Anda belum lengkap!!</font>'; </script>";
UNIVERSITAS SUMATERA UTARA
L-10
}else{
$update=mysql_db_query($db,"UPDATE daftar SET
alamat='$alamat',kota='$kota', kodepos='$kodepos',
provinsi='$provinsi', telpon='$telpon' where id='$iduser'
",$koneksi);
//jika sudah berhasil
if ($update)
{
echo "<script>
document.location.href='index.php?page=12'; </script>";
}else{
echo "GAGAL";
}
}
}else{
unset($_POST['user']);
}
?>
<br>
<table width="63%" border="0" cellpadding="0" cellspacing="0"
bordercolor="#99CC99" align="center">
<tr>
<td width="2%" align="right"><img
src="./img/kiri.jpg"></td>
<td width="96%" bgcolor="#5686c6" ><div
align="center"><strong><font face="verdana" size="2"
color="#FFFFFF">PEMESANAN</font></strong></div></td>
<td width="2%"><img src="./img/kanan.jpg"></td>
</tr>
<tr>
<td background="./img/b-kiri.jpg"> </td>
<td valign="top">
<div align="center">
<?
include "./include/conn.php";
$query=mysql_db_query($db,"select * from daftar where
id='$iduser'",$koneksi);
while ($row=mysql_fetch_array($query))
{
$nama=$row['nama'];
$alamat=$row['alamat'];
$kota=$row['kota'];
$kodepos=$row['kodepos'];
$provinsi=$row['provinsi'];
UNIVERSITAS SUMATERA UTARA
L-11
$telpon=$row['telpon'];
}
?>
<font color="#0033FF" face='verdana' size='2'><?
echo $_GET['status'] ?>
</p>
</font>
</div>
<form action="index.php?page=8" method="post">
<table width="343" border="0" align="center">
<tr>
<td width="128"><font face="verdana" size="2">Nama
Lengkap </font></td>
<td width="205"><font face="verdana" size="2"
color="#666666"><? echo $nama; ?></font></td>
</tr>
<tr>
<td valign="top"><font face="verdana"
size="2">Alamat</font></td>
<td><textarea cols="20" rows="7" name="alamat"><? echo
$alamat;?></textarea></td>
</tr>
<tr>
<td><font face="verdana" size="2">Kota</font></td>
<td>
<input type="text" size="20" name="kota" value="<?
echo $kota;?>"/>
</td>
</tr>
<tr>
<td><font face="verdana" size="2">Kode POS</font></td>
<td>
<input type="text" size="20" name="kodepos"
value="<? echo $kodepos;?>"/>
</td>
</tr>
<tr>
<td><font face="verdana" size="2">provinsi</font></td>
<td>
<input type="text" size="20" name="provinsi"
value="<? echo $provinsi;?>"/>
</td>
</tr>
<tr>
UNIVERSITAS SUMATERA UTARA
L-12
<td><font face="verdana" size="2">Telpon
(HP)</font></td>
<td>
<input type="text" size="20" name="telpon"
value="<? echo $telpon;?>" />
</td>
</tr>
<tr>
<td> </td>
<td><input name="submit" type="submit" value="Simpan"
/></td>
</tr>
</table>
</form >
</td>
<td background="./img/b-kanan.jpg"> </td>
</tr>
<tr>
<td align="right"><img src="./img/kib.jpg"></td>
<td bgcolor="#5686c6" ><div align="center"><strong><font
face="verdana" size="3"></font></strong></div></td>
<td><img src="./img/kab.jpg"></td>
</tr>
</table>
<?
}else{
?>
<br />
<p align="center"><img src="./img/troli.jpg" border="0"/> </p>
<p align="center"><br />
<font color="#009966" size="2" face="Verdana, Arial, Helvetica,
sans-serif">Maaf, Anda belum memilih produk kami :) </font></p>
<p align="center"><a href="index.php?page=5" style="text-
decoration:none" title="Lakukan transaksi"><img src="./img/beli.jpg"
border="0" /></a></p>
<?
}
?>
E-Produk.php <? session_start();
include "./include/conn.php";
?>
<html>
<head>
<title>Edit Artikel</title>
UNIVERSITAS SUMATERA UTARA
L-13
<script language="javascript">
<!--
function konfirm(idbrg)
{
tanya=confirm("Apakah anda yakin akan membeli barang ini ?")
if (tanya !="0")
{
//alert(idbrg);
top.location="e-shoping.php?idbrg="+idbrg;
}
}
//-->
</script>
</head>
<br />
<table width="42%" border="0" cellpadding="0" cellspacing="0"
bordercolor="#99CC99" align="center">
<tr>
<td width="8%" align="right"><img src="./img/kiri.jpg"></td>
<td width="90%" bgcolor="#5686c6" ><div
align="center"><strong><font face="verdana" size="2"
color="#FFFFFF">PRODUK</font></strong></div></td>
<td width="2%"><img src="./img/kanan.jpg"></td>
</tr>
<tr>
<td background="./img/b-kiri.jpg"></td>
<td>
<table width="505" align="center">
<tr><td width="497">
<div align="center">
<p><a href="home.php?page=13" style="text-
decoration:none" title="Masukan Produk Baru"></a></p>
<p><font color='#0066FF' face='verdana'
size='2'>
<div align="center"><? echo $_GET['status'] ?></div>
</font></p>
<div align="left"><a href="index.php?page=6"
style="text-decoration:none"><font size="2" face="Verdana"
color="#666666">Shopping cart</font><img src="./img/cart.gif"
border="0"></a></div>
</div>
<div align="center"><font face="Verdana, Arial,
Helvetica, sans-serif" size="2">
<?
//untuk paging
UNIVERSITAS SUMATERA UTARA
L-14
$query=mysql_db_query($db,"select * from produk
order by tgl asc",$koneksi); //input
$get_pages=mysql_num_rows($query);
if ($get_pages>$entries) //proses
{
echo "Halaman : ";
$pages=1;
while($pages<=ceil($get_pages/$entries))
{
if ($pages!=1)
{
echo " | ";
}
?>
<a href="index.php?page=5&id=<?
echo ($pages-1); ?> " style="text-decoration:none"><font
color="#0066FF"><? echo $pages; ?></font></a>
<?
$pages++;
}
}else{
$pages=0;
}
?>
</font>
</p>
<?
//akhir paging
//proses halaman
$page=(int)$_GET['id'];
$offset=$page*$entries;
$result=mysql_db_query($db,"select * from produk
order by tgl asc limit $offset,$entries",$koneksi); //output
$jumlah=mysql_num_rows($query);
if ($jumlah){
?>
</div>
<table align="center" width="497"
border="0">
<tr>
<td width="26%" bgcolor="#CCCCCC"><div
align="center"><b>
<font color="#666666" size="2"
face="Arial, Helvetica, sans-serif">GAMBAR</font></b></div>
</td>
UNIVERSITAS SUMATERA UTARA
L-15
<td width="39%" bgcolor="#CCCCCC"><div
align="center"><b>
<font color="#666666" size="2" face="Arial,
Helvetica, sans-serif">BARANG</font></b></div></td>
<td width="22%" bgcolor="#CCCCCC"><div
align="center"><b>
<font color="#666666" size="2"
face="Arial, Helvetica, sans-serif">HARGA</font></b></div>
</td>
<td width="13%" bgcolor="#CCCCCC"><div
align="center"><b>
<font color="#666666" size="2"
face="Arial, Helvetica, sans-serif">AKSI</font></b></div>
</td>
</tr>
<?
while ($row=mysql_fetch_array($result))
{
?>
<tr>
<td align="center" valign="top">
<?
$gambar=$row['gambar'];
$pic=substr($gambar,15,40);
$idbrg=$row['idbrg'];
?>
<img src="./admin/gambar/<? echo
$pic; ?>" width="100" height="100" border="0">
</td>
<td align="left" valign="top">
<font face="verdana" size="2"
color="#666666">
<?
echo "<font color='#99CC00'
size=4>".$row['namabrg']."</font>";
echo "<br>";
echo $row['spek'];
//echo $idbrg;
?></font>
</td>
<td align="left">
<font face="verdana" size="2"
color="#666666"><? echo "Rp ".$row['hargabrg'];?></font>
</td>
<td align="center">
UNIVERSITAS SUMATERA UTARA
L-16
<a href="#" title="Klik untuk
membeli" onClick="konfirm(<? echo $idbrg; ?>)"><img
src="./img/beli.jpg" border="0"></a>
</td>
</tr>
<tr>
<td colspan="6"><hr
color="#CCCCCC"></td>
</tr>
<?
}
?>
</table>
<?
}else{
echo "<font color='#FF0000' face='verdana'
size='2'><b>Belum ada data!!</b></font>";
}
?>
</td></tr>
</table>
</td>
<td background="./img/b-kanan.jpg"></td>
</tr>
<tr>
<td align="right"><img src="./img/kib.jpg"></td>
<td bgcolor="#5686c6" ><div align="center"><strong><font
face="verdana" size="2" color="#FFFFFF">Jumlah Barang : <b><? echo
$jumlah; ?></font></strong></div></td>
<td><img src="./img/kab.jpg"></td>
</tr>
</table>
<p> </p>
E-Rincian.php <? session_start();
include "./include/conn.php";
?>
<html>
<head>
<title>Edit Artikel</title>
<script language="javascript">
UNIVERSITAS SUMATERA UTARA
L-17
<!--
function konfirm(idbrg)
{
tanya=confirm("Apakah anda yakin akan membeli barang ini ?")
if (tanya !="0")
{
//alert(idbrg);
top.location="e-shoping.php?idbrg="+idbrg;
}
}
//-->
</script>
</head>
<br />
<table width="42%" border="0" cellpadding="0" cellspacing="0"
bordercolor="#99CC99" align="center">
<tr>
<td width="8%" align="right"><img src="./img/kiri.jpg"></td>
<td width="90%" bgcolor="#5686c6" ><div
align="center"><strong><font face="verdana" size="2"
color="#FFFFFF">PRODUK</font></strong></div></td>
<td width="2%"><img src="./img/kanan.jpg"></td>
</tr>
<tr>
<td background="./img/b-kiri.jpg"></td>
<td>
<table width="505" align="center">
<tr><td width="497">
<div align="center">
<p><a href="home.php?page=13" style="text-
decoration:none" title="Masukan Produk Baru"></a></p>
<p><font color='#0066FF' face='verdana'
size='2'>
<div align="center"><? echo $_GET['status'] ?></div>
</font></p>
<div align="left"><a href="index.php?page=6"
style="text-decoration:none"><font size="2" face="Verdana"
color="#666666">Shopping cart</font><img src="./img/cart.gif"
border="0"></a></div>
</div>
<div align="center"><font face="Verdana, Arial,
Helvetica, sans-serif" size="2">
<?
//untuk paging
$query=mysql_db_query($db,"select * from produk
order by tgl asc",$koneksi); //input
UNIVERSITAS SUMATERA UTARA
L-18
$get_pages=mysql_num_rows($query);
if ($get_pages>$entries) //proses
{
echo "Halaman : ";
$pages=1;
while($pages<=ceil($get_pages/$entries))
{
if ($pages!=1)
{
echo " | ";
}
?>
<a href="index.php?page=5&id=<?
echo ($pages-1); ?> " style="text-decoration:none"><font
color="#0066FF"><? echo $pages; ?></font></a>
<?
$pages++;
}
}else{
$pages=0;
}
?>
</font>
</p>
<?
//akhir paging
//proses halaman
$page=(int)$_GET['id'];
$offset=$page*$entries;
$result=mysql_db_query($db,"select * from produk
order by tgl asc limit $offset,$entries",$koneksi); //output
$jumlah=mysql_num_rows($query);
if ($jumlah){
?>
</div>
<table align="center" width="497"
border="0">
<tr>
<td width="26%" bgcolor="#CCCCCC"><div
align="center"><b>
<font color="#666666" size="2"
face="Arial, Helvetica, sans-serif">GAMBAR</font></b></div>
</td>
<td width="39%" bgcolor="#CCCCCC"><div
align="center"><b>
UNIVERSITAS SUMATERA UTARA
L-19
<font color="#666666" size="2" face="Arial,
Helvetica, sans-serif">BARANG</font></b></div></td>
<td width="22%" bgcolor="#CCCCCC"><div
align="center"><b>
<font color="#666666" size="2"
face="Arial, Helvetica, sans-serif">HARGA</font></b></div>
</td>
<td width="13%" bgcolor="#CCCCCC"><div
align="center"><b>
<font color="#666666" size="2"
face="Arial, Helvetica, sans-serif">AKSI</font></b></div>
</td>
</tr>
<?
while ($row=mysql_fetch_array($result))
{
?>
<tr>
<td align="center" valign="top">
<?
$gambar=$row['gambar'];
$pic=substr($gambar,15,40);
$idbrg=$row['idbrg'];
?>
<img src="./admin/gambar/<? echo
$pic; ?>" width="100" height="100" border="0">
</td>
<td align="left" valign="top">
<font face="verdana" size="2"
color="#666666">
<?
echo "<font color='#99CC00'
size=4>".$row['namabrg']."</font>";
echo "<br>";
echo $row['spek'];
//echo $idbrg;
?></font>
</td>
<td align="left">
<font face="verdana" size="2"
color="#666666"><? echo "Rp ".$row['hargabrg'];?></font>
</td>
<td align="center">
UNIVERSITAS SUMATERA UTARA
L-20
<a href="#" title="Klik untuk
membeli" onClick="konfirm(<? echo $idbrg; ?>)"><img
src="./img/beli.jpg" border="0"></a>
</td>
</tr>
<tr>
<td colspan="6"><hr
color="#CCCCCC"></td>
</tr>
<?
}
?>
</table>
<?
}else{
echo "<font color='#FF0000' face='verdana'
size='2'><b>Belum ada data!!</b></font>";
}
?>
</td></tr>
</table>
</td>
<td background="./img/b-kanan.jpg"></td>
</tr>
<tr>
<td align="right"><img src="./img/kib.jpg"></td>
<td bgcolor="#5686c6" ><div align="center"><strong><font
face="verdana" size="2" color="#FFFFFF">Jumlah Barang : <b><? echo
$jumlah; ?></font></strong></div></td>
<td><img src="./img/kab.jpg"></td>
</tr>
</table>
<p> </p>
E-Shopping <? session_start();
if(@session_is_registered('user_id'))
{
include "./include/conn.php";
//echo "sabar gus";
$iduser=$_SESSION['user_id'];
$idbrg=$_GET['idbrg'];
$tanggal;
UNIVERSITAS SUMATERA UTARA
L-21
//cek status pelanggan
$view=mysql_db_query($db,"select * from laporan where
iduser='$iduser'",$koneksi);
while($row=mysql_fetch_array($view)){
$status=$row['status'];
}
//cek apakan dia pernah bertransaksi
$cek=mysql_num_rows($view);
//jik belum ada id pelanggan di tabel laporan, berarti
pelanggan tersebut belum pernah transaksi
//jadi dia boleh belakukan transaksi (syarat pertama)
if (!empty($cek)){
//echo "pernah transaksi";
//jika transaksi sebelumnya sudah lunas, maka boleh
transaksi lagi
if ($status=='proses'){
//echo "sudah transaksi tapi belum bayar, GAK
BOLEH TRANSAKSI LAGI";
echo "<script>
document.location.href='index.php?page=5&status=<font
color=red>Maaf, transaksi Anda sebelumnya belum Lunas</font>';
</script>";
}else{
//kalo udah lunas
//echo "udah daftar, AND Boleh KOK,,,kan udah
LUNAS";
$query=mysql_db_query($db,"insert into
shoping(idbrg,iduser,tgl)
values('$idbrg','$iduser','$tanggal')",$koneksi);
$transaksi=mysql_db_query($db,"insert into
pemesanan(idbrg,iduser,tgl,status)
values('$idbrg','$iduser','$tanggal','proses')",$koneksi);
echo "<script>
document.location.href='index.php?page=5&status=Terimakasih, barang
yang anda pilih sudah masuk ke Shopping cart'; </script>";
}
}else{
//echo "boleh transaksi lagi";
$query=mysql_db_query($db,"insert into
shoping(idbrg,iduser,tgl)
values('$idbrg','$iduser','$tanggal')",$koneksi);
$transaksi=mysql_db_query($db,"insert into
pemesanan(idbrg,iduser,tgl,status)
values('$idbrg','$iduser','$tanggal','proses')",$koneksi);
echo "<script>
document.location.href='index.php?page=5&status=Terimakasih, barang
yang anda pilih sudah masuk ke Shopping cart'; </script>";
UNIVERSITAS SUMATERA UTARA
L-22
}
/*
$query=mysql_db_query($db,"insert into
shoping(idbrg,iduser,tgl)
values('$idbrg','$iduser','$tanggal')",$koneksi);
$transaksi=mysql_db_query($db,"insert into
pemesanan(idbrg,iduser,tgl)
values('$idbrg','$iduser','$tanggal')",$koneksi);
echo "<script>
document.location.href='index.php?page=5&status=Terimakasih, barang
yang anda pilih sudah masuk ke Shopping cart'; </script>";
*/
}else{
echo "<script>
document.location.href='index.php?page=5&status=<font
color=red>Maaf, Sebelum transaksi Anda harus daftar dan login member
</font>'; </script>";
}
?>
E-Transaksi.php <? session_start();
if (@session_is_registered('user_id')){
$iduser=$_SESSION['user_id'];
?>
<br>
<table width="63%" border="0" cellpadding="0" cellspacing="0"
bordercolor="#99CC99" align="center">
<tr>
<td width="2%" align="right"><img
src="./img/kiri.jpg"></td>
<td width="96%" bgcolor="#5686c6" ><div
align="center"><strong><font face="verdana" size="2"
color="#FFFFFF">SHOPPING CART</font></strong></div></td>
<td width="2%"><img src="./img/kanan.jpg"></td>
</tr>
<tr>
<td background="./img/b-kiri.jpg"> </td>
<td valign="top"><br />
<p><font color='#0066FF' face='verdana' size='2'><div
align="center"><? echo @$_GET['status'] ?></div></font></p>
<h1 align="center"><img src="./img/troli.jpg"
border="0"/> </h1>
UNIVERSITAS SUMATERA UTARA
L-23
<a href="index.php?page=5" style="text-
decoration:none"><font face="verdana" color="#666666" size="2">
Tambah Barang</font><img src="./img/beli.jpg" border="0"
/></a><br /><br />
<?
include "./include/conn.php";
$query=mysql_db_query($db,"select * from shoping where
iduser='$iduser' order by tgl",$koneksi);
$pemesanan=mysql_db_query($db,"select * from pemesanan
where iduser='$iduser' order by tgl",$koneksi);
$cek=mysql_num_rows($query);
if (!empty($cek)){
?>
<script language="javascript">
<!--
function konfirm(idshop,iduser,idpesan)
{
tanya=confirm("Apakah anda yakin akan
menghapus barang ini ?")
if (tanya !="0")
{
//alert(idshop);
//alert(iduser);
//alert(idpesan);
top.location="delete.php?idshop="+idshop+"&iduser="+iduser+"&i
dpesan"+idpesan+"";
}
}
//-->
</script>
<table cellspacing="2">
<tr bgcolor="#999999">
<th width="38"><font color="#FFFFFF"
size="2" face="Verdana, Arial, Helvetica, sans-serif">NO</font></th>
<th width="303"><font color="#FFFFFF"
size="2" face="Verdana, Arial, Helvetica, sans-serif">NAMA
BARANG</font></th>
<th width="255"><font color="#FFFFFF"
size="2" face="Verdana, Arial, Helvetica, sans-
serif">HARGA</font></th>
UNIVERSITAS SUMATERA UTARA
L-24
<th width="177"><font color="#FFFFFF"
size="2" face="Verdana, Arial, Helvetica, sans-
serif">AKSI</font></th>
</tr>
<?
while ($row=mysql_fetch_array($query)){
$idshop=$row['idshop'];
$idbrg=$row['idbrg'];
$iduser=$row['iduser'];
$trow=mysql_fetch_array($pemesanan);
$idpesan=$trow['idpesan'];
//translate id
$transbrg=mysql_db_query($db,"select * from
produk where idbrg='$idbrg'",$koneksi);
while ($row=mysql_fetch_array($transbrg)){
$namabrg=$row['namabrg'];
$hargabrg=$row['hargabrg'];
$total=$hargabrg+$total;
}
?>
<tr>
<td><font size="2" face="Verdana, Arial,
Helvetica, sans-serif"><? echo $c=$c+1; ?></font></td>
<td><font size="2" face="Verdana, Arial,
Helvetica, sans-serif"><? echo $namabrg;?></font></td>
<td><font size="2" face="Verdana, Arial,
Helvetica, sans-serif"><? echo "Rp ".$hargabrg;?></font></td>
<td align="center">
<a href="#" style="text-decoration:none"
title="Klik hapus barang" onClick="konfirm(<? echo $idshop; ?>,<?
echo $iduser; ?>,<? echo $idpesan; ?>)">
<img src="./img/hapus.png" border="0"><font
color="#666666" face="verdana" size="2">Hapus</font></a>
</td>
</tr>
<?
}
?>
<tr>
<td colspan="4"><hr color="#CCCCCC"/>
<p><font face="Courier New, Courier,
monospace"><b>TOTAL</b><? echo " : Rp ".$total; ?></font></p>
<p align="center"><input type="button"
value="Lanjutkan Transaksi"
onClick="location.replace('index.php?page=8');"/><br /><br /></p>
</td>
</tr>
UNIVERSITAS SUMATERA UTARA
L-25
</table>
<?
}else{
echo "<p align=center><font face='verdana'
size='2' color='green'>Maaf, Belum ada barang yang Anda
pilih<br><br></font></p>";
}
?>
</td>
<td background="./img/b-kanan.jpg"> </td>
</tr>
<tr>
<td align="right"><img src="./img/kib.jpg"></td>
<td bgcolor="#5686c6" ><div align="center"><strong><font
face="verdana" size="3"></font></strong></div></td>
<td><img src="./img/kab.jpg"></td>
</tr>
</table>
<?
}else{
?>
<html>
<head>
<title>Edit Artikel</title>
<br />
<table width="41%" border="0" cellpadding="0" cellspacing="0"
bordercolor="#99CC99" align="center">
<tr>
<td width="3%" align="right"><img src="./img/kiri.jpg"></td>
<td width="94%" bgcolor="#5686c6" ><div
align="center"><strong><font face="verdana" size="2"
color="#FFFFFF">PRODUK</font></strong></div></td>
<td width="3%"><img src="./img/kanan.jpg"></td>
</tr>
<tr>
<td background="./img/b-kiri.jpg"></td>
<td>
<table width="445" align="center">
<tr>
<td width="437">
<br />
UNIVERSITAS SUMATERA UTARA
L-26
<p align="center"><img src="./img/troli.jpg"
border="0"/></p>
<p align="center"><br />
<font color="#009966" size="2" face="Verdana,
Arial, Helvetica, sans-serif">Maaf, Anda belum memilih produk kami
:) </font></p>
<p align="center"><a href="index.php?page=5"
style="text-decoration:none" title="Lakukan transaksi"><img
src="./img/beli.jpg" border="0" /></a></p>
<p align="center"> </p></td>
</tr>
</table>
</td>
<td background="./img/b-kanan.jpg"></td>
</tr>
<tr>
<td align="right"><img src="./img/kib.jpg"></td>
<td bgcolor="#5686c6" ><div align="center"><strong><font
face="verdana" size="2" color="#FFFFFF">Jumlah Barang : <b><? echo
$jumlah; ?></font></strong></div></td>
<td><img src="./img/kab.jpg"></td>
</tr>
</table>
<?
}
?>
Halamanutama.php <html>
<head><title>Thelovely Cake</title>
<script language="javascript" src="./include/klik.js"></script>
</head>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<body background="./img/background.jpg">
<p> </p>
<table width="1001" height="341" border="0" align="center"
cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr valign="top">
<td height="18" colspan="7" align="center"><? include
"./include/banner.php"; ?></td>
</tr>
<tr>
<td width="13" valign="top" align="left" background="./img/b-
kiri.jpg"> </td>
<td width="38" valign="top" colspan="0" rowspan="0">
<? include "menu1.php";?>
<? include "menu2.php";?><br>
<? include "jam.php"; ?><br>
UNIVERSITAS SUMATERA UTARA
L-27
</td>
<td width="23" valign="top" align="right" background="./img/b-
kanan.jpg"> </td>
<td width="730" valign="top" align="center"><? include
"isi.php" ?> </td>
<td width="12" valign="top" align="right" background="./img/b-
kiri.jpg"> </td>
<td width="166" valign="top" align="center"><br>
<?
if (session_is_registered('user_id'))
{
include "status.php";
}else{
include "login.php";
}
?>
<br>
<? include "voting.php"; ?><br>
<? //include "./include/slide.php"; ?>
<br><br>
</tr>
</table>
</body>
</html>
Isi.php
<?
$page=$_GET['page'];
switch($page)
{
case "1";
include "welcome.php";
break;
case "2";
include "contact.php";
break;
case "3";
include "guestbook.php";
break;
case "4";
UNIVERSITAS SUMATERA UTARA
L-28
include "forum.php";
break;
case "5";
include "e-produk.php";
break;
case "6";
include "e-transaksi.php";
break;
case "7";
include "e-shoping.php";
break;
case "8";
include "e-pemesanan.php";
break;
case "9";
include "forum-view.php";
break;
case "10";
include "forum-reply.php";
break;
case "11";
include "forum-new.php";
break;
case "12";
include "e-rincian.php";
break;
case "13";
include "e-konfirmasi.php";
break;
case "14";
include "pembayaran.php";
break;
default;
include "welcome.php";
break;
}
?>
UNIVERSITAS SUMATERA UTARA
L-29
Jam.php
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/sw
flash.cab#version=7,0,19,0" width="161" height="164">
<param name="movie" value="img/jam.swf">
<param name="quality" value="high">
<embed src="img/jam.swf" quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="161"
height="164"></embed>
</object>
Login.php
<?
ini_set('display_errors',FALSE);
if (isset($_POST['login']))
{
include "./include/conn.php";
$username=htmlentities((trim($_POST['username'])));
$password=htmlentities(md5($_POST['password']));
$login=mysql_db_query($db,"select * from daftar where
user='$username' and pass='$password'",$koneksi);
while($row=mysql_fetch_array($login))
{
$user_id=$row[0];
$user_name=$row[2];
$status=$row['status'];
}
$cek_login=mysql_num_rows($login);
if (empty($cek_login))
{
?>
<script language="javascript">alert("Password atau
Username Anda salah!!");</script>
<script> document.location.href='index.php?page=4';
</script>
<?
}
else
{
//ubah status login
$update_stat=mysql_db_query($db,"update daftar set
status='1' where id='$user_id'",$koneksi);
session_register('user_id');
session_register('user_name');
UNIVERSITAS SUMATERA UTARA
L-30
?>
<script language="javascript">alert("Anda Berhasil
Login");</script>
<script> document.location.href='index.php?page=1';
</script>
<?
}
}
?>
<html>
<script language="javascript">
function cek(){
var user= document.getElementById('userid').value;
var pass= document.getElementById('passwd').value;
if(user.replace(/^\s+|\s+$/g, '')==''){
alert('Maaf, Username Anda masih kosong !');
return false;
}
if(pass.replace(/^\s+|\s+$/g, '')==''){
alert('Maaf, Password Anda masih kosong !');
return false;
}
return true;
}
</script>
<table width="15%" border="0" cellpadding="0" cellspacing="0"
bordercolor="#99CC99">
<tr>
<td width="22%" align="right"><img src="./img/kiri.jpg"></td>
<td width="70%" bgcolor="#5686c6" ><div
align="center"><strong><font face="verdana" size="2"
color="#FFFFFF">LOGIN</font></strong></div></td>
<td width="6%"><img src="./img/kanan.jpg"></td>
</tr>
<tr>
<td> </td>
<td>
<table width="165" align="center">
<tr><td width="157"><font face="verdana" size="2">
</font>
<form name="masuk" action="login.php" method="post">
<table border="0" bordercolor="blue" align="left">
<tr>
UNIVERSITAS SUMATERA UTARA
L-31
<td><font face="verdana"
size="2">Username</font></td>
<td><input type="text" size="10" name="username"
id="userid"></td>
</tr>
<tr>
<td><font face="verdana"
size="2">Password</font></td>
<td><input type="password" size="10"
name="password" id="passwd"></td>
</tr>
<tr>
<td><input type="submit" value="Login"
name="login" onClick="return cek()"></td>
<td>
<input type=button value="Daftar"
onClick="window.open('signup.php','scrollwindow','top=200,left=350,w
idth=575,height=400');">
</td>
</tr>
</table>
</form>
</td></tr>
</table>
</td>
<td> </td>
<td width="2%"></td>
</tr>
<tr>
<td align="right"><img src="./img/kib.jpg"></td>
<td bgcolor="#5686c6" ><div align="center"><strong><font
face="verdana" size="3"></font></strong></div></td>
<td><img src="./img/kab.jpg"></td>
</tr>
</table>
</html>
Logout.php
<? session_start();
if (session_is_registered('user_id'))
{
session_unregister("user_id");
session_unregister("user_name");
echo "<script> document.location.href='index.php?page=1';
</script>";
UNIVERSITAS SUMATERA UTARA
L-32
}else{
echo "<script> document.location.href='akses.php?go=session';
</script>";
}
?>
Ok.php
<?
session_start();
include "./include/conn.php";
//hapus session
$iduser=$_SESSION['user_id'];
$idlaporan=mysql_db_query($db,"select * from laporan where
iduser='$iduser' AND status='proses'",$koneksi);
while($row=mysql_fetch_array($idlaporan)){
$idlap=$row['idlap'];
}
//update idlaporan di tabel pemesanan
$updatetrans=mysql_db_query($db,"update pemesanan set idlap='$idlap'
where iduser='$iduser' AND status='proses'",$koneksi);
echo "<script> document.location.href='index.php?page=1';
</script>";
?>
Pembayaran.php
<br>
<table border="0" cellpadding="0" cellspacing="0"
bordercolor="#99CC99" align="center">
<tr>
<td width="13" align="right"><img
src="./img/kiri.jpg"></td>
<td width="504" bgcolor="#5686c6" ><div
align="center"><strong><font face="verdana" size="2"
color="#FFFFFF">PEMBAYARAN</font></strong></div></td>
<td width="13"><img src="./img/kanan.jpg"></td>
</tr>
<tr>
<td background="./img/b-kiri.jpg"> </td>
<td width="504" height="200" valign="top"><p><font
size="2" face="Verdana, Arial, Helvetica, sans-serif"><img
src="./img/pembayaran.jpg" border="0" /><br /><br />
UNIVERSITAS SUMATERA UTARA
L-33
Terimakasih Telah mengunjungi situs e-commers kami,
ini adalah syarat pembayaran dalam bertransaksi di situs ini :
</font></p>
<ol>
<li><font size="2" face="Verdana, Arial, Helvetica,
sans-serif">Pilih barang yang akan di beli.</font></li>
<li><font size="2" face="Verdana, Arial, Helvetica,
sans-serif">Masukan biodata lengkap Anda.</font></li>
<li><font size="2" face="Verdana, Arial, Helvetica,
sans-serif">Periksa rincian barang yang akan dibeli.
</font></li>
<li><font size="2" face="Verdana, Arial, Helvetica,
sans-serif">Lakukan pembayaran dengan transfer tunai ke nomor
rekening kami.</font></li>
<li><font size="2" face="Verdana, Arial, Helvetica,
sans-serif">Scan bukti blanko bank, dan KTP, kemudian kirim ke
alamat email kami. </font></li>
<li><font size="2" face="Verdana, Arial, Helvetica,
sans-serif">Barang akan kami antar sesuai dengan alamat Anda
</font></li>
</ol>
<p> </p></td>
<td background="./img/b-kanan.jpg"> </td>
</tr>
<tr>
<td align="right"><img src="./img/kib.jpg"></td>
<td bgcolor="#5686c6" ><div align="center"><strong><font
face="verdana" size="3"></font></strong></div></td>
<td><img src="./img/kab.jpg"></td>
</tr>
</table>
Promo.php
<script language="javascript">
<!--
function konfirm(idbrg)
{
tanya=confirm("Apakah anda yakin akan membeli barang ini ?")
if (tanya !="0")
{
//alert(idbrg);
top.location="e-shoping.php?idbrg="+idbrg;
}
}
//-->
</script>
<style type="text/css">
UNIVERSITAS SUMATERA UTARA
L-34
<!--
.style1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}
.style4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #00CC33;
font-size: 14px;
}
.style5 {font-size: 14px}
.style6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #0066FF;
}
.style7 {color: #0066FF}
.style8 {color: #999900}
-->
</style>
<table width="490" align="center">
<tr><td width="482">
<div align="center"></p><span class="style4">
<marquee behavior="alternate">
</marquee>
</span><span class="style1">
<marquee behavior="alternate">
</marquee>
</span>
<span class="style5">
<marquee behavior="alternate">
</marquee>
</span>
<marquee behavior="alternate">
</marquee><div align="left"><a href="index.php?page=6" style="text-
decoration:none"></a></div>
</div>
<div align="center"><font face="Verdana, Arial, Helvetica, sans-
serif" size="2">
<?
//untuk paging
$query=mysql_db_query($db,"select * from produk order by tgl
asc",$koneksi); //input
$get_pages=mysql_num_rows($query);
if ($get_pages>$entries) //proses
{
//echo "Halaman : ";
$pages=1;
while($pages<=ceil($get_pages/$entries))
UNIVERSITAS SUMATERA UTARA
L-35
{
if ($pages!=1)
{
//echo " | ";
}
?>
<a href="index.php?page=5&id=<? echo ($pages-1); ?> "
style="text-decoration:none"><font color="#0066FF"><?// echo $pages;
?></font></a>
<?
$pages++;
}
}else{
$pages=0;
}
?>
</font>
</p>
<?
//akhir paging
//proses halaman
$page=(int)$_GET['id'];
$offset=$page*$entries;
$result=mysql_db_query($db,"select * from produk order by tgl asc
limit $offset,$entries",$koneksi); //output
$jumlah=mysql_num_rows($query);
if ($jumlah){
?>
</div>
<table align="center" width="482" border="0">
<tr>
<td colspan="4" align="center" valign="top">
<p align="right" class="style7"><marquee
behavior="scroll"><img src="./img/promo.jpg" /></marquee></p>
<p class="style7"> </p></td>
</tr>
<?
while ($row=mysql_fetch_array($result))
{
?>
<tr>
<td width="26%" align="left" valign="top">
<?
$gambar=$row['gambar'];
UNIVERSITAS SUMATERA UTARA
L-36
$pic=substr($gambar,15,40);
$idbrg=$row['idbrg'];
?>
<img src="./admin/gambar/<? echo $pic; ?>" width="100"
height="100" border="0"> </td>
<td width="39%" align="left" valign="top">
<font face="verdana" size="2" color="#666666">
<?
echo "<font color='#99CC00'
size=4>".$row['namabrg']."</font>";
echo "<br>";
echo $row['spek'];
//echo $idbrg;
?></font> </td>
<td width="24%" align="left">
<font face="verdana" size="2" color="#666666"><? echo
"Rp ".$row['hargabrg'];?></font> </td>
<td width="11%" align="center">
<a href="#" title="Klik untuk membeli"
onClick="konfirm(<? echo $idbrg; ?>)"><img src="./img/beli.jpg"
border="0"></a> </td>
</tr>
<tr>
<td colspan="6"><hr color="#CCCCCC"/></td>
</tr>
<?
}
?>
</table>
<?
}else{
echo "<font color='#FF0000' face='verdana' size='2'><b>Belum ada
data!!</b></font>";
}
?>
</td></tr>
</table>
<p> </p>
Singup.php
<?
if (isset($_POST['daftar']))
{
include "./include/conn.php";
UNIVERSITAS SUMATERA UTARA
L-37
$nama=ucwords($_POST['nama']);
$user=$_POST['user'];
$email=$_POST['email'];
$password=md5($_POST['password']);
if (!empty($nama) && !empty($user) && !empty($email) &&
!empty($password))
{
$cek=mysql_db_query($db,"select * from daftar where
user='$user'",$koneksi);
$valid=mysql_num_rows($cek);
if ($valid){
echo "<script>
document.location.href='signup.php?status=<font color=red>Maaf,
USERNAME Anda sudah ada yang punya!!</font>'; </script>";
}else{
$insert=mysql_db_query($db,"insert into
daftar(nama,user,email,pass,tanggal)
values('$nama','$user','$email','$password','$tanggal')",$koneksi);
if ($insert)
{
echo "<script>
document.location.href='signup.php?status=Selamat bergabung dengan
situs kami.'; </script>";
}
}
}
else
{
echo "<script>
document.location.href='signup.php?status=<font color=red>Maaf, Data
yang anda kirim belum lengkap!!</font>'; </script>";
}
}
?>
<html>
<head>
<title>SignUp</title>
<link rel="shortcut icon" href="./img/guestbook.png" type="image/x-
icon">
<script language="javascript">
<!--
function tutup()
UNIVERSITAS SUMATERA UTARA
L-38
{
top.window.close()
}
//-->
</script>
</head>
<body>
<center>
<table width="100%" cellspacing="2" cellpadding="2" >
<tr>
<td bgcolor="#9ABC67" colspan="2"><div align="center">
<font color="#FFFFFF" face="Geneva, Arial, Helvetica, sans-
serif"><strong>[DAFTAR ANGGOTA]</strong></font></div>
</td>
<tr>
<td> </td>
</tr>
<tr>
<td valign="top"> </td>
<td>
<form name="daftar" action="signup.php" method="post">
<table width="100%" cellspacing="2" cellpadding="2" >
<tr>
<td><font face="verdana" size="2">Nama
Lengkap</font></td>
<td><input type="text" dir="ltr" size="25"
name="nama"><td>
</tr>
<tr>
<td><font face="verdana" size="2">User
name</font></td>
<td><input type="text" size="10"
name="user"></td>
</tr>
<tr>
<td><font face="verdana"
size="2">Email</font></td>
<td>
<input type="text" size="25"
name="email"></td>
</tr>
<tr>
<td height="30"><font face="verdana"
size="2">Password</font></td>
<td><input type="password" size="10"
name="password">
UNIVERSITAS SUMATERA UTARA
L-39
<font size="-1" color="#A0A0A4"
face="verdana"> (Max 6 digit 0-9 a-z case sensitif)</font></td>
</tr>
<tr>
<td></td><td><p>
<input type="submit" value="Kirim"
name="daftar">
<input type="button" onClick="tutup()"
value="Keluar">
</p>
</td>
</tr>
</table>
</form><br>
<p align="center"><font color="#0033FF" face='verdana'
size='2'><blink><? echo @$_GET['status'] ?></blink></font><br></p>
</td>
</tr>
</tr>
</table>
</center>
</body>
</html>
Status.php
<?
$user_name=ucwords($_SESSION['user_name']);
$time=date("G");
?><font face="verdana" size="2" color="#FFFF66"><?
if ($time<12)
{
$status= " Selamat Pagi ";
}
else if ($time<15)
{
$status= " Selamat Siang ";
}
else if ($time<18)
{
$status= " Selamat Sore ";
}
else
{
$status= " Selamat Malam ";
}
echo "</font>";
UNIVERSITAS SUMATERA UTARA
L-40
?>
<html>
<script language="javascript">
<!--
function konfirmasi()
{
tanya=confirm("Apakah anda yakin akan keluar?")
if (tanya !="0")
{
top.location="logout.php"
}
}
//-->
</script>
<?
include "./include/conn.php";
$query=mysql_db_query($db,"select * from daftar",$koneksi);
$count=mysql_num_rows($query);
?>
<table width="15%" border="0" cellpadding="0" cellspacing="0"
bordercolor="#99CC99">
<tr>
<td width="22%" align="right"><img src="./img/kiri.jpg"></td>
<td width="70%" bgcolor="#5686c6" ><div
align="center"><strong><font face="verdana" size="2"
color="#FFFFFF"><? echo $status.$user_name;
?></font></strong></div></td>
<td width="6%"><img src="./img/kanan.jpg"></td>
</tr>
<tr>
<td> </td>
<td>
<table width="165" align="center">
<tr>
<td width="157" align="center">
<a href="" style="text-decoration:none " title="Keluar"
onclick="konfirmasi()"><img src="./img/guestbook.png"
border="0"><b><font face="verdana" size="2"
color="#FF0000">Logout</font></b></a>
</td>
</tr>
</table>
</td>
<td> </td>
<td width="2%"></td>
</tr>
<tr>
UNIVERSITAS SUMATERA UTARA
L-41
<td align="right"><img src="./img/kib.jpg"></td>
<td bgcolor="#5686c6" ><div align="center"><font
face="verdana" size="2" color="#FFFFFF">Jumlah Member : <? echo
$count; ?></font></div></td>
<td><img src="./img/kab.jpg"></td>
</tr>
</table>
</html>
Voting.php
<script type="text/javascript">
function voting(){
alert('Terima Kasih Anda telah mengikuti Voting');
return false;
}
</script>
<?
if (isset($_POST['polling']))
{
include "./include/conn.php";
$pilihan=$_POST['polling'];
$tanggal;
$polling=mysql_db_query($db,"select * from voting",$koneksi);
$baris=mysql_fetch_row($polling);
list($bagus,$jelek,$tidaktahu)=$baris;
/*penjumlahan*/
$array1=$bagus+1;
$array2=$jelek+1;
$array3=$tidaktahu+1;
switch($pilihan)
{
case "bagus";
echo "<br>";
$update=mysql_db_query($db,"update voting set
bagus='$array1', waktu='$tanggal'",$koneksi);
echo "<script> document.location.href='index.php';
</script>";
break;
case "jelek";
echo "<br>";
$update=mysql_db_query($db,"update voting set
jelek='$array2', waktu='$tanggal'",$koneksi);
UNIVERSITAS SUMATERA UTARA
L-42
echo "<script> document.location.href='index.php';
</script>";
break;
case "tidak";
echo "<br>";
$update=mysql_db_query($db,"update voting set
tidaktahu='$array3', waktu='$tanggal'",$koneksi);
echo "<script> document.location.href='index.php';
</script>";
break;
}
}
?>
<html>
<table width="15%" border="0" cellpadding="0" cellspacing="0"
bordercolor="#99CC99">
<tr>
<td width="22%" align="right"><img src="./img/kiri.jpg"></td>
<td width="70%" bgcolor="#5686c6" ><div
align="center"><strong><font face="verdana" size="2"
color="#FFFFFF">VOTING</font></strong></div></td>
<td width="6%"><img src="./img/kanan.jpg"></td>
</tr>
<tr>
<td> </td>
<td>
<table width="165" align="center">
<tr>
<td width="157"><font face="verdana" size="2">
</font>
<form method="post" action="voting.php">
<font size="2"><b><font face="Geneva, Arial, Helvetica,
sans-serif">Bagaimana situs ini menurut Anda?</font></b><font
face="Geneva, Arial, Helvetica, sans-serif"><br>
<input type="Radio" name="polling" value="bagus"
checked>
Bagus
<br>
<input type="Radio" name="polling" value="jelek">
Jelek
<br>
<input type="Radio" name="polling" value="tidak">
Tidak Tahu <br>
</font></font><br>
<input type="submit" name="polling2" value="Vote"
onClick="voting();">
UNIVERSITAS SUMATERA UTARA
L-43
<form name="scrollwindow">
<input type=button value="View"
onClick="window.open('voting-
view.php','scrollwindow','top=200,left=350,width=575,height=400');">
</form>
</form> </td>
</tr>
</table>
</td>
<td> </td>
<td width="2%"></td>
</tr>
<tr>
<td align="right"><img src="./img/kib.jpg"></td>
<td bgcolor="#5686c6" ><div align="center"><strong><font
face="verdana" size="3"></font></strong></div></td>
<td><img src="./img/kab.jpg"></td>
</tr>
</table>
</html
UNIVERSITAS SUMATERA UTARA
UNIVERSITAS SUMATERA UTARA
UNIVERSITAS SUMATERA UTARA
UNIVERSITAS SUMATERA UTARA
UNIVERSITAS SUMATERA UTARA
UNIVERSITAS SUMATERA UTARA