sistem informasi penjualan kue berbasis web laporan …

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


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


MEDAN

2018


i


ii


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


iii


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


iv


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


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


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


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


vi

DAFTAR LAMPIRAN

Nomor

Lampiran

Judul

Halaman

1 List Program 48

2 Uji Program 100

3 Kartu Bimbingan 101

4 SK Dosen 102


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


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


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 :


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.


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.


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


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.


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.


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.


http://tekno-hp.blogspot.com/

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


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


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


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


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


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.


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.


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


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


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.


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


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.


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.


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.


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


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.


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


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


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.


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


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.


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


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.


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.


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


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


35


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


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


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


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


Idpesan Int (4) Id Pemesanan

Iduser Varchar (4) Id User


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


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:


38

Tabel 3.7. Tabel Shoping


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


Bagus Int (5) Jika Bagus

Jelek Int (5) Jika Jelek

Tidak Tahu Int (5) Natural

Waktu Varchar (30) Waktu Pemilihan

3.3 Perancangan FlowChart


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.


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.


41

Gambar 3.2. Flowchart User


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:


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.


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.


43

Gambar 4.1. Tampilan Home

4.3.2. Tampilan Login

Tampilan Login menampilkan login admin.


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


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.


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


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.


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


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.


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.


50



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.


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.


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.


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>


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">


"./include/footer.php"; ?></td>

</tr>

</table>


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>


L-4


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>


serif">+62812-345-678</font></td>

</tr>

<tr>


serif">Email</font></td>


serif">:</font></td>


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 <?


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>


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 bgcolor="#5686c6" ><div align="center"><font

face="verdana" size="2" color="#FFFFFF"><? echo $tanggal=date('D, d-

M-Y');?></font></div></td>


</tr>

</table>

</html>

Delete.php <?


L-6


$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>



<tr>

<td align="right"><img src="./img/kiri.jpg"></td>


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>



face="verdana" size="2" color="#FFFFFF"><? echo $tanggal=date('D, d-

M-Y');?></font></div></td>


</tr>

</table>

</html>

E-Konfirmasi.php <? session_start();


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>


bordercolor="#99CC99" align="center">

<tr>


L-8

<td width="2%" align="right"><img

src="./img/kiri.jpg"></td>

<td width="96%" bgcolor="#5686c6" ><div


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>


sans-serif">Kemudian kirim ke alamat

<strong>[email protected]</strong>. dengan

<em>Subject:</em><strong>Pesanan <? echo

@$_GET['kode'];?></strong></font></li>


sans-serif">Barang yang dipesan paling lambat sehari setelah

pembayaran. <br>

</font></li>


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>


L-9

<p align="center"><input type="button" value="Selesai

Transaksi" onClick="location.replace('ok.php');"/><br><br />

</p></td>


</tr>

<tr>





</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();




$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>";


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>



<tr>





color="#FFFFFF">PEMESANAN</font></strong></div></td>


</tr>

<tr>


<td valign="top">

<div align="center">

<?


$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'];


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>


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>


</tr>

<tr>





</tr>

</table>

<?

}else{

?>

<br />

<p align="center"><img src="./img/troli.jpg" border="0"/> </p>


<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();


?>

<html>

<head>

<title>Edit Artikel</title>


L-13

<script language="javascript">



</script>

</head>

<br />



<tr>

<td width="8%" align="right"><img src="./img/kiri.jpg"></td>



color="#FFFFFF">PRODUK</font></strong></div></td>


</tr>

<tr>

<td background="./img/b-kiri.jpg"></td>

<td>

<table width="505" align="center">

<tr><td width="497">


<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

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>


L-15


align="center"><b>

<font color="#666666" size="2" face="Arial,

Helvetica, sans-serif">BARANG</font></b></div></td>


align="center"><b>


face="Arial, Helvetica, sans-serif">HARGA</font></b></div>

</td>


align="center"><b>


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">


color="#666666"><? echo "Rp ".$row['hargabrg'];?></font>

</td>

<td align="center">


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>



face="verdana" size="2" color="#FFFFFF">Jumlah Barang : <b><? echo

$jumlah; ?></font></strong></div></td>


</tr>

</table>

<p> </p>

E-Rincian.php <? session_start();


?>

<html>

<head>




L-17



</script>

</head>

<br />



<tr>






</tr>

<tr>


<td>




<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

L-18



{

echo "Halaman : ";

$pages=1;


{

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



$result=mysql_db_query($db,"select * from produk

order by tgl asc limit $offset,$entries",$koneksi); //output


if ($jumlah){

?>

</div>

<table align="center" width="497"

border="0">

<tr>


align="center"><b>


face="Arial, Helvetica, sans-serif">GAMBAR</font></b></div>

</td>


align="center"><b>


L-19

<font color="#666666" size="2" face="Arial,

Helvetica, sans-serif">BARANG</font></b></div></td>


align="center"><b>


face="Arial, Helvetica, sans-serif">HARGA</font></b></div>

</td>


align="center"><b>


face="Arial, Helvetica, sans-serif">AKSI</font></b></div>

</td>

</tr>

<?


{

?>

<tr>

<td align="center" valign="top">

<?




?>

<img src="./admin/gambar/<? echo

$pic; ?>" width="100" height="100" border="0">

</td>

<td align="left" valign="top">


color="#666666">

<?



echo "<br>";

echo $row['spek'];

//echo $idbrg;

?></font>

</td>

<td align="left">


color="#666666"><? echo "Rp ".$row['hargabrg'];?></font>

</td>

<td align="center">


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>


</tr>

<tr>






</tr>

</table>

<p> </p>

E-Shopping <? session_start();

if(@session_is_registered('user_id'))

{


//echo "sabar gus";


$idbrg=$_GET['idbrg'];

$tanggal;


L-21

//cek status pelanggan

$view=mysql_db_query($db,"select * from laporan where

iduser='$iduser'",$koneksi);

while($row=mysql_fetch_array($view)){


}

//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>


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";





pemesanan(idbrg,iduser,tgl,status)

values('$idbrg','$iduser','$tanggal','proses')",$koneksi);

echo "<script>




L-22

}

/*





pemesanan(idbrg,iduser,tgl)


echo "<script>



*/

}else{

echo "<script>


color=red>Maaf, Sebelum transaksi Anda harus daftar dan login member

</font>'; </script>";

}

?>

E-Transaksi.php <? session_start();



?>

<br>



<tr>





color="#FFFFFF">SHOPPING CART</font></strong></div></td>


</tr>

<tr>


<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>


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 />

<?


$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>

<table cellspacing="2">

<tr bgcolor="#999999">

<th width="38"><font color="#FFFFFF"

size="2" face="Verdana, Arial, Helvetica, sans-serif">NO</font></th>


size="2" face="Verdana, Arial, Helvetica, sans-serif">NAMA

BARANG</font></th>


size="2" face="Verdana, Arial, Helvetica, sans-

serif">HARGA</font></th>

L-24


size="2" face="Verdana, Arial, Helvetica, sans-

serif">AKSI</font></th>

</tr>

<?

while ($row=mysql_fetch_array($query)){

$idshop=$row['idshop'];


$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>


Helvetica, sans-serif"><? echo $namabrg;?></font></td>


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>


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>


</tr>

<tr>





</tr>

</table>

<?

}else{

?>

<html>

<head>


<br />



<tr>






</tr>

<tr>


<td>


<tr>

<td width="437">

<br />


L-26

<p align="center"><img src="./img/troli.jpg"

border="0"/></p>


<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>


</tr>

<tr>






</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>


cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">

<tr valign="top">


"./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>


L-27

</td>


kanan.jpg"> </td>

<td width="730" valign="top" align="center"><? include

"isi.php" ?> </td>


kiri.jpg"> </td>

<td width="166" valign="top" align="center"><br>

<?


{

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";


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;

}

?>


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']))

{


$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];


}

$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');


L-30

?>

<script language="javascript">alert("Anda Berhasil

Login");</script>

<script> document.location.href='index.php?page=1';

</script>

<?

}

}

?>

<html>


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>



<tr>




color="#FFFFFF">LOGIN</font></strong></div></td>


</tr>

<tr>

<td> </td>

<td>


<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>


L-31

<td><font face="verdana"

size="2">Username</font></td>

<td><input type="text" size="10" name="username"

id="userid"></td>

</tr>

<tr>


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>





</tr>

</table>

</html>

Logout.php

<? session_start();


{

session_unregister("user_id");

session_unregister("user_name");

echo "<script> document.location.href='index.php?page=1';

</script>";


L-32

}else{

echo "<script> document.location.href='akses.php?go=session';

</script>";

}

?>

Ok.php

<?

session_start();


//hapus session


$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"


<tr>

<td width="13" align="right"><img


<td width="504" bgcolor="#5686c6" ><div


color="#FFFFFF">PEMBAYARAN</font></strong></div></td>

<td width="13"><img src="./img/kanan.jpg"></td>

</tr>

<tr>


<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 />


L-33

Terimakasih Telah mengunjungi situs e-commers kami,

ini adalah syarat pembayaran dalam bertransaksi di situs ini :

</font></p>

<ol>


sans-serif">Pilih barang yang akan di beli.</font></li>


sans-serif">Masukan biodata lengkap Anda.</font></li>


sans-serif">Periksa rincian barang yang akan dibeli.

</font></li>


sans-serif">Lakukan pembayaran dengan transfer tunai ke nomor

rekening kami.</font></li>


sans-serif">Scan bukti blanko bank, dan KTP, kemudian kirim ke

alamat email kami. </font></li>


sans-serif">Barang akan kami antar sesuai dengan alamat Anda

</font></li>

</ol>

<p> </p></td>


</tr>

<tr>





</tr>

</table>

Promo.php




</script>

<style type="text/css">

L-34



</style>



<div align="center"></p><span class="style4">

<marquee behavior="alternate">

</marquee>

</span><span class="style1">


</marquee>

</span>

<span class="style5">


</marquee>

</span>


</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



{

//echo "Halaman : ";

$pages=1;

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



$result=mysql_db_query($db,"select * from produk order by tgl asc

limit $offset,$entries",$koneksi); //output


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>

<?


{

?>

<tr>

<td width="26%" align="left" valign="top">

<?



L-36



?>

<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 "<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']))

{



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">


<!--

function tutup()

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>


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">


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>";


L-40

?>

<html>




</script>

<?


$query=mysql_db_query($db,"select * from daftar",$koneksi);

$count=mysql_num_rows($query);

?>



<tr>




color="#FFFFFF"><? echo $status.$user_name;

?></font></strong></div></td>


</tr>

<tr>

<td> </td>

<td>


<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>


</tr>

<tr>

L-41



face="verdana" size="2" color="#FFFFFF">Jumlah Member : <? echo

$count; ?></font></div></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']))

{


$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>";


jelek='$array2', waktu='$tanggal'",$koneksi);


L-42


</script>";

break;

case "tidak";

echo "<br>";


tidaktahu='$array3', waktu='$tanggal'",$koneksi);


</script>";

break;

}

}

?>

<html>



<tr>




color="#FFFFFF">VOTING</font></strong></div></td>


</tr>

<tr>

<td> </td>

<td>


<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();">


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>


</tr>

<tr>





</tr>

</table>

</html


sistem informasi penjualan kue berbasis web laporan …

Documents