APLIKASI PENJUALAN BARANG BERBASIS WEB D

APLIKASI PENJUALAN BARANG BERBASIS WEB
DI SALSHA PHOTO STUDIO

LAPORAN SIDANG UJI KOMPREHENSIF
Diajukan untuk memenuhi
salah satu persyaratan sidang uji komprehensif

oleh

DHANY RAMADHAN
NRP. 6310250

POLITEKNIK KOMPUTER NIAGA LPKIA
PROGRAM STUDI MANAJEMEN INFORMATIKA
KONSENTRASI TEKNIK INFORMATIKA
BANDUNG
2013

LEMBAR PERNYATAAN

Yang bertanda tangan di bawah ini,

Nama

: DHANY RAMADHAN

N.R.P

: 6310250

Program Studi : Manajemen Informatika Konsentrasi Teknik Informatika
PKN LPKIA
Judul Laporan : Aplikasi Penjualan Barang Berbasis Web di Salsha Photo Studio

Dengan ini menyatakan bahwa hasil penulisan Laporan Komprehensif yang telah
saya buat ini merupakan hasil karya sendiri dan benar keasliannya. Apabila
ternyata di kemudian hari penulisan Laporan Komprehensif ini merupakan hasil
plagiat atau penjiplakan terhadap karya orang lain, maka saya bersedia
mempertanggungjawabkan sekaligus bersedia menerima sanksi berdasarkan
aturan tata tertib di PKN LPKIA.

Demikian pernyataan ini saya buat dalam keadaan sadar dan tidak dipaksakan.


Bandung, 20 September 2013
Penulis,

Dhany Ramadhan

LEMBAR PENGESAHAN

LAPORAN KOMPREHENSIF

APLIKASI PENJUALAN BARANG BERBASIS WEB
DI SALSHA PHOTO STUDIO

Diajukan untuk memenuhi salah satu persyaratan kelulusan program diploma 3
Program Studi Manajemen Informatika
Konsentrasi Teknik Informatika
PKN LPKIA Bandung

Disusun oleh


DHANY RAMADHAN
NRP. 6310250

Telah diperiksa dan disetujui
Pada tanggal : .....................................
di Bandung
Pembimbing

Mengetahui
Ketua Program Studi

Richard Victor Ginting, ST., MOS., MCP
NIP.110004

Soni Fajar S.G, M.T., MCAS.
NIP. 197004

LEMBAR PENGESAHAN
PENGUJI SIDANG KOMPREHENSIF


Program Diploma 3
Program Studi Manajemen Informatika
Konsentrasi Teknik Informatika
PKN LPKIA BANDUNG

Bandung, pada tanggal : ……………………..…… 2013

Diperiksa dan Disetujui oleh Penguji Komprehensif yang berjudul

APLIKASI PENJUALAN BARANG BERBASIS WEB
DI SALSHA PHOTO STUDIO

Penguji I

Diqi Fakhrun Siddiq, S.T.
NIP. 109003

Penguji II

Cecep Ruddi Kusnadi, S.T.

NIP.208007

ABSTRAKSI

Dhany Ramadhan. 6310250
APLIKASI PENJUALAN BARANG BERBASIS WEB DI SALSHA PHOTO
STUDIO
Laporan Uji Komprehensif. Program Studi Manajemen Informatika. Konsentrasi
Teknik Informatika. 2013
Kata kunci : Aplikasi, Web , Penjualan Barang

Aplikasi Web diartikan sebagai suatu aplikasi penjualan, melalui tampilantampilan yang meliputi tentang barang-barang yang akan dipasarkan untuk
penjualan dan pemesanan, Penjualan di web akan menjual hasil nilai pada
penjualan perusahaan. Aplikasi Web menarik akan konsumen, sehingga pada saat
membuka alamat produk pada web dan konsumen pun tertarik. pelayanan yang
mudah dan cepat pun akan berpengaruh terhadap minat konsumen terhadap
perusahaan. Melalui Aplikasi web yang memberikan kontak secara langsung
diharapkan proses pelayanan terhadap konsumen dapat jelas dan lebih cepat.
Aplikasi Penjualan dapat di implementasikan dengan adanya daya tarik konsumen
pada saat proses membuka web .

Berdasarkan hasil kegiatan di atas disarankan kepada pihak perusahaan untuk
menggunakan teknologi komputer terutama internet dalam melakukan kegiatan
transaksi untuk memudahkan dalam kegiatan penjualan produk.

KATA PENGANTAR

Bismillahirrahmaanirrahim

Segala puji bagi Allah SWT yang telah memberikan rahmat-Nya sehingga laporan
praktik kerja ini dapat penulis selesaikan. Laporan praktik kerja ini merupakan
salah satu syarat untuk mengikuti sidang tugas akhir pada program studi
Manajemen Informatika Konsentrasi Teknik Informatika Politeknik Komputer
Niaga LPKIA Bandung.

Penulisan laporan praktik kerja ini tidak lepas dari dukungan bantuan dan
bimbingan berbagai pihak. Dalam kesempatan ini penulis mengucapkan terima
kasih dan penghargaan yang sebesar-besarnya kepada :
1.

Kedua Orangtua (Dedi Rustandi dan Yenny Fonny) penulis yang penulis

sayangi, karena do’a beliaulah penulis bisa seperti ini dan Saudara Perempuan
(Eva Rosita) penulis yang tak henti-hentinya memberikan semangat untuk
penulis.

2.

Richard Victor Ginting, ST., MOS., MCP, selaku dosen pembimbing, yang
telah memberikan arahan dan masukan yang berharga selama penyusunan
laporan praktik kerja ini.

3.

Drs. Paulus Tamzil Psy selaku Direktur PKN LPKIA Bandung.

4.

Soni Fajar S.G, MT., MCAS, selaku ketua program studi Manajemen
Informatika PKN LPKIA.

5.


Asep Wawan selaku pemilik dari SALSHA PHOTO STUDIO yang telah
mengizinkan penulis untuk melakukan praktik kerja di SALSHA PHOTO
STUDIO.

6.

Teman-teman Teknik Informatika 2010, terima kasih atas kebersamaanya
semoga kebersamaan ini akan selalu tetap terjaga.

7.

Semua pihak yang tidak dapat disebutkan satu persatu yang telah membantu
penulis dalam menyelesaikan laporan Praktik Kerja Lapangan ini. Terima
kasih yang terucap, sebatas hati bukan mulut yang mengucapkan semua yang
kalian berikan sangat berarti dalam hidup penulis.

Penulis menyadari dalam penyusunan tugas akhir ini masih banyak kekurangan,
oleh karena itu kritik dan saran untuk perbaikan dimasa yang akan datang sangat
penulis harapkan.


Akhirnya semoga Allah SWT membalas kebaikan semua yang telah membantu
penulis dalam penyusunan Laporan Praktik Kerja ini. Semoga laporan ini dapat
bermanfaat baik bagi penulis maupun bagi pihak-pihak yang berkepentingan.

Bandung, Agustus 2013
Penulis

Dhany Ramadhan

DAFTAR ISI
ABSTRAKSI............................................................................................................i
KATA PENGANTAR.............................................................................................ii
DAFTAR ISI...........................................................................................................iv
BAB I PENDAHULUAN ....................................................................................... 1
1.1 Latar Belakang ................................................................................................. 1
1.2 Identifikasi Permasalahan ................................................................................ 2
1.3 Lingkup dan Batasan ........................................................................................ 2
1.4 Tujuan .............................................................................................................. 3
1.5 Sistematika Penulisan ...................................................................................... 3

BAB II DASAR TEORI ......................................................................................... 5
2.1 Teori Tentang Permasalahan ............................................................................ 5
2.1.1 Aplikasi ..................................................................................................... 5
2.1.2 Penjualan ................................................................................................... 5
2.1.3 Web ........................................................................................................... 6
2.2 Bahasa Pemrograman Web .............................................................................. 7
2.2.1 PHP ........................................................................................................... 7
2.2.2 HTML ....................................................................................................... 8
2.3 Database yang digunakan ................................................................................. 9
2.3.1 MySQL...................................................................................................... 9
2.4 Alat Bantu Sistem ............................................................................................ 9
2.4.1 XAMPP ..................................................................................................... 9
BAB III ANALISIS DAN PERANCANGAN PERANGKAT LUNAK ............. 11
3.1 Gambaran Umum Perusahaan ........................................................................ 11
3.1.1 Struktur Organisasi Perusahaan .............................................................. 11
3.1.2 Visi dan Misi Perusahaan ........................................................................ 12
3.2 Analisis Fungsional ........................................................................................ 12
3.3 Perancangan Data ........................................................................................... 13
3.3.1 Relasi Tabel ............................................................................................. 13
3.3.2 Struktur Tabel.......................................................................................... 13

3.4 Perancangan Prosedural ................................................................................. 21
3.5 Kendala .......................................................................................................... 23

BAB IV IMPLEMENTASI .................................................................................. 24
4.1 Kebutuhan Sumber Daya ............................................................................... 24
4.1.1 Kebutuhan Hardware .................................................................................. 24
4.1.2 Kebutuhan Software ................................................................................ 24
4.2 Petunjuk Penggunaan Program ...................................................................... 25
4.2.1 Struktur Menu ......................................................................................... 25
4.2.2 Format Input dan Output ......................................................................... 25
BAB V KESIMPULAN DAN SARAN ................................................................ 45
5.1 Kesimpulan .................................................................................................... 45
5.2 Saran ............................................................................................................... 45
DAFTAR PUSTAKA.............................................................................................vi

BAB I
PENDAHULUAN

1.1 Latar Belakang
Dalam meningkatkan penjualan dan mendapatkan konsumen yang banyak suatu
bidang usaha harus inovatif dan selalu memberikan pelayanan yang terbaik bagi
konsumen. Inovatif dalam menjual barang-barang yang sesuai dengan kebutuhan
konsumen, kemudian selalu memberikan yang terbaik berarti memberikan
alternatif yang mudah dalam bertransaksi. Banyak usaha yang dilakukan oleh para
wirausahawan seperti membuat iklan dengan pamflet, spanduk, brosur dan lainnya
untuk mempromosikan dan mejual barangnya.
Seiring majunya teknologi banyaknya para wirausahawan ataupun perusahaan
yang menggunakan alat teknologi untuk penjualan, dari perangkat keras yang
dipakai seperti mesin cetak yang digunakan maupun perangkat lunak programprogram yang dibuat oleh programer seperti website. Teknologi ini sangat
memudahkan wirausahan dan perusahaan dalam mempromosikan barang atau
jasanya dan membuat daya tarik peminat lebih banyak karena sudah banyaknya
teknologi komputer yang dipakai oleh manusia.
Salsha Photo Studio adalah perusahaan wirausaha yang berdiri dibidang studio
foto yang kegiatannya terdiri dari pemotretan, percetakan foto, rekayasa foto, scan
foto, pembuatan kartu nama, penjualan barang seperti frame foto dan album foto,
serta menerima jasa design edit seperti autocad arsiterktur dan sketch up + vray,
dll. Dikarenakan untuk peningkatannya konsumen Salsha Photo Studio
menerapkan penjualannya melalui website, dengan adanya penjualan barang
melalui website memungkinkan daya tarik yang lebih banyak meningkatkan
konsumen dan meningkatkan nilai jual.
Penjualan dengan website akan memberikan kemudahan dan orang-orang yang
sedang mencari info di dunia maya tentang barang atau jasa yang dibutuhkannya.
Salsha Photo Studio dapat memberikan banyak info dengan rinci maupun singkat,
dengan website ini dan juga memungkinkan mendapatkan banyak berbagai
konsumen dari berbagai kota. Penjualan dengan website juga memberi

kemudahan pada orang-orang sedang mencari barang yang ia butuhan dari berupa
barang maupun jasa.
Sehubung dengan hal diatas, maka penulis mengambil suatu topik atau judul
“APLIKASI PENJUALAN BARANG BERBASIS WEB DI SALSHA
PHOTO STUDIO”.
1.2 Identifikasi Permasalahan
Perusahaan tempat penulis melakasankan kerja praktek merupakan perusahaan
yang bergerak di studio foto dengan menjual barang dan jasanya.
Karena sistem penjualan dengan website belum diterapkan maka dalam praktek
kerja penulis melakukan pembuatan website, untuk penjualan barang di
perusahaan Salsha studio. Untuk itu dalam kesempatan praktek kerja ini penulis
ingin mengkaji beberapa hal sebagai berikut:
a. Proses pemesanan barang mengalami kesulitan karena pendataan barang masih
dilakukan secara pencatatan sehingga lamanya dalam pencarian data.
b. Salsha Photo Studio memiliki kesulitan untuk mengetahui data stok barang

yang tersedia.
1.3 Lingkup dan Batasan
Batasan masalah dalam Pembuatan Aplikasi Web ini adalah sebagai berikut:
a. Penjualan barang berbasis web ini hanya untuk seluruh Indonesia.
b. Proses pembayaran ditangani melalui kontak email, telepon, dan transfer
rekening.

1.4 Tujuan
Sudah

menjadi

keharusan

bahwa

setiap

penulis

mempunyai

tujuan,

bagaimanapun sederhananya bentuk kegiatan, tanpa tujuan kegiatan tersebut tidak
akan berhasil. Adapun tujuan dari pembuatan laporan ini adalah :
a.

Membuat aplikasi penjualan berbasis web yang dapat melakukan transaksi
pemesanan barang sehingga memudahkan dalam pencarian data untuk
penjualan barang.

b.

Menjadikan aplikasi penjualan berbasis web yang dapat memberikan
informasi ketersediaan stok barang.

1.5 Sistematika Penulisan
Adapun urutan sistematika penulisan laporan ini adalah sebagai berikut:
Bab I Pendahuluan
Pada permulaan bab ini penulis menguraikan bagian dasar yang melatarbelakangi
pembuatan laporan praktik kerja ini. Pembuatan laporan praktik kerja terdiri dari
lima sub bab yaitu latar belakang, identifikasi persoalan, lingkup dan batasan,
tujuan, dan sistematika penulisan.

Bab II Dasar Teori
Pada bab ini penulis menjelaskan tentang teori - teori yang berhubungan dengan
permasalahan yang ada.

Bab III Analisa dan Perancangan Perangkat Lunak
Pada bab ini penulis menguraikan tentang perancangan aplikasi web yang dipakai
untuk memecahkan persoalan pada Bagian penjualan di Salsha Photo Studio
tempat penulis melakukan praktik kerja yang meliputi gambaran umum
perusahaan, analisis fungsional, perancangan data, perancangan prosedural, dan
kendala.

Bab IV Implementasi
Pada bab ini penulis menjelaskan tentang kebutuhan sumber daya dan petunjuk
penggunaan program.

Bab V Kesimpulan dan Saran
Pada bab terakhir ini penulis menarik kesimpulan yang telah diperoleh dari hasil
analisa dan implementasi pada bab sebelumnya. Dan sebagai tindak lanjut, penulis
menyertakan pula saran-saran yang diharapkan dapat bermanfaat bagi Salsha
Photo Studio untuk perkembangan dalam pengunaan aplikasi web.

BAB II
DASAR TEORI

2.1

Teori Tentang Permasalahan

Menjelaskan secara teoritis tentang permasalahan untuk mendukung perangkat
lunak penjualan berbasis web.

2.1.1

Aplikasi

Definisi

aplikasi

menurut

Jack

Febrian

(2007:35)

:

“Program aplikasi=program siap pakai. Program yang direka untuk
melaksanakan suatu fungsi bagi pengguna atau aplikasi yang lain.
Contoh-contoh aplikasi ialah program pemproses kata dan Web
Browser.”
Dari definisi diatas dapat diartikan bahwa aplikasi merupakan program yang siap
pakai atau juga siap digunakan dan juga program yang dimaksud memiliki proses
tertentu sebagaimana pengguna membutuhkannya misalnya proses dari kata
ataupun yang lainnya.

2.1.2

Penjualan

Definisi penjualan menurut Susan Irawati (2008:67) yaitu,
“Penjualan adalah suatu kegiatan yang mengharuskan perusahaan
mengeluarkan sejumlah barang dan jasa baik secara tunai maupun
kredit, sehingga menghasilkan sejumlah finansial bagi pihak lain
sebagai pembeli.”

Dari definisi diatas dapat diartikan bahwa penjualan harus mempunyai modal dari
sisi barang ataupun

jasa yang dapat ditransaksikan dan dijual secara tunai

maupun kredit sehingga menghasilkan keuntungan untuk pembeli.

2.1.3 Web
Pengertian

web

menurut

Sudarso

(2008)

:

“Website atau situs dapat diartikan sebagai kumpulan halamanhalaman yang digunakan untuk menampilkan informasi teks, gambar
diam atau gerak, animasi, suara, dan atau gabungan dari semuanya itu
baik yang bersifat statis maupun dinamis yang membentuk satu
rangkaian bangunan yang saling terkait dimana masing-masing
dihubungkan dengan jaringan-jaringan halaman (hyperlink).”
Dari pengertian Website diatas dapat diartikan bahwa website sebagai kumpulan
dari halaman-halaman situs, yang terangkum dalam sebuah domain ataupun
subdomain, yang tempatnya berada di dalam World Wide Web ( WWW ) di
internet.

2.2

Bahasa Pemrograman Web

2.2.1 PHP
Menurut Prasetio Adi (2012), Menyebutkan Bahwa :
“PHP (PHP: Hypertext Preprocessor) adalah bahasa script yang
ditanam disisi server. kalau kita pake istilah sehari-hari,munkin seperti
ini:
prosesor PHP dijalankan di server (Windows atau Linux). Saat sebuah
halaman dibuka dan mengandung kode PHP, prosesor itu akan
menerjemahkan dan mengeksekusi semua perintah dalam halaman
tersebut, dan kemudian menampilkan hasilnya ke browser sebagai
halaman HTML biasa.”
PHP (Personal Home Page) adalah script yang paling banyak dipakai saat ini.
PHP banyak dipakai untuk meprogram situs web dinamis, walaupun tidak tertutup
kemungkinan digunakan untuk pemakaian lain.

Kelebihan PHP dari bahasa Pemrograman lain adalah :
1. PHP adalah sebuah script yang tidak melakukan sebuah kompilasi dalam
penggunaannya.
2. Web Server yang mendukung PHP dapat ditemukan dimana-mana dari mulai
Apache, IIS, Lighttpd, hingga Xitami dengan konfigurasi yang relative
mudah.
3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis-milis dan
developer yang siap membantu dalam pengembangan.
4. Dalam sisi pemahaman, PHP adalah bahasa scripting yang paling mudah
karena memiliki referensi yang banyak.
5. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin
(Linux, Unix, Macintosh, Window) dan dapat dijalankan secara runtime
melalui console serta juga dapat menjalankan perintah-perintah sistem.

6. PHP: Hypertext Preprocessor adalah bahasa skrip yang dapat ditanamkan atau
disisipkan ke dalam HTML. PHP banyak dipakai untuk memrogram situs
web dinamis. PHP dapat digunakan untuk membangun sebuah CMS.

2.2.2. HTML
Menurut Handayani Mierna Puspa, menyebutkan bahwa :
“HTML Hypertext Markup Language (HTML) adalah bahasa yang
digunakan

untuk

menulis

halaman

web.

HTML

merupakan

pengembangan dari standar pemformatan dokumen teks yaitu
Standard Generalized Markup Language (SGML). HTML sebenarnya
adalah dokumen ASCII atau teks biasa, yang dirancang untuk tidak
tergantung pada satu system operasi tertentu.”
Hypertext Markup Language (HTML) adalah bahasa yang digunakan untuk
menulis halaman web. HTML merupakan pengembangan dari standar
pemformatan dokumen teks yaitu Standard Generalized Markup Language
(SGML). HTML sebenarnya adalah dokumen ASCII atau teks biasa, yang
dirancang untuk tidak tergantung pada suatu sistem operasi tertentu.

Mendesain HTML berarti melakukan suatu tindakan pemrograman. Namun
HTML bukanlah sebuah bahasa pemrograman. Namun HTML hanyalah berisi
perintah-perintah yang telah terstruktur berupa tag-tag penyusun. Menuliskan tagtag HTML tidaklah sebatas hanya memasukkan perintah-perintah tertentu agar
HTML kita dapat di akses oleh browser. Mendesain HTML adalah adalah sebuah
seni tersendiri. Homepage yang merupakan implementasi dari HTML adalah
refleksi dari orang yang membuatnya. Untuk itu kita perlu mendesainnya dengan
baik agar para pengunjung homepage yang kita buat merasa senang dan
bermanfaat.

Mendesain
1.

HTML

Menggunakan

Dreamweaver,

dan

dapat

HTML

dilakukan

Editor,

lain-lain.

seperti

Dapatkan

dengan

Microsoft
editor

dua

FrontPage,

HTML

lainnya

cara:
Adobe
disini.

2. Dengan cara menuliskan sendiri secara manual satu persatu tag-tag HTML ke
dalam dokumen HTML.

2.3
2.3.1

Database yang digunakan
MySQL

Pengertian

menurut

MySql

(Kadir,

2009,

p.

15):

“MySql merupakan software yang tergolong database server dan
bersifat Open Source. Open Source menyatakan bahwa software ini
dilengkapi dengan source code (kode yang dipakai untuk membuat
MySql).
MySQL adalah suatu sistem manajemen basis data relasional (RDBMS-Relational
Database System) yang mampu bekerja dengan cepat, kokoh, dan mudah
digunakan. Contohlah RDBMS lainnya adalah Oracle, Sybase. Basis Data
memungkinkan kita untuk menyimpan, menelusuri, mengurutkan dan mengambil
data secara efisien. Server MySql yang akan membantu melakukan fungsionalitas
tersebut.

2.4
2.4.1

Alat Bantu Sistem
XAMPP

Pengertian XAMPP menurut (Nugroho, Pengenalan XAMPP 2008) :
“XAMPP merupakan paket PHP yang berbasis Open Source yang
dikembangkan

oleh

sebuah

komunitas

Open

Source.

Dengan

menggunakan XAMPP anda tidak usah bingung untuk melakukan
penginstallan program- program yang lain, karena semua kebutuhan
telah disediakan oleh XAMPP.”

XAMPP atau X (Cross Platform) Apache MySQL PHP Perl adalah sebuah
perangkat lunak (software) yang dibuat oleh tim dari Apache Friends
(www.apachefriends.org) yang fungsinya adalah untuk menjalankan program
PHP, MySQL dan Perl dalam satu waktu yang bersamaan. XAMPP memudahkan
para web developer untuk mengembangkan dan membuat sebuah website di local
PC/Laptop, sehingga proses pembuatan sebuah website menjadi lebih aman dan
cepat dibandingkan melakukan proses pembuatan website lewat online server.

BAB III
ANALISIS DAN PERANCANGAN PERANGKAT LUNAK

3.1 Gambaran Umum Perusahaan
Salsha Photo Studio merupakan perusahaan yang berdiri dibidang jasa maupun
penjualan dalam bentuk kewirausahaan. Pemilik dari Salsha Photo Studio Asep
Wawan selalu mencoba dan berusaha untuk melayani konsumen secara
profesional dan kepuasan pelanggan.
Salsha Photo Studio ini berdiri pada April 2010. Awal mula berdiri, pemilik dari
perusahaan mempunyai pekerjaan kantoran yang membuatnya jenuh dan pemilik
juga hobi dalam editing foto sehingga tercipta ide untuk membuat usaha cetak,
editing foto dan data.

3.1.1 Struktur Organisasi Perusahaan

PEMILIK

ADMIN

PEGAWAI

PEGAWAI

Gambar 3.1 Struktur Organisasi Perusahaan Salsha Photo Studio

Kegiatan di Salsha Photo Studio ini dalam sehari-hari hingga sekarang melayani
pelanggan dalam kebutuhan percetakan, pengeditan, foto dan data yang berlokasi
di dekat kampus Unjani di Jl. Cibeber no.75 D Cimahi. Berlokasi strategis untuk
berwirausaha dan mudah untuk dikunjungi oleh konsumen.

3.1.2 Visi dan Misi Perusahaan
Visi : Menjadi bahan usaha yang terdepan dalam usaha percetakan (print) foto
atau data yang menjungjung tinggi profesionalisme dalam berkarya dan
memuaskan konsumen.
Misi : Menerapkan aplikasi teknologi software maupun hardware yang canggih
dan modern dalam dunia cetak atau editing foto serta editing data dengan tetap
berpijak pada kecepatan pelayanan untuk kepuasan konsumen.

3.2 Analisis Fungsional
Penulis membuat perangkat lunak web yang untuk mempromosikan produk dan
jasa melalui web SALSHA PHOTO STUDIO. Periklanan untuk promosi ini
jarang dilakukan dan pemilik perusahaan beserta penulis memanfaatkan hal
tersebut untuk mengembangkan periklanan untuk mengiklankan perusahaan
dengan menggunakan web, dimana penulis menggunakan bahasa pemrograman
PHP, dengan menggunakan Phpmyadmin yang ada di program xampp.
Gambaran umum yang terdapat pada perangkat lunak web ini yaitu :
1.

Header, memberikan informasi tema dengan nama perusahaan yang
ditampilkan.

2.

Skema navigasi, navigasi yang digunakan ialah navigasi yang diterapkan di
bagian atas dan di bagian kiri, navigasi bagian atas menghubungkan kepada
halaman-halaman utama website seperti home yang menyambungkan
sedangkan navigasi bagian kiri menghubungkan ke informasi atau halaman
yang lebih rinci. Halaman-halaman pada navigasi bagian atas :
a. Home, menampilkan halaman utama dari web informasi produk terbaru
b. Profil, menampilkan menampilkan profil tentang perusahaan.
c. Cara Pembelian, memberikan informasi tentang tata cara pembelian.
d. Produk, menampilkan barang-barang yang akan diperjualkan.
Sedangkan untuk navigasi bagian kiri menampilakan halaman-halaman
katagori dari produk, produk best seller, dan banner iklan .

3.

Main Body atau bagian isi web, isi dari informasi-informasi pada setiap
halaman.

4.

Footer atau bagian bawah web, mencantumkan nama perusahaan.

3.3 Perancangan Data
Dalam menyusun suatu program aplikasi, harus melalui tahap perancangan
database agar program yang dibuat dapat berjalan sesuai dengan kebutuhan dan
program tersebut layak digunakan.
3.3.1 Relasi Tabel

Gambar 3.1.1 Relasi Tabel
3.3.2 Struktur Tabel
Nama Table : admins
Nama Field

Deskripsi

username

Id untuk admin

password

Password untuk
admin

Tipe
Data

Ukuran

varchar

50

varchar

50

Format

nama_lengkap

Nama untuk admin

varchar

100

email

Email admin

varchar

100

varchar

20

no_telp

Nomer telepon
admin

level

Level admin

varchar

20

blokir

Blokir admin

enum

(‘Y’,’N’)

Nama Table : hubungi
Nama Field

Deskripsi

id_hubungi

Id untuk hubungi

nama

email

Nama orang yang
menghubungi

Email orang yang
menghubungi

Tipe
Data

Ukuran

int

5

varchar

50

varchar

100

100

subjek

Judul atau bahasan

varchar

pesan

Isi pesan

text

Format

auto_increment

10 Digit Dengan
Format :

DD/MM/YYYY
tanggal

Tanggal waktu
menghubungi

date

Thn

Bulan
Tgl

Nama Table : kategori
Nama Field

Deskripsi

id_kategori

Id untuk kategori

Tipe
Data

Ukuran

Format
auto_increment

nama_kategori

kategori_seo

Nama untuk
kategori

Katagori seo

int

5

varchar

100

varchar

100

Nama Table : kota
Nama Field

Deskripsi

id_kota

Id untuk kota

Tipe
Data

int

Ukuran

Format

3

auto_increment

nama_kota

ongkos_kirim

Nama kota

Ongkos kirim tiap
kota

varchar

100

varchar

10

Nama Table : order_detail
Nama Field

Deskripsi

id_orders

Id untuk order

id_produk

jumlah

Tipe

Ukuran

Format

int

5

auto_increment

Id untuk produk

int

5

auto_increment

Jumlah order

int

5

auto_increment

Data

Nama Table : orders_temp
Nama Field

id_orders_temp

Deskripsi
Id untuk order
temp

Tipe

Ukuran

Format

int

5

auto_increment

auto_increment

Data

id_produk

Id untuk produk

int

5

id_session

Id untuk session

varchar

100

jumlah

Jumlah order temp

int

5

auto_increment

10 Digit Dengan
Format :
DD/MM/YYYY

tgl_order_temp

Tanggal order
temp

date

Thn

Bulan
Tgl

00:00:00
Jam_order_temp

Jam order temp

time
Jam Menit Detik

stok_temp

Stok temp

int

5

auto_increment

Ukuran

Format

int

10

auto_increment

varchar

100

Nama Table : Pelanggan
Nama Field

Deskripsi

id_pelanggan

Id untuk pelanggan

NamaPelanggan

Nama untuk
pelanggan

Tipe
Data

Alamat

Alamat pelanggan

varchar

100

NoTelp

Jumlah order temp

varchar

13

10 Digit Dengan
Format :
DD/MM/YYYY

TanggalLahir

Tanggal lahir
pelanggan

varchar

10

Thn

Bulan
Tgl

Username

Nama user
pelanggan

varchar

100

Password

Passwor pelanggan

varchar

100

NoID

No id pelanggan

varchar

30
10 Digit Dengan
Format :
DD/MM/YYYY

Tanggal

Tanggal pelanggan
masuk

date

Thn

Bulan
Tgl

Email

Email pelanggan

varchar

80

Nama Table : orders_temp
Nama Field

id_orders_temp

Deskripsi
Id untuk order
temp

Tipe

Ukuran

Format

int

5

auto_increment

auto_increment

Data

id_produk

Id untuk produk

int

5

id_session

Id untuk session

varchar

100

jumlah

Jumlah order temp

int

5

auto_increment

10 Digit Dengan
Format :
DD/MM/YYYY

tgl_order_temp

Tanggal order
temp

date

Thn

Bulan
Tgl

00:00:00
Jam_order_temp

Jam order temp

time
Jam Menit Detik

stok_temp

Stok temp

int

5

auto_increment

Nama Table : Pemesanan
Tipe

Nama Field

Deskripsi

id_orders

Id untuk pelanggan

status_order

Ukuran

Format

int

10

auto_increment

varchar

100

Data

Nama untuk
pelanggan

tgl_order

Alamat pelanggan

varchar

100

jam_order

Jumlah order temp

varchar

13
10 Digit Dengan
Format :
DD/MM/YYYY

id_pelanggan

Tanggal lahir

varchar

pelanggan

10

Thn

Bulan
Tgl

Nama Table : produk
Nama Field

id_produk

id_kategori

Deskripsi
Id untuk
produk
Id untuk
kategori

Tipe

Ukuran

Format

int

5

auto_increment

int

5

auto_increment

Data

nama_produk

produk_seo

deskripsi

Nama untuk
produk

Nama produk
seo

Deskripsi
produk

varchar

100

varchar

100

text

harga

Harga produk

int

20

auto_increment

stok

Stok produk

int

5

auto_increment

10 Digit Dengan
Format :
DD/MM/YYYY

tgl_masuk

Tanggal masuk
produk

date

Thn

Bulan
Tgl

Gambar untuk

gambar

produk

varchar

100

int

5

Untuk jumlah
dibeli

produk yang

auto_increment

dibeli

3.5 Perancangan Prosedural
Nama Modul

: simpan-transaksi

Kegunaan

: Menghitung grand total dari jumlah subtotal, berat dan ongkos
kirim

Input

: harga
jumlah
total
subtotal
berat
ongkos kirim
total ongkos kirim

Output

: grand total

Algoritma

: jika subtotal = harga x jumlah = A
total = A+A = B
total ongkos kirim = ongkos kirim x berat = C
maka grand total = B + C = D.

Layout Screen

:

Gambar 3.1.2 Simpan-Transaksi

3.6 Kendala
Setelah penulis melakukan observasi, penulis mendapatkan beberapa kendala
dalam pengerjaan perangkat lunak web ini antara lain :
1. Sulitnya menemukan data - data item penjualan untuk proses perancangan
aplikasi web karena data barang terbatas dan di catat di dalam buku.
2. Menentukan perancangan proses penjualannya membutuhkan waktu yang lama
karena kurangnya informasi dari perusahaan maupun dari pihak penulis.
3. Terbatasnya ilmu yang dimiliki penulis dalam membuat perancangan aplikasi
web sehingga penulis harus mempelajari terlebih dahulu.

BAB IV
IMPLEMENTASI

4.1. Kebutuhan Sumber Daya
Adapun kebutuhan sumber daya yang digunakan dalam melakukan pengujian
perangkat lunak adalah sebagai berikut :
4.1.1. Kebutuhan Hardware
Untuk dapat menjalankan perangkat lunak web di studio dibutuhkan seperangkat
komputer dengan spesifikasi hardware sebagai berikut :
1.

Proccesor 1.6 GHz

2.

Memory minimal 256 MB

3.

Hardisk 10 GB free space.

4.

Monitor

5.

Mouse

6.

Keyboard

4.1.2 Kebutuhan Software
Software minimal yang dibutuhkan untuk menjalankan perangkat lunak ini adalah
1.

Microsoft Windows XP Service Pack 3

2.

MySQL untuk DBMS

3.

PHP untuk bahasa script

4.

XAMPP 1.7.3 untuk aplikasi web server

4.2. Petunjuk Penggunaan Program
Berikut adalah struktur Menu Untuk Perangkat Lunak Transaksi
Penjualan.

4.2.1 Struktur Menu
STRUKTUR MENU PROGRAM

Gambar 4.2.1 Struktur Menu Aplikasi Penjualan Barang Berbasis Web

4.2.2 Format Input dan Output
Nama dialog screen

: Home.

Fungsi

: Menampilkan tampilan awal halaman Home.

Bentuk

:

Gambar 4.1 Home

Nama dialog screen

: Profil.

Fungsi

: menampilkan antarmuka profil perusahaan.

Bentuk

:

Gambar 4.2 Profil

Nama dialog screen

: Cara Pembelian.

Fungsi

: memberitahukan info tentang cara pembelian.

Bentuk

:

Gambar 4.3 Cara Pembelian

Nama dialog screen

: Produk.

Fungsi

: Menampilkan halaman produk dan untuk memilih
produk yang akan dipesan.

Bentuk

:

Gambar 4.4 Produk

Uraian cara penggunaan :
1.

Klik gambar keranjang untuk memilih barang yang akan di beli.

Nama dialog screen

: Keranjang Belanja.

Fungsi

: Memberikan info tentang barang belanjaan produk
yang telah dipilih , dan menampilakn total jumlah
beserta harga nya.

Bentuk

:

Gambar 4.5 Keranjang Belanja
Uraian cara penggunaan :
1.

Klik tombol lanjutkan belanja lagi untuk memilih produk kembali jika ingin
melanjutkan belanjaan.

2.

Klik tombol update bila mana text box jumlah untuk produk ingin
ditambahkan.

3.

Klik gambar sampah untuk membatalkan barang yang akan dibeli.

4.

Klik tombol selesai belanja untuk menyelesaikan dan menyetujui barang
belanjaan yang akan dibeli.

Nama dialog screen

: Pendaftaran Pelanggan.

Fungsi

: Mengisi data form pelanggan untuk mendaftar sebagai
pelanggan.

Bentuk

:

Gambar 4.6 Pendaftaran Pelanggan
Uraian cara penggunaan :
1.

Isi kotak-kotak form untuk pengisian pendaftaran pelanggan.

2.

Klik daftar untuk menyelesaikan pengisian.

3.

Klik kembali untuk membatalkan pengisian.

Nama dialog screen

: Hubungi kami.

Fungsi

: Halaman untuk mengisi pesan untuk menghubungi
pihak perusahaan.

Bentuk

:

Gambar 4.7 Hubungi Kami
Uraian cara penggunaan :
1.

Isi kotak-kotak form untuk pengisian data pelanggan dan pesan.

2.

Klik tombol kirim pesan untuk menyelesaikan pengisian data pembeli.

Nama dialog screen

: Login Admin.

Fungsi

: Halaman untuk masuk ke admin.

Bentuk

:

Gambar 4.8 Login Admin
Uraian cara penggunaan :
1.

Isi kotak-kotak form untuk pengisian data username dan password.

2.

Klik tombol login untuk masuk ke halaman admin.

Nama dialog screen

: Home Admin.

Fungsi

: Menampilkan halaman utama admin.

Bentuk

:

Gambar 4.9 Home Admin

Nama dialog screen

: Ganti Password.

Fungsi

: Halaman untuk mengganti password admin.

Bentuk

:

Gambar 4.10 Ganti Password
Uraian cara penggunaan :
1.

Isi kotak-kotak form untuk pengisian password lama dan baru.

2.

Klik tombol proses untuk mengganti atau klik tombol batal untuk
membatalkan.

Nama dialog screen

: Kategori.

Fungsi

: Halaman untuk mengganti dan menghapus kategori.

Bentuk

:

Gambar 4.11 Kategori
Uraian cara penggunaan :
1.

Klik edit untuk mengganti nama kategori.

2.

Klik hapus untuk menghapus kategori.

3.

Isi kotak nama kategori untuk menambah kategori.

Nama dialog screen

: Produk.

Fungsi

: Halaman untuk mengganti dan menghapus produk.

Bentuk

:

Gambar 4.12 Produk
Uraian cara penggunaan :
1.

Klik edit untuk mengganti nama dan detail produk.

2.

Klik hapus untuk menghapus produk.

3.

Klik tombol tambah produk untuk menambah produk

Nama dialog screen

: Pemesanan.

Fungsi

: Halaman untuk mengganti status pemesanan.

Bentuk

:

Gambar 4.13 Order
Uraian cara penggunaan :
1.

Klik Detail untuk mengganti status order.

Nama dialog screen

: Pelanggan.

Fungsi

: Halaman untuk meliahat data pelanggan.

Bentuk

:

Gambar 4.14 Ongkos Kirim
Uraian cara penggunaan :
1.

Klik Hapus untuk menghapus data pelanggan.

Nama dialog screen

: Profil.

Fungsi

: Halaman untuk mengganti data profil.

Bentuk

:

Gambar 4.15 Profil
Uraian cara penggunaan :
1.

Klik tombol Choose File untuk mengganti dan memilih gambar.

2.

Ketik halaman untuk tampilan profil.

3.

Klik tombol update untuk menyelesaikan dan mengubah data profil.

Nama dialog screen

: Cara Pembelian.

Fungsi

: Halaman untuk mengganti data cara pembelian.

Bentuk

:

Gambar 4.16 Cara Pembelian
Uraian cara penggunaan :
1.

Ketik untuk halaman cara pembelian.

2.

Klik tombol update untuk menyelesaikan dan mengubah data cara
pembelian.

Nama dialog screen

: Hubungi Kami.

Fungsi

: Halaman untuk melihat pesan, membalas dan
menghapus pesan

Bentuk

:

Gambar 4.17 Hubungi Kami
Uraian cara penggunaan :
1.

Klik alamat email untuk meliahat pesan dan membalas pesan.

2.

Klik tombol hapus untuk mengahapus pesan.

Nama dialog screen

: Laporan.

Fungsi

: Halaman untuk melihat laporan.

Bentuk

:

Gambar 4.18 Laporan
Uraian cara penggunaan :
1.

Pilih tanggal yang akan dicetak

2.

Klik tombol cetak untuk mencetak.

Nama dialog screen

: Transaksi.

Fungsi

: Halaman untuk menampilkan transaksi pelanggan

Bentuk

:

Gambar 4.19 Transaksi
Uraian cara penggunaan :
1.

Klik tombol edit untuk mengedit data transaksi

2.

Klik tombol hapus untuk menghapus transaksi

BAB V
KESIMPULAN DAN SARAN

5.1 Kesimpulan

Berdasarkan hasil praktik kerja di Salsha Photo Studio maka penulis dapat
menarik kesimpulan sebagai berikut :
1.

Dengan menerapkan aplikasi penjualan berbasis web sehingga dapat

membantu dalam pemesanan barang untuk penjualan barang.
2.

Membantu dengan memberikan informasi ketersediaan stok barang.

5.2 Saran
Agar Aplikasi web dapat bekerja dengan optimal dan dapat berjalan sesuai dengan
yang diharapkan maka penulis memberikan saran-saran yang dapat dijadikan
bahan pertimbangan.
1. Dengan

menambahkan

Jquery

dan

berbagai

efek

yang

belum

diimplementasikan dalam aplikasi penjualan berbasis web Salsha Photo Studio
2. Dengan mencantumkan e-commerce dalam aplikasi web yang dibuat penulis.
Mungkin dari kesimpulan dan saran yang sudah penulis kemukakan dapat
membuat kinerja Salsha Photo Studio akan berjalan sesuai dengan yang di
inginkan.

DAFTAR PUSTAKA

[1] Febrian, Jack. 2007. Kamus Komputer dan Teknologi Informasi. Bandung:
Penerbit Informatika.
[2] Irawati, Susan, SE. 2008. Akuntansi Dasar 1&2.Bandung: Penerbit
PUSTAKA.
[3] Sudarso, Yos., 2008. Pengertian dan Unsur-unsurnya (online). http://
webmaster.sman1ciawigebang.com/index2.php?option=com_con
tent&do_pdf=1&id=20. diakses tanggal 20 Mei 2008.
[4] Prasetio Adhi. (2012). Buku Pintar Pemrograman Web. Mediakita Jakarta.
[5] Handayani Mierna Puspa. Online Book Shop Design Using Php Triad.
[6] Kadir, A.(2009). Membuat Aplikasi Web dengan PHP + Database Mysql.
Yogyakarta: ANDI.
[7] Nugroho, B. (2008). Latihan Membuat Aplikasi Web PHP dan MySQL
dengan Dreamweaver MX (6, 7,2004) dan 8. Yogyakarta:Gava Media.