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
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
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,
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
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.
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.
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.2
Perumusan Masalah
2
1.3
Batasan Masalah
2
1.4
Metode Penelitian
3
1.5
Tujuan Penelitian
4
1.6
Manfaat Penelitian
4
1.7
Tinjauan Pustaka
4
1.8
Tahapan Perancangan Sistem
5
1.9
Sistematika Penulisan
6
BAB 2
LANDASAN TEORI
2.1
Definisi Sistem
8
2.2
Pengertian Penjualan
8
2.3
Definisi Electronic Commerce (e-commerce)
8
2.4
Pengertian Komputer
9
2.5
Pengertian
Hardware
10
2.6
Pengertian Internet
10
2.7
Website (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
BAB 3 ANALISIS DAN PERANCANGAN SISTEM
3.1
Analisis Sistem
27
3.2
Perancangan Struktur Web
27
3.3
Perancangan 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.4
Third 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.1
Pengertian Implementasi Sistem
47
4.2
Tujuan Implementasi Sistem
47
4.3
Tahapan Implementasi Sistem
47
4.4
Komponen Utama Kebutuhan Sistem
48
4.4.1
Hardware
49
4.4.2
Software
50
4.4.3
Brainware
51
4.5
Database PhpMyAdmin
51
4.6
Gambaran 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
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.1
Kesimpulan
64
5.2
Saran
65
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
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.5
Diagram 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
Gambar 4.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
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.
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.
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
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
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.
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
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
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
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)
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
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
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).
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
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
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.
Perfomance
Tuning
MySQL memiliki kecepatan yang menakjubkan dalam menangani query
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
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.
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.
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.
Embedded
Script
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
Embedded
Script
<html>
<head>
</head>
<body>
<
?php echo “HELLO WORD”; ?>
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
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.
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 Javascript
yang 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 Javascript
seperti objek array, date, math, strin
g
.
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)
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
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.
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
offline
connector
, 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
bo
Predefined Process,
yaitu menyatakan tempat
penyimpanan suatu pengolahan untuk
member
i
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
bo
display,
mencetak keluran dalam bentuk layar
[image:38.595.108.513.465.718.2]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)
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.
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
Login
Register
Index
About
Us
Contact
[image:40.595.115.529.452.693.2]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
3.3.1.1
Diagram 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 :
0
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
[image:42.595.112.512.195.448.2]SISTEM PENJUALAN KOMPUTER
Gambar 3.4 Diagram Konteks
3.3.1.2
Diagram Level Zero (level 0)
User Admninistrator Member
F1 Data
user Data user
[image:43.595.115.508.81.502.2]User Data admin Data member
1
2
Login Registrasi Data memb er3
Proses Pemesanan Nota Pemesan an Data barang,4
Proses Pembayara n F2 Krbelanja F3 Data pesanan Data pesanan5
Membuat Laporan Belanja Lapbelanj a Verifikasi Laporan Nota pembayaran Nota pesanan Laporan belanja Info data pendaftaran Info loginGambar 3.5 Diagram Level nol
3.4
Perancangan Database
3.4.1
Entity Relationship Data (ERD)
User Mendaftar Member Melihat
Memesan Barang
Update Administrator Nama Password
1 1
Nama Nama Nama
namabarang
harga bid
Category
password unama
krbelanja namabarang
Membuat laporan belanja lapbelanja
namabarang namabarang
namabarang
kota Me-insert kota
[image:44.595.114.511.82.354.2]Nama kota
Gambar 3.6 Entity Relationship Data (ERD) Database
3.4.2
Normalisasi
Normalisasi adalah suatu proses mendesain struktur Database sehingga sebagian
besar ambiguity bisa dihilangkan sehingga bisa menghasilkan sebuah table yang
normal.
3.4.2.1
Unnormalized Form (UNF)
mentransformasikan tabel yang belum ternomalisasi di atas menjadi tabel yang
memenuhi kriteria 1NF adalah kita harus merubah seluruh atribut yang multivalue
menjadi atribut
single value
, dengan cara menghilangkan
repeating group
pada
tabel di atas.
Tabel 3.1 Bentuk UNF
Nama field
bid
nama_barang
harga
category
uid
fnama
lnama
unama
pass
krid
krqty
krsbtotal
krstatus
laptime
lapid
laptotal
laptime
lapstatus
3.4.2.2
First Normal Form (1NF)
Tabel 3.2 Bentuk 1NF
Users
uid
*
unama
password
fnama
lnama
status
Barang
bid
*
nama_barang
harga
category
stock
keranjang
belanja
krid
*
bid
**
uid
**
id_kota
lapid
krqty
krsbtotal
nama pemesan
phone
alamat_pemesan
konama
koongkos
3.4.2.3
Second Normal Form (2NF)
Tabel 3.3 Bentuk 2 NF
users
uid
*
unama
fnama
lnama
password
Barang
bid
*
nama_barang
images
harga
category
stock
desc_barang
keranjang
belanja
krid
*
bid
**
uid
**
lapid
**
krqty
krsbtotal
krstatus
laporan belanja
lapid
*
nama_pemesan
phone
alamat_pemesan
konama
koongkos
id_kota
memiliki memiliki
3.4.2.4
Third Normal Form (3NF)
Tabel 3.4 Bentuk 3NF
User
uid (*PK)
fnama
lnama
unama
password
status
Barang
bid (*PK)
nama
images
harga
category
stock
desc_barang
kota
id_kota (*PK)
konama
kongkos
lapbelanja
lapid (*PK)
uid (**FK)
id_kota (**FK)
laptime
lapstatus
id_kota (**FK)
nama
phone
alamat
Krbelanja
krid (*PK)
Bid (**FK)
Krqty
Krsbtotal
Krib
Krstatus
lapid(**FK)
Uid (**FK)
mempunyai
mempunyai
memiiki
memiliki
3.5
Flowchart
Flowchart
adalah suatu gambar grafik dari urutan
–
urutan dan langkah
–
langkah
logis dalam suatu prosedur atau program.
3.5.1
Flowchart Halaman Utama
Adapun diagram konteks sistem informasi penjualan secara online dapat dilihat
Gambar 3.7 Flowchart Halaman Utama
Login? Ya tidak Tampilkan menu Homepage Inde x Ya tidakAbout About Us Ya tidak Contact c Conta ct Us Ya tidak Home Cart Log Out Ya Ongkos Kirim Ya Ongko s Kirim tidak Ongkos Kirim
1
3
4
5
Index
Cart
Ongk os Kirim Log OutExit
Stop
Register Register
2
1.
Flowchart index
Gambar 3.8 Flowchart index
2.
Flowchart Register
Gambar 3.9 Flowchart register
1
Tampilk an isi index
Lihat detail prodouk
Tampilka n detail produk
Ya tidak
Stop
2
User & pass benar
Input User & pass
Simpan data register
Form
Register
Stop
Ya
[image:51.595.258.482.434.696.2]3.
Flowchart About Us
Gambar 3.10 Flowchart About Us
4.
Flowchart Contact Us
Gambar 3.11 Flowchart Contact us
4
Contact Us
Input nama,email,su
bject,pesan
Send
Stpp
3
stop
About Us
Tampilkan mengenai web
[image:52.595.254.357.448.673.2]5.
Flowchart Cart
Gambar 3.12 Flowchart Cart
3.5.2
Flowchart Administrator
Halaman Home
input Username dan pass
User,pass benar & status=admin
Halaman Admin Ya Tidak
6
Input barang
Beli?
Input nama, ,telp,k ota,al amat
Simpan data cart Cart
Exit
Stop
Ya
Tidak
Ya
Checko ut
Tidak
Gambar 3.13 Flowchart Administrator
3.6
Desain Database
Membangun sebuah database merupakan salah satu langkah awal pembuatan
aplikasi. Struktur database yang baik akan mempengaruhi kinerja dari suatu situs
tersebut.
Dalam perancangan website ini penulis membuat 7 (tujuh) tabel dalam
database webta Tabel
–
tabel tersebut adalah tabel barang, inbox, kota, krbelanja,
lapbelanja, users.
Berikut ini adalah beberapa desain
database
yang penulis buat sesuai
dengan kebutuhan terhadapa penyimpanan data yang akan digunakan dalam
pembuatan website “
RANCANG
BANGUN
SISTEM
PENJUALAN
KOMPUTER BESERTA HARDWARE KOMPUTER BERBASIS WEB
”.
3.6.1
Tabel Barang
Tabel barang digunakan untuk menampung dan menyimpan data berbagai produk
atau barang yang tersedia di dalam website ini, harga dari setiap produk, kategory,
Tampilkan Menu
Log Out
Stop
Ya Tstock, bahkan deskripsi dari produk. Berikut adalah field
–
field yang ada dibuat
dalam tabel barang.
Tabel 3.5 Tabel Barang
Field
Type
Extra
bid
Int(50)
Auto_increment
nama
Varchar(100)
-
images
Varchar(100)
-
harga
Int(50)
-
category
Varchar(100)
-
3.6.2
Tabel Kota
Tabel kota digunakan untuk menampung dan menyimpan data mengenai kota
–
kota dengan biaya pengiriman ke setiap kotanya. Berikut adalah field
–
field yang
ada dibuat dalam tabel barang.
Tabel 3.6 Tabel Kota
Field
Type
Extra
id_kota
int (100)
primary_key
konama
Varchar(50)
-
3.6.3
Tabel Krbelanja
Tabel krbelanja digunakan untuk menampung dan menyimpan data sementara
mengenai belanja user sebelum melakukan checkout. Berikut adalah field
–
field
yang ada dibuat dalam tabel barang.
Tabel 3.7 Tabel Keranjang Belanja
Field
Type
Extra
Krid
Int(50)
Auto_increment
Bid
Varchar(50)
-
Krqty
Int(50)
-
Krsbtotal
Int(50)
-
Krip
Varchar(50)
-
Krstatus
Varchar(50)
-
Lapid
Varchar(50)
-
3.6.4
Tabel Lapbelanja
Tabel lapbelanja digunakan untuk menampung dan menyimpan data laporan
belanja oleh para user. Berikut adalah field
–
field yang ada dibuat dalam tabel
barang.
Tabel 3.8 Tabel Laporan Belanja
Field
Type
Extra
Lapid
Int(50)
Auto_increment
Uid
Varchar(100)
-
Laptime
Varchar(50)
-
Lapstatus
Varchar(50)
-
Nama
Varchar(100)
-
Phone
Int(50)
-
Kota
Varchar(50)
-
Alamat
Varchar(100)
-
3.6.5
Tabel Users
Tabel users digunakan untuk menampung dan menyimpan data laporan mengenai
para user, nama lengkap user, hingga password user. Berikut adalah field
–
field
yang ada dibuat dalam tabel barang.
Tabel 3.9 Tabel Users
Field
Type
Extra
Uid
Int(50)
Auto_increment
Fnama
Varchar(50)
-
Lnama
Varchar(50)
-
Unama
Varchar(100)
-
Password
Varchar(100)
-
Status
Varchar(100)
-
3.6.6 Tabel Inbox
[image:57.595.105.517.83.286.2]mengenai pesan yang dikirim oleh pengguna. Berikut adalah field
–
field yang ada
dibuat dalam tabel barang.
Tabel 3.10 Tabel Inbox
Field
Type
Extra
Nama
Varchar (100)
-
Varchar (100)
-
Subject
Varchar (100)
-
BAB 4
IMPLEMENTASI SISTEM
4.1
Pengertian Implementasi Sistem
Implementasi sistem adalah tahapan
–
tahapan yang dipergunakan dalam
menyelesaikan suatu desain sistem yang telah disusun secara matang dan
disetujui, untuk menguji, mengistal, dan memulai sistem baru atau sistem yang
diperbaiki untuk menggantikan yang lama.
4.2
Tujuan Implementasi Sistem
Tujuan implementasi sistem adalah untuk menjelaskan tentang manual modul
kepada semua user yang akan menggunakan sistem. Sehingga user tersebut dapat
merespon apa yang ditampilkan di sistem dan memberikan masukan kepada
pembuat sistem untuk dilakukan perbaikan agar sistem lebih baik lagi.
4.3
Tahapan Implementasi Sistem
Dalam membuat suatu sistem haruslah dijelaskan terlebih dahulu langkah
–
langkah atau tahapan dari sistem yang akan dirancang, sehingga dapat tercapai
sistem yang diharapkan.
1.
Persiapan
Pada tahap ini dilakukan persiapan yaitu menganalisis masalah yang akan
diproses, masalah yang penulis bahas ini adalah masalah pengolahan dan
penjualan produk.
2.
Analisis
Pada tahap ini akan dilakukan proses analisis mengenai data
input
barang.
3.
Penulisan
Tahap berikutnya adalah penyusunan atau penulisan program kedalam bahasa
komputer yang telah ditentukan.
4.
Menjalankan Program
Kita gunakan web server untuk menjalankan program dan browser internet
untuk melihat
output
atau tampilan halaman web.
5.
Pengujian Program
Sebelum program dijalankan dengan benar, maka program terlebih dahulu
harus bebas dari kesalahan, oleh sebab itu program harus diuji kembali untuk
mengetahui apakah program dapat menerima
input
dengan baik atau tidak,
serta memberikan
output
yang sesuai diharapkan.
4.4
Komponen dalam Implementasi Sistem
Agar sistem perancangan yang telah kita kerjakan dapat berjalan dengan baik atau
tidak, maka diperlukan beberapa
–
komponen antara lain software, hardware, dan
komputer (computer system) yang elemennya terdiri dari hardware, software dan
brainware. Ketiga elemen sistem komputer tersebut harus saling berhubungan dan
membentuk kesatuan. Hardware tidak akan berfungsi apabila tanpa software,
demikian juga sebaliknya. Dan keduanya tiada bermanfaat apabila tidak ada
manusia (brainware) yang mengoperasikan dan mengendalikannya.
4.4.1
Hardware
Hardware
(perangkat keras piranti keras) adalah peralatan di sistem komputer
yang secara fisik terlihat dan dapat dijamah.
Beberapa komponen yang diperlukan dalam pembuatan tugas akhir ini, yaitu :
1.
Monitor
Monitor adalah suatu alat yang digunakan sebagai
output
data tampilan grafis
pada komputer tersebut.
2.
CPU (
Central Processing Unit
)
CPU adalah perangkat keras komputer yang berfungsi untuk menerima dan
melaksanakan perintah dan data dari perangkat lunak. CPU yang digunakan yaitu
intel Pentium.
3.
Memori
Memori adalah media penyimpanan data dan juga sebagai perangkat yang
berfungsi mengolah data atau instruksi.
Keyboard adalah media peralatan
input
pada komputer yang merupakan sarana
pendukung utama untuk dapat memasukkan angka, karakter khusus, serta sebagai
sarana memberikan perintah dari user melalui tombol
–
tombol yang ada.
4.4.2
Software
Sofware
(perangkat lunak piranti lunak) adalah program yang berisi
perintah-perintah untuk melakukan pengolahan data.
Hardware
tidak akan bekerja jika
tidak dibantu dengan
software.
Software
yang diperlukan untuk menjalankan perangkat kerasnya :
1.
Sistem operasi
Penulis menggunakan sistem operasi Windos XP.
2.
Editor
Editor yang digunakan dalam penulisan penulisan bahasa pemrograman yaitu
adobe dremweaver cs3.
3.
Bahasa Pemrograman
Bahasa pemrograman yang digunakan oleh penulis pada umumnya
menggunakan PHP dan HTML, ditambah CSS dan Javascript untuk
mempercantik tampilan.
4.
Database
Database yang digunakan adalah MySQL.
5.
Desain
Web ini dapat berjalan di browser seperti : Mozilla Firefox, Google chrome,
Internet Explorer dll.
4.4.3
Brainware
Brainware
adalah manusia yang terlibat di dalam mengoperasikan serta mengatur
sistem komputer.
faktor manusia yang dimaksud adalah orang-orang yang memiliki keahlian
dibidang komputer dan merupakan unsur manusia yang dibutuhkan meliputi:
a.
Analisis sistem
b.
Programmer
c.
Operator Komputer
d.
Data entry operator
4.5
Database PHPMyAdmin
Pembuatan dan pengolahan MySQL dapat dikelola dengan praktis melalui
PHPMyAdmin.
Cara
mengakses
halaman
ini
dengan
mengetikkan
Gambar 4.1 Tampilan Database Pada Browser
4.6
Gambaran Aplikasi Pada Sistem
Adapun gambaran aplikasi sistem pada situs ini yang coba saya bagi menjadi tiga
bagian yang saling berhubungan.
4.6.1
Administrator
Administrator adalah orang yang mempunya hak yang paling besar. Administrator
berhak memasukkan maupun mengedit informasi yang berada pada sistem.
Gambar 4.2 Form Admin
4.6.2
Member
Member
adalah pengunjung yang telah melakukan registrasi sebelumnya.
Member
dapat melakukan pembelian Produk.
4.6.2.1
Form Index Member
Form ini merupakan tampilan awal untuk seorang
user
yang telah mendaftar
Gambar 4.3 Form Index Pada Member
[image:66.595.116.528.412.639.2]Gambar 4.5 Isi Dari Top Brands Dekstop
4.6.2.2
Form Cart
Form ini berisi data produk, jumlah produk yang akan dibeli sebelum lanjut ke
langkah berikutnya.
Jika si
member
ingin membeli produk cukup dengan memasukkan data
–
data yang disediakan berupa nama, nomor telepon, kota, alamat pada form
cart
Gambar 4.6 Form Cart (Keranjang Belanja)
[image:68.595.111.525.395.666.2]Gambar 4.8 Tanda Bukti Pembelian
4.6.2.3
Form Cara Pembayaran
Gambar 4.9 Form Cara Pembayaran
4.7
Form User (Pengunjung Biasa)
Pada Form
User
ini merupakan tampilan pertama sekali pada saat menjalan situs
ini. Pada form ini semua pengunjung berhak melihat informasi mengenai produk
apa yang sedang ditawarkan namun tidak dapat melakukan proses pembelian
sebelum mengikuti tahap registrasi.
4.7.1
Form Index
Gambar 4.10 Form Index Atas
[image:71.595.113.528.411.644.2]4.7.2
Form About Us
Form ini berisi mengenai informasi
–
informasi tentang situs ini. Pada Form ini
disediakan juga email ataupun nomor yang disediakan bagi pengunjung untuk
[image:72.595.113.526.230.465.2]menghubungi administrator mengenai informasi maupun produk yang ditawarkan
pada situs ini. Pada form about us ditampilkan berupa tampilan map.
Gambar 4.12 Form About Us
4.7.3
Form Contact Us
Form ini dibuat
