PENDAHULUAN
2
Oleh karena itu, berdasarkan masalah yang dialami oleh toko komputer tersebut,
penulis berupaya merancang sebuah situs toko online (web e-commerce) yang
tentunya akan mempermudah aktivitas berbelanja dan mengoptimalkan promosi
produk terbaru sehingga penjualan produk dapat meningkat. Maka dari itu, penulis
tertarik untuk membantu dalam pembuatan situs toko online (web e-commerce) yang
dikemas
dalam
bentuk
perancangan
web
design
yang
diberi
judul
2.
kelulusan pada Program Diploma Tiga (D.III) pada jurusan Komputerisasi Akuntansi
di Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika.
3
analisis non statistic yang membantu dalam penelitian. Data-data yang diperoleh baik
berupa angka maupun yang berupa tabel kemudian ditafsirkan dengan baik. Sesuai
dengan data yang diperoleh, analisis kualitatif cenderung dilakukan untuk data yang
bersifat kualitatif yang dikumpulkan dari riset eksplorasi. (Sunyoto, 2013: 24).
Untuk menyelesaikan laporan Tugas Akhir ini penulis melakukan beberapa
metode dalam pengumpulan data, diantaranya:
1.
2.
Metode Wawancara
Dalam metode ini penulis mengumpulkan data dengan cara melakukan tanya
jawab langsung ke beberapa pemilik toko komputer, sebagai objek dalam
penelitian mengenai prosedur penjualan yang terjadi pada toko komputer.
3.
4
penjualan berbasis web ini dibuat sesuai dengan siklus akuntansi yang dapat diakses
dan dikelola oleh pihak admin website.
BAB II
LANDASAN TEORI
Yatiningsih
(2013:56)
Internet
adalah
suatu
jaringan
yang
6
Menurut Sibero (2013:10) Internet (Interconnected Network) adalah jaringan
komputer yang menghubungkan antar jaringan secara global, internet dapat juga
disebut jaringan dalam suatu jaringan yang luas.
2. Web Browser
Menurut Arief (2011:19) Web Browser merupakan program yang berfungsi
untuk menampilkan dokumen-dokumen web dalam format HTML.
Menurut Sibero (2013:12) Web browser adalah aplikasi perangkat lunak yang
digunakan untuk mengambil dan menyajikan sumber informasi web. Sumber
informasi web diidentifikasi dengan Uniform Resource Identifier (URI) yang terdiri
dari halaman web, video, gambar ataupun konten lainnya.
Dari pendapat diatas, dapat disimpulkan bahwa web browser adalah program
aplikasi yang digunakan untuk menampilkan informasi berupa video, gambar,
ataupun konten lainnya yang dibaca dari format HTML.
3. Web Server
Menurut Sibero (2013:11) Web server adalah sebuah komputer yang terdiri dari
perangkat keras dan perangkat lunak. Secara bentuk dan fisik dan cara kerjanya,
perangkat keras web server tidak berbeda dengan komputer rumah atau PC, yang
membedakan adalah kapasitas dan kapabilitasnya.
Web server merupakan perangkat lunak pada server yang memiliki fungsi
sebagai penerima permintaan (request) yang berupa halaman web dari client dan
mengirim kembali (respons) hasil yang diminta dalam bentuk halaman-halaman web
(Wahana Komputer, 2011:16).
7
Jadi, dapat disimpulkan web server merupakan sebuah aplikasi yang digunakan
untuk menampilkan halaman-halaman website yang disimpan pada localhost agar
dapat dibaca oleh pengguna.
2.1.2. Bahasa Pemrograman
Bahasa pemrograman yang digunakan dalam perancangan website, antara lain:
1. HTML
Hypertext Markup Language (HTML) adalah sebuah bahasa dasar bahasa
markup untuk memformat konten halaman web yang digunakan untuk merancang
halaman website statis (Wahana Komputer, 2012:3).
Menurut Sibero (2013:19) Hypertext Markup Language atau HTML adalah
bahasa yang digunakan pada dokumen web sebagai bahasa untuk pertukaran
dokumen web. Struktur dokumen HTML terdiri dari tag pembuka dan tag penutup.
Menurut Winarno (2011:1) HTML merupakan singkatan dari Hypertext Markup
Language, artinya bahasa ini adalah bahasa markup untuk memformat konten
halaman web. Dengan kata lain, bahasa untuk mengatur bagaimana penampilan dan
pemformatan konten di web.
Berdasarkan defenisi di atas, dapat disimpulkan bahwa HTML merupakan
bahasa pemrograman web yang digunakan untuk mengatur format dan tampilan
konten/isi dari halaman website.
8
2. PHP
PHP Hypertext Preprocessor (PHP) merupakan bahasa pemrograman scripting
web server-side. Dengan pemrograman server side, sebuah website akan lebih
dinamis. PHP biasanya terpasang pada file HTML yang disimpan dengan ekstensi
*.php (Wahana Komputer, 2012:4).
Menurut Sutaji (2012:2) PHP (PHP Hypertext Preprocessor) adalah kode/skrip
yang akan dieksekusi pada server side. Skrip PHP akan membuat suatu aplikasi dapat
di-integrasikan ke dalam HTML, sehingga suatu halaman web tidak lagi bersifat
statis, namun menjadi bersifat dinamis.
Menurut Winarno (2011:4) PHP atau PHP Hypertext Preprocessor adalah
sebuah bahasa pemrograman web berbasis server (server-side) yang mampu memparsing kode php dari kode web dengan ekstensi .php, sehingga menghasilkan
tampilan website yang dinamis di sisi client (browser).
Dengan kata lain, PHP merupakan bahasa pemrograman web yang bersifat
sebagai server, memudahkan dalam pengelolaan database, serta dapat digunakan
dalam file HTML.
3. CSS
Cascading Style Sheet atau yang lebih dikenal dengan CSS adalah skrip yang
berisi rangkaian instruksi yang menentukan tampilan suatu teks dan gambar di
halaman web broswer (Badiyanto, 2013:24).
Menurut Wahana Komputer (2012:4) Cascading Style Sheet (CSS) adalah
bahasa style yang digunakan untuk mendesain halaman web yang bertujuan
memisahkan isi (content) web dengan web dinamis.
9
Menurut Aditama (2013:367) CSS (Cascading Style Sheet) merupakan salah
satu bahasa pemrograman web yang bertujuan untuk membuat website agar lebih
menarik dan terstruktur.
Dari beberapa pendapat di atas, dapat disimpulkan bahwa CSS adalah suatu
bahasa pemrograman web yang berfungi mengatur tampilan teks dan gambar dari
suatu website agar terlihat lebih menarik dan terstruktur.
4. JavaScript
Menurut Sibero (2013:150) JavaScript adalah suatu bahasa pemrograman yang
dikembangkan untuk dapat berjalan pada web browser. Pada awalnya JavaScript
dikembangkan pada web browser Netscape oleh Brenden Eich dengan nama Mocha,
kemudian berubah menjadi Live-Script dan yang akhirnya menjadi JavaScript.
Menurut Zaki (2008:26) JavaScript adalah skrip program berbasis client yang
dieksekusi oleh browser sehingga membuat halaman website bisa melakukan tugastugas tambahan yang tidak bisa dilakukan oleh skrip HTML biasa.
Sedangkan menurut Wahana Komputer (2012:4) JavaScript merupakan bahasa
scripting turunan dari pemrograman Java. JavaScript digunakan untuk pemrograman
web client-side.
Dari pendapat diatas, dapat disimpulkan bahwa JavaScript adalah bahasa
pemrograman yang merupakan pengembangan dari bahasa pemrograman Java, yang
digunakan untuk pemrograman web client-side dan dapat berjalan pada web browser.
10
2.1.3. Basis Data
Menurut Aditama (2012:7) Database adalah tempat media penyimpanan data
kita dalam membuat sebuah program yang berisikan tabel, field dan record yang
diselimuti namanya DBMS (Database Management System).
Di dalam DBMS (Database Management System), terdapat struktur query yang
digunakan untuk mengolah database yang dikenal dengan SQL.
Dalam proses pembuatan database SQL diperlukan sebuah perangkat lunak yang
dikenal dengan nama MySQL. MySQL merupakan salah satu perangkat lunak untuk
sistem manajemen database SQL. MySQL merupakan tipe data relasional yang
artinya MySQL menyimpan datanya dalam bentuk tabel-tabel yang saling
berhubungan. (Wahana Komputer, 2011:15)
2.1.4. Aplikasi Perancangan Web
Dalam perancangan website ini, ada beberapa aplikasi yang digunakan, diantaranya:
1. Wamp Server
Dalam pembangunan sebuah website pastinya setiap programmer memerlukan
bantuan web server untuk mengkoneksikan file-file website ke basis data. Beberapa
web server yang sering digunakan diantaranya: Apache Web Server, Sun Java System
Web Server, Wamp Server, Xitami Web Server, dan sebagainya. Dalam hal ini,
penulis menggunakan Wamp Server dalam membangun web tersebut.
Menurut Kadir (2008:357) Wamp Server adalah sebuah software yang
mengemas MySQL, PHP, dan Apache sehingga memudahkan para pengembang
sistem yang hendak menggunakan ketiga software tersebut dalam menginstal dan
melakukan koneksi.
11
2. Adobe Dreamweaver CS 8
Adobe Dreamweaver CS 8 merupakan program aplikasi yang digunakan untuk
melakukan desain halaman website secara visual. Dalam mendesain halaman website,
aplikasi ini menyediakan fasilitas-fasilitas yang memberikan kemudahan bagi para
pengembang web, juga bagi pemula yang belajar membangun website (Wahana
Komputer, 2012:2).
Adobe Macromedia Dreamweaver CS 8 tampil dengan ruang kerja baru yang
lebih menarik dibandingkan dengan versi-versi sebelumnya. Berikut ini adalah
keterangan untuk bagian-bagian dari ruang kerja Adobe Macromedia Dreamweaver
CS 8:
1.
Title Bar merupakan baris yang menampilkan nama program dan nama dokumen
yang sedang berjalan.
2.
3.
4.
5.
6.
12
7.
Tag Selector merupakan tampilan informasi tag-tag yang sedang aktif seperti:
<title>, <head>, <body> dan lain-lain.
8.
9.
13
2.1.5. Konsep Dasar Sistem
1. Sistem
Menurut Winarno (2006:1.3) menyimpulkan bahwa definisi sistem adalah
sekelompok komponen yang saling bekerja sama untuk mencapai tujuan tertentu.
Sistem berfungsi menerima input (masukan), mengolah input, dan menghasilkan
output (keluaran). Input dan output berasal dari luar sistem, atau dari lingkungan
sistem tersebut berada. Oleh karenanya, sistem akan berinteraksi dengan
lingkungannya. Sistem yang mampu berinteraksi dengan lingkungannya akan mampu
bertahan lama. Sistem yang tidak cepat berinteraksi dengan lingkungannya tidak akan
bertahan lama.
Menurut Kusrini (2007:11) mengemukakan bahwa Sistem adalah sebuah
tatanan yang terdiri atas sejumlah komponen fungsional (dengan tugas/fungsi khusus)
yang saling berhubungan dan secara bersama-sama bertujuan untuk memenuhi suatu
proses/pekerjaan tertentu.
Dari beberapa pendapat di atas dapat disimpulkan bahwa sistem adalah
sekelompok komponen yang saling berinteraksi satu sama lain yang terdiri dari
sejumlah komponen fungsi yang saling bekerja sama untuk mencapai tujuan tertentu.
2. Informasi
Menurut Kusrini dan Koniyo (2007:7) mengatakan bahwa Informasi adalah data
yang sudah diolah menjadi sebuah bentuk yang berarti bagi pengguna, yang
bermanfaat dalam pengambilan keputusan saat ini atau mendukung sumber informasi.
14
Menurut Sutabri (2012:22) Informasi adalah data yang telah diklasifikasikan
atau diolah atau diiterpretasikan untuk digunakan dalam proses pengambilan
keputusan.
3. Sistem Informasi
Menurut Kusrini dan Koniyo (2007:8) mengatakan bahwa definisi umum sistem
informasi adalah: Sebuah sistem yang terdiri atas rangkaian subsistem informasi
terhadap pengolahan data untuk menghasilkan informasi yang berguna dalam
pengambilan keputusan.
Menurut Rober A. Laitch dan K. Roccoe Bavis dalam Kusrini dan Koniyo
(2007:8) mengemukakan bahwa Sistem informasi adalah suatu sistem di dalam
suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian,
mendukung operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi
dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan.
Dari pendapat diatas dapat disimpulkan bahwa sistem informasi adalah sebuah
sistem yang terdiri dari kumpulan subsistem informasi yang terdapat pada suatu
organisasi yang dijadikan tolak ukur dalam pengambilan keputusan.
4. Sistem Informasi Akuntansi
Menurut Kusrini dan Koniyo (2007:10) mengatakan bahwa Sistem informasi
akuntansi adalah sebuah sistem informasi yang mengubah data transaksi bisnis
menjadi informasi keuangan yang berguna bagi pemakai.
Menurut Sutabri (2004:6) Sistem informasi akuntansi adalah kumpulan sumber
daya, seperti manusia dan peralatan, yang diatur untuk mengubah data menjadi
informasi.
15
Tujuan dari sistem informasi akuntansi menurut Kusrini dan Koniyo (2007:10),
yaitu:
a.
b.
c.
b.
c.
d.
antara penjual dan pembeli, dimana penjual menawarkan suatu produk dengan
harapan pembeli dapat menyerahkan sejumlah uang sebagai alat ukur produk tersebut
sebesar harga jual yang telah disepakati.
16
2.2. Peralatan Pendukung (Tools System)
Dalam proses pembuatan website ini penulis menggunakan beberapa peralatan
pendukung. Adapun beberapa peralatan pendukung yang digunakan adalah:
2.2.1. Struktur Navigasi
Menurut Fauzi (2008:3) mengatakan Struktur navigasi adalah struktur atau alur
dari suatu program. Sebelum membuat suatu aplikasi maupun website sebaiknya kita
menentukan struktur navigasi terlebih dahulu. Ada empat macam bentuk dasar dari
struktur navigasi yang biasa digunakan dalam pembuatan aplikasi menurut
Fauzi(2008:4), yaitu:
1. Struktur Navigasi Linier
Struktur navigasi linier hanya mempunyai satu rangkaian cerita yang
berurut,
yang menampilkan satu demi satu tampilan layar secara berurut menurut urutannya.
Tampilan yang dapat ditampilkan pada struktur jenis ini adalah satu halaman
sebelumnya atau satu halaman sesudahnya, tidak dapat dua halaman sebelumnya atau
dua halaman sesudahnya.
navigasi
non-linier
atau
struktur
tidak
berurut
merupakan
diperkenankan
membuat navigasi bercabang. Percabangan yang dibuat pada struktur nonlinier ini
17
berbeda dengan percabangan pada struktur hirarki, karena pada percabangan
nonlinier ini walaupun terdapat percabangan, tetapi tiap-tiap tampilan mempunyai
kedudukan yang sama yaitu tidak ada Master Page dan Slave Page.
kriteria tertentu. Tampilan pada menu pertama akan disebut sebagai Master Page
(halaman utama pertama), halaman utama ini mempunyai halaman percabangan yang
disebut Slave Page (halaman pendukung). Jika salah satu halaman pendukung dipilih
atau diaktifkan, maka tampilan tersebut akan bernama Master Page (halaman utama
kedua), dan seterusnya.
18
4. Struktur Navigasi Campuran
Struktur navigasi campuran merupakan gabungan dari ketiga struktur
sebelumnya yaitu linier, non-linier dan hirarki. Struktur navigasi ini juga biasa
disebut dengan struktur navigasi bebas. Struktur navigasi ini banyak digunakan dalam
pembuatan website karena struktur ini dapat digunakan dalam pembuatan website
sehingga dapat memberikan interaksi yang lebih tinggi.
19
untuk tujuan umum peng-query-an dan diyakinkan bebas dari karakteristikkarakteristik tertentu yang tidak diinginkan.
1. Tujuan Normalisasi
Tujuan dalam melakukan normalisasi menurut Deliana, dkk (2005:175) adalah:
a. Mengidentifikasi hubungan antar atribut.
b. Mengkombinasikan atribut- atribut yang ada sehingga membentuk sebuah
hubungan atau relasi (relation).
c. Mengkombinasikan relasi-relasi yang sudah terbentuk sampai menghasilkan
sebuah database.
d. Menghilangkan anomaly.
e. Menghilangkan redudancy (pengulangan).
2. Proses Normalisasi
Beberapa proses normalisasi menurut Deliana, dkk (2005:176) yaitu:
a. Unnormalized Form (UNF)
Unnormalized Form (UNF) merupakan sebuah kondisi awal dimana form atau
entitas berisikan satu atau lebih bagian yang berulang.
b. First Normal Form (1NF)
Sebuah entitas dikatakan sedang berada dalam first normal form (1NF)
apabila entitas tersebut tidak lagi memiliki atribut yang berulang (repeating
group) yang ditandai dengan {}.
c. Second Normalized Form (2NF)
Sebuah entitas dikatakan sedang berada dalam second normal form apabila
entitas tersebut berada dalam kondisi 1NF dan dimana setiap attribut non
20
keynya bergantung fungsional penuh terhadap primary key (functional
depedency).
d. Third Normal Form (3NF)
Sebuah entitas dikatakan sedang berada dalam Third Normal Form apabila
entitas tersebut sedang berada dalam kondisi 1NF dan 2NF serta tidak adanya
attribut non key yang tergantung fungsional terhadap non key yang lainnya
(transitif depedency).
e. Boyce-Codd Normal Form (BCNF)
Boyce-codd Normal Form (BCNF) berdasarkan pada ketergantungan
fungsional (functional depedency) yang memperhitungkan semua candidate
key dalam sebuah relasi. Sebuah relasi dikatakan BCNF jika dan hanya jika,
setiap determinannya adalah suatu candidate key.
3. Teknik Normalisasi
Dalam proses normalisasi ada beberapa istilah yang dipakai menurut Kristanto
(2008:82), yaitu:
a. Entiti
Entiti adalah konsep informasi yang direkam meliputi orang, kejadian, dan
tempat.
b. Atribut atau Field
Atribut atau Field adalah sesuatu yang mewakili entiti.
c. Data Value
Data Value atau isi data adalah informasi yang disimpan dalam setiap atribut.
d. Record
21
Record adalah kumpulan atribut yang saling berkaitan satu dengan yang lain
dan menginformasikan suatu entiti secara lengkap.
e. File
File adalah kumpulan record yang mempunyai panjang atribut yang sama
tetapi berbeda data value-nya.
f. Basis Data
Basis data adalah kumpulan file satu dengan file yang lainnya yang
membentuk suatu informasi sistem secara keseluruhan.
22
BAB III
PEMBAHASAN
Tinjauan Kasus
Transaksi jual beli sejauh ini masih dilakukan di pasar, dengan transaksi jual beli
yang menggunakan sistem pembayaran tunai. Dalam proses transaksi jual beli antara
penjual dan pembeli biasanya terjadi negosiasi harga. Negosiasi harga seringakali
terjadi pada toko yang menjual barang-barang dengan harga yang terbilang cukup
tinggi seperti toko komputer.
Pelayanan pada toko komputer menjadi perhatian khusus bagi pemilik toko
komputer agar dapat menciptakan pelayanan yang baik sehingga dapat menarik lebih
banyak calon pembeli yang ingin berbelanja produk-produk komputer yang dijual.
Adapun prosedur penjualan dan pencatatan transaksi penjualan pada toko
komputer antara lain:
1.
2.
3.
4.
Pemilik toko membuat laporan dari setiap pencatatan transaksi penjualan yang
terjadi.
22
23
3.2. Spesifikasi Perancangan Web
Pada spesifikasi perancangan web ini, penulis akan membahasa beberapa hal
yang berkaitan tentang rancangan website yang akan dibuat. Pokok bahasan tersebut
antara lain:
1. Rancangan Halaman Index Website
Index adalah halaman paling depan yang ada pada semua website. Halaman index
juga disebut sebagai halaman pembuka karena saat pertama kali membuka sebuah
web, halaman yang pertama kali muncul adalah bagian index. Pada halaman index
akan dirancang cukup kompleks, karena ada banyak link yang mengarah ke semua
halaman website. Rancangan halaman Index (beranda) adalah sebagai berikut:
24
Link merupakan kelompok menu yang dirancang pada situs web penjualan toko
komputer, sebagaimana terlihat pada Gambar III.2 berikut:
25
3. Rancangan Halaman Produk
Halaman produk pada website ini berisi data-data barang yang dijual pada situs
web tersebut. Data tersebut mencakup nama barang, harga barang, keterangan barang
dan juga dilengkapi gambar dari barang yang dijual tersebut. Rancangan halaman
produk adalah sebagai berikut:
26
4. Rancangan Halaman Hubungi Kami
Halaman hubungi kami merupakan halaman yang dirancang untuk memberikan
informasi bagaimana caranya menghubungi pemilik website toko komputer
khususnya bagi para member yang berbelanja di toko online toko komputer.
Rancangan halaman hubungi kami adalah sebagai berikut:
27
menjadi member dalam sebuah website, tentunya ada sebuah halaman registrasi yang
telah disediakan pemilik website. Halaman registrasi tersebut berisi form-form yang
berguna untuk memasukan data calon member.
Halaman registrasi juga tersedia pada website yang penulis rancangkan, pada
halaman registrasi tersedia form-form seperti: nama lengkap member, jenis kelamin,
alamat lengkap, dan informasi pendukung lainnya. Berikut adalah tampilan halaman
registrasi pada toko komputer online yang penulis rancangkan:
28
pesanan barang yang ada, melihat daftar member, mengganti password login
administrator dan sebagainya. Rancangan halaman login admin adalah sebagai
berikut:
29
30
31
32
33
3.3. Rancangan Struktur Navigasi
Struktur navigasi website digunakan untuk menggambarkan secara garis besar isi
dari seluruh bagian website, meliputi isi website dan hubungan antara isi-isi tersebut.
Struktur navigasi website yang diterapkan pada situs web toko online Komputer
adalah menggunakan struktur navigasi Bercabang (Hierarki). Melalui sturkutur
navigasi website ini, dapat dilihat bagaimana tampilan website secara menyeluruh.
Pembuatan struktur navigasi website ini tentu akan sangat membantu nantinya
ketika ingin membuat rancangan keseluruhan dari halaman website. Harapannya, dari
struktur navigasi website ini para member yang ingin berbelanja di toko komputer
online mengetahui mereka sedang berada pada bagian website yang mana dan dapat
memperkirakan halaman mana saja yang bisa dikunjungi dari halaman mereka berada
sekarang.
Pada rancangan struktur navigasi website ini, penulis membuat dua buah
rancangan terpisah yang tujuannya agar lebih mudah dipahami. Rancangan struktur
navigasi ini terdiri dari rancangan untuk member dan rancangan untuk administrator
website.
34
3.4. Normalisasi
Normalisasi adalah sebuah cara sistematis yang digunakan untuk memudahkan
desain struktur dari suatu tabel di database agar cocok untuk tujuan umum pengquery-an. Tujuan dibuatnya normalisasi adalah untuk mengidentifikasi hubungan
antar atribut, membentuk relasi, serta untuk menghilangkan redudancy dan anomaly.
Pada perancangan program ini penulis menggunakan normalisasi sampai pada
normalisasi ketiga (3NF). Berikut penggambaran tahapan normalisasi yang penulis
rancang:
35
1.
36
2.
37
3.
38
4.
39
3.5. Spesifikasi File
Database adalah kumpulan data-data yang saling berhubungan satu sama lain,
data tersebut terorganisir dengan baik agar bisa digunakan dengan mudah dan cepat
untuk keperluan berbagai macam pengolahan data.
Dalam program website ini menggunakan satu buah file database dengan nama
webandre.mdb. Di dalam database tersebut beberapa tabel, adapun tabel-tabel
tersebut adalah sebagai berikut:
1.
Nama File
: File barang
Akronim
: tbl_barang.myd
Fungsi
Tipe
: File master
Organisasi File
: Sequential
Akses File
: Urut
Media
: Hard Disk
Panjang Record
: 303 karakter
Kunci Field
: id_barang
40
Tabel III.1 Spesifikasi file barang
No
Elemen Data
Akronim
Tipe
Size
Keterangan
1.
ID Barang
id_barang
Int
Primary key
2.
Nama Barang
nama_barang Varchar
100
3.
Harga
Harga
Varchar
100
4.
Gambar
Gambar
Varchar
100
5.
Keterangan
Keterangan
Text
Nama File
Akronim
: tbl_akuntansi.myd
Fungsi
Tipe
: File master
Organisasi File
: Sequential
Akses File
: Urut
Media
: Hard Disk
Panjang Record
: 50 karakter
Kunci Field
: no_akun
Tabel III.2 Spesifikasi file siklus akuntansi
No
Elemen Data
Akronim
Tipe
Size
Keterangan
1.
Nomor Akun
no_akun
Int
10
Primary key
2.
Nama Akun
nama_akun
Varchar
20
3.
Klasifikasi
Klasifikasi
Varchar
20
41
Sumber: hasil penelitian
3.
Nama File
: File jurnal
Akronim
: tbl_jurnal.myd
Fungsi
Tipe
: File master
Organisasi File
: Sequential
Akses File
: Urut
Media
: Hard Disk
Panjang Record
: 60 karakter
Kunci Field
: no_jurnal
Tabel III.3 Spesifikasi file jurnal
No
Elemen Data
Akronim
Tipe
Size
Keterangan
1.
Nomor Jurnal
no_jurnal
Int
Primary key
2.
Tanggal jurnal
tgl_jurnal
Date
3.
keterangan
Keterangan
Varchar
50
4.
ID pesan
id_pesan
Int
Nama File
Akronim
: tbl_detail_jurnal.myd
Fungsi
Tipe
: File master
Organisasi File
: Sequential
42
Akses File
: Urut
Media
: Hard Disk
Panjang Record
: 115 karakter
Kunci Field
: no_jurnal
Tabel III.4 Spesifikasi file detail jurnal
No
Elemen Data
Akronim
Tipe
Size
Keterangan
1.
Nomor Jurnal
no_jurnal
Int
Primary key
2.
Nomor akun
no_akun
Int
10
3.
Jumlah debit
jumlah_debet
Varchar
50
4.
Jumlah kredit
jumlah_kredit Varchar
50
Nama File
Akronim
: tbl_hubungi.myd
Fungsi
Tipe
: File master
Organisasi File
: Sequential
Akses File
: Urut
Media
: Hard Disk
Panjang Record
: 305 karakter
Kunci Field
: id_hubungi
43
Tabel III.5 Spesifikasi file pesan dari member
No
Elemen Data
Akronim
Tipe
Size
Keterangan
1.
ID Hubungi
id_hubungi
Int
Primary key
2.
Nama
Nama
Varchar
100
3.
Varchar
100
4.
Alamat
Alamat
Varchar
100
5.
Isi Pesan
Pesan
Text
Nama File
Akronim
: tbl_kategori.myd
Fungsi
Tipe
: File master
Organisasi File
: Sequential
Akses File
: Urut
Media
: Hard Disk
Panjang Record
: 55 karakter
Kunci Field
: id_kategori
Tabel III.6 Spesifikasi file kategori barang
No
Elemen Data
Akronim
Tipe
Size
Keterangan
1.
ID Kategori
id_kategori
Int
Primary key
2.
Kategori
Kategori
Varchar
50
44
7.
Nama File
Akronim
: tbl_member.myd
Fungsi
Tipe
: File master
Organisasi File
: Index Sequential
Akses File
: Random
Media
: Hard Disk
Panjang Record
: 183 karakter
Kunci Field
: id_member
Tabel III.7 Spesifikasi file data member
No
Elemen data
Akronim
Tipe
Size
Keterangan
ID Member
id_member
int
Primary key
Nama Member
Nama
varchar
50
Jenis kelamin
Gender
varchar
10
Alamat
Alamat
text
No. Telepon
Telepon
varchar
20
Alamat email
varchar
20
Username Login
User
varchar
40
Password
Pass
varchar
40
45
8.
Nama File
: File Pesanan
Akronim
: tbl_pesanan.myd
Fungsi
Tipe
: File transaksi
Organisasi File
: Sequential
Akses File
: Random
Media
: Hard Disk
Panjang Record
: 52 karakter
Kunci Field
: id_pesan
Tabel III.8 Spesifikasi file pesanan
No
Elemen Data
Akronim
Tipe
Size
Keterangan
1.
ID Pesanan
id_pesan
Int
Primary key
2.
ID Barang
id_barang
Int
Foreign Key
3.
ID Member
id_member
Int
Foreign Key
4.
ID admin
id_admin
Int
Foreign Key
5.
Banyaknya barang
Banyak
Int
6.
Merek barang
Merek
Varchar
8.
Tanggal pesan
tanggal_pesan Date
7.
Total bayar
total_bayar
Varchar
Nama File
Akronim
: tbl_detail_pesanan.myd
30
46
Fungsi
Tipe
: File master
Organisasi File
: Sequential
Akses File
: Urut
Media
: Hard Disk
Panjang Record
: 68 karakter
Kunci Field
: no_pesan
Tabel III.9 Spesifikasi file detail pesanan
No
Elemen Data
Akronim
Tipe
Size
Keterangan
1.
Nomor pesanan
no_pesan
Int
Primary key
2.
Id Barang
id_barang
Int
Foreign key
3.
Jumlah Beli
jumlah_beli
Varchar
10
4.
Sub total
Subtotal
Varchar
50
Akronim
: tbl_admin.myd
Fungsi
Tipe
: File master
Organisasi File
: Sequential
Akses File
: Random
Media
: Hard Disk
47
Panjang Record
: 43 karakter
Kunci Field
: id_user
Tabel III.10 Spesifikasi file login admin
No
Elemen Data
Akronim
Tipe
Size
Keterangan
1.
ID Admin
id_admin
Int
Primary key
2.
Usernam Admin
User
Varchar
20
3.
Password Admin
Pass
Varchar
20
48
4) Monitor dengan resolusi 1366x768
5) Koneksi internet dengan kecepatan 1Mbps
b. Client
1. CPU
a) Processor Intel Atom
b) RAM 1GB
c) Hard Disk 200 GB
2) Mouse
3) Keyboard
4) Monitor dengan resolusi 1024x600
5) Koneksi internet dengan kecepatan 1Mbps
2.
A. Server
1) Sistem Operasi yang digunakan Windows 8 PRO 32 bit
2) Aplikasi bundle web server yang digunakan adalah WampServer yang terdiri
dari beberapa komponen antara lain:
a) Aplikasi Apache Server versi 2.2.11
b) Aplikasi PHP Server versi 5.3.0
c) Aplikasi MySQL Server versi 5.1.36
d) Aplikasi phpMyAdmin versi 3.2.0.1
3) Aplikasi Web Browser yang digunakan Mozilla Firefox dan Google Chrome.
49
B. Client
1) Sistem operasi yang umum digunakan Micosoft Windows XP, Micosoft
Windows 7, Micosoft Windows 8 dan Linux (Ubuntu, Backtrack).
2) Aplikasi web browser yang digunakan Mozilla Firefox, Google Chrome,
Internet Explorer, dan Safari Browser.
50
BAB IV
PENUTUP
3.1. Kesimpulan
Demikianlah pembahasan mengenai perancangan situs web penjualan toko
komputer online dengan menggunakan aplikasi Adobe Macromedia Dreamweaver
CS 8 dan menggunakan bahasa pemrograman PHP. Secara umum dapat disimpulkan
sebagai berikut:
1. Sistem informasi penjualan pada toko komputer ini dirancang berbasis web agar
dapat memberikan kemudahan bagi pelanggan untuk melakukan transaksi
pembelian barang pada toko komputer.
2. Sistem informasi penjualan ini dikelola oleh administrator. Sistem informasi
penjualan ini dapat menjadi media bagi user (pengunjung) dalam melakukan
proses berbelanja secara online.
3. Sistem informasi penjualan yang dirancang ini dapat dapat mengolah data barang,
kategori barang, member, pesanan (transaksi pembelian), data akun, serta
pencatatan transaksi jurnal harian.
4. Keluaran (output) dari sistem informasi penjualan ini antara lain: laporan
rekapitulasi penjualan, laporan laba rugi, jurnal umum dan buku besar.
50
51
3.2. Saran
Dari pengalaman yang telah didapat selama proses perancangan program
aplikasi website penjualan toko komputer secara online tersebut penulis ingin
memberikan beberapa saran, antara lain:
1. Sebelum merancang atau membangun sebuah website, sebaiknya memperhatikan
terlebih dahulu konsep dasar dari pembangunan sebuah website, meliputi susunan
isi website berdasarkan jenis website, maupun menyangkut berbagai hal yang ada
di dalam website.
2. Dalam hal pengisian konten website, sebaiknya menggunakan kata-kata yang
mudah dimengerti dan tidak menyinggung pengujung, agar dapat memberikan
kesan baik pada website yang dimiliki.
3. Sebaiknya melakukan optimasi konten yang anda buat di website, hal ini berguna
untuk menarik lebih banyak pengunjung lewat mesin pencari (search engine).
52
DAFTAR PUSTAKA
Aditama Roki. 2013. Sistem Informasi Akademik Kampus Berbasis Web dengan
PHP. Yogyakarta: Penerbit Lokomedia.
Arief, M. Rudyanto. 2011. Pemrograman Web Dinamis Menggunakan PHP &
MySQL. Yogyakarta: ANDI.
Badiyanto. 2013. Buku Pintar Framework Yii. Yogyakarta: MediaKom.
Deliana Hartini, Lisye Mareta Cahya dan Kikis Sabrina Kaisariza. 2009. Database
dengan SQL Server 2005. Jakarta: Mitra Wacana Media.
Fauzi
Fivi
Syukriah.
2008.
Struktur
Navigasi.
Diambil
www.staffsite.gunadarma.ac.id/fivi_syukriah/ (18 mei 2014)
dari:
Chairul.
2011.
Pengertian
Penjualan.
Diambil
dari
http://www.ilmumu.com/pengetahuan/pengertian-penjualan/ (10 juni 2013)
52
53
11110507
Petrus Andre
Sekadau, 20 Februari 1993
Jalan Sungai Raya Dalam, Komplek Bhayangkara
Permai No. C2-14 Pontianak, Kalimantan Barat.
Petrus Andre
53