7084 PDF

SISTEM INFORMASI DAN PEMESANAN JASA PERCETAKAN
BERBASIS WEB DENGAN MENGGUNAKAN

PHP DAN MYSQL
TUGAS AKHIR
TIKA PUSPITA SARI

102406080
PROGRAM STUDI D-3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2013
Universitas Sumatera Utara

SISTEM INFORMASI DAN PEMESANAN JASA PERCETAKAN BERBASIS
WEB DENGAN MENGGUNAKAN PHP DAN MYSQL
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya
TIKA PUSPITA SARI

102406080

MEDAN
2013

PERSETUJUAN
Judul : SISTEM INFORMASI DAN PEMESANAN JASA

PERCETAKAN BERBASIS WEB DENGAN
MENGGUNAKAN PHP DAN MYSQL
Kategori : TUGAS AKHIR

Nama : TIKA PUSPITA SARI
Nomor Induk Mahasiswa : 102406080
Program Studi : D-3 TEKNIK INFORMATIKA
Departemen : MATEMATIKA
Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN
ALAM
Disetujui di
Medan, Juli 2013
Disetujui oleh
Departemen Matematika FMIPA USU Pembimbing,
Ketua,
Prof. Dr. Tulus, M.Si., P.hD Drs. Faigiziduhu Bu’ulolo, M.Si

NIP. 19620901 198803 1 002 NIP. 19531218 198003 1 003

PERNYATAAN
SISTEM INFORMASI DAN PEMESANAN JASA PERCETAKAN

BERBASIS WEB DENGAN MENGGUNAKAN
PHP DAN MYSQL
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa
kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, Juli 2013
TIKA PUSPITA SARI

102406080

PENGHARGAAN
Bismillahirrahmanirrahim. Alhamdulillahirabbilalamin, puji dan syukur penulis

panjatkan kehadirat Allah SWT, Tuhan Yang Maha Pemurah dan Maha Penyanyang,
dengan limpah karunia-Nya Penulis dapat menyelesaikan penyusunan tugas akhir ini
dengan judul Studi SISTEM INFORMASI DAN PEMESANAN JASA
PERCETAKAN BERBASIS WEB DENGAN MENGGUNKAN PHP DAN
MYSQL.
Terimakasih penulis sampaikan kepada Bapak Drs. Faigiziduhu Bu’ulolo, M.Si

selaku pembimbing yang telah meluangkan waktunya selama penyusunan tugas akhir
ini. Terimakasih kepada Bapak Syahriol Sitorus, S.Si, M.IT dan Ibu Dra. Elly
Rosmaini, M.Si selaku Ketua dan Sekretaris Program Studi D-3 Teknik Informatika,
Dekan dan Pembantu Dekan FMIPA USU, seluruh Staff pengajar Program Studi D-3
Teknik Informatika FMIPA USU, pegawai FMIPA USU dan rekan-rekan kuliah.
Akhirnya tidak terlupakan kepada Bapak Syahrial Tanjung, Ibu Siti Ramadhan Hasibuan
dan keluarga yang selama ini memberikan bantuan dan dorongan yang diperlukan. Semoga
Tuhan Yang Maha Esa akan membalasnya.

ABSTRAK
Kajian ini bertujuan untuk mengetahui bagaimana membangun suatu website sistem
informasi dan pemesanan jasa percetakan. Sistem informasi ini dikembangkan
menggunakan Adobe Dreamweaver CS3 sebagai editor Web Interface, Photoshop
sebagai penyunting background halaman web dan MySQL sebagai penyunting
database, penulis membuat sebuah website yang menjadi mediator pemesanan jasa
percetakan yang tidak memerlukan dana besar, mudah untuk dipahami dan memiliki
tampilan yang menarik. Tujuan dari website ini adalah untuk mempermudah
masyarakat dalam melakukan pemesanan jasa percetakan, tanpa harus berinteraksi
secara tatap muka dengan penjual.

DAFTAR ISI
Halaman
Persetujuan ii
Pernyataan iii
Penghargaan iv
Abstrak v
Daftar Isi vi
Daftar Tabel vii
Daftar Gambar viii
Bab 1 Pendahuluan 1
1.1 Latar Belakang 1
1.2 Rumusan Masalah 3
1.3 Batasan Masalah 3
1.4 Tujuan Penelitian 4
1.5 Tinjauan Pustaka 5
1.6 Sistematika Penulisan 7
Bab 2 Landasan Teori 9

2.1 Pengertian Komputer 9
2.1.1 Komponen-Komponen Komputer 10
2.2 Pengertian Sistem 11
2.3 Pengertian Informasi 12
2.4 Pengertian Sistem Informasi 13
2.5 Pengenalan Internet 13
2.6 Pengenalan Website 16
2.7 Pengertian HTML, PHP, dan MySQL 17
2.7.1 Pengenalan HTML 17
2.7.2 Pengenalan PHP 18
2.7.3 Pengenalan MySQL 19
2.8 CSS (Cascading Style Sheets) 20
2.9 Pengertian Data dan Database 21
2.9.1 Database management system (DBMS) 22
2.10 Pemrograman Web dengan Adobe Dreamweaver 24
Bab 3 Perancangan Sistem 25

3.1 Pengertian Perancangan Sistem 25
3.2 Data Flow Diagram (DFD) 25
3.3 Basis Data (Database) 27
3.4 Flowchart 30
3.5.1 Flowchart Program 33
Bab 4 Implementasi Sistem 38

4.1 Pengertian Implementasi Sistem 38
4.2 Tujuan Implementasi Sistem 39
4.3 Komponen Utama Dalam Implementasi Sistem 39
4.3.1 Perangkat keras (Hardware) 39
4.3.2 Perangkat lunak (Software) 39
4.3.3 Sumber daya manusia (Brainware) 40
4.4 Tampilan Website 41
4.4.1 Tampilan Menu Home 41
4.4.2 Tampilan Menu Undangan 42
4.4.3 Tampilan Menu Price List 43
4.4.4 Tampilan Menu About 44
4.4.5 Tampilan Menu Contact 45
4.4.6 Tampilan Menu Cara Order 46
4.4.7 Tampilan Menu Order Form 47
4.4.8 Tampilan Menu Guest Book 48
4.4.9 Tampilan Login 49
Bab 5 Kesimpulan dan Saran 50

5.1 Kesimpulan 50
5.2 Saran 51
Daftar Pustaka 52
Lampiran

DAFTAR TABEL
Halaman
Tabel 3.1 Tabel Simbol Data Flow Diagram 26

Tabel 3.2 Tabel Data Admin 28
Tabel 3.3 Tabel Buku Tamu 28
Tabel 3.4 Tabel Undangan 29
Tabel 3.5 Tabel Price List 29
Tabel 3.5 Tabel Simbol pada Flowchart 30

DAFTAR GAMBAR
Halaman
Gambar 3.1 Data Flow Diagram (DFD) 27

Gambar 3.2 Flowchart Menu Utama 33
Gambar 3.3 Flowchart Login 34
Gambar 3.4 Flowchart Menu Utama Admin 35
Gambar 3.5 Flowchart Undangan Admin 36
Gambar 3.6 Flowchart Price List 37
Gambar 4.1 Tampilan Menu Home 41
Gambar 4.2 Tampilan Menu Undangan 42
Gambar 4.3 Tampilan Menu Price List 43
Gambar 4.4 Tampilan Menu About 44
Gambar 4.5 Tampilan Menu Contact 45
Gambar 4.6 Tampilan Menu Cara Order 46
Gambar 4.7 Tampilan Menu Guest Book 47
Gambar 4.8 Tampilan Login 48

ABSTRAK
Kajian ini bertujuan untuk mengetahui bagaimana membangun suatu website sistem
informasi dan pemesanan jasa percetakan. Sistem informasi ini dikembangkan
menggunakan Adobe Dreamweaver CS3 sebagai editor Web Interface, Photoshop
sebagai penyunting background halaman web dan MySQL sebagai penyunting
database, penulis membuat sebuah website yang menjadi mediator pemesanan jasa
percetakan yang tidak memerlukan dana besar, mudah untuk dipahami dan memiliki
tampilan yang menarik. Tujuan dari website ini adalah untuk mempermudah
masyarakat dalam melakukan pemesanan jasa percetakan, tanpa harus berinteraksi
secara tatap muka dengan penjual.

BAB 1
PENDAHULUAN
1.1 Latar Belakang
Perkembangan dunia komputer yang semakin kompleks mendorong setiap individu
ataupun kelompok mau tidak mau harus menerapkannya dalam segala aktivitas. Saat
ini adalah zaman internet di mana batasan waktu dan jarak tidak berarti lagi bagi
media yang satu ini. Setiap orang dapat berkomunikasi dengan siapa saja dan di mana
saja di seluruh dunia ini dengan menggunakan fasilitas e-mail maupun dengan cara
chatting. Mungkin pada saat ini hampir setiap orang sudah memiliki e-mail untuk
dapat bergabung di internet.
Pengembangan jaringan komunikasi data antar komputer menjadikan internet
muncul dengan berbagai macam aplikasi. Internet dengan berbagai aplikasinya pada
dasarnya adalah media yang digunakan untuk mengefesienkan proses komunikasi.
Perkembangan internet tidak hanya untuk sarana informasi maupun entertainment
namun saat ini banyak digunakan untuk transaksi secara online.
Sektor bisnis merupakan sektor yang paling terkena dampak dari
perkembangan teknologi informasi dan telekomunikasi. Hal ini sangat

menguntungkan karena bisnis melalui internet bisa menjangkau seluruh wilayah di
berbagai dunia. Bisnis ini dapat memiliki peluang yang sama agar dapat bersaing dan
behasil di dunia maya. Bisnis ini merupakan suatu model bisnis yang baru tetapi
memiliki berbagai keuntungan dan kelebihan dibandingkan bisnis konvensional.
Salah satu aplikasinya yaitu World Wide Web (www). Di awal
perkembangannya World Wide Web digunakan untuk bisnis dan hiburan. Dan
percetakan yang merupakan salah satu bisnis di bidang jasa perlu melakukan
perubahan dalam menghadapi persaingan. Salah satu usaha yang dilakukan adalah
dengan merancang sebuah website yang digunakan sebagai salah satu media promosi
kepada masyarakat.
Dengan meluasnya perdagangan global, tidak cukup bagi perusahaan hanya
dengan mengandalkan iklan dan selebaran untuk memajukan bisnis yang
dijalankannya. Saat ini fenomena memperlihatkan paradigma yang semakin bergeser
dari kekuatan ekonomi yang bertumpu pada pembuat (manufacturer) dan kekuatan
pasar pada masyarakat virtual (masyarakat yang melakukan interaksi pada kontak
fisik, namun cukup melaksanakan ritual di depan komputer dengan konektivitas
internet yang cukup tinggi). Hal ini akan semakin menggeser minat orang untuk
melakukan bisnis melalui internet. Perusahaan yang pandai tidak akan melawan trend
internet yang ada, tetapi akan berusaha melakukan inovasi guna mencapai dan
memuaskan kebutuhan pelanggannya.
Percetakan Online ini banyak menyediakan kemudahan dan kelebihan jika
dibandingkan dengan cara belanja yang konvensional. Selain dapat menjadi lebih
cepat, di internet telah tersedia hampir semua macam barang yang biasanya di jual

secara lengkap. Selain itu, biasanya informasi tentang barang jualan tersedia secara
lengkap, sehingga walaupun customer tidak membeli secara online, customer bisa
mendapatkan banyak informasi penting yang diperlukan untuk memilih suatu produk
yang akan dibeli.
Untuk tugas akhir, penulis mengajukan judul “SISTEM INFORMASI DAN
PEMESANAN JASA PERCETAKAN BERBASIS WEB DENGAN
MENGGUNAKAN PHP DAN MYSQL”.
1.2 Rumusan Masalah
Berdasarkan uraian di atas yang menjadi masalah adalah bagaimana membuat,
mendesain dan menghasilkan suatu sistem informasi yang memiliki tampilan yang
menarik, dan berbeda dengan website yang dimiliki orang lain sehingga memiliki
“nilai jual” tersendiri.
1.3 Batasan Masalah
Adapun batasan masalah dalam penyusunan tugas akhir ini adalah sebagai berikut:
1. Sistem penjualan berbasis web ini hanya digunakan untuk kepentingan
penyampaian data dan informasi kepada penggunanya.
2. Website ini menampilkan informasi tentang penjualan jasa percetakan tersebut
(profil penjualan, jenis dan harga barang, layanan contact us).

3. Aplikasi yang digunakan adalah XAMMP Version 1.8.1 yang merangkum Web
Server Apache, web scripting PHP dan MySQL dan juga HTML (Hipertext
Markup Language) serta menggunakan Website editor Macromedia
Dreamweaver CS3.
1.4 Tujuan Penelitian
Adapun tujuan pembuatan penelitian ini adalah:
1. Untuk memungkinkan pelanggan memesan atau melakukan transaksi lain
sepanjang tahun selama 24 jam sehari semalam di manapun konsumen berada.
2. Memberikan kemudahan bagi pengguna untuk mengakses informasi sehingga
lebih efisien dan akurat.
1.5 Tinjauan Pustaka
Sesungguhnya yang dimaksud dengan sistem informasi tidak harus melibatkan
komputer. Sistem informasi yang menggunakan komputer biasa disebut sistem
informasi berbasis komputer (Computer-Based Information Systems atau CBIS).
(Abdul Kadir, 2002)
Web adalah sebuah penyebaran informasi melalui internet. Web merupakan
hal yang tidak dapat dipisahkan dari dunia internet. Melalui web, setiap pemakai
internet bisa mengakses informasi-informasi di situs web yang tidak hanya berupa

teks, tetapi juga dapat berupa gambar, suara, film, animasi, dan lain-lain. Sebenarnya,
web merupakan kumpulan-kumpulan dokumen yang banyak tersebar di beberapa
komputer server yang berada di seluruh penjuru dunia dan terhubung menjadi satu
jaringan melalui jaringan yang disebut internet. (Kasiman Peranginangin, 2006)
Pada perancangan sistem informasi ini, penulis mempergunakan PHP
(Hypertext Preprocessor) sebagai bahasa pemrogramannya. PHP merupakan bahasa
yang dapat ditanamkan atau disisipkan ke dalam HTML.
1.6 Metodologi penelitian
Adapun metodologi penelitian yang dibuat dalam penyusunan tugas akhir ini adalah
sebagai berikut:
1. Pengumpulan Data
Pada bagian ini penulis melakukan metode pengumpulan data-data yang
dibutuhkan untuk menyelesaikan permasalahan yang terjadi di atas dengan
cara membaca buku-buku, makalah dan membaca bahan-bahan sumber
lainnya.
2. Perancangan Program
Perancangan akan dilakukan dengan menyelesaikan desain layout / tampilan
pada website. Pendesainan akan dibangun dengan menggunakan Adobe
Dreamweaver CS3.

3. Pengerjaan Program
Setelah selesai merancang tampilan desain, penulis akan mengerjakan program
dengan menggunakan bahasa pemrograman PHP, Apache, dan Database
Mysql.
4. Pengujian Program
Pengujian akan dilakukan setelah program selesai dikerjakan. Bila saat
pengujian terdapat kesalahan, maka akan diadakan perbaikan terhadap
program yang dikerjakan agar hasilnya maksimal.
5. Implementasi Aplikasi
Penerapan aplikasi yang dirancang setelah melalui tahap pengujian dan telah
berjalan dengan baik.
6. Penyusunan Laporan Program
Setelah program bebas dari kesalahan / error, maka perlu laporan dari program
sebagai suatu media untuk mendokumentasikan program tersebut.
1.7 Sistematika Penulisan
Sistematika penulisan memberikan informasi secara umum tentang pembahasan yang
terdapat dalam setiap bab. Sehingga dalam pembahasannya akan lebih mudah
dipahami. Sistematika penulisan tugas akhir ini adalah sebagai berikut:

BAB 1 : PENDAHULUAN
Bab ini membahas dan menerangkan perihal yang menjadi latar belakang
penulisan, identifikasi masalah, perumusan masalah, dari perancangan,
metodologi yang digunakan, serta sistematika penulisan. tujuan dan manfaat
BAB 2 : LANDASAN TEORI
Dalam bab ini diuraikan mengenai teori-teori yang berhubungan dengan
perancangan sistem yang digunakan sebagai acuan dalam pembuatan
perangkat lunak. Sehingga perancangan tersebut sesuai dengan teori yang
sudah ada.
BAB 3 : PERANCANGAN SISTEM
Pembahasan mengenai perancangan keseluruhan sistem dalam pembuatan
aplikasi. Yang meliputi pembuatan tabel, pembuatan aplikasi, serta pembuatan
programnya.
BAB 4 : IMPLEMENTASI SISTEM
Pada bab ini dijelaskan mengenai rincian pengujian yang dilakukan terhadap
sistem yang dikembangkan, serta analisis terhadap hasil pengujian dan
keterangan menu.
BAB 5 : KESIMPULAN DAN SARAN
Bab ini merupakan penutup yang berisi kesimpulan terhadap hasil rancangan
serta saran-saran yang berguna untuk mendukung terhadap rancangan yang
telah dibuat.

BAB 2
LANDASAN TEORI
2.1 Pengertian Komputer
Dalam merancang suatu aplikasi ataupun sistem diperlukan sebuah alat bantu, seperti
komputer. Komputer adalah sekumpulan alat elektronik yang saling bekerja sama,
dapat menerima data (input), mengolah data (proses) dan menghasilkan informasi
(output) serta terkoordinasi di bawah kontrol program yang tersimpan di dalam
memorinya. (http://blogesupri.blogspot.com/2013/06/pengertian-komputer.html)
Kata komputer berasal dari bahasa Latin yaitu Computare yang artinya
menghitung. Dalam bahasa Inggris disebut to compute. Menurut buku “Computer
Today” (Donald H.Sanders), 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 di
bawah pengawasan suatu langkah-langkah instruksi-instruksi program yang tersimpan
di memori (stored program).

2.1.1 Komponen-Komponen Komputer
Komputer terdiri dari komponen utama yang tidak dapat dipisahkan yaitu:
1. Hardware (Perangkat Keras), merupakan peralatan fisik dari komputer yang
dapat di lihat dan di rasakan.
- Input/Output Devices, seperti keyboard dan printer.
- Storage Device atau perangkat penyimpan merupakan media untuk
menyimpan data seperti disket, hardisk, CD, flash disk.
- Monitor/Screen Monitor merupakan saran untuk menampilkan apa yang
pengguna ketikkan pada papan keyboard yang telah di olah oleh processor.
- Casing Unit adalah tempat dari semua peralatan komputer. Seperti
motherboard, card, peripheral.
- Central Procesing Unit (CPU) adalah salah satu bagian komputer yang
paling penting, karena jenis processor menentukan pula jenis komputer.
2. Software (Perangkat Lunak), merupakan program komputer yang berguna
untuk menjalankan suatu pekerjaan sesuai dengan yang dikehendaki.
- Sistem operasi, seperti DOS, Unix, Linux, Windows.
- Program Utility, seperti Norton Utility, Scandisk, PC Tools.
- Program Aplikasi, seperti GL, MYOB, Payroll.
- Program Paket, seperti Microsoft office, Adobe photoshop, macromedia
studio, open office.
- Bahasa Pemrograman, seperti PHP, ASP, dBase, Visual Basic.

2.2 Pengertian Sistem
Sistem adalah kumpulan elemen yang saling berinteraksi untuk mencapai satu tujuan
tertentu.
Beberapa prinsip umum sistem ini adalah sebagai berikut:
1. Sistem selalu merupakan bagian sistem lebih besar. Sistem dapat dipartisi
menjadi sub sistem yang lebih kecil.
2. Sistem lebih terspesialisasi dan kurang dapat beradaptasi untuk mengahdapi
keadaan-keadaan yang berbeda.
3. Lebih besar ukuran sistem maka akan memerlukan lebih banyak sumber daya
untuk operasi dan pemeliharaan.
4. Sistem senantiasa mengalami perubahan, tumbuh dan berkembang.
Batas sistem kadang sering tidak jelas terutama untuk sistem perangkat lunak.
Jika user memandang manusia sebagai sistem, batasnya jelas karena badan manusia
terpisah dari manusia lain dan lingkungan secara jelas. Serupa itu adalah mobil,
rumah, dan sistem fisik lain. Tidak demikian untuk sistem perangkat lunak atau sistem
berbasis komputer. Pada sistem berbasis komputer, biasanya sulit mendefinisi
batasnya. Batasnya ditentukan perancang yang menyatakan mana elemen-elemen di
dalam sistem dan elemen-elemen lingkungan. Aturan yang diterapkan adalah segala
sesuatu sebagai elemen-elemen di dalam bila sistem dapat atau mampu
mengendalikan, segala sesuatu sebagai elemen-elemen di luar bila sistem tidak dapat
atau tidak mampu menengendalikan.

2.3 Pengertian Informasi
Menurut Davis (1999) Informasi adalah data yang telah diolah menjadi sebuah bentuk
yang berarti bagi penerimanya dan bermanfaat dalam pengambilan keputusan saat ini
atau saat mendatang. (Abdul, 2003)
Sumber dari informasi ialah data. Data merupakan bentuk jamak dari bentuk
tunggal datum atau data item. Data adalah deskripsi tentang benda, kejadian, aktivitas
dan transaksi yang tidak mempunyai makna atau tidak berpengaruh secara langsung
kepada pemakai. Syarat-syarat informasi yang baik dan lengkap adalah:
a. Ketersediaan (availabality)
b. Mudah dipahami (comprehensibility)
c. Kehandalan (reability)
d. Relevan
e. Bermanfaat
f. Tepat waktu
g. Akurat
h. Konsisten

2.4 Pengertian Sistem Informasi
Pengertian sistem informasi menurut :
a. Wilkinson (1992)
Sistem informasi adalah kerangka kerja yang mengkoordinasikan sumber daya
(manusia, komputer) untuk mengubah masukan (input) menjadi keluaran (informasi),
guna mencapai sasaran-sasaran perusahaan.
b. Alter (1992)
Sistem informasi ialah kombinasi antara prosedur kerja, informasi, orang dan
teknologi informasi yang diorganisasikan untuk mencapai tujuan dalam sebuah
organisasi. (Abdul, 2003)
2.5 Pengenalan Internet
Internet (Interconnection-Network) adalah sebuah jaringan komputer yang terdiri dari
berbagai macam ukuran jaringan komputer di seluruh dunia mulai dari sebuah PC,
jaringan-jaringan lokal berskala kecil, jaringan-jaringan kelas menengah, hingga
jaringan utama yang menjadi tulang punggung Internet. Seperti NSFnet, NEARnet,
SURAnet, dan lain-lain. Jaringan-jaringan ini saling berhubungan atau berkomunikasi
satu sama lain dengan berbasiskan protocol IP (Internet Protocol).

Jaringan komputer adalah gabungan dari berbagai perlengkapan komunikasi
dan komputer yang dihubungkan satu sama lain lewat suatu medium komunikasi,
sehingga semua pemakai jaringan dapat berkomunikais secara elektronik. Medium
komunikasi bisa berupa kabel untuk hubungan jenis LAN (Local Area Network) atau
saluran telepon, gelombang mikro dan satelit untuk hubungan WAN (Wide Area
Network). Untuk hubungan yang relative jauh yang digunakan perlengkapan yang
disebut Modem yang berfungsi sebagai pembawa sinyal pembawa dari tempat asal ke
tempat tujuan dengan suatu gelombang frekuensi tinggi. Setiap mesin komputer yang
turut berpartisipasi dalam jaringan disebut node.
Tempat di mana pemakai jaringan berada disebut terminal. Terminal dapat
berupa sebuah monitor dan sebuah keyboard saja yang kemudian melakukan aktivitas
di host (semua mesin komputer yang menggunakan sistem operasi yang menggunakan
multi-user seperti Unix setelah terlebih dahulu melalui sebuah perlengkapan yang
bernama Terminal-Server. Terminal jenis ini adalah jenis characted-based dan tidak
mempunyai interface grafik (window).
Selain itu terminal dapat juga berupa Workstation (semua mesin komputer
yang memiliki tampilan grafik dan memungkinkan pemakai melakukan beberapa
pekerjaan sekaligus) dan melakukan emulasi ke sebuah host langsung lewat medium
kabel tanpa melalui terminal-server. Workstation sendiri dapat berfungsi sebagai host.
Terakhir terminal bisa juga berupa PC (semua mesin komputer yang menggunakan
sistem operasi single-user seperti DOS) dengan menjalankan sebuah perangkat lunak
tertentu untuk melakukan emulasi ke host. PC juga dapat bertindak sebagai
workstation dengan memakai interface grafiknya. Selain itu antara host, workstation

dan PC dapat melakukan suatu hubungan yang disebut client-server, yaitu suatu
hubungan di mana client meminta layanan dari server untuk diproses sendiri oleh
client.
Sementara itu beberapa jaringan besar yang bukan merupakan bagian dari
Internet tetapi mempunyai hubungan dengan Internet antara lain yaitu:
1. BITNet (Because It’s Time Network)
BITNet adalah sebuah jaringan yang menggunakan hubungan point-to-point
dengan menggunakan protocol RSCS/NJE yang sebagian besar adalah mesin-
mesin IBM. Sampai saat ini BITNet masih masih berkembang walau semakin
tertinggal keberadaannya dengan semakin meluasnya jaringan Internet yang
jauh lebih cepat, murah dan lengkap.
2. UUCP (Unix to Unix Copy Program)
UUCP adalah jaringan komputer yang berbasiskan protocol UUCP. Dua
komputer saling berkomunikasi pada suatu interval waktu tertentu yang
disebut juga polling dan melaksanakan pekerjaan yang telah ditetapkan oleh
kedua komputer tersebut.
3. UseNet (Unix User Network)
UseNet atau yang disebut juga dengan Netnews adalah suatu sistem konferensi
untuk semua pemakai jaringan ini dengan menggunakan protocol UUCP dan
NNTP. Setiap pemakai dapat menulis, menangggapi atau mendiskusi tentang
suatu artikel berita.

4. FidoNet
FidoNet pertama kali diperkenalkan oleh Tom Jennings pada tahun 1983.
FidoNet mula-mula berasal dari FidoBBS yaitu Bulletin Board System di San
Fransisco.
5. EasyNet
EasyNet adalah suatu jaringan yang disediakan oleh Digital Equipment Corp.
yang berbasiskan protocol DECnet. Semua pemakai internet dapat mengakses
internet lewat suatu gateway yang ada di beberapa tempat. Demikian pula
pemakai di luar EasyNet dapat mengakses EasyNet lewat gateway yang sama.
6. IGN (IBM Global Network)
IGN adalah jaringan Internal International Bussiness Machine.
2.6 Pengenalan Website
Website atau situs dapat diartikan sebagai kumpulan halaman yang menampilkan
informasi data teks, data gambar diam atau gerak, data animasi, suara, video atau
gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk
satu rangkaian bangunan yang saling terkait di mana masing-masing dihubungkan
dengan jaringan-jaringan halaman (hyperlink).
Bersifat statis apabila isi informasi website tetap, jarang berubah, dan isi
informasinya searah hanya dari pemilik website. Bersifat dinamis apabila isi informasi

website selalu berubah-ubah, dan isi informasinya interaktif dua arah berasal dari
pemilik serta pengguna website. Contoh website statis adalah berisi profil perusahaan,
sedangkan website dinamis adalah seperti Friendster, Multiply dan yang lainnya.
Dalam sisi pengembangannya, website statis hanya bisa diupdate oleh pemiliknya
saja, sedangkan website dinamis bisa diupdate oleh pengguna maupun pemilik.
2.7 Pengertian HTML, PHP, dan MySQL
2.7.1 Pengenalan HTML
HTTP (hypertext transfer protocol) merupakan protokol yang digunakan untuk
mentransfer data antara web server ke web browser. Protokol ini mentransfer data-
data web yang ditulis atau berformat HTML.
HTML berfungsi untuk memformat file dokumen teks biasa untuk bisa
ditampilkan pada web browser sesuai keinginan. Hal tersebut dapat dilakukan dengan
menambah elemen atau sering disebut sebagai tag-tag.
Elemen HTML biasanya berupa tag-tag yang berpasangan dan setiap tag
ditandai dengan simbol “<” dan “>” tanpa tanda kutip. Pasangan dari
sebuah tag ditandai dengan tanda “/” dan ini menunjukkan penutupan suatu tag.

2.7.2 Pengenalan PHP
PHP adalah bahasa pemrograman yang memungkinkan para web developer
untuk membuat aplikasi web yang dinamis dengan cepat. PHP merupakan singkatan
dari “PHP Hypertext Preprocessor”. PHP ditulis dan diperkenalkan pertama kali
sekitar tahun 1994 oleh Rasmus Lerdorf melalui situsnya untuk mengetahui siapa saja
yang telah mengakses ringkasan online-nya.
PHP merupakan salah satu bahasa script yang terbilang baru dan tersedia
secara bebas dan masih memungkinkan untuk dikembangkan lebih lanjut. PHP dapat
diintegrasikan (embedded) ke dalam web server, atau dapat berperan sebagai program
CGI yang terpisah. Karakteristik yang paling unggul dan paling kuat dalam PHP
adalah lapisan integrasi database (database integration layer). Database yang
didukung PHP adalah: Oracle, Adabas-D, Sybase, FilePro, mSQL, Velocis, MySQL,
Informix,Solid, dBase, ODBC, Unix dbm, dan PostgreSQL.
Beberapa kelebihan PHP yaitu:
1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak
melakukan sebuah kompilasi dalam penggunaannya.
2. Web Server yang mendukung PHP dapat ditemukan di mana-mana dari
mulai IIS sampai dengan apache, dengan konfigurasi yang relatif
mudah.

3. Dalam sisi pengembangannya lebih mudah, karena banyaknya milis-
milis dan developer yang siap membantu dalam pengembangan.
4. Dalam sisi pemahaman, PHP adalah bahasa scripting yang paling
mudah karena referensi yang banyak.
5. PHP adalah bahasa open source yang dapat digunakan di berbagai
mesin (linux, unix, windows) dan dapat dijalankan secara runtime
melalui console serta juga dapat menjalankan perintah-perintah sistem.
Dengan PHP ini pengguna dapat membuat beragam aplikasi berbasis web,
mulai dari halaman web yang sederhana sampai aplikasi kompleks yang
membutuhkan koneksi ke database. Sampai saat ini telah banyak database yang
telah didukung oleh PHP dan kemungkinan akan terus bertambah. Database
tersebut adalah:
1. dBase 3. FilePro 5. MySQL 7. Oracle 9. Sybase
2. DBM 4. mSQL 6. ODBC 8. Postgres 10. Velocis
2.7.3 Pengenalan MySQL
MySQL adalah perangkat lunak database server atau disebut Database Smart.
Database ini semakin lama semakin populer. Dengan menggunakan database ini, data
semakin aman dan berdaya guna. Database ini juga banyak dipakai pada web
database sehingga data semakin terintegrasi antara database desktop dengan database
web.

Keistimewaan dari MySQL sebagai database server dengan konsep database
modern adalah sebagai berikut:
1. Portability
Database MySQL berfungsi dengan stabil tanpa kendala, berarti berlaku pada
berbagai sistem operasi seperti Windows, Linux, FreeBSD, Mac OS X Server,
Solaris, Amiga, HP Unix, dan lain-lain.
2. Open Source
MySQL merupakan database open source (gratis), di bawah lisensi GPL
sehingga dapat memperoleh dan menggunakannya secara cuma-cuma tanpa
membayar berapa pun.
3. Multi User
MySQL merupakan database yang dapat digunakan untuk menangani
beberapa user dalam waktu bersamaan tanpa mengalami masalah. Dan
memungkinkan sebuah database server MySQL dapat diakses client secara
bersamaan pula.
2.8 CSS (Cascading Style Sheets)
Cascading Style Sheets (CSS) adalah suatu bahasa style sheet yang digunakan untuk
mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup. Penggunaan
yang paling umum dari CSS adalah untuk memformat halaman web yang ditulis
dengan HTML dan XHTML. Walaupun demikian, bahasanya sendiri dapat

dipergunakan untuk semua jenis dokumen XML termasuk SVG dan XUL. Spesifikasi
CSS diatur oleh World Wide Web Consortium (W3C).
CSS digunakan oleh penulis maupun pembaca halaman web untuk
menentukan warna, jenis huruf, tata letak, dan berbagai aspek tampilan dokumen. CSS
digunakan terutama untuk memisahkan antara isi dokumen (yang ditulis dengan
HTML atau bahasa markup lainnya) dengan presentasi dokumen (yang ditulis dengan
CSS). Pemisahan ini dapat meningkatkan aksesibilitas isi, memberikan lebih banyak
keleluasaan dan kontrol terhadap tampilan, dan mengurangi kompleksitas serta
pengulangan pada stuktur isi.
CSS memungkinkan halaman yang sama untuk ditampilkan dengan cara yang
berbeda untuk metode presentasi yang berbeda, seperti melalui layar, cetak, suara
(sewaktu dibacakan oleh browser basis suara atau pembaca layar), dan juga alat
pembaca braille. Halaman HTML atau XML yang sama juga dapat ditampilkan secara
berbeda, baik dari segi gaya tampilan atau skema warna dengan menggunakan CSS.
2.9 Pengertian Data dan Database
Data adalah fakta mengenai objek, orang dan lain-lain (Kadir,1999:7). Data juga dapat
didefinisikan sebagai bahan keterangan tentang kejadian-kejadian nyata atau fakta-
fakta yang dirumuskan dalam sekelompok lambang tertentu yang tidak acak yang
menunjukkan jumlah, tindakan, atau hal.

Sedangkan Database (basis data) merupakan kumpulan data yang saling
berhubungan. Hubungan antar data dapat ditunjukan dengan adanya field/kolom kunci
dari tiap file/tabel yang ada. Dalam satu file atau table terdapat record-record yang
sejenis, sama besar, sama bentuk, yang merupakan satu kumpulan entitas yang
seragam. Satu record (umumnya digambarkan sebagai baris data) terdiri dari field
yang saling berhubungan menunjukan bahwa field tersebut dalam satu pengertian
yang lengkap dan disimpan dalam satu record. Adapun struktur database adalah:
Database, File/Table, Record, Elemen data/Field.
A database may be defined as a collection of onterrelated data stored together
without harmful or unnecessary redundancy to serve one or more applications in an
optimal fashion; the data are stored so that they are independent of programswith use
the data; a common and controlled approach its used in addingnew data and in
modifying and retrieving existing data within the database (James Martin, 1975).
2.9.1 Database management system (DBMS)
Database merupakan sekelompok data yang saling berelasi, yang dapat di simpan,
diproses, dimanipulasi, dan digunakan oleh pihak-pihak yang berkepentingan. Relasi
tersebut biasanya ditujukan dengan bagian-bagian penting dari tiap data yang ada.
Di dalam sebuah DBMS terdapat beberapa database beserta satu atau lebih
program pengelola yang berguna untuk mengolah data seperti menambah data,
mengambil data, menghapus data, maupun melakukan update terhadap data yang

sudah ada. DBMS adalah sebuah aplikasi yang dapat digunakan untuk membuat dan
melakukan maintain terhadap database. (Elmasri & Navathe, 2004)
Keuntungan DBMS yaitu :
1. Mengurangi pengulangan data
2. Mencapai independensi data
3. Mengintegrasikan data beberapa file
4. Mengambil data dan informasi secara cepat
5. Meningkatkan keamanan
6. Meningkatkan presentasi kesiapan data (data availability)
7. Mempercepat dan mempermudah pemrosesan data
8. Mempercepat penyimpanan dan pengambilan data
9. Mengurangi penyimpanan data yang rangkap
10. Mempermudah pemrograman karena lebih fleksibel
Kerugian DBMS yaitu :
1. Kurangnya ahli Database
2. Biaya pemrosesan data sangat tinggi
3. Kebutuhan software dan hardware yang bertambah
4. Penggabungan dan pengamanan data

2. 10 Pemrograman Web dengan Adobe Dreamweaver
Dalam software Adobe Dreamwaver telah disediakan berbagai fasilitas yang
memudahkan programmer untuk membuat antarmuka aplikasi. Dengan hanya
beberapa langkah klik saja, sebuah antarmuka telah digeneratekan oleh Dreamweaver.
Teknik sangat membantu bagi advanced programmer tetapi menjadi suatu yang
sangat instan bagi programmer pemula.

BAB 3
PERANCANGAN SISTEM
3.1 Pengertian Perancangan Sistem
Perancangan sistem merupakan upaya perusahaan untuk memulai memiliki sistem
baik yang lama maupun untuk mulai memiliki sistem yang baru. Perancangan sistem
dilakukan setelah mendapat gambaran dengan jelas apa yang harus dikerjakan.
Tujuan perancangan sistem adalah untuk memenuhi kebutuhan user (pemakai)
mengenai gambaran yang jelas tentang perancangan sistem yang akan dibuat serta
diimplementasikan. Perancangan sistem adalah suatu upaya untuk membuat suatu
sistem yang baru atau memperbaiki sistem yang lama secara keseluruhan atau
memperbaiki sistem yang telah ada.
3.2 Data Flow Diagram (DFD)
Data flow diagram merupakan suatu diagram yang menggunakan notasi-notasi untuk
menggambarkan arus dari data sistem, dengan menggunakan pendekatan metoda
analisis sistem terstruktur (Structured System Analysis Method).

Di dalam tahap analisa, penggunaan notasi simbol lingkaran dan anak panah
untuk mewakili atau menggambarkan arus data dalam perancangan sistem sangat
membantu di dalam komunikasi dengan pemakai sistem untuk memahami sistem
secara logika.
Keuntungan dari penggunaan DFD yaitu membantu para analis sistem
meringkas informasi tentang sistem, mengetahui hubungan antar sub sistem,
membantu perkembangan aplikasi secara efektif. DFD juga berfungsi sebagai alat
komunikasi yang baik antara user dan analis sistem.
Berbagai komponen dari Data Flow Diagram (DFD) yaitu entitas luar, proses,
penyimpanan data, dan arus data. DFD memiliki simbol-simbol yang digunakan untuk
menggambarkan model data seperti terdapat pada table berikut :
Tabel 3.1 Simbol Data Flow Diagram
De Marco and Yourdan Symbol Keterangan Gane and Sarson Symbols

Source (Kesatuan
Luar)
Proses
Data Flow (Arus

Data)
Data Store
(Penyimpanan Data)

Gambar 3.1 Data Flow Diagram (DFD)
3.3 Basis Data (Database)
Basis Data (Database) merupakan tempat penyimpanan data yang terstruktur sehingga
dapat diakses dengan cepat dan mudah. Tahap mempersiapkan database ini
merupakan tahap di mana penulis mempersiapkan tempat untuk menampung data di
server. Data tersebut akan diproses oleh program yang penulis buat pada tahap
pemrograman baik menambah, mengubah, penghapusan, dan menampilkan database
itu sendiri.
Berikut rancangan tabel yang penulis gunakan dalam membangun Sistem
Penjualan Jasa Percetakan Berbasis Web yaitu:

a. Tabel Admin
Tabel 3.2 Tabel Admin
Field Name Type Width Description

username Varchar 50 Nama User
password Varchar 25 Password User
b. Tabel Buku Tamu
Tabel 3.3 Tabel Buku Tamu

id Int 10 Primary key, Auto increment
nama Varchar 50 Nama Pelanggan
email Varchar 60 Email Pelanggan
komentar Text - Komentar Pelanggan

c. Tabel Undangan
Tabel 3.4 Tabel Undangan

id Int 10 Auto increment
kode Varchar 12 Kode undangan
gambar Varchar 50 Gambar undangan
ukuran Varchar 15 Ukuran undangan
keterangan Text - Keterangan gambar
harga Int 20 Harga undangan
d. Tabel Price List
Tabel 3.5 Tabel Price List

id Int 10 Auto increment
nama barang Varchar 25 Nama Produk
satuan Varchar 20 Satuan Produk
harga Int 20 Harga Produk

3.4 Flowchart
Flowchart atau diagram alir adalah sekumpulan simbol atau skema yang menunjukkan
atau menggambarkan arus logika dari 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.
Penjelasan arti dari lambang-lambang flowchart dapat didefinisikan seperti
tabel 3.6 dibawah ini:
Tabel 3.6 Table Simbol pada Flowchart
Simbol Keterangan
Simbol titik terminal yang digunakan
pada awal dan akhir suatu proses.
Terminal point symbol
Simbol input/output digunakan untuk
mewakili data input/output
Input/Output symbol
Simbol proses digunakan untuk

menunjukkan pengeluaran yang
dilakukan oleh komputer
Process symbol

Simbol proses definisi yang digunakan
untuk menunjukkan suatu operasi yang
Predefined process symbol rinciannya ditunjukkan di tempat lain
Simbol penghubung yang digunakan
untuk menunjukkan sambungan dari
bagan alir yang terputus di halaman yang
Connector symbol masih sama
Simbol pemutus hubungan yang
digunakan untuk masuk dan keluarnya
suatu prosedur pada lembar kertas yang
Off line connector symbol lain
Simbol magnetic yang digunakan untuk
menunjukkan database yang dipakai
dalam program
Magnetic disk symbol
Simbol persiapan yang digunakan untuk
penyeleksian kondisi di dalam program
Decision symbol

Simbol dokumen yang merupakan simbol
untuk menunjukkan data yang berbentuk
kertas maupun informasi
Document symbol
Arus/flow dari prosedur yang dapat
dilakukan dari atas ke bawah, dari bawah
ke atas, dari kiri ke kanan dan sebaliknya
Connector symbol
Display, untuk output yang ditunjukkan
suatu device, seperti pada monitor.
Display symbol
Preparation, suatu simbol untuk
menyediakan tempat-tempat pengolahan

Preparation symbol data dalam strorage.

3.4.1 Flowchart Program
Di dalam program Penjualan Jasa Percetakan Berbasis Web terdapat alur-alur
aktivitas yang dapat digambarkan dalam bentuk flowchart, adalah sebagai berikut:
1. Flowchart Halaman Utama
Gambar 3.2 Flowchart Halaman Utama

2. Flowchart Login
Start
Halaman Admin
Login
Halaman Login
Input user ID
dan Password
Tidak
Status = User ID atau
Administrator Password salah
Ya
Halaman Utama
Admin
Tidak Keluar
Ya
End
Gambar 3.3 Flowchart Login

3. Flowchart Menu Utama Admin
Start
Tampilan
Tampilan Menu User
Menu Admin
t
Pilihan
Pilih Sub Data Unda
yang akan
Menu Login ngan
y dilakukan y
t
t Pilih Menu y
B Price List
Price List
t
Pilih Menu
y
A Logout
Undangan
t
Home
Kembali y
ke Menu
Utama
End
Gambar 3.4 Flowchart Menu Utama Admin

4. Flowchart Undangan Admin
Tampilan Menu
Insert / Edit /
Hapus data
Insert Form Tambah

y Undangan
Edit y Form Edit

Undangan
t
Hapus Simpan
DATABASE
Gambar 3.5 Flowchart Undangan Admin

5. Flowchart Price List
Tampilan Menu
Insert / Edit /
Hapus data
y
Insert Form Tambah
Price List
t
y
t Edit Form Edit
Price List
Hapus Simpan
DATABASE
Gambar 3.6 Flowchart Price List

BAB 4
IMPLEMENTASI SISTEM
4.1 Pengertian Implementasi Sistem
Implementasi sistem adalah rangkaian prosedur yang dilakukan dalam menyelesaikan
desain sistem yang telah disetujui, menguji, dan memulai sistem baru atau sistem yang
telah diperbaiki.
Adapun langkah-langkah yang dibutuhkan dalam implementasi sistem adalah:
a. Mendapatkan software dan hardware yang tepat serta sesuai untuk
merancang suatu sistem informasi.
b. Menyelesaikan rancangan sistem.
c. Menulis, menguji, mengontrol, dan mendokumentasikan website.
d. Mendapatkan persetujuan.

4.2 Tujuan Implementasi Sistem
Adapun tujuan dari implementasi sistem adalah:
1. Menyelesaikan desain sistem yang telah disetujui sebelumnya.
2. Memastikan bahwa pengunjung dapat mengoperasikan sistem baru.
3. Menguji apakah sistem baru tersebut sesuai dengan pemakai.
4. Memastikan bahwa sistem telah berjalan baik dan benar.
4.3 Komponen Utama Dalam Implementasi Sistem
Untuk menunjang penerapan sistem yang dirancang, dibutuhkan komponen-
komponen yang sangat berperan terhadap kebutuhan sistem. Berikut beberapa
komponen yang dibutuhkan sistem agar dapat beroperasi dengan baik.
4.3.1 Hardware
Hardware atau perangkat keras merupakan komponen pertama yang sangat diperlukan
dalam mewujudkan sistem yang diusulkan.
4.3.2 Software
Software atau perangkat lunak merupakan kumpulan dari beberapa perintah yang
diekseskusi oleh mesin komputer dalam menjalankan pekerjaannya. Perangkat lunak

ini merupakan catatan bagi mesin komputer untuk menyimpan perintah, maupun
dokumen serta arsip lainnya.
Ada beberapa software yang perlu diinstal dalam membuat website, antara lain:
1. Sistem Operasi Windows XP/Windows 7
2. Adobe Dreamweaver CS3 sebagai tempat penulisan script.
3. Apache sebagai web server.
4. PHP sebagai bahasa pemrograman.
5. MySQL sebagai database.
6. Browser sebagai tempat media tampilan halaman website, seperti : Google
Chrome.
7. Adobe Photoshop CS3 sebagai web design
4.3.3 Sumber daya manusia (Brainware)
Sistem komputerisasi yang berfungsi sebagai alat bantu manusia di bidang pengolahan
data membutuhkan manusia sebagai aspek yang menangani proyek pada komputer.
Inilah yang disebut dengan aspek brainware. Brainware terdiri atas:
1. Sistem analis, yaitu orang yang membentuk dan membangun fasilitas rancangan
sistem.
2. Programmer, yaitu orang yang bertugas untuk membuat dan membangun
program dengan menggunakan salah satu fasilitas software yang telah
ditentukan.
3. Operator, yaitu orang yang menangani langsung dalam pengolahan data, mulai
dari mempersiapkan data sampai pemasukan data dalam komputer.

4.4 Tampilan Website
4.4.1 Tampilan Menu Home
Pada tampilan halaman Home ini merupakan gambaran dari seluruh isi website yang
dirancang oleh penulis. Pada halaman ini terdapat menu yaitu home, undangan, price
list, about us, contact us, cara order, dan guest book.
Gambar 4.1 Tampilan Menu Home

4.4.2 Tampilan Menu Undangan
Halaman menu undangan ini merupakan halaman yang menampilkan beberapa produk
undangan.
Gambar 4.2 Tampilan Menu Undangan

4.4.3 Tampilan Menu Price List
Halaman menu price list ini merupakan halaman yang menampilkan daftar harga
produk yang dijual.
Gambar 4.3 Tampilan Menu Price List

4.4.4 Tampilan Menu About
Halaman menu about ini merupakan halaman yang menampilkan tentang usaha yang
dijalankan dan prinsip kerja.
Gambar 4.4 Tampilan Menu About

4.4.5 Tampilan Menu Contact
Halaman menu contact ini merupakan halaman yang menampilkan alamat usaha
beserta nomor yang dapat dihubungi untuk memesan barang.
Gambar 4.5 Tampilan Menu Contact

4.4.6 Tampilan Menu Cara Order
Pada tampilan ini, dijelaskan mengenai cara pemesanan produk pada Aulia
Percetakan. Sebelum memesan, diharapkan untuk membaca cara order terlebih
dahulu, agar tidak terjadi kesalahan dalam bertransaksi di Aulia Percetakan.
Gambar 4.6 Tampilan Menu Cara Order

4.4.7 Tampilan Menu Order Form
Halaman menu order form ini merupakan halaman yang menampilkan form untuk
pengisian data pemesanan pembeli yang akan tersimpan ke dalam database penjual.
Dan setelah melakukan pengisian form order delivery, penjual akan mendata pesanan
lalu menghubungi pembeli dengan mengirimkan total pembayaran serta nomor
rekening yang dituju untuk pembayaran produk.
Gambar 4.7 Tampilan Menu Order Form

4.4.8 Tampilan Menu Guest Book
Halaman menu guest book ini merupakan halaman yang menampilkan form komentar
sehingga pengunjung dapat meninggalkan komentar mengenai sistem penjualan dan
juga menampilkan isi dari komentar – komentar para pelanggan.
Gambar 4.8 Tampilan Menu Guest Book

4.4.9 Tampilan Login
Halaman ini hanya dapat di akses oleh administrator untuk mengolah dan
memperbarui data.
Gambar 4.9 Tampilan Login

BAB 5
KESIMPULAN DAN SARAN
5.1 Kesimpulan
Adapun kesimpulan yang dapat diambil oleh penulis dalam pembuatan website sistem
informasi dan pemesanan jasa percetakan ini adalah:
1. Dengan adanya Sistem Informasi Penjualan berbasis web ini, dapat
memperluas pemasaran produk yang dapat meningkatkan jumlah
keuntungan bagi penjual jasa percetakan.
2. Sistem Informasi penjualan ini menyediakan layanan pemesanan produk
melalui sistem online, hanya dengan mengirimkan data ke alamat email,
dan melakukan pembayaran ke nomor rekening yang telah diberitahu,
maka produk akan langsung dikirim ke alamat konsumen. Hal ini tentu
akan mempermudah pelanggan yang berada jauh dari tempat penjualan,
ataupun yang tidak bisa melakukan transaksi secara langsung kepada
penjual.

3. Memberikan informasi secara lengkap, seperti tampilan produk, deskripsi
produk, dan harga produk, sehingga pelanggan bisa mendapatkan
informasi yang terbaru hanya dengan membuka website Aulia Percetakan.
5.2 Saran
Dengan selesainya website Sistem Informasi dan Pemesanan Jasa Percetakan ini,
penulis memberikan beberapa saran yang dapat mendukung pengembangan sistem
lebih lanjut:
1. Dapat melakukan perbaikan dan penyempurnaan terhadap sistem ini agar
menjadi lebih sempurna bila akan diterapkan pada sistem yang lama,
sehingga saling terintegrasi.
2. Sistem yang telah dibuat ini masih memerlukan perbaikan karena masih
memiliki kelemahan-kelemahan dalam memenuhi kebutuhan yang
sebenarnya pada Aulia Percetakan.

DAFTAR PUSTAKA
Dwiartara, Loka. 1997. Modul Menyelam dan Menaklukan Samudra PHP.

Diakses pada tanggal 18 April 2012, from
http://www.ilmuwebsite.com/ebook/ebook-php-free-download.
Kadir, Abdul. 2002. Dasar Pemrograman Web Dinamis Menggunakan PHP.

Yogyakarta: Andi.
Nugroho, Bunafid. 2012. Panduan Membuat Program Toko dengan PHP, MySQL dan
Dreamweaper Point Of Sale (POS) Berbasis Web. Yogyakarta: PT Alif
Media.
Peranginangin, Kasiman. 2006. Aplikasi Web dengan PHP dan MySQL.

Yogyakarta:Andi.
Purwanto, Yudhi. 2001. Pemrograman Web dengan PHP. Jakarta: PT Elex Media
Komputindo.
Sitompul, Opim Salim. 2010. Pemrograman C di Lingkungan Linux. Medan: USU

Press
Sihombing, Poltak dan Darwis R. Manalu. 2011. Pemrograman Visual Basic 6.0.
Medan: USU Press
Syafii, M. 2005. Membangun Aplikasi Berbasis PHP dan MySQL. Yogyakarta: Andi
Wibowo, Angga. 2007. 16 Aplikasi PHP Gratis untuk Pengembangan Situs Web.
Yogyakarta: Andi
http://blogesupri.blogspot.com/2011/06/pengertian-komputer.html. “Artikel Komputer

dan Info Teknologi” Diakses pada tanggal 14 April 2013.
http://ikc.depsos.go.id/umum/anon-phpmysql.php. “Dasar Pemrograman PHP dan

MySQL”. Diakses pada tanggal 13 April 2013.
http://www.nurwahyudin.com/php/membuat-aplikasi-input-data-sederhana-dengan-
php. “Membuat Aplikasi Input Data Sederhana Dengan PHP”. Diakses pada
tanggal 14 April 2013.

LISTING PROGRAM
1. INDEX.PHP
<html>
<head>
<title>Aulia Percetakan</title>
<link rel="stylesheet" type="text/css"
href="style.css">
</head>
<body>
<div id="container">
<div id="header">
<div id="logo">
<div id="Layer1" style="position:absolute; left:780px;
top:120px; width:350px; height:23px; z-index:1;color:
#000033; font-size:16px">
<marquee>
<strong>Terima Kasih Atas Kunjungan Di Situs
Kami</strong>
</marquee>
</div>
</div>
</div>
<div id="left">
<div id="menu">
<td> </td>
<ul><li><a href="index.php?slink=home.php">.:: HOME
::.</a></li></ul>
<ul><li><a href="index.php?slink=undangan.php">.::
UNDANGAN ::. </a></li></ul>

<ul><li><a href="index.php?slink=harga.php">.:: PRICE
LIST ::. </a></li></ul>
<ul><li><a href="index.php?slink=about.php">.:: ABOUT
::.</a></li></ul>
<ul><li><a href="index.php?slink=kontak.php">.::
CONTACT ::. </a></li></ul>
<ul><li><a href="index.php?slink=order.php">.:: CARA
ORDER ::. </a></li></ul>
<ul><li><a
href="index.php?slink=input_bk_tamu.php">.:: GUEST
BOOK ::. </a></li></ul>
</div>
</div>
<div id="center">
<td> </td>
<body background="4.jpg">
<?php
error_reporting(0);
$slink=$_REQUEST['slink'];
if(isset($slink))
{
include "$slink";
}
else
{
include "home.php";
}
?>
</div>
<div id="right">
<tr>
<td> </td>

<td class="calender"><div align="center">.:: KALENDER
::.</div></td>
<td> </td>
</tr>
<tr>
<table align="center" width="200px" height="136px"
background="banner/K.png">
<td class="calender"><?php
include"include/calendar.php"; ?></td>
</table>
</tr>
<tr>
</br></br>
<td class="loginadmin"><div align="center">.::
ADMINISTRATOR ::. </div></td></br>
</tr>
<tr>
<td class="loginadmin"><a href="login.php"><p
align="center">Login Admin</p></a>
</td>
</tr>
</div>
<div id="footer">
<table style="width:1000px">
<tr style="font-size:24px; margin:0px 23px 0px 0px"
align="center" >
<td width="298">Copyright</p></td>
<td width="329">Follow Us</td></tr>
<tr style="font-size:14px; text-align:center">
<td> © 2013 By Tika Puspita Sari</td>
<td><a href="https://twitter.com/kaTigka"><img
src="banner/twitter.png" style="width:40px;
height:40px"; /></a> <a

href="https://yahoo.com"><img src="banner/yahoo.png"
style="width:40px; height:40px"; /></a>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>
2. HOME.PHP
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<table border ="0">
<tr>
<td> <marquee align="left" direction="down"
height="300" onMouseOut="this.start()"
onMouseOver="this.stop()"
scrollamount="2" width="180%">
<img src="banner/combine.png"><br/> </marquee></td>
</table>
<td> </td>
<td> </td>
<td> </td>

<center><img src="banner\selamat.png" alt="bni"
width="450" height="65" /></center></br></br></br>
<p align="justify">Di sini Anda dapat membeli dan

memesan segala jenis cetakan sesuai keinginan anda
dengan produk yang telah kami sediakan dalam toko
online kami. Silahkan Anda melihat & memilih sesuai
keinginan Anda..</br></br>
Kini begitu mudah bagi anda untuk mendapatkan
percetakan yang mampu mengerjakan produk percetakan
untuk berbagai kebutuhan mulai dari stationery hingga
produk promosi.
Cukup dari depan komputer, anda dapat memesan produk
percetakan yang anda inginkan.
Bagi anda yang berada di seluruh wilayah Indonesia
tidak perlu khawatir kami adalah percetakan terpercaya
dalam transaksi online.Terima Kasih atas
kunjungannya.</br>
Happy Shopping.. </p>
</br></br></br></br></br></br>
<center>
<a href="https://ibank.bni.co.id"><img
src="banner\bni.png" alt="bni" width="115" height="65"
/></a>
<a href="http://jne.co.id"><img src="banner\jne.png"
alt="png" width="115" height="65" /></a>
<a href="http://www.bankmandiri.co.id"><img
src="banner\mandiri.png" alt="mandiri" width="115"
height="65" /></a>
<a href="http://www.tiki-online.com/home"><img
src="banner\tiki.png" alt="tiki" width="115"
height="65" /></a>

</center>
</body>
</html>
3. UNDANGAN.PHP
<html>
<head>
<title>Undangan</title>
href="style.css">
</head>
<body>
<p align="center" ; class="padding"><strong><font
size="+1"><font color="#000033">» Koleksi Kartu
Undangan «</font></font></strong></br></br></br>
<div class="bgundangan" align="center">
<?php
include"config.php";
include"class_paging.php";
$p = new Paging;
$batas = 4;
$posisi = $p->cariPosisi($batas);
$no=$posisi + 1;
$query=mysql_query("select * from undangan LIMIT
$posisi,$batas");
while($sql=mysql_fetch_array($query))
{
echo"
<div class='bgimage'>

<div class='image'>
<img src='undangan/$sql[gambar]' width=180
height=300'/>
</div>
<div class='kode' align='left'>
<span>Kode: $sql[kode]</span>
</div>
<div class='ukr' align='left'>
<span>Ukuran(cm): $sql[ukuran]</span>
</div>
<div class='harga' align='left'>
<span>Harga: $sql[harga]</span>
</div>
<div class='keter' align='left'>
<span>Keterangan: $sql[keter]</span>
</div>
</div>";
$no++;
$jmldata = mysql_num_rows(mysql_query("select * from
undangan"));
$jmlhalaman = $p->jumlahHalaman($jmldata,
$batas,$halm);
$linkHalaman = $p->navHalaman($_GET[halaman],
$jmlhalaman);
}
?>
<?php
echo "<div id ='halaman'>Halaman: $linkHalaman<br
/><br /></div>";
?>
</div>
</p>

</body>
</html>
4. HARGA.PHP
<html>
<head>
<title></title>
href="style.css">
</head>
<body>
<br /><br />
size="+1"><font color="#000033">» Daftar Harga
«</font></font></strong><br /><br /><br /><br
/><br />
<?php
$end= 20;
$sql=" select count(*) from harga";
$hasil=mysql_query($sql);
$data=mysql_fetch_row($hasil);
$total_data=$data[0];
$total_halaman= ceil($total_data/$end);
$hal= isset($_GET['hal'])? $_GET['hal']:1;
$start= ($hal-1) * $end;
$no=$start+1;
$sql= "select * from harga order by nomor limit
$start,$end";
$hasil = mysql_query($sql);

?>
<table width="540" border="1" cellspacing="0"
cellpadding="5">
<tr>
<th width="48" scope="col">No</th>
<th width="160" scope="col">Nama Barang</th>
<th width="135" scope="col">Satuan</th>
<th width="135" scope="col">Harga</th>
</tr>
<?php
while($data=mysql_fetch_assoc($hasil)){
echo "
<tr>
<td height='30' align='center'>$data[nomor]</td>
<td>$data[namabarang]</td>
<td align='center'>$data[satuan]</td>
<td>$data[harga]</td>
</tr>
";
$no++;
}
?>
</table>
<div id='halaman'>
<?php
if($hal>1)
{
$prev_hal=$hal-1;
echo"
<p style='float:left'>

<a
href='index.php?slink=harga.php&hal=$prev_hal'>Previou
s</a>
</p>";
}
if ($hal< $total_halaman)
{
$next_hal=$hal+1;
echo"
<p style='float:right'>
<a
href='index.php?slink=harga.php&hal=$next_hal'>Next</a
>
</p>";
}
?>
</br></br> <p align="justify"><font
color="#FF0000"><b>NB: Harga pada daftar harga di atas
dapat berubah sewaktu-waktu.</b></font></p></br></br>
</div>
</body>
</html>
5. ABOUT.PHP
<html>
<head>
href="style.css">
</head>

<body>
<td> </td>
<marquee>
<p align="center"; class="padding"><strong><font
size="+1"><font color="#000033">ABOUT AULIA
PERCETAKAN</font></font></strong></p></br></br></br>
</marquee>
<p align="justify">Aulia Percetakan adalah sebuah

solusi cetak yang berusaha untuk memenuhi kebutuhan
customer akan transparansi harga cetak dengan kualitas
hasil cetak yang baik serta pelayanan yang
memuaskan.</br>
Bagi Aulia Percetakan, kualitas hasil cetak yang baik
serta sesuai Standard ini kami ciptakan melalui
dedikasi kami dibidang ini dan tentunya dengan
dukungan fasilitas lengkap dimana divisi cetak,
laminating, hingga finishing kami lengkap terdapat di
dalam satu area workshop. </br></br>
Dengan menganut manajemen teknologi serta pengetahuan
cetak terkini yang telah berpengalaman menangani
berbagai klien, kami hadir untuk memberikan sebuah
kualitass yang nyata dengan harga terjangkau. Hubungi
customer service kami segera dan kami siap membantu
untuk mewujudkan ide briliand anda menjadi suatu karya
nyata.</br></br></br>
<p align="left" ; class="padding"><strong><font

color="#000033"><b>Kami mengerjakan berbagai kebutuhan
cetak & promosi anda:</b></font></strong></br></br>
• Kop surat</br>
• Kartu nama</br>
• Kartu undangan</br>

• Brosur</br>
• Buku</br>
• Majalah</br>
• Kalender</br>
• Flyer</br>
• Stempel</br>
• Kwitansi</br>
• Stiker</br>
• Spanduk</br>
• Faktur</br>
• Nota</br>
• Sablon</br></br>

size="+1"><font color="#000033"><b>Prinsip
Kami</b></font></font></strong></br></br>
<p class="padding"><font color="#CC0000">•
Jujur</font></p>
Jujur adalah nilai utama bagi kami. Dengan kejujuran
kami mendapatkan makna lebih dalam melakukan setiap
pekerjaan yang kami lakukan serta dalam menjalani
setiap momen dalam kehidupan kami karena kami telah
menjadi diri kami apa adanya dan dapat memberikan
nilai tambah yang bermanfaat bagi customer serta
lingkungan sekitar.</br></br>
<font color="#CC0000">• Disiplin</font></br>
Didalam melakukan pekerjaan, kami sangat menyadari
bahwa disiplin adalah syarat utama bagi kami dapat
bertahan dan berharap perusahaan kami dapat maju serta
berkembang dengan baik. Setiap hari kami
mempertahankan disiplin terus berjalan diperusahaan
kami dan senantiasa hal ini diterapkan selalu sehingga

disiplin dengan sendirinya menjadi napas dalam
kehidupan perusahaan kami.</b></br></br>
<font color="#CC0000">• Melayani</font></br>
Kami sangat menyadari bahwa setiap customer kami ingin
dilayani dengan baik, oleh karena itu kami membentuk
divisi customer service kami yang setiap saat kami
pantau. Kami sangat berharap setiap customer kami
dapat dilayani secara maksimal sesuai kebutuhan
mereka.</b></li></br></br>
</font></p>
</br></br></br></br>
</body>
</html>
6. KONTAK.PHP
<html>
<head>
href="style.css">
</head>
<body>
<td> </td><td> </td>
<p align="center"; class="padding"><strong><font
size="+1"><font color="#000033">» Contact Us
«</font></font></strong></br></br></br></br>
<p align="justify"> Customers dapat memesan dengan

proses yang mudah dan cepat. </br></br>

Berikut Proses Pemesanan & Pengerjaan: </br></br>
1. Hubungi Contact Number kami, BBM, atau melalui

email. </br>
2. Approval design via email atau visit langsung.
</br>
3. Proses Cetak. </br>
4. Pengiriman cetakan via kurir atau Jasa pengiriman
barang. </br></br></br></br></p>
<p align="center"><strong>Untuk order & konsultasi

silakan hubungi:</strong></p></br></br>
<p align="left">
Email : Aulia_Percetakan@yahoo.com</br></br>
SMS : 0878 6826 2206</br></br>
BBM : 29512A04 </br></br>
YM! : Aulia_Percetakan</br></br>
Address: </br>
Jl. Haji Agus Salim No. 16 </br>
Jatinegara, Binjai Utara </br>
Kota Binjai - Sumatera Utara </br></br>
<br/></p>
</body>
</html>
7. ORDER.PHP
<html>
<head>
href="style.css">

<style type="text/css">

</style>
</head>
<body>
<td> </td>
<marquee>
size="+1"><font color="#000033">Cara
Pemesanan</font></font></strong></br></br></br>
</marquee>
<p align ="center" class="style3"><font

color="FF6600"> Sebelum memesan, mohon dibaca terlebih
dahulu prosedur <br /> dan Terms of Service dari
kami.</font></p><br/></br></br>
<p align="justify" class="style3"><font

color="FF6600"> Pemesanan / Enquiry</font></p>
<ul>
<li class="teks ">Anda dapat melakukan pemesanan
dengan cara mengirimkan pesan ke alamat e-mail kami
atau dengan cara mengirimkan SMS ke nomor yang tertera
pada <a href="index.php?slink=kontak.php"><i>Contact
Us.</i></a></li>
</ul></br></br>
<p align="justify" class="style3"><font

color="FF6600"> Pembayaran / Payment</font></p>

<ul>
<li class="teks">Setelah menerima, mendiskusikan, dan
mengkonfirmasi pesanan Anda, kami akan mengirimkan
info melalui sms yang berisi informasi total harga,
ongkos kirim, time limit pembayaran dan info rekening
untuk transaksi.
Booking dianggap batal apabila sampai batas waktu/time
limit yang sudah ditentukan, pembayaran belum
diselesaikan. Apabila kami tidak menginfokan time
limit,
mohon tetap diperhatikan bahwa pembayaran sudah harus
diselesaikan sebelum H-7.
Order kami anggap confirmed statusnya setelah
pembayaran selesai.</li></ul></ol></br></br>
<p class="style3" align="left"><font color="FF6600">

Pengiriman / Delivery</font></p>
<ul>
<li class="teks">Setelah transaksi diselesaikan, order
akan kami masukan dalam schedule. Kami akan
mengerjakan dan mengirimkan pesanan Anda pada tanggal,
waktu dan alamat yang sudah ditentukan. </li>
<li class="teks">Harga yang tercantum pada katalog
belum termasuk ongkos kirim. Ongkos kirim bervariasi
tergantung jauh dekatnya lokasi tujuan. Wilayah kota
Binjai - gratis.</li>
<li class="teks">Waktu delivery antara jam 09.00 -
16.00. Diluar waktu yang sudah ditentukan, akan
dikenakan biaya tambahan.</li>
<li class="teks">Mohon disertakan info mengenai
kondisi jalan dan rutenya, untuk meminimalisir
kesulitan saat mencari alamat.</li>

<li class="teks">Nomor kontak penerima sangat penting,
agar dapat kami/kurir hubungi apabila kami menemui
kesulitan dalam mencari alamat tujuan.</li>
</ul></br></br>
<p align="left" class="style3"><font color="FF6600">
Laporan / Reports</font></p>
<ul>
<li class="teks">Setelah pesanan diantar, diharapkan
kepada customer untuk mengirimkan foto produk yang
telah diterima,
agar kami dapat menampilkan foto tersebut di website
ini, atau melalui email (bila ada permintaan).
Kami akan sangat senang bila anda meninggalkan
testimoni / kritik / saran atas produk dan pelayanan
kami.
Apabila ada yang belum jelas, silahkan hubungi kami
kembali melalui nomor kontak yang tertera.
</b></li></ul></br></br>
<p align="justify"><b>NB: </br>

Apabila email/sms tidak segera kami balas,
kemungkinan besar kami sedang tidak dapat membalas,
atau mungkin kami sedang menghitung ulang pesanan
Anda.
Apabila hingga 3 hari email tidak kami balas, mohon
di-remind, mungkin email tersebut masuk ke spam box,
atau terlewatkan oleh kami.</br></br>
<center>Terima kasih atas pengertiannya
:)</center></b></p>
</font>
</body>
</html>

8. TB_TAMU.PHP
<form id="form1" name="form1" method="post" action="">

<table width="452" border="2">
<tr>
<td width="26">no</td>
<td width="129">nama</td>
<td width="100">email</td>
<td width="179">komentar</td>
</tr>
<?php
include "config.php";
$sqltampil="SELECT * FROM bukutamu ORDER BY id";

$qrytampil=mysql_query($sqltampil);
while ($row=mysql_fetch_array($qrytampil))
{
$no++;
?>
<tr>
<td><?php echo $no;?></td>
<td><?php echo $row['nama'];?></td>
<td><?php echo $row['email'];?></td>
<td><?php echo $row['komentar'];?></td>
</tr>
<?php } ?>
</table>
</form>
9. INPUT_BK_TAMU.PHP

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>Buku Tamu</title>
</head>
<body>
<td> </td><td> </td>
face="Courier New, Courier, monospace"><font
size="+1"><font color="#000033">» GUEST BOOK
«</font></font></font></strong></br></br></br></
br>
<form id="form1" name="form1" method="post"
action="save_bk_tamu.php">
<table width="100%" border="0" cellpadding="4"

cellspacing="4">
<tr>
<td width="17%"><div align="left">Nama</div></td>
<td width="1%"><input name="nama" type="text"
id="nama"></td>
<td width="82%">
<div align="left"> </div></td>
</tr>
<tr>
<td><div align="left">Email</div></td>
<td><input name="email" type="text" id="email"></td>
<td>
<div align="left"> </div></td>
</tr>

<tr>
<td>Komentar</td>
<td><textarea name="komentar" cols="50" rows="5"
id="textarea"></textarea></td>
<td> </td>
</tr>
<tr>
<td height="21"><label>
<div align="center">
<input type="submit" name="Submit" value="Submit" />
</div>
</label></td><br />
<td height="21"><label>
<input name="Reset" type="reset" id="reset"
value="Reset" />
</label></td>
</tr>
</table> <br /><br /><br />
<center><font face="Courier New, Courier, monospace";

size="+1";> Komentar</font></center><br /><br /><br />
<td><center>
<textarea name="bt"
onclick="this.focus();this.select()"
onfocus="this.select()" onmouseover="this.focus()"
readonly="readonly" cols="50" rows="30">
<?php include"config.php"; $sql=mysql_query("select *
from bukutamu"); while($query=mysql_fetch_array($sql))
{
echo"$query[nama] : $query[komentar]
"; }
?>

</textarea></center>
</td>
</form>
</body>
10. SAVE_BK_TAMU.PHP
<?
$nama= $_POST["nama"];
$email= $_POST["email"];
$komentar= $_POST["komentar"];
$input ="insert into
bukutamu(nama,email,komentar)values('$nama','$email','
$komentar')";
$query = mysql_query($input);
if (query)
{
echo "<pre> Nama:$nama</pre>";
echo "<pre> Email:$email</pre>";
echo "<pre> Komentar:$komentar</pre><br>";
echo "data di atas telah disimpan<br>";
echo "<a
href='index.php?slink=input_bk_tamu.php'>back</a>";
}
else
{echo "gagal tersimpan";
echo "<a
href='index.php?slink=input_bk_tamu.php'>lihat
data</a>";

}
?>
11. STYLE.CSS
@charset "utf-8";
/* CSS Document */
*{margin:0 auto; padding:0}
body{font-family: "Courier New", Courier, monospace,

sans-serif;
font-size:13px; color: #CCCCCC;
background-image:url(banner/index_26.jpg);
}
#container{width:1000px; height:1439px;
background-image:url(banner/background.jpg);
}
#header{ width:1000px; height:325px;
border: 1px solid #666;
background: url(banner/header.jpg) no-repeat;
}
#left{float:left; width:200px; height:1000px;
margin:3px 0;
padding:3px; border:0px solid #666;
}
#halaman{
font-family:"Comic Sans MS", cursive;
font-size:13px;
color: #000000;
margin:10px 13px 0px 13px;
}

#menu{ float:right }
#menu li { height:60px; width:200px; float:left; list-
style:none; text align: center; font-weight:bold;}
#menu a { display:block;
text-decoration: none; color:#000033; font-family:
Georgia, "Times New Roman", Times, serif; font-
size:13px; color: #660000}
#menu a:hover { color:#CCC;

text-align: left;
text-decoration: none;
background:#99F;
font-weight: bold;
}
#center{float:left; width: 570px; height:1000px;
margin:3px;
font:"Courier New", Courier, monospace; font-size:12px;
color:#000000; font-weight:bold;
}
.bgundangan{ width:570px; height:1000px; padding:10px
10px 10px 10px;
}
.bgimage{ background-color: none; width:270px; height:
auto;
margin:10px 10px 0px 0px; float:left; border:1px solid
#666;
}
.image{ width:250px; height:auto; margin: 10px 0px 0px
0px;
}

.kode{
width:250px; height: auto; margin: 10px 0px 0px 0px;
}
.ukr{ width:250px; height:auto;
}
.harga{ width:250px; height:auto;
}
.keter{ width:250px; height:auto; margin:0px 0px 10px
0px;
}
#right{float:right; width:200px; height:1000px;
margin:3px 0;
padding: 3px; border: 0px solid #666;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:13px; font-weight:bold; color: #660000;
}
#footer{ width:1000px; height:100px; border:0px solid
#666;
clear: both; font-family:"Lucida Sans Unicode", "Lucida
Grande", sans serif; font-size:12px; font-
weight:bold; color:#000000;
background-image:url(banner/footer.jpg);
}
12. CLASS_PAGING.PHP
<?php
class Paging{
// Fungsi untuk mencek halaman dan posisi data
function cariPosisi($batas){
if(empty($_GET[halaman])){

$posisi=0;
$_GET[halaman]=1;
}
else{
$posisi = ($_GET[halaman]-1) * $batas;
}
return $posisi;
}
// Fungsi untuk menghitung total halaman
function jumlahHalaman($jmldata, $batas){
$jmlhalaman = ceil($jmldata/$batas);
return $jmlhalaman;
}
// Fungsi untuk link halaman 1,2,3 (untuk admin)
function navHalaman($halaman_aktif, $jmlhalaman){
$link_halaman = "";
// Link halaman 1,2,3, ...
for ($i=1; $i<=$jmlhalaman; $i++){
if ($i == $halaman_aktif){
$link_halaman .= "<b>$i</b> | ";
}
else{
$link_halaman .= "<a
href=$_SERVER[PHP_SELF]?slink=undangan.php&halaman=$i>
$i</a> | ";
}
$link_halaman .= " ";
}
return $link_halaman;
}
}
?>

13. LOGIN.PHP
<html>
<style type="text/css">

</style>
<p>
<head>
</head>
<form method="post" action="proses_login.php">

<body>
</br></br>
<center>
<div class="formLayout" style="background-
image:url(banner/sgitiga.png)">
<table width="452" height="66" border="0">
<tr>
<td height="62" colspan="3"><div align="center"

class="style71">
<marquee> <strong> Selamat Datang di Halaman Login
Administrator</strong> </marquee>
</div>
</tr>
</table>
<table width="445" height="132" border="0">
<td height="21" colspan="3"><p align="center"><span
class="style61">Silahkan Login</span></p></td>
</tr></br>
<tr>
<td width="233"> </td>
<td width="111" height="24"><span
class="style9">Username</span></td>
<td width="381"><input name="username" type="text">
</td>
</tr>
<tr>
<td> </td>
<td height="24"><span
class="style9">Password </span></td>
<td><input name="password" type="password"></td>
</tr>
<tr>

<td> </td>
<td> </td>
<td><input type="submit" name="Submit" value="Login">
</td>
</tr>
</table>
</div>
</div>
</body>
</form>
</html>
14. PROSES_LOGIN.PHP
<?php
include ("config.php");
session_start();
$username=$_POST['username'];
$password=$_POST['password'];
$sql=mysql_query("SELECT * FROM admin WHERE

username='$username' && password='$password'");
$num=mysql_num_rows($sql);
if($num==1)
{
ob_start();
$_SESSION["username"]=$username;
$url="index_admin.php";
header("location:$url");
ob_end_flush();
}

else
{
echo"username or your password is wrong";
}
?>
15. CEKLOGIN.PHP
<?
session_start();
if (!isset($_SESSION['username'])){
header("Location:index_admin1.php");
}
echo"anda sukses login";
?>
16. INDEX_ADMIN.PHP
<?php
session_start();
if ( ! isset ($_SESSION['username']))
{
header ("location:index_admin.php");
exit;
}
?>
<html>
<head>

href="style_admin.css">
</head>
<body>
<div id="container">
<div id="header"></div>
<div id="left">
<div id="menu">
<td> </td>
<ul><li><a
href="index_admin.php">UNDANGAN</a></li></ul>
<ul><li><a
href="index_admin.php?slink=harga_admin.php">PRICE
LIST</a></li></ul>
<ul><li><a href="logout.php">Logout</a></li></ul>
</div>
</div>
<div id="center">
<td> </td>
<?php
error_reporting(0);
include'config.php';
$query=mysql_query("select * form undangan");
$sql=mysql_fetch_array($query);
echo"
";
?>
<div class="wrapper">
<?php
error_reporting(0);

$slink=$_REQUEST['slink'];
if(isset($slink))
{
include "$slink";
}
else
{
include "undangan_admin.php";
}
?>
</div>
</div>
<div id="right">
<tr>
<td> </td>
<td class="calender"><div align="center">.:: KALENDER
::.</div></td>
<td> </td>
</tr>
<tr>
<table align="center" width="200px" height="136px"
background="banner/K.png">
<td class="calender"><?php
include"include/calendar.php"; ?></td>
</table>
</tr>
<tr>
</div>
<div id="footer">
<table style="width:1000px">
<tr style="font-size:24px; margin:0px 25px 0px 0px"
align="center" >
<td width="298">Copyright</p></td>

<td width="329">Follow Us</td></tr>
<tr style="font-size:14px; text-align:center">
<td> © 2013 By Tika Puspita Sari</td>
<td><a href="https://twitter.com/kaTigka"><img
src="banner/twitter.png" style="width:40px;
height:40px"; /></a> <a
href="https://yahoo.com"><img src="banner/yahoo.png"
style="width:40px; height:40px"; /></a>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>
17. UNDANGAN_ADMIN.PHP
<html>
<head>
<title>Undangan</title>
</head>
<body>
<div class="bgundangan" align="center">
<?php
include"class_paging_admin.php";
$p = new Paging;

$batas = 4;
$no=$posisi + 1;
$posisi,$batas");
echo"<div class='more'><span><a
href='index_admin.php?slink=insert_ud.php'>INSERT</a><
/span>
</div></br></br>";
while($sql=mysql_fetch_array($query)){
echo"
<div class='bgimage'>
<div class='image'>
<img src='undangan/$sql[gambar]' width=180
height=300 />
</div>
<div class='kode' align='left'>
<span>Kode: $sql[kode]</span>
</div>
<div class='ukuran' align='left'>
<span>Ukuran(cm): $sql[ukuran]</span>
</div>
<div class='harga' align='left'>
<span>Harga: $sql[harga]</span>
</div>
<div class='keter' align='left'>
<span>Keterangan: $sql[keterangan]</span>
</div>
<div class='more' align='left' style='float:left;
background-color:transparent;'>

<span> <a
href='index_admin.php?slink=hapus_undangan.php&id=$sql
[id]'> HAPUS</a></span>
</div>
<div class='more' align='left' style='float:right;
background-color:transparent;'>
<span> <a
href='index_admin.php?slink=edit_undangan.php&id=$sql[
id]'> EDIT</a></span>
</div>
</div>";
$no++;
undangan"));
$batas,$halm);
$jmlhalaman);
}
?>
<?php
/><br /></div>";
?>
</div></p>
</body>
</html>
18. EDIT_UNDANGAN.PHP
<html>
<head>

<title></title>
</head>
<body>
<?php
error_reporting(0);
$id=$_GET['id'];
$kode=$_GET['kode'];
$foto=$_GET['gambar'];
$ukuran=$_GET['ukuran'];
$keter=$_GET['keter'];
$harga=$_GET['harga'];
$query=mysql_query("select * from undangan");
?>
</br></br>
size="+1"><font color="#000033">- Edit Undangan -
</font></font></strong>
<div id="atas" style="width:570px; height:5px; border-
bottom:none;">
</div>
<div id="tengah" align="center" style="width:570px;
height:auto; float:left;">
<form action="proses_edit_undangan.php" method="post"
enctype="multipart/form-data">
<table align="center" style="font-size:18px;
font:Georgia, 'Times New Roman', Times, serif;
margin:100px 250px 100px 250px;">

<tr>
<td width="110"></td>
</tr>
<tr>
<td>Gambar</td>
<td width="13"> : </td>
<td><input type="file" name="gambar" value="<?php
echo"$foto"; ?>" /></td>
</tr>
<tr>
<td height="30">Kode</td>
<td> : </td>
<td width="296"><input type="text" name="kode"
value="<?php echo"$kode"; ?>" /></td>
</tr>
<tr>
<td height="30">Ukuran</td>
<td> : </td>
<td> <input type="text" name="ukuran" value="<?php
echo"$ukuran"; ?>" /></td>
</tr>
<tr>
<td height="30">Keterangan</td>
<td>:</td>
<td><textarea name="keter" cols="17" rows="3"
id="textarea" value=" <?php echo"$keter"; ?>"
/></textarea></td>
</tr>
<tr>
<td height="30">Harga</td>
<td> : </td>
<td><input type="text" name="harga" value="<?php
echo"$harga"; ?>"/></td>

</tr>
<tr>
<td> </td>
<td> </td>
<td> <input type="submit" name="submit" value="Simpan"
/></td>
</tr>
</table>
</form>
</div>
</div>
</body>
</html>
19. PROSES_EDIT_UNDANGAN
<?php
$id=$_POST['id'];
$kode=$_POST['kode'];
$ukuran=$_POST['ukuran'];
$keter=$_POST['keter'];
$harga=$_POST['harga'];
$gambar=$_FILES['gambar'];
$nama_gambar= $gambar['name'];
$file_upload= $gambar['tmp_name'];
move_uploaded_file($file_upload,"undangan/$nama_gambar"
);
$sql_gambar="update gambar set gambar='$nama_gambar'

where id='$id'";
$hasil_gambar= mysql_query($sql_gambar);

$sql_undangan= "update undangan set
kode='$kode',ukuran='$ukuran', keter='$keter',
harga='$harga' where id='$id'";
$hasil = mysql_query ($sql_undangan);

if(!$hasil)
{
echo "<h4 align=\"center\">Data Gagal Di
Simpan</h4>";
echo"<a
href='index_admin.php?slink=undangan_admin.php'>BACK
</a>";
}
else
{
echo "<h4 align=\"center\">SUKSES !!</h4>";
echo"<a
href='index_admin.php?slink=undangan_admin.php'>BACK
</a>";
}
?>
20. INSERT_UD.PHP
<html>
<head>
<title></title>
</head>

<body>
<?php
error_reporting(0);
$query=mysql_query("select * from undangan");

$id=mysql_query("select max(id) as last from
undangan");
while($data=mysql_fetch_array($id)){
$record=$data[last];
}
$nextid=$record+1;
?>
</br></br>
size="+1"><font color="#000033">- Insert Undangan -
bottom:none;">
</div>
<form action="proses_insert_ud.php" method="post"

<tr>
</tr>

<tr>
<td>Foto</td>
<td> : </td>
<td width="431"><input type="file" name="gambar"
/></td>
</tr>
<tr>
<td height="30">ID</td>
<td width="10"> : </td>
<td><input type="text" name="id" value="<?php
echo"$nextid";?>" /></td>
</tr>
<tr>
<td height="30">Kode</td>
<td width="10"> : </td>
<td><input type="text" name="kode" /></td>
</tr>
<tr>
<td height="30">Ukuran</td>
<td> : </td>
<td><input type="text" name="ukuran" /></td>
</tr>
<tr>
<td> : </td>
<td><input type="text" name="harga"/></td>
</tr><tr>
<td height="30">Keterangan</td>
<td> : </td>
<td><textarea name="ket" value=""/></textarea></td>
</tr>
<tr>
<td> </td>

<td> </td>
<td>
<input type="submit" name="submit" value="Simpan"
/></td>
</tr>
</table>
</form>
</div>
</div>
</body>
</html>
21. PROSES_INSERT_UD.PHP
<?php
session_start();
$id=$_POST['id'];
$kode =$_POST['kode'];
$ukuran=$_POST['ukuran'];
$harga =$_POST['harga'];
$ket =$_POST['ket'];
$lokasi_file = $_FILES['gambar']['tmp_name'];
//$nama_file = $_FILES['gambar']['name'];
$gambar_name = $_FILES["gambar"]["name"];
if(!empty($lokasi_file))
$query ="insert into undangan (id, gambar, kode,
ukuran, harga, keterangan) value
('$id','$gambar_name','$kode','$ukuran','$harga','$ket
')";

$sql =mysql_query($query);
move_uploaded_file($_FILES["gambar"]["tmp_name"],
"undangan/". $_FILES["gambar"]["name"]);
if($sql){
echo"sukses";
header("location:
index_admin.php?slink=undangan_admin.php");
}
else{
echo"<h4 align=\"center\">Data Gagal Di Insert</h4>";
header("location:
index_admin.php?slink=undangan_admin.php");
}
?>
22. HAPUS_UNDANGAN.PHP
<?php
$id=$_GET['id'];
$sql=mysql_query("delete from undangan where
id='$id'");
if(!$sql)
{
echo "GAGAL MENGHAPUS UNDANGAN";
}
Else {
header('location:index_admin.php?slink=undangan_admi
n.php');}
?>

23. STYLE_ADMIN.CSS
@charset "utf-8";
/* CSS Document */
*{margin:0 auto; padding:0}

body{font-family: "Courier New", Courier, monospace,
sans-serif;
font-size:13px; color: #CCCCCC;
background-image:url(banner/index_26.jpg);
}
#container{width:1000px; height:1439px;
background-image:url(banner/background.jpg);
}
#header{ width:1000px; height:325px;
border: 1px solid #666;
background: url(banner/header.jpg) no-repeat;
}
#left{float:left; width:200px; height:1000px;

margin:3px 0;
}
#halaman{ font-family:"Comic Sans MS", cursive; font-
size:13px; color: #000000;
}
#menu {width:15%; float:left; padding-top:50px;
}
#menu li {height:60px; width:200px; float:left; list-
style:none; text-align: center; font-weight:bold;
}

#menu a {display:block; font-size:20px; margin-
bottom:20px; font-weight:bold; background-color:
#CC6600; padding:5px; text-decoration:none;
color:#000;
}
#menu a:hover {background-image:url(banner/kk.jpg);
color:#FFF;
}
#content_tunggal
{
}
#center{float:left; width: 570px; height:1000px;
margin:3px; padding:3px; border:1px solid #666;
font:"Courier New", Courier, monospace; font-
size:12px; color:#000000; font-weight:bold;
}
#atas {width:570px; height:1000px;
}
#tengah {width:570px; height:1000px;
}
.daftar {width:400px; float:left;
}
.update {font-family:"Courier New", Courier,
monospace; font-size:14px; font-weight:bold;
}
.bgundangan {width:570px; height:1000px; padding:10px

10px 10px 10px;
}
.bgimage {background-color: none; width:270px; height:
auto; margin:10px 10px 0px 0px; float:left; border:1px
solid #666;
}

.image {width:250px; height:auto; margin: 10px 0px 0px
0px;
}
.kode {width:250px; height: auto; margin: 10px 0px 0px
0px;
}
.ukuran {width:250px; height:auto;
}
.harga {width:250px; height:auto;
}
.keter {width:250px; height:auto; margin:0px 0px 10px
0px;
}
.more {background-color:#CC6600; width:60px;
height:25px; float:left; text-align:center; font-
size:14px; border-radius:15px;
}
.more a {display:block; padding:5px; color: #660000;
}
.more a:hover {background-image:url(banner/kk.jpg);
border-radius:15px; color:#FFF;
}
.wrapper {margin:0px 0px 0px 0px;
}
.style1 {font-family: "Courier New", Courier, mono,
"comic Sans MS"; font-size: 18px; font-weight: bold;
}
.style2 {font-family: "Courier New", Courier, mono,
"comic Sans MS"; font-size: 14px;
}
#right{float:right; width:200px; height:1000px;
margin:3px 0;
padding: 3px; border: 0px solid #666;

font-family: Georgia, "Times New Roman", Times, serif;
font-size:13px; font-weight:bold; color: #660000;
}
#footer{ width:1000px; height:100px; border:0px solid
#666;
clear: both; font-family:"Lucida Sans Unicode",
"Lucida Grande", sans-serif;
font-size:12px; font-weight:bold; color:#000000;
background-image:url(banner/footer.jpg);
}
24. HARGA_ADMIN.PHP
<html>
<head>
</head>
<body>
<?php
echo"<div class='more'><span>
<a
href='index_admin.php?slink=insert_harga.php'>INSERT</
a></span>
</div></br></br>";
?>
<br /><br /><center><h1> Daftar Price
List</h1></center><br/> <br/> <br/> <br />
<table width="540" border="1" cellspacing="0"
cellpadding="5">

<tr>
<th width="30" scope="col">No</th>
<th width="230" scope="col">Nama Barang</th>
<th width="120" scope="col">Satuan (Per)</th>
<th width="120" scope="col">Harga</th>
<th width="120" scope="col">Tindakan</th>
</tr>
<?php
error_reporting(0);
include"class_paging1.php";
$p = new Paging;
$batas = 19;
$no=$posisi + 1;
$posisi,$batas");
$query=mysql_query("select * from harga LIMIT

$posisi,$batas");
while($sql=mysql_fetch_array($query)){
echo "<tr style='font-size:13px; text-align:justify'>
<td height='30' align='center'>$no</td>
<td>$sql[namabarang]</td>
<td align='center'>$sql[satuan]</td>
<td>$sql[harga]</td>
<td><a
href='index_admin.php?slink=edit_harga.php&id=$sql[id]
'>EDIT</a> | <a
href='index_admin.php?slink=hapus_harga.php&id=$sql[id
]'>HAPUS</a></td>
</tr>";

$no++;
}
$no++;
harga"));
$batas,$halm);
$jmlhalaman);
?>
</table>
<?php
/><br /></div>";
?>
<br /></br></br> <p align="justify"><font

color="#FF0000"><b>NB: Harga pada daftar harga di atas
dapat berubah sewaktu-waktu.</b></font></p></br></br>
</body>
</html>
25. PROSES_INSERT_HARGA
<html>
<head>
<title></title>
</head>
<body>

<?php
error_reporting(0);
$query=mysql_query("select * form harga");
?>
</br></br>
size="+1"><font color="#000033">- Insert Daftar Harga
- </font></font></strong>
bottom:none;">
</div>
<form action="proses_insert_harga.php" method="post"
<tr>
</tr>
<tr>
<td height="30">No</td>
<td width="8"> : </td>
<td width="215"> <input type="text" name="nomor"
/></td>
</tr>
<tr>
<td>Nama Barang</td>
<td> : </td>

<td><input type="text" name="namabarang" /></td>
</tr>
<tr>
<td height="30">Satuan</td>
<td> : </td>
<td><input type="text" name="satuan" /></td>
</tr>
<td> : </td>
<td><input type="text" name="harga"/></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><input type="submit" name="submit" value="Simpan"
/></td>
</tr>
</table>
</form>
</div>
</div>
</body>
</html>
26. PROSES_INSERT_HARGA
<?php
include "config.php" ;
$nomor=$_POST['nomor'];
$namabarang=$_POST['namabarang'];
$satuan=$_POST['satuan'];
$harga=$_POST['harga'];

$query ="insert into harga
(nomor,namabarang,satuan,harga) value
('$nomor','$namabarang','$satuan','$harga')";
$jalankan=mysql_query($query);
if($jalankan)
{
mysql_query("COMMIT");
echo"<h4 align=\"center\">Data sukses di
proses</h4>";
header("location:
index_admin.php?slink=harga_admin.php");
}
else
{
echo"<h4 align=\"center\">Data gagal di
proses</h4";
echo"<a
href='index_admin.php?slink=harga_admin.php'>BACK</a>"
;
}
?>
27. EDIT_HARGA.PHP
<html>
<head>
<title></title>
</head>

<body>
<?php
error_reporting(0);
$id=$_GET['id'];
$query=mysql_query("select * from harga where
id='$id'");
?>
</br>
size="+1"><font color="#000033">- Edit Harga -
bottom:none;">
</div>
<form action="proses_edit_harga.php" method="post"
<tr>
</tr>
<tr>
<td height="30"></td>
<td width="300"><input type="hidden" name="id"
value="<?php echo "$sql[id]";?>" /></td>
</tr>

<tr>
<td height="30">Nomor</td>
<td width="13"> : </td>
<td width="296"><input type="text" name="nomor"
value="<?php echo "$sql[nomor]";?>" /></td>
</tr>
<tr>
<td height="30">Nama Barang</td>
<td> : </td>
<td><input type="text" name="namabarang" value="<?php
echo "$sql[namabarang]";?>" /></td>
</tr>
<tr>
<td height="30">Satuan</td>
<td> : </td>
<td> <input type="text" name="satuan" value="<?php
echo "$sql[satuan]";?>" /></td>
</tr>
<tr>
<tr>
<td> : </td>
<td><input type="text" name="harga" value="<?php echo
"$sql[harga]";?>"/></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> <input type="submit" name="submit" value="Simpan"
/></td>
</tr>
</table>
</form>

</div>
</div>
</body>
</html>
28. PROSES_EDIT_HARGA.PHP
<?php
session_start();
$id=$_POST['id'];
$nomor=$_POST['nomor'];
$namabarang=$_POST['namabarang'];
$satuan=$_POST['satuan'];
$harga =$_POST['harga'];
$query ="update harga set nomor='$nomor',

namabarang='$namabarang', satuan='$satuan',
harga='$harga' where id='$id'";
$sql =mysql_query($query);
if($sql){
echo"sukses";
header("location:
index_admin.php?slink=harga_admin.php");
}
else{
echo"<h4 align=\"center\">Data Gagal Di Insert</h4>";
header("location:
index_admin.php?slink=harga_admin.php?id=$id");

}
?>
29. HAPUS_HARGA.PHP
<?php
$id=$_GET['id'];
$sql = "delete from harga where id='$id'";
$hasil= mysql_query($sql);
if(!$hasil){
echo "GAGAL MENDELETE DAFTAR HARGA";
}
else {
header
("location:index_admin.php?slink=harga_admin.php");
}
?>

SURAT KETERANGAN
Hasil Uji Program Tugas Akhir
Yang bertanda tangan di bawah ini, menerangkan bahwa Mahasiswa Tugas Akhir
Program Diploma III Teknik Informatika :
Nama : Tika Puspita Sari

NIM : 102406080
Program Studi : D-III Teknik Informatika
Judul Tugas Akhir : Sistem Informasi dan Pemesanan Jasa Percetakan Berbasis
Web dengan menggunakan PHP dan MySQL
Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut di atas pada
tanggal Juni 2013
Dengan Hasil : SUKSES / GAGAL
Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja

Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU
Medan.
Medan, Juni 2013

Dosen Pembimbing
Program Studi D-III Teknik Informatika
Drs. Faigiziduhu Bu’ulolo, M.Si

NIP. 19531218 198003 1 003

KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN
Jl. Bioteknologi No. 1 Kampus USU MEDAN - Telp/Fax. 061-8214290
KARTU BIMBINGAN TUGAS AKHIR MAHASISWA
Nama Mahasiswa : Tika Puspita Sari

Nomor Induk Mahasiswa : 102406080
Judul Tugas Akhir : Sistem Informasi dan Pemesanan Jasa Percetakan
Berbasis Web dengan menggunakan PHP dan MySQL.
Dosen Pembimbing : Drs. Faigiziduhu Bu’ulolo, M.Si
Tanggal Mulai Bimbingan :
Tanggal Selesai Bimbingan :
No. Tanggal Pembahasan Pada Paraf Dosen Keterangan

Asistensi Asistensi Mengenai Pembimbing
Bimbingan Pada Bab
1.
2.
3.
4.
5.
6.
7.
8.
* Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan telah selesai.
Diketahui/Disetujui oleh
Departemen Matematika FMIPA USU Pembimbing,
Ketua,
Prof. Dr. Tulus, M.Si., P.hD Drs. Faigiziduhu Bu’ulolo, M.Si

NIP. 19620901 198803 1 002 NIP. 19531218 198003 1 003

7084 PDF

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

7084 PDF

Diunggah oleh

Hak Cipta:

Format Tersedia

SISTEM INFORMASI DAN PEMESANAN JASA PERCETAKAN

BERBASIS WEB DENGAN MENGGUNAKAN

TIKA PUSPITA SARI

PROGRAM STUDI D-3 TEKNIK INFORMATIKA

Universitas Sumatera Utara

TIKA PUSPITA SARI

PROGRAM STUDI D-3 TEKNIK INFORMATIKA

Universitas Sumatera Utara

Judul : SISTEM INFORMASI DAN PEMESANAN JASA

Kategori : TUGAS AKHIR

Prof. Dr. Tulus, M.Si., P.hD Drs. Faigiziduhu Bu’ulolo, M.Si

Universitas Sumatera Utara

SISTEM INFORMASI DAN PEMESANAN JASA PERCETAKAN

Medan, Juli 2013

TIKA PUSPITA SARI

Universitas Sumatera Utara

Bismillahirrahmanirrahim. Alhamdulillahirabbilalamin, puji dan syukur penulis

Terimakasih penulis sampaikan kepada Bapak Drs. Faigiziduhu Bu’ulolo, M.Si

Universitas Sumatera Utara

Universitas Sumatera Utara

Bab 2 Landasan Teori 9

Bab 3 Perancangan Sistem 25

Bab 4 Implementasi Sistem 38

Universitas Sumatera Utara

Bab 5 Kesimpulan dan Saran 50

Universitas Sumatera Utara

Tabel 3.1 Tabel Simbol Data Flow Diagram 26

Universitas Sumatera Utara

Gambar 3.1 Data Flow Diagram (DFD) 27

Universitas Sumatera Utara

Universitas Sumatera Utara

1.1 Latar Belakang

Perkembangan dunia komputer yang semakin kompleks mendorong setiap individu

dapat bergabung di internet.

Pengembangan jaringan komunikasi data antar komputer menjadikan internet

dasarnya adalah media yang digunakan untuk mengefesienkan proses komunikasi.

Perkembangan internet tidak hanya untuk sarana informasi maupun entertainment

namun saat ini banyak digunakan untuk transaksi secara online.

Sektor bisnis merupakan sektor yang paling terkena dampak dari

perkembangan teknologi informasi dan telekomunikasi. Hal ini sangat

Universitas Sumatera Utara

memiliki berbagai keuntungan dan kelebihan dibandingkan bisnis konvensional.

Salah satu aplikasinya yaitu World Wide Web (www). Di awal

Dengan meluasnya perdagangan global, tidak cukup bagi perusahaan hanya

dengan mengandalkan iklan dan selebaran untuk memajukan bisnis yang

dijalankannya. Saat ini fenomena memperlihatkan paradigma yang semakin bergeser

fisik, namun cukup melaksanakan ritual di depan komputer dengan konektivitas

memuaskan kebutuhan pelanggannya.

Percetakan Online ini banyak menyediakan kemudahan dan kelebihan jika

Universitas Sumatera Utara

yang akan dibeli.

Untuk tugas akhir, penulis mengajukan judul “SISTEM INFORMASI DAN

PEMESANAN JASA PERCETAKAN BERBASIS WEB DENGAN

MENGGUNAKAN PHP DAN MYSQL”.

1.2 Rumusan Masalah

Berdasarkan uraian di atas yang menjadi masalah adalah bagaimana membuat,

“nilai jual” tersendiri.

1.3 Batasan Masalah

1. Sistem penjualan berbasis web ini hanya digunakan untuk kepentingan

penyampaian data dan informasi kepada penggunanya.

2. Website ini menampilkan informasi tentang penjualan jasa percetakan tersebut

(profil penjualan, jenis dan harga barang, layanan contact us).

Universitas Sumatera Utara