Rancang Bangun Sistem Penjualan Komputer Beserta Hardware Berbasis Web

(1)

RANCANG BANGUN SISTEM PENJUALAN KOMPUTER BESERTA

HARDWARE BERBASIS WEB

TUGAS AKHIR

CHRISMAN GULTOM 102406277

PROGRAM STUDI D3 TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

(2)

RANCANG BANGUN SISTEM PENJUALAN KOMPUTER BESERTA

HARDWARE BERBASIS WEB

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya

CHRISMAN GULTOM 102406277

PROGRAM STUDI D3 TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

(3)

PERSETUJUAN

Judul : RANCANG BANGUN SISTEM

PENJUALAN KOMPUTER BESERTA

HARDWARE BERBASIS WEB.

Kategori : TUGAS AKHIR

Nama : CHRISMAN GULTOM

Nomor Induk Mahasiswa : 102406277

Program Studi : D3 TEKNIK INFORMATIKA

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU

PENGETAHUAN ALAM (MIPA)

UNIVERSITAS SUMATERA UTARA

Diluluskan di Medan, Juni 2013

Diketahui/ disetujuin oleh Pembimbing I Departemen Matematika FMIPA USU

Ketua,

Prof.Dr.Tulus,VordipL.Math.,M.Si.,Ph.D Syahriol Sitorus, S.Si, M. IT NIP. 19620901 198803 1 002 NIP. 19710310 199703 1 004

(4)

PERNYATAAN

RANCANG BANGUN SISTEM PENJUALAN KOMPUTER BESERTA

HARDWARE BERBASIS WEB

TUGAS AKHIR

Saya mengaku bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, Juni 2013

CHRISMAN GULTOM 102406277

(5)

PENGHARGAAN

Puji dan syukur penulis panjatkan kehadirat Tuhan Yang Maha Kuasa, yang telah melimpahkan karunia-Nya dalam mengerjakan tugas akhir ini. Karena berkat-Nya pula penulis dapat menyelesaikan Tugas Akhir dengan judul “RANCANG BANGUN SISTEM PENJUIALAN KOMPUTER BESERTA HARDWARE

BERBASIS WEB”. Tujuan Penyusunan Tugas Akhir ini adalah untuk memenuhi syarat kelulusan bagi setiap mahasiwa program studi D-III Teknik Informatika di Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

Terimakasih penulis sampaikan kepada Syahriol Sitorus, S.Si, M. IT selaku dosen pembimbing Tugas Akhir yang sudah mengarahkan penulis dalam mengerjakan Tugas akhir ini, Dr. Sutarman, M.Sc. selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alama Universitas Sumatera Utara, Pembantu Dekan Dekan Fakultas Matematika dan Ilmu Pengetahuan Alama Universitas Sumatera Utara, Prof. Dr. Tulus, VordipL. Math., M.Si Ph. D selaku ketua departemen Matematika, Drs. Bambang Irawan, M.Sc selaku dosen wali yang banyak membantu penulis dalam menjalani perkuliahan di kampus, semua dosen Departemen Matematika FMIPA beserta para staf Pegawai, Sahabat-sahabat seperjuangan penulis mahasiswa D-III TI angkatan 2010. Terkhusus kepada kedua orang tua dan keluarga penulis yang telah memberi dukungan moril dan materi hingga akhirnya penulis dapat menyelesaikan tugas akhir ini tepat pada waktunya.

Penulis menyadari Tugas Akhir ini masih jauh dari sempurna, oleh sebab itu penulis mengharapkan saran dan kritik yang membangun dari semua pihak sebagai bahan evaluasi bagi penulis. Akhir kata Penulis berharap, semoga Tugas Akhir ini memberi manfaat bagi penulis dan juga kepada pembaca.

(6)

ABSTRAK

Tugas Akhir ini merancang suatu aplikasi penjualan komputer secara online yang bermanfaat untuk menawarkan dan menyebarkan informasi yang baik dengan cepat dan mudah, dan juga melalui kajian ini diharapkan dapat memberi inspirasi kepada pembaca untuk mencoba bisnis penjualan komputer secara online sehingga membukan lapangan kerja baru dan mendapatkan penghasilan tambahan. Perancangan sistem dalam merancang penjualan komputer secara online dikembangkan dengan menggunakan bahasa pemrograman PHP dan database MySQL serta menggunakan editor Dreamweaver. Sistem penjualan online ini meliputi pendaftaran pelanggan, pemberitahuan informasi terbaru dan pembelian barang. Pengaturan situs oleh admin baik proses pengamanan berbagai data, pengiriman barang, penjualan barang, penambahan barang, dan transaksi penjualan. Semua hal tersebut digunakan untuk menampung data – data yang diperlukan dan memperlancar sistem ini.

(7)

DAFTAR ISI

Halaman

Persetujuan ii

Pernyataan iii

Penghargaan iv

Abstrak v

Daftar Isi vi

Daftar Tabel ix

Daftar Gambar x

BAB 1 PENDAHULUAN

1.1 Latar Belakang Masalah 1

1.2Perumusan Masalah 2

1.3Batasan Masalah 2

1.4Metode Penelitian 3

1.5Tujuan Penelitian 4

1.6Manfaat Penelitian 4

1.7Tinjauan Pustaka 4

1.8Tahapan Perancangan Sistem 5

1.9Sistematika Penulisan 6

BAB 2 LANDASAN TEORI

2.1Definisi Sistem 8

2.2Pengertian Penjualan 8

2.3Definisi Electronic Commerce (e-commerce) 8

2.4Pengertian Komputer 9

2.5Pengertian Hardware 10

2.6Pengertian Internet 10

2.7Website (web) 11

2.7.1 Sejarah World Wide Web 12

2.8 Xampp 12

2.9 Apache 13

2.10 MySQL 14

2.11 Perl 16

2.12 HTML 16

2.13 PHP 17

2.14 Penggabungan Script PHP dan HTML 18

2.15 CSS 19

2.16 Javascript 20

2.16.1 Kelebihan Javascript 22

2.17 Adobe Dreamweaver 22

2.18 Flowchart 23

(8)

BAB 3 ANALISIS DAN PERANCANGAN SISTEM

3.1Analisis Sistem 27

3.2Perancangan Struktur Web 27

3.3Perancangan Sistem 29

3.3.1 Data Flow Diagram (DFD) 29

3.3.1.1 Diagram konteks 30

3.2.3.2 Diagram Level Zero 30

3.4 Perancangan Database 31

3.4.1 Entity Relationship Diagram (ERD) 31

3.4.2 Normalisasi 32

3.4.2.1 Unnormalized Form (UNF) 32 3.4.2.2 First Normal Form (1NF) 34 3.4.2.3 Second Normal Form (2NF) 35 3.4.2.4Third Normal Form (3NF) 36

3.5 Flowchart 37

3.5.1 Flowchart Halaman Utama 37

3.5.2 Flowchart Admin 41

3.6 Desaian Database 42

3.6.1 Tabel Barang 42

3.6.2 Tabel Kota 43

3.6.3 Tabel Krbelanja 44

3.6.4 Tabel Lapbelanja 44

3.6.5 Tabel Users 45

3.6.6 Tabel Inbox 46

BAB 4 IMPLEMENTASI SISTEM

4.1Pengertian Implementasi Sistem 47

4.2Tujuan Implementasi Sistem 47

4.3Tahapan Implementasi Sistem 47

4.4Komponen Utama Kebutuhan Sistem 48

4.4.1 Hardware 49

4.4.2 Software 50

4.4.3 Brainware 51

4.5Database PhpMyAdmin 51

4.6Gambaran Aplikasi Pada Sistem 52

4.6.1 Administrator 53

4.6.2 Member 53

4.6.2.1 Form Index Member 53

4.6.2.2 Form Cart 55

4.6.2.3 Form Cara Pembayaran 57

4.7 Form User 58

4.7.1 Form Index 58

4.7.2 Form About Us 60

(9)

4.7.4 Form Cara Pembayaran 61

4.7.5 Form Login 62

4.7.6 Halaman Pendaftaran 62

BAB 5 KESIMPULAN DAN SARAN

5.1Kesimpulan 64

5.2Saran 65

Daftar Pustaka Lampiran: Listing Program

(10)

DAFTAR TABEL

Tabel 3.1 Bentuk UNF 33

Tabel 3.2 Bentuk 1NF 34

Tabel 3.3 Bentuk 2NF 35

Tabel 3.4 Bentuk 3NF 36

Tabel 3.5 Tabel Barang 43

Tabel 3.6 Tabel Kota 43

Tabel 3.7 Tabel Keranjang Belanja 44

Tabel 3.8 Tabel Laporan Belanja 44

Tabel 3.9 Tabel Users 45

(11)

DAFTAR GAMBAR

Gambar 2.1 Simbol – Simbol Flowchart 26

Gambar 2.2 Simbol DFD 26

Gambar 3.1 Rancangan Halaman Web Untuk User Biasa 28 Gambar 3.2 Rancangan Halaman Web Untuk Member 28 Gambar 3.3 Rancangan Halaman Web Untuk Administrator 29

Gambar 3.4 Diagram Konteks 30

Gambar 3.5Diagram Level Nol 31

Gambar 3.6 Entity Relationship Data (ERD) Database 32

Gambar 3.7 Flowchart Halaman Utama 38

Gambar 3.8 Flowchart Index 39

Gambar 3.9 Flowchart Register 39

Gambar 3.10 Flowchart About Us 40

Gambar 3.11 Flowchart Contact Us 40

Gambar 3.12 Flowchart Cart 41

Gambar 3.13 Flowchart Administrator 42

Gambar 4.1 Tampilan Database Pada Browser 52

Gambar 4.2 Form Admin 53

Gambar 4.3 Form Index Pada Member 54

Gambar 4.4 Isi Dari Category 54

Gambar 4.5 Isi Dari Top Brands Dekstop 55

Gambar 4.6 Form Cart 56

Gambar 4.7 Tampilan Checkout 56

Gambar 4.8 Tanda Bukti Pembelian 57

Gambar4.9 Form Cara Pembayaran 58

Gambar 4.10 Form Index Atas 59

Gambar 4.11 Form Index Bawah 59

Gambar 4.12 Form About Us 60

Gambar 4.13 Form Contact Us 61

Gambar 4.14 Form Cara Pembayaran 61

Gambar 4.15 Tampailan Halaman Login 62

(12)

ABSTRAK

(13)

BAB 1

PENDAHULUAN

1.1 Latar Belakang Masalah

Semakin berkembangnya teknologi informasi seperti sekarang ini, mendorong munculnya perangkat – perangkat teknologi informasi, hal ini seringkali di kaitkan dengan perkembangan komputer yang kian hari kian mengalami peningkatan. Munculnya komputer dengan berbagai merk dan kualitas serta variasi harga yang semakin kompetitif baik produksi dalam negeri maupun produksi luar mengakibatkan meningkatnya minat daya beli masyarakat.

Bertambahnya daya beli masyarakat terhadap komputer ternyata dimanfaatkan dengan bertambahnya penyedia perangkat komputer atau dengan kata lain hal ini mengenai bertambahnya bisnis dibidang penjualan komputer.

Bisnis komputer yang dulunya menjual produk – produknya secara konvensional melalui toko – tokonya kini dianggap tidak efisien dan praktis lagi karena keterbatasan tempat dan waktu sehingga muncullah metode baru yang sekarang berkembang pesat yaitu secara online. Hanya perlu mengakses internet,

user dapat mencari situs toko komputer online dan dapat melakukan transaksi jual beli secara online. Bisnis ini juga telah banyak memunculkan usahawan baru sehingga menciptakan lapangan kerja.

Berdasarkan uraian diatas, penulis tertarik untuk membuat suatu situs bisnis secara online dengan judul “RANCANG BANGUN SISTEM

(14)

PENJUALAN KOMPUTER BESERTA HARDWARE BERBASIS WEB”.

1.2 Perumusan Masalah

Perancangan situs ini pada dasarnya adalah sebuah website (homepage) yang berisi katalog barang yang dijual, dimana pembeli dapat membeli barang yang dibutuhkan tanpa harus mengunjungi toko tersebut. Sistem katalog dan pemesanan barang ini adalah sebuah aplikasi basis data yang terkoneksi ke sebuah server basis data. Dengan mengaplikasikan situs ini, maka konsumen dapat mengetahui barang yang ditawarkan toko tersebut.

1.3 Batasan Masalah

Untuk lebih memfokuskan permasalahan maka permasalahan dapat dibatasi sebagai berikut :

1. Data produk yang tersedia.

2. Bagaimana mempermudah pemilihan komputer berdasarkan kebutuhan penggunanya dan berdasarkan biaya yang akan dikeluarkan oleh si calon pengguna.

3. Web ini akan menampilkan komponen – komponen komputer dengan menampilkan harga sesuai harga pasar.

4. Produk yang ada di web ini dapat terus di-update (diperbaharui) dengan mudah dengan waktu yang diinginkan dan informasi dapat tersaji dengan baik dan benar.

5. Aplikasi ini dibangun menggunakan bahasa pemrograman PHP versi 5.4.7 dan di bantu dengan bahasa pemrograman javascript untuk mempercantik

(15)

tampilan.

6. Web Server yang digunakan adalah Apache versi 2.4.3.

7. Database Management System yang digunakan adalah MySQL versi 5.0 8. Perangkat lunak yang digunakan dalam merancang aplikasi ini adalah

XAMPP 1.8.1 dengan editor Notepad++ 6.1.8 atau dreamweaver.

9. Lingkungan perancangan yang digunakan penulis adalah pada sistem operasi windows xp

1.4 Metode Penelitian

Adapun metodologi penelitian yang dilakukan penulis antara lain: 1. Penelitian Kepustakaan

Penulis menggunakan buku yang memuat tentang sistem e-commerce, PHP, dan MySQL.

2. Penelitian Lapangan

Metode yang dilakukan oleh penulis secara langsung ke lapangan yang merupakan sumber data yang diperoleh sesuai dengan kebutuhan yang digunakan.

3. Penelitian Literatur

Metode yang dilakukan oleh penulis dengan mengunjungi dan mempelajari situs – situs yang berhubungan dengan Tugas Akhir penulis, seperti situs pada sebuah toko online.

4. Data – data yang diperoleh kemudian diolah untuk dianalisis.

Perancangan sistem menggunakan bahasa pemrograman HTML,PHP,dll serta menggunakan database MYSQL.

(16)

5. Melakukan pengujian terhadap program.

1.5 Tujuan Penelitian

Adapun tujuan dari pembuatan proposal Tugas Akhir ini yaitu merancang dan membangun web dalam mendukung keputusan guna membantu memudahkan pembelian komputer berdasarkan beberapa kriteria-kriteria sehingga didapatkan alternative terbaik yang sesuai dengan kebutuhan penggunannya.

1.6 Manfaat Penelitian

Adapun manfaat penelitian ini adalah sebagai berikut :

1. Menyediakan sebuah web dimana para pelanggan berbelanja melakukan transaksi darimanapun dan kapanpun berada.

2. Menyediakan sebuah web yang dinamis dimana membantu para user dalam mencari jenis komputer beserta aksesorisnya sesuai dengan kualitas maupun harga.

3. Pembuatan laporan mengenai data – data toko yang lebih realtime.

1.7 Tinjauan Pustaka

Ada banyak perangkat lunak yang dapat digunakan untuk merancang suatu situs

e – commerc (jual beli), baik untuk perancangan tampilan sebagai interface terhadap user, pembuatan database dan untuk pembuatan program itu sendiri. Dalam hal ini, penulis memilih bahasa pemrograman PHP dan MySQL sebagai database serta Adobe Dreamweaver CS3 sebagai editor.

(17)

Alasan penulis menggunakan perangkat lunak tersebut, yaitu:

1. Pemrograman PHP mudah dibuat dan mempunyai kecepatan akses yang tinggi.

2. Bahasa pemrograman PHP merupakan bahasa yang dapat diletakkan dalam tag HTML (bersifat embded side scripting).

3. Sistem Database yang didukung oleh PHP banyak.

1.8 Tahapan Perancangan Sistem

Dalam membuat suatu sistem haruslah dijalankan terlebih dahulu langkah – langkah atau tahapan dari sistem yang akan dirancang, sehingga dapat tercapai sistem yang diharapkan.

Tahap – tahap yang dilakukan dalam pembuatan sistem ini terdiri dari : 1. Rencana kebutuhan

Penulis mengkaji buku-buku yang berkaitan dengan perangkat lunak, seperti: Sistem Penjulan Berbasis Web serta artikel yang ada hubungannya dengan tugas akhir.

2. Proses desain

Penulis mendesain sistem yang akan dibuat. 3. Implementasi

(18)

1.9 Sistematika Penulisan

Sistematika penulisan tugas akhir ini dibagi menjadi 5 (lima) yaitu sebagai berikut:

BAB 1 Pendahuluan

Bab ini berisi tentang latar belakang permasalahan, perumusan masalah, batasan masalah, metode pengerjaan, tujuan, manfaat, tinjauan pustaka, tahapan perancangan, sistematika penulisan tugas akhir.

BAB 2 Landasan Teori

Bab ini mengungkapkan tentang konsep dasar dan teori yang mendukung pembahasan untuk tema penulisan ini.

BAB 3 Perancangan Sistem

Bab ini membahas perancangan aplikasi untuk memberikan informasi transaksi yang akurat, efisien dalam hal ini kecepatan, ketelitian, dan kelengkapan pelaporan manajemen.

BAB 4 Implementasi Sistem

Bab ini akan membahas analisa hasil dan pembahasan aplikasi untuk memberikan informasi transaksi yg akurat yang dirancang terlebih dahulu, pembuatan program yang diusulkan, tampilan interface program dan pengujian aplikasi.

(19)

BAB 5 Kesimpulan dan Saran

Bab ini berisikan kesimpulan dari bab-bab sebelumnya, sehingga dari kesimpulan tersebut penulis mencoba memberikan saran yang berguna untuk melengkapi dan penyempurnaan pengembangan aplikasi ini dimasa yang akan datang.

(20)

BAB 2

LANDASAN TEORI

2.1 Defenisi Sistem

Dalam mendifinisikan suatu sistem terdapat dua kelompok pendekatan sistem, yaitu sistem yang lebih menekankan pada prosedur dan elemennya. Berdasarkan prosedur sistem didefinisikan sebagai suatu urut – urutan yang tepat dari tahapan – tahapan instruksi yang menerangkan apa yang harus dikerjakan, siapa yang mengerjakan, kapan dikerjakan, dan bagaimana mengerjakannya (Gerald .J.,1991). Berdasarkan elemen sistem didefinisikan sebagai bagian – bagian yang saling berkaitan yang beroperasi bersama untuk mencapai beberapa sasaran atau maksud.

2.2 Pengertian Penjualan

Penjualan adalah suatu sistem keseluruhan dari kegiatan usaha yang ditujukan untuk merencanakan, menentukan harga, mempromosikan, dan mendistribusikan barang, jasa, ide kepada pasar sasaran agar dapat mencapai tujuan organisasi. (Basu Swastha, 1989).

2.3 Defenisi Electronic Commerce (E-Commerce)

Elektronik commerce (e-commerce) merupakan suatu konsep baru dalam menggambarkan proses jual beli suatu barang maupun jasa pada World Wide Web

(21)

Internet (shim, Quareshi, Siegell, 2000) atau proses jual – beli atau pertukaran produk (turban, Lee, King, Chung, 200)

2.4 Pengertian Komputer

Istilah komputer diambil dari bahasa latin Computere yang berarti menghitung (to compute atau reekon).

Berikut ini beberapa definisi tentang komputer yang disajikan oleh berbagai buku komputer dari beberapa pakar para ahli yang dikutip oleh Jogianto Hartono, yaitu: Menurut Robert H. Blissmer dalam bukunya yang berjudul Computer Annual mendefinisikan komputer sebagai suatu alat elektronik yang mampu melakukan beberapa tugas sebagai berikut:

1. menerima input.

2. memproses input tadi sesuai dengan programnya.

3. menyimpan perintah-perintah dan hasil dari programnya.

4. menyediakan output dalam bentuk informasi (Robert H. Blissmer dalam Hartono, 2004:1) .

Berdasarkan uraian diatas, dapat disimpulkan bahwa komputer adalah sekumpulan alat elektronik yang saling bekerja sama, dapat menerima data (input), mengolah data (proses) dan memberikan informasi (output) serta terkoordinasi dibawah kontrol program yang tersimpan di memorinya.

Disamping pandangan pengertian komputer menurut Robert H. Blissmer, juga diartikan pengertian komputer menurut Gordon B. Davis yang dikutif oleh Jogianto Hartono bahwa komputer adalah tipe khusus alat penghitung yang mempunyai sifat tertentu yang pasti. Pengertian komputer tersebut dapat

(22)

disimpulkan bahwa komputer hanyalah seperangkat alat elektronik memiliki fungsi dan kegunaan tertentu yang dapat mempercepat dan mempermudah dalam memproses data.

Selain definisi komputer diatas, menurut Jogianto Hartono bahwa komputer adalah:

1. Alat elektronik.

2. Dapat menerima input data. 3. Dapat mengolah data.

4. Dapat memberikan informasi .

5. Menggunakan suatu progaram yang tersimpan di memori komputer (stored program).

6. Dapat menyimpan program dan hasil pengolahan. 7. Bekerja secara otomatis (Hartono, 2004:2).

Dari definisi diatas dapat disimpulkan komputer adalah suatu alat mekanik berupa elektronik untuk membantu manusia dalam penghitungan dan pengolahan data supaya bisa mendapatkan hasil lebih cepat.

2.5 Pengertian Hardware

Hardware (perangkat keras atau piranti keras) adalah peralatan di sistem komputer yang secara fisik terlihat dan dapat dijamah.

2.6 Internet

Internet (akronim dari interconnection-networking) adalah seluruh jaringan komputer yang saling terhubung menggunakan standar sistem global

(23)

Transmission Control Protocol/Interne Protocol Suite (TCP/IP) sebagai protokol pertukaran paket (packet switching communication protocol) untuk melayani miliaran pengguna di seluruh dunia (Wikipedia).

2.7 Website (web)

World Wide Web (www), lebih dikenal dengan web, merupakan salah satu layanan yang didapat oleh pemakai komputer yang terhubung ke internet.

Dengan menggunakan teknologi hyperteks, pemakai dituntun untuk menemuka informasi dengan mengikuti link yang disediakan dalam dokumen web yang ditampilkan dalam browser web.

Pada awalnya web adalah ruang informasi dalam internet, dengan menggunakan teknologi hyperteks, pemakai dituntun untuk menemukan informasi dengan mengikuti link yang disediakan pada browser web.

Kini internet identik dengan web, karena kepopuleran web sebagai standar interface pad layanan – layanan yang ada di internet, dari awalnya sebagai penyedia informasi, kini digunakan juga untuk berkomunikasi dari email sampai dengan chating, sampai dengan melakukan transaksi – bisnis/jual – beli (e-commerce).

Web memudahkan pengguna komputer untuk berinteraksi dengan pelaku internet lainnya dan menelusuri informasi di internet.

(24)

2.7.1 Sejarah World Wide Web

Pada tahun 1993, Tim berners-lee dan peneliti lain di European Particle Physics Labs yang berada di Geneva, Swiss mengembangkan suatu cara untuk meng-share data antarkoleganya menggunakan sesuatu yang disebutu dengan hypertext.

Kode – kode khusus disisipkan kedalam dokumen elektronik yang memungkinkan pemakai meloncat dari suatu dokumen dengan hanya memilih sebuah hyperlink. Kemampuan inilah yang dimasukkan kedalam browser sehingga para pemakai dapat meloncat atau beralih dari suatu dokumen bahkan dari suatu browser web.

Seorang peneliti dapat juga mengirimkan sebuah file dari komputer remote ke sistem lokalnya, atau log in ke dalam suatu sistem remote hanya dengan mengklik hyperlink, tidak perlu melalui mekanisme FTP atau Telnet. Jalan pintas CERN digunakan sebagai dasar dari yang disebut sekarang dengan World Wide Wob dan berikut browser webnya.

2.8 Xampp

XAMPP adalah salah satu paket installasi Apache, PHP dan MySQL instant yang dapat digunakan untuk membatu proses installasi ketiga produk tersebut. Selain paket istallasi instant XAMPP versi 1.7.3 juga memberikan fasilitas pilihan penggunaan PHP4 dan PHP5. Untuk berpindah versi PHP yang ingin digunakan juga sangat mudah dilakukan dengan menggunakan bentuk PHP-Switch yang telah disertakan oleh XAMPP, dan yang terpenting XAMPP bersifat-free atau gratis untuk digunakan.

(25)

2.9 Apache

Setiap kali sebuah browser berhubungan ke suatu situs Web di internet, ia terhubung ke Web server. Server tersebut mendengarkan request pada jaringan dan menjawabnya kepada si pengirim permintaan dengan membawa data tertentu. Apache HTTP Server adalah software open source untuk HTTP web server yang dijalankan di platform sistem Unix-like seperti BSD, Linux, dan Unix, Microsoft Windows dan lainnya. Apache dikembangkan dan dipelihara oleh komunitas terbuka yang bergabung dengan Apache Software Foundation.

Mulanya, Apache sekedar open source alternative untuk Netscape web sever (kini dikenal sebagai sun ONE). Kemudian ia berkembang dengan pesat melampaui semua jenis Unix based HTTP sever lainnya baik dalam hal fungsionalitas maupun kecepatan. Apache adalah HTTP server paling popular di Internet sejak April 1996 dan menguasai 57% pangsa pada bulan Mei 1999. Pada bulan Agustus 2004 telah tercatat peningkatan menjadi 67%.

Apache piawai memilih fitur ’highly configurable error messages, DBMS -base authentication data-bases. And content negotiation’. Didukung beberapa

GUIs memudahkan konfigurasi dan lebih intuitif. Apache mendukung fitur yang diimplementasikan sebagai modul ter-kompilasi mulai dari server-side programming language support sampai dengan authentication schemes. Sejumlah bahasa pemrograman yang lazim seperti Perl, Python, dan PHP didukung sepenuhnya.

Apache umumnya digunakan dalam satu paket popular seperti XAMPP yang merupakan paket installasi Apache, PHP dan MySQL instant. Selain ittu Apache juga dikemas bersama paket proprietari seperti Oracle database atau IBM

(26)

WebSphere application server. Secara tak langsung juga didukung Borland dengan Kylix dan Delphi development tools.

2.10 MySQL

MySQL adalah sebuah multithreaded, multi-user, SQL (Structured Query Language) Relational Database Server (RDBMS). MySQL merupakan database sever yang mampu menampung sampai ratusan giga record. Dengan kemampuan tersebut, aplikasi yang akan dibuat semakin powerfull jika digabungkan dengan PHP. Sehingga pasangan MySQL-PHP seringkali disebut Dynamic Duo. MySQL sangat populer digunakan untuk aplikasi web seperti PHP-Nuke, Mambo, Joomla dan sebagainya.

Beberapa kelebihan yang dimiliki MySQL antara lain :

1. Portablitiy

MySQL dapat berjalan stabil pada berbagai sistem operasi Windows, Linux, FreeBSD, Mac Os X Server, Solaris, Amiga dll.

2. Open Source

MySQL didistribusikan secara open source (gratis), dibawah lisensi GPL. 3. Multiuser

MySQL dapat digunakan oleh beberapa user dalam waktu yang bersamaan. 4. PerfomanceTuning

MySQL memiliki kecepatan yang menakjubkan dalam menangani query sederhana.

(27)

MySQL memiliki tipe kolom yang sangat kompleks, seperti signed/unsigned integer, float, double, char, text, date, time stamp, dll.

6. Command dan Functions

MySQL memiliki operati dan fungsi secara penuh yang mendukung perintah select dan where dalam query.

7. Security

MySQL memiliki lapisan sekuritas seperti level subnetmask, nama host, dan izjin akses user.

8. Scalability dan limits

Mysql mampu menangani database dalam skala besar, dengan jumlah records lebih dari 50 juta dan 60 ribu serta 5 milyar baris.

9. Connectivity

MySQL dapat melakukan koneksi dengan client menggunkan protokol TCP/IP, unix soket (UNIX), atau Named Pipes (NT).

10. Localisation

MySQL dapat mendeteksi pesan kesalahan pada client dengan menggunakan lebih dari dua puluh bahasa.

11. Interface

MySQL memiliki interface (antar muka) terhadap berbagai aplikasi dan bahasa pemrograman dengan menggunakan fungsi API.

12. Client dan Tools

MySQL dilengkapi dengan berbagai tool yang dapat digunakan untuk administrasi database, dan pada setiap tool yang ada disertakan petunjuk online.

(28)

2.11 Perl

Perl merupakan singkatan dari Practical Extraction and Report Languange.

Bahasa pemrograman ini diciptakan oleh Larry Wall pada tahun 1986, yang pada awalnya digunakan sebagai perangkat untuk menulis program di dalam lingkungan UNIX. Perl ada sebuah bahasa pemrograman yang menggabungkan kemampuan bahasa C, utilitas sed da awk/grep, dan bahkan fitur shell. Perl tergolong sebagai interpreter, walau bukan interpreter murni, perl membaca kode sumber (kode asli yang ditulis pemrogram)

2.12 HTML

HTML (Hypertext Markup Language) merupakan sebuah bahasa scripting yang berguna untuk menuliskan halaman Web. Pada halaman Web, HTML dijadikan sebagai bahasa script dasar dasar yang berjalan bersama berbagai bahasa scripting pemrograman lainnya (Nugroho, 2005).

Ciri-ciri HTML adalah sebagai berikut :

1. Tersusun oleh tag-tag seperti <html> . . . </html>

2. Pada umumnya tag selalu memiliki tag pembuka dan kemudian juga ada tag penutupnya.

3. Tidak case sensitive, artinya huruf kapital maupun bukan huruf kapital akan dianggap sama.

4. Nama file berupa *.html atau *.htm.

HTML terdiri atas beberapa komponen utama, seperti unsur-unsur (dan atribut), karakter berbasis jenis data dan character references & entity references. Komponen penting lainnya adalah deklarasi tipe dokumen yang menentukan

(29)

definisi tipe dokumen. Ada dua elemen dasar properti dari HTML yaitu atribut dan konten. Setiap atribut dan konten memiliki nilai batasan tertentu yang harus diikuti oleh elemen HTML yang dianggap sah.

Selain itu HTML juga merupakan bahasa yang standar, terbuka dan memiliki dukungan browser serta multi platform (Dewanto, 2006). Standard : Walaupun banyak standard bahasa Hypertext seperti Apple Hypertext, macromedia directories, NCSA Mosaik, Cold Fusion, tetapi ternyata HTML adalah dasar dari semua peralatan diatas. Terbuka : script dengan menggunakan HTML bersifat terbuka disebabkan programnya bukan dapat menciptakan Web desain yang statis tetapi memungkinkan perubahan secara terus menerus. Dukungan Browser : banyak pengembangan browser, seperti: Internet Explorer, Netscafe, Opera, Neoplanet, dll. Tidak ada browser yang tidak mendukung pengembangan bahasa HTML.

2.13 PHP

Hypertext Preprocessor (PHP) merupakan salah satu bahasa pemrograman yang bekerja dalam sebuah web server. Penggunaan program PHP memungkinkan sebuah website menjadi lebih interaktif dan dinamis. Data yang dikirim oleh pengunjung website disimpan dan diolah dalam database web server.

Beberapa keunggulan yang dimiliki program PHP antara lain :

1. PHP bersifat free atau gratis.

2. Beberapa server seperti Apache, Microsoft IIS, PWS, AOLserver, phttpd, fhttpd, dan Xitami mampu menjanlankan PHP.

(30)

4. Beberapa database yang sudah ada, baik yang bersifat free/gratis ataupun komersial sangat mendukung akses PHP, di antaranya MySQL, PosgreSQL, mSQL, Informix, dan MicorosoftSQL server.

5. PHP mampu berjalan di linux sebagai platform sistem operasi utama bagi PHP, tetapi dapat juga berjalan di FreeBSD, Unix, Solaris, Windows, dan yang lainnya.

2.14 Penggabungan Script PHP dan HTML

Bahasa pemrograman PHP dapat digabungkan dengan HTML dengan terlebih dahulu memberikan tanda tag buka (<?php atau <?) dan diakhiri dengan tanda tag tutup (?>). Ada dua tipe penggabungan antara PHP dan HTML, yaitu:

1. EmbeddedScript

Yakni penulisan tag PHP di sela – sela HTML. Dengan cara ini, penulisan tag PHP digunakan untuk mengapit bagian – bagian tertentu dalam dokumen yang memerlukan script PHP untuk proses didalam server.

Berikut bentuk penulisan EmbeddedScript

<html>

<?php echo “HELLO WORD”; ?> </body>

(31)

2. Non – Embedded Script

Cara penulisan tag PHP dibagian paling awal dan paling akhir dari dokumen. Dengan cara ini, penulisan tag PHP digunakan untuk mengawali dan mengakhiri keseluruhan bagian dalam sebuah dokumen.

Berikut bentuk Penulisan Non – Embedded Script :

<?php

echo “<HTML>”; echo “<head>”; echo “</head>”; echo “<body>”;

echo “HELLO DUNIA”;

echo “</body>”; echo “</HTML>”; ?>

2.15 CSS

CSS merupakan singkatan dari Cascading Style Sheet. CSS adalah sebuah dokumen yang berguna untuk melakukan pengaturan pada komponen halaman Web, inti dari dokumen ini adalah memformat halaman Web standar menjadi bentuk Web yang memiliki kualitas yang lebih indah dan menarik. CSS biasanya digunakan untuk melakukan pengaturan global yang berkaitan dengan objek tetap,

(32)

misalnya memberikan warna pada halaman Web, pengaturan lebar dan kecil bagian Web serta menentukan bentuk font jenis huruf yang digunakan secara menyeluruh dalam halaman Web (Nugroho, 2004) CSS digunakan untuk mengorganisasikan dan mengontrol tampilan dokumen HTML secara efisien, sehingga dengan CSS dapat dilakukan sebagai berikut :

1. Menambah style tampilan HTML.

2. Melakukan perubahan ulang style websites secara keseluruhan dengan hanya beberapa perubahan kode CSS.

3. Menggunakan style pada halaman yang diinginkan. Style sheets dapat dan seharusnya secara penuh dipisahkan dari dokumen HTML. Pada saat memiliki masteran CSS dan HTML, dapat memisahkan perancangan dan format (CSS) halaman Web dari contents (HTML).

2.16 JavaScript

Javascript merupakan bahasa script yang digunakan dalam membuat sebuah website yang berfungsi memberi suatu behavior pada tag HTML. Javascript biasanya digunakan dalam merancang antarmuka halaman agar lebih interaktif.

Javascript merupakan bahasa yang berbentuk kumpulan script yang pada fungsinya berjalan pada satu dokumen HTML. Bahasa ini adalah bahasa pemrograman untuk memberikan kemampuan tambahan terhadap bahasa HTML dengan mengijinkan eksekusi perintah – perintah disisi penggunanya, yang artinya disisi browser bukan disisi server web (Alamsyah, 2003).

Javascript pertama kali diperkenalkan oleh Netscape pada tahun 1995. Awalnya bahasa ini dinamakan Livescript yang berfungsi sebagai bahasa

(33)

sederhana pada browser Netscape Navigator 2. Kemudian sejalan dengan berkembangnya kerjasama antara Netscape dengan Sun (pengembang bahasa pemrograman Java), maka Netscape memberikan nama Javascript kepada bahasa tersebut pada tanggal 4 Desember 1995. Dan pada tahun yang sama Microsoft juga mengadaptasi teknologi ini yang disebut Jscript pada browser Internet Explorer 3.

Contoh skrip yang menunjukkan bahwa skrip tersebut adalah Javascript : <script language=”Javascript”>

… Isi skrip disini … </script>

Beberapa dasar – dasar Javascriptyang dipakai antar lain :

1) Objek

Javascript selain mempunyai objek standar yang sudah dimilikinya sendiri, juga dapat dibuat objek baru sesuai keinginan sendiri. Objek standar yang sudah dimiliki oleh Javascriptseperti objek array, date, math, string.

2) Variabel

Variabel merupakan suatu objek yang berisi data – data. Variabel ini dapat dimodifikasi selama eksekusi program.

3) Event

Event merupakan aksi dari pengguna yang dapat menghasilkan interaktivitas. Contoh event yang ada di Javascript:

a) Mouse Click (onClick)

(34)

c) Mouseover (onMouseover)

d) Change (onChange)

e) Focus (onFocus)

f) Blur (onBlur).

2.16.1 Kelebihan Javascript

Javascript berinteraksi dengan HTML, ini memperbolehkan pembuat web, untuk memasukkan web mereka dengan kandungan – kandungan yang dinamik, menukar warna background, menukar banner, efek mouse, slider dan sebagainya.

2.17 Adobe Dreamweaver

Adobe Dreamweaver adalah aplikasi desain dan pengembangan web yang menyediakan editor WYSIWYG visual (bahasa sehari-hari yang disebut sebagai Design view) dan kode editor dengan fitur standar seperti syntax highlighting, code completion, dan code collapsing serta fitur lebih canggih seperti real-time syntax checking dan code introspection untuk menghasilkan petunjuk kode untuk membantu pengguna dalam menulis kode. Tata letak tampilan Design memfasilitasi desain cepat dan pembuatan kode seperti memungkinkan pengguna dengan cepat membuat tata letak dan manipulasi elemen HTML.

Dreamweaver memiliki fitur browser yang terintegrasi untuk melihat halaman web yang dikembangkan di jendela pratinjau program sendiri agar konten memungkinkan untuk terbuka di web browser yang telah terinstall. Aplikasi ini menyediakan transfer dan fitur sinkronisasi, kemampuan untuk mencari dan mengganti baris teks atau kode untuk mencari kata atau kalimat biasa

(35)

di seluruh situs, dan templating feature yang memungkinkan untuk berbagi satu sumber kode atau memperbarui tata letak di seluruh situs tanpa server side includes atau scripting. Behavior Panel juga memungkinkan penggunaan JavaScript dasar tanpa pengetahuan coding, dan integrasi dengan Adobe Spry Ajax framework menawarkan akses mudah ke konten yang dibuat secara dinamis dan interface.

Dreamweaver dapat menggunakan ekstensi dari pihak ketiga untuk memperpanjang fungsionalitas inti dari aplikasi, yang setiap pengembang web bisa menulis (sebagian besar dalam HTML dan JavaScript). Dreamweaver didukung oleh komunitas besar pengembang ekstensi yang membuat ekstensi yang tersedia (baik komersial maupun yang gratis) untuk pengembangan web dari efek rollover sederhana sampai full-featured shopping cart.

Dreamweaver, seperti editor HTML lainnya, edit file secara lokal kemudian diupload ke web server remote menggunakan FTP, SFTP, atau WebDAV. Dreamweaver CS4 sekarang mendukung sistem kontrol versi Subversion (SVN).

2.18 Flowchart

Flowchart adalah suatu gambar grafik dari urutan – urutan dan langkah – langkah logis dalam suatu prosedur atau program. Flowchart berguna untuk membantu para analyst atau programmer untuk memecah – mecah masalah yang besar menjadi lebih kecil, sehingga segmen – segmen dapat dikerjakan dengan lebih mudah karena sistem digambarkan lebih nyata dalam gambaran data secara fisik, dan membantu dalam menganilisis cara – cara alternative dalam suatu operasi. Simbol – simbol yang dapat digunakan dapat dilihat pada tabel berikut :

(36)

1. Flow direction simbols

Simbol arus/flow, yaitu menyatakan jalannya arus suatu proses

Simbol connector, berfungsi menyatakan

sambungan dari proses keproses lainnya dalam halaman yang sama

Simbol offlineconnector, menyatakan sambungan dari proses ke proses lainnya dalam halaman yang berbeda

2. Flow processing simbols

bo process, yaitu menyatakan suatu tindakan (proses) yang dilakukan oleh komputer.

bo manual, yaitu menyatakan suatu tindakan (proses) yang tidak dilakukan oleh komputer.

bo terminal, menyatakan awal atau akhir suatu program.

bo decision, yaitu menunjukkan suatu kondisi tertentu yang akan menghasilkan dua kemungkinan

(37)

bo Predefined Process, yaitu menyatakan tempat penyimpanan suatu pengolahan untuk memberi harga awal.

bo keying operation, menyatakan segala jenis operasi yang diproses dengan menggunakan suatu mesin yang mempunyai keyboard.

bo manual input, memasukkan data secara manual dengan menggunakan online keyboard.

3. Input/Output simbols

bo input/output, menyatakan proses input atau output tanpa tergantung jenis peralatannya.

bo punched card, menyatakan input berasal dari kartu atau output ditulis ke kartu.

bo magnetic tape, menyatakan inpute berasal dari pita magnetis atau output disimpan ke pita magnetis.

bo disk storage, menyatakan input berasal dari disk atau output disimpan ke disk.

bo document, mencetak keluaran dalam bentuk dokumen (melalui printer).

(38)

bo display, mencetak keluran dalam bentuk layar monitor.

Gambar 2.1 Simbol – Simbol Flowchart

2.19 Data Flow Diagram (DFD)

Data Flow Diagram (DFD) adalah suatu diagram yang menggunakan notasi – notasi untuk menggambarkan arus dari data sistem, yang penggunaanya sangat membantu untuk memahami sistem secara logika, terstruktur dan jelas. DFD merupakan alat bantu dalam menggambarkan atau menjelaskan sistem yang sedang berjalan logis.

Adapun simbol – simbol yang digunakan dalam menggambarkan suatu model dapat diperlihatkan sebagai berikut:

DeMarco and Yourdan Simbols

Keterangan Gane and Sarson Simbols

Source (Kesatuan Luar)

Proses

Data Flow (Arus Data)

Data Source (Penyimpanan Data)

(39)

BAB 3

ANALISIS DAN PERANCANGAN SISTEM

3.1 Analisis Sistem

Analisis Sistem adalah suatu proses mengumpulkan dan menginterpretasikan kenyataan – kenyataan yang ada, mendiagnosa persoalan dan menggunakan keduanya untuk memparbaiki sistem (Kristanto, 2003). Tahap analisis merupakan tahapan yang penting, karena kesalahan di tahapan ini akan menyebabkan kesalahan di tahap selanjutnya.

3.2 Perancangan Struktur Web

Perancangan halaman – halaman pada website ini terbagi menjadi tiga macam yaitu : halaman user, halaman user teregistrasi (member), halaman admin.

Halaman member merupakan halaman yang dapat melakukan proses pembelian barang dari produk - produk yang ditawarkan.

(40)

Gambar 3.1 Rancangan Halaman Web Untuk User Biasa

Gambar 3.2 Rancangan Halaman Web Untuk Member Homepage

Sistem Penjualan komputer

Index Cart Search Log Out

Homepage

Sistem Penjualan Komputer

Contact

(41)

Gambar 3.3 Rancangan Halaman Web Untuk Admin

3.3 Perancangan Sistem

Perancangan sistem adalah upaya untuk memulai atau memiliki sistem baik yang lama maupun sistem yang baru. Perancangan sistem dilakukan setelah mendapatkan penggambaran yang jelas tentang sistem yang akan dibuat. Perancangan sistem pada web ini digambarkan dengan Data Flow Diagram (DFD)

3.3.1 Data Flow Diagram (DFD)

Data Flow Diagram adalah suatu diagram yang menggunakan notasi-notasi untuk menggambarkan arus dari data sistem, yang penggunaannya sangat membantu untuk memahami sistem secara logika, terstruktur dan jelas. DFD merupakan alat bantu dalam menggambarkan atau menjelaskan sistem yang sedang berjalan logis.

Homepage

Sistem Penjualan Komputer

Index Top

Brands

Log Out Categor

(42)

3.3.1.1Diagram Konteks

Diagram konteks Diagram ini adalah diagram level tertinggi dari DFD yg menggambarkan hubungan sistem dengan lingkungan luarnya. Adapun diagram konteks untuk sistem ini yaitu :

User Administrator

Info data registrasi

Data registrasi,

Member

Nota pesanan, laporan belanja

Data admin, Data barang, Verifikasi laporan

belanja Data member

Data barang, Data pesanan, Data transaksi pesanan,

Data pembayaran

Info login, ,Nota pesanan

SISTEM PENJUALAN KOMPUTER

Gambar 3.4 Diagram Konteks

3.3.1.2 Diagram Level Zero (level 0)

Diagram ini adalah dekomposisi dari diagram konteks. Adapun diagram level zero untuk sistem ini yaitu :

(43)

User Admninistrator Member

F1 Data

user Data _user

User Data admin Data member 1 2 Login Registrasi Data memb er 3 Proses Pemesanan Nota Pemesan an Data barang, 4 Proses Pembayara n F2 Krbelanja F3 Data pesanan Data pesanan 5 Membuat Laporan Belanja Lapbelanj a Verifikasi Laporan Nota pembayaran Nota pesanan Laporan belanja Info data pendaftaran Info login

Gambar 3.5 Diagram Level nol

3.4 Perancangan Database

3.4.1 Entity Relationship Data (ERD)

Entity Relationship Diagram merupakan model data berupa notasi grafis dalam pemodelan data konseptual yang menggambarkan hubungan antara penyimpanan.

(44)

User Mendaftar Member Melihat

Memesan Barang

Update Administrator Nama Password

1 1

Nama Nama Nama

namabarang

harga bid

L

I

S

T

I

N

G

P

R

O

G

R

A

M

(80)

1. Koneksi Database <?php $hostname="localhost"; $dbuser="root"; $dbpass=""; $dbname="webta";

$koneksi=mysql_connect($hostname,$dbuser,$dbpass) or die (mysql_error());

mysql_select_db($dbname,$koneksi) or die(mysql_error()); ?>

2. Index.php <?php

include 'includes/koneksi.php';

$sql=mysql_query("SELECT unama,krqty FROM users,krbelanja where status='member'") or die(mysql_error());

$row=mysql_fetch_array($sql); ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Shop Online</title>

var $imgs = $('#images .carousel'),

$capt = $('#captions .carousel'),

$timr = $('#timer');

$imgs.carouFredSel({ circular: false, scroll: { easing: 'quadratic', duration: 2, timeoutDuration: 3000,

(81)

$capt.trigger(

'slideTo', [ '.' + data.items.visible.first().attr( 'alt' ) ] ); $timr.stop().animate({ opacity: 0 }, data.scroll.duration); },

onAfter: function() {

$timr.stop().animate({ opacity: 1 }, 150); } }, auto: { progress: '#timer' }, pagination: { container: '.pager',

anchorBuilder: function( i ) {

return '<a class="p' +

i+0 + '" href="#"></a>';

} } }); $capt.carouFredSel({ circular: false, auto: false, scroll: { easing: 'quadratic', duration: 2 } }); }); </script> <script src="js/jquery-1.8.2.min.js" type="text/javascript"></script> <script src="js/jquery.carouFredSel-6.1.0-packed.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { $('#carousel').carouFredSel({ width: 960, items: 4, scroll: 1, auto: { duration: 1250, timeoutDuration: 2500 }, prev: '#next', next: '#prev', pagination: '#pager'

(82)

}); </script> </head> <body> <div id="wrapper"> <div id="topLine"> <div style="margin-left:30px"><a

href="index.php?p=register.php">Create Account</a> or <a href="login.php">Sign in</a></div>

</div>

<font style="padding:0px 80px">Computer & Hardware <font style="color:#EE0000">Store</font></font> </div> <div id="hsearch"> <form method="post" action="index.php?p=search.php"> <div class="styleSelect"> <select name="cariKategory"> <option value="category">Select By</option> <option value="processor">Processor</option> <option value="motherboard">Motherboard</option> <option value="mouse">Mouse</option> <option value="keyboard">keyboard</option> <option value="harddisk">Harddisk</option> <option value="ram">Ram</option> <option value="cable">Cable</option> <option value="lenovo">Lenovo</option> <option value="dell">Dell</option> <option value="hp">Hp</option> </select> </div>

</div>

</div> <div id="hright">

<?php include "menu.php" ; ?>

</div> <div id="body">

(83)

if ($_REQUEST['p'] != "") { include $_REQUEST['p']; } else include "center.php" ?>

</div>

<div id="hotItem"> <h2>Hot Item</h2> <hr /> <div id="itemHotItem"> <div id="carousel"> <img src="admin/images/item/HP

Compaq 3090 Pro Dual Core Microtower Desktop PC.jpg" />

<img src="admin/images/item/HP

Compaq 8000 Elite Convertible Mini Tower PC.jpg" />

<img src="admin/images/item/Dell

Optiplex Business PC Desktop Tower 3010DT G630 Dos.jpg" />

<img src="admin/images/item/HP

Compaq Pro 4300 All in One PC.jpg" />

<img

src="admin/images/images/213.jpg" />

<img

src="admin/images/images/Acer.jpg" />

</div>

</div>

</div>

</div> <div id="footer"> </div> </div> </body> </html> 3. Center <html> <head> </head> <body> <div id="wrapper"> <div id="body"> <div id="center"> <div id="cleft"> <div id="category"> <div class="kepala">Browse Category</div> <div class="isi"> <ul> <li><a href="index.php?p=item.php&category=processor"<?php

(84)

if($_REQUEST[p]=='item.php') {?>class="current" <?php }?>>

<img src="images/templatemo_list.png" class="checked"

/>Processor</a></li>

<li><a

href="index.php?p=item.php&category=motherboard"<?php

if($_REQUEST[p]=='item.php') {?>class="current" <?php }?>><img src="images/templatemo_list.png" class="checked"

/>Motherboard</a></li>

<li><a

href="index.php?p=item.php&category=mouse"<?php

if($_REQUEST[p]=='item.php') {?>class="current" <?php }?>><img src="images/templatemo_list.png" class="checked"

/>Mouse</a></li>

<li><a

href="index.php?p=item.php&category=keyboard"<?php

if($_REQUEST[p]=='item.php') {?>class="current" <?php }?>><img src="images/templatemo_list.png" class="checked"

/>Keyboard</a></li>

<li><a

href="index.php?p=item.php&category=harddisk"<?php

if($_REQUEST[p]=='item.php') {?>class="current" <?php }?>><img src="images/templatemo_list.png" class="checked" />Hard

Disk</a></li>

<li><a

href="index.php?p=item.php&category=ram"<?php

if($_REQUEST[p]=='item.php') {?>class="current" <?php }?>><img src="images/templatemo_list.png" class="checked"

/>RAM</a></li>

<li><a

href="index.php?p=item.php&category=cable"<?php

if($_REQUEST[p]=='item.php') {?>class="current" <?php }?>><img src="images/templatemo_list.png" class="checked"

/>Cable</a></li>

</ul>

</div>

</div>

<div class="kepala">Top Brands Dekstop</div>

<ul>

<li><a

href="index.php?p=item.php&category=lenovo"<?php

if($_REQUEST[p]=='item.php') {?>class="current" <?php }?>><img src="images/templatemo_list.png" class="checked"

/>Lenovo</a></li>

<li><a

href="index.php?p=item.php&category=dell"<?php

if($_REQUEST[p]=='item.php') {?>class="current" <?php }?>><img src="images/templatemo_list.png" class="checked"

/>Dell</a></li>

<li><a

href="index.php?p=item.php&category=hp"<?php

if($_REQUEST[p]=='item.php') {?>class="current" <?php }?>><img src="images/templatemo_list.png" class="checked" />HP</a></li>

(1)

<tr>

<td>Upload</td> <td>:</td>

<tr>

</table> </form>

20. Add Item Prosess

<?php include "includes/koneksi.php"; $nama=$_POST['nama']; $harga=$_POST['harga']; $stock=$_POST['stock']; $category=$_POST['category']; $desc=$_POST['desc_barang'];

$lokasi_file = $_FILES['upload']['tmp_name']; $nama_file = $_FILES['upload']['name'];

$tipe_file = $_FILES['upload']['type']; $ukuran_file = $_FILES['upload']['size']; $direktori_files="images/item/$nama_file"; if (file_exists($direktori_files)){

echo "upload gagal !!! <br> Ganti dulu nama filenya agar bisa di upload";

}

else{

$sql=mysql_query("INSERT INTO barang (nama,harga,stock,category,desc_barang) VALUES

('$nama','$harga','$stock','$category','$desc')") or die(mysql_error());

if($sql)

{

$sql_cari=mysql_query("SELECT * FROM barang WHERE nama='$nama' AND harga='$harga' AND

category='$category'"); $cari=mysql_fetch_array($sql_cari); $id=$cari['bid']; $nama_gambar="$nama.jpg"; $lokasi_penyimpanan="images/item/$nama_gambar"; $proses_upload=move_uploaded_file($lokasi_file,"$lokasi_peny impanan"); if ($proses_upload) { $update=mysql_query("UPDATE barang

SET images='$nama_gambar' WHERE bid='$id'");

if($update)

{

(2)

<!--

alert('data berhasi ditambah')

window.location = "index.php";

--></script> <?php } } } } ?>

21. Edit Item

<?php

include "includes/koneksi.php"; $bid=$_REQUEST['bid'];

$sql=mysql_query("SELECT * FROM barang WHERE bid='$bid'"); $row=mysql_fetch_array($sql);

?> <table>

<tr><td>Nama Barang </td><td>:</td><td><input type="text" value="<?php echo $row['nama'];?>"

name="nama"/></td></tr>

<tr><td>Harga Barang </td><td>:</td><td><input type="text" value="<?php echo $row['harga'];?>"

name="harga"/></td></tr>

<tr><td>Stock Barang </td><td>:</td><td><input type="text" value="<?php echo $row['stock'];?>"

name="stock"/></td></tr>

<tr><td>Description </td><td>:</td><td><textarea style="height:300" name ="desc_barang" ><?php echo

$row['desc_barang'];?></textarea></td></tr>

<tr><td>category item </td><td>:</td><td><select name="category">

</td></tr>

<tr><td>photo item</td><td>:</td><td><input type="file" name="upload" value=""/><?php echo $row['images'];?></br></td></tr>

</table>

22. Edit Item Prosess

<?php

include "includes/koneksi.php";

$bid=$_REQUEST['bid']; $nama=$_REQUEST['nama']; $harga=$_REQUEST['harga'];

(3)

$stock=$_REQUEST['stock']; $desc=$_REQUEST['desc_barang']; $category=$_POST['category'];

$qry=mysql_query("UPDATE barang SET nama='$nama', harga='$harga', stock='$stock', desc_barang='$desc', category='$category' WHERE bid='$bid'", $koneksi) or die (mysql_error());

$lokasi_file = $_FILES['upload']['tmp_name']; $nama_file = $_FILES['upload']['name'];

$tipe_file = $_FILES['upload']['type']; $ukuran_file = $_FILES['upload']['size'];

$sql_cari=mysql_query("SELECT * FROM barang WHERE bid='$bid'");

$cari=mysql_fetch_array($sql_cari); $id=$cari['bid'];

$nama_gambar="$nama.jpg";

$lokasi_penyimpanan="images/item/$nama_gambar";

$proses_upload=move_uploaded_file($lokasi_file,"$lokas i_penyimpanan");

if($proses_upload) {

$update=mysql_query("UPDATE barang SET images='$nama_gambar' WHERE bid='$id'");

if($update) { ?>

alert('data berhasi ditambah') window.location = "index.php"; </script>

<?php } } ?>

(4)

L

A

M

P

I

R

A

N

(5)

SURAT KETERANGAN

Hasil uji program tugas akhir

Yang bertanda tangan di bawah ini, menerangkan bahwa Mahasiswa Tugas Akhir

Program studi D3 Teknik Informatika:

Nama

: CHRISMAN GULTOM

N I M

: 102406277

Program Studi

: D3 TEKNIK INFORMATIKA

Judul Tugas Akhir