Sistem Informasi Dan Pemesanan Jasa Percetakan Berbasis Web Dengan Menggunakan Php Dan Mysql

(1)

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


(2)

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

PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN 2013


(3)

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


(4)

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


(5)

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.


(6)

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.


(7)

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


(8)

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


(9)

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


(10)

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


(11)

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.


(12)

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


(13)

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


(14)

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


(15)

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


(16)

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.6Metodologi 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.


(17)

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:


(18)

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.


(19)

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


(20)

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.


(21)

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.


(22)

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


(23)

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


(24)

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


(25)

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.


(26)

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


(27)

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.


(28)

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.


(29)

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.


(30)

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


(31)

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.


(32)

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


(33)

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


(34)

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.


(35)

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


(36)

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)


(37)

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:


(38)

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

Field Name Type Width Description

id Int 10 Primary key, Auto increment nama Varchar 50 Nama Pelanggan

email Varchar 60 Email Pelanggan komentar Text - Komentar Pelanggan


(39)

c. Tabel Undangan

Tabel 3.4 Tabel Undangan

Field Name Type Width Description

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

Field Name Type Width Description

id Int 10 Auto increment

nama barang Varchar 25 Nama Produk satuan Varchar 20 Satuan Produk


(40)

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

Terminal point symbol

Simbol titik terminal yang digunakan pada awal dan akhir suatu proses.

Input/Output symbol

Simbol input/output digunakan untuk mewakili data input/output

Process symbol

Simbol proses digunakan untuk menunjukkan pengeluaran yang dilakukan oleh komputer


(41)

Predefined process symbol

Simbol proses definisi yang digunakan untuk menunjukkan suatu operasi yang rinciannya ditunjukkan di tempat lain

Connector symbol

Simbol penghubung yang digunakan untuk menunjukkan sambungan dari bagan alir yang terputus di halaman yang masih sama

Off line connector symbol

Simbol pemutus hubungan yang digunakan untuk masuk dan keluarnya suatu prosedur pada lembar kertas yang lain

Magnetic disk symbol

Simbol magnetic yang digunakan untuk menunjukkan database yang dipakai dalam program

Decision symbol

Simbol persiapan yang digunakan untuk penyeleksian kondisi di dalam program


(42)

Document symbol

Simbol dokumen yang merupakan simbol untuk menunjukkan data yang berbentuk kertas maupun informasi

Connector symbol

Arus/flow dari prosedur yang dapat dilakukan dari atas ke bawah, dari bawah ke atas, dari kiri ke kanan dan sebaliknya

Display symbol

Display, untuk output yang ditunjukkan suatu device, seperti pada monitor.

Preparation symbol

Preparation, suatu simbol untuk menyediakan tempat-tempat pengolahan data dalam strorage.


(43)

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


(44)

2. Flowchart Login

Tidak

Ya

Tidak

Ya

Gambar 3.3 Flowchart Login Start

Halaman Admin

Login

Halaman Login

Input user ID dan Password

Status = Administrator

Halaman Utama Admin

Keluar

End

User ID atau Password salah


(45)

3. Flowchart Menu Utama Admin

t

y y

t t y

t y

t

y

t

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


(46)

4. Flowchart Undangan Admin

y t

y t

Gambar 3.5 Flowchart Undangan Admin A

Tampilan Menu Insert / Edit / Hapus data

Insert

Edit

Hapus

Form Tambah Undangan

Form Edit Undangan

Simpan


(47)

5. Flowchart Price List

y

t

y t

t

Gambar 3.6 Flowchart Price List B

Tampilan Menu Insert / Edit / Hapus data

Insert

Edit

Hapus

Form Tambah Price List

Form Edit Price List

Simpan


(48)

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.


(49)

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


(50)

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.


(51)

4.4 Tampilan Website

4.4.1 Tampilan MenuHome

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.


(52)

4.4.2 Tampilan Menu Undangan

Halaman menu undangan ini merupakan halaman yang menampilkan beberapa produk undangan.


(53)

4.4.3 Tampilan Menu Price List

Halaman menu price list ini merupakan halaman yang menampilkan daftar harga produk yang dijual.


(54)

4.4.4 Tampilan MenuAbout

Halaman menu about ini merupakan halaman yang menampilkan tentang usaha yang dijalankan dan prinsip kerja.


(55)

4.4.5 Tampilan MenuContact

Halaman menu contact ini merupakan halaman yang menampilkan alamat usaha beserta nomor yang dapat dihubungi untuk memesan barang.


(56)

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.


(57)

4.4.7 Tampilan MenuOrder 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.


(58)

4.4.8 Tampilan MenuGuest 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.


(59)

4.4.9 Tampilan Login

Halaman ini hanya dapat di akses oleh administrator untuk mengolah dan memperbarui data.


(60)

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.


(61)

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.


(62)

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.


(63)

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>&nbsp;</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>


(64)

<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>&nbsp;</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>&nbsp;</td>


(65)

<td class="calender"><div align="center">.:: KALENDER ::.</div></td>

<td>&nbsp;</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> &copy; 2013 By Tika Puspita Sari</td> <td><a href="https://twitter.com/kaTigka"><img src="banner/twitter.png" style="width:40px; height:40px"; /></a>&nbsp;<a


(66)

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>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td>


(67)

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


(68)

</center> </body> </html>

3. UNDANGAN.PHP

<html> <head>

<title>Undangan</title>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

<body>

<p align="center" ; class="padding"><strong><font size="+1"><font color="#000033">&raquo; Koleksi Kartu Undangan &laquo;</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"


(69)

<div class='image'>

<img src='undangan/$sql[gambar]' width=180 height=300'/>

</div>

<div class='kode' align='left'> <span>Kode:&nbsp; $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>


(70)

</body> </html>

4. HARGA.PHP

<html> <head>

<title></title>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

<body>

<br /><br />

<p align="center" ; class="padding"><strong><font size="+1"><font color="#000033">&raquo; Daftar Harga &laquo;</font></font></strong><br /><br /><br /><br /><br />

<?php

include"config.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";


(71)

?>

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


(72)

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

<title>Aulia Percetakan</title>

<link rel="stylesheet" type="text/css" href="style.css">


(73)

<body>

<td>&nbsp;</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> &bull; Kop surat</br>

&bull; Kartu nama</br> &bull; Kartu undangan</br>


(74)

&bull; Brosur</br> &bull; Buku</br> &bull; Majalah</br> &bull; Kalender</br> &bull; Flyer</br> &bull; Stempel</br> &bull; Kwitansi</br> &bull; Stiker</br> &bull; Spanduk</br> &bull; Faktur</br> &bull; Nota</br>

&bull; Sablon</br></br>

<p align="center" ; class="padding"><strong><font size="+1"><font color="#000033"><b>Prinsip

Kami</b></font></font></strong></br></br>

<p class="padding"><font color="#CC0000">&bull; 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">&bull; 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


(75)

disiplin dengan sendirinya menjadi napas dalam kehidupan perusahaan kami.</b></br></br>

<font color="#CC0000">&bull; 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>

<title>Aulia Percetakan</title>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

<body>

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

<p align="center"; class="padding"><strong><font size="+1"><font color="#000033">&raquo; Contact Us &laquo;</font></font></strong></br></br></br></br>

<p align="justify"> Customers dapat memesan dengan proses yang mudah dan cepat. </br></br>


(76)

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>

<title>Aulia Percetakan</title>

<link rel="stylesheet" type="text/css" href="style.css">


(77)

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

.style3{ font-size:14px; font-family: Arial, Helvetica, sans-serif}

-->

</style> </head>

<body>

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

<p align="center" ; class="padding"><strong><font 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


(78)

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


(79)

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


(80)

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>


(81)

<html> <head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Buku Tamu</title> </head>

<body>

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

<p align="center" ; class="padding"><strong><font face="Courier New, Courier, monospace"><font

size="+1"><font color="#000033">&raquo; GUEST BOOK &laquo;</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>


(82)

<tr>

<td>Komentar</td>

<td><textarea name="komentar" cols="50" rows="5" id="textarea"></textarea></td>

<td>&nbsp;</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]

"; } ?>


(83)

</textarea></center> </td>

</form> </body>

10. SAVE_BK_TAMU.PHP

<?

include "config.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>";


(84)

} ?>

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


(85)

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

padding:3px; border:0px solid #666;

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;


(86)

.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; 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){


(1)

<body> <?php

error_reporting(0); include'config.php'; $id=$_GET['id'];

$query=mysql_query("select * from harga where id='$id'");

$sql=mysql_fetch_array($query); ?>

</br>

<p align="center" ; class="padding"><strong><font size="+1"><font color="#000033">- Edit Harga - </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;">

<div class="wrapper">

<form action="proses_edit_harga.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 height="30"></td>

<td width="300"><input type="hidden" name="id" value="<?php echo "$sql[id]";?>" /></td>


(2)

<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 height="30">Harga</td> <td> : </td>

<td><input type="text" name="harga" value="<?php echo "$sql[harga]";?>"/></td>

</tr> <tr>

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

<td> <input type="submit" name="submit" value="Simpan" /></td>

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


(3)

</div> </div> </body> </html>

28. PROSES_EDIT_HARGA.PHP

<?php

include'config.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:


(4)

} ?>

29. HAPUS_HARGA.PHP

<?php

include "config.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"); }


(5)

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


(6)

KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN UNIVERSITAS SUMATERA UTARA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM DEPARTEMEN MATEMATIKA

PROGRAM STUDI D-3 TEKNIK INFORMATIKA 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 Asistensi Bimbingan

Pembahasan Pada Asistensi Mengenai

Pada Bab

Paraf Dosen Pembimbing

Keterangan

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