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
Mengetahui
Pembimbing Ketua Program Studi

Richard Victor Ginting, ST., MOS., MCP Soni Fajar S.G, M.T., MCAS.
NIP.110004 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 Penguji II

Diqi Fakhrun Siddiq, S.T. Cecep Ruddi Kusnadi, S.T.

NIP. 109003 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 tampilan-

tampilan 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 program-
program 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 halaman-
halaman 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 tag-
tag 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 HTML dapat dilakukan dengan dua cara:

1. Menggunakan HTML Editor, seperti Microsoft FrontPage, Adobe
Dreamweaver, dan lain-lain. Dapatkan editor HTML lainnya disini.
2. Dengan cara menuliskan sendiri secara manual satu persatu tag-tag HTML ke
dalam dokumen HTML.

2.3 Database yang digunakan

2.3.1 MySQL

Pengertian MySql menurut (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 Alat Bantu Sistem

2.4.1 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
Tipe
Nama Field Deskripsi Ukuran Format
Data

username Id untuk admin varchar 50

Password untuk
password varchar 50
admin
nama_lengkap Nama untuk admin varchar 100

email Email admin varchar 100

Nomer telepon
no_telp varchar 20
admin

level Level admin varchar 20

blokir Blokir admin enum (‘Y’,’N’)

Nama Table : hubungi

Tipe
Nama Field Deskripsi Ukuran Format
Data

id_hubungi Id untuk hubungi int 5 auto_increment

Nama orang yang

nama varchar 50
menghubungi

Email orang yang

email varchar 100
menghubungi

subjek Judul atau bahasan varchar 100

pesan Isi pesan text

 10 Digit Dengan
Format :

DD/MM/YYYY
Tanggal waktu
tanggal date
menghubungi Thn

Bulan
Tgl

Nama Table : kategori

Tipe
Nama Field Deskripsi Ukuran Format
Data
auto_increment
id_kategori Id untuk kategori int 5

Nama untuk
nama_kategori varchar 100
kategori

kategori_seo Katagori seo varchar 100

Nama Table : kota

Tipe
Nama Field Deskripsi Ukuran Format
Data

id_kota Id untuk kota int 3 auto_increment

 nama_kota Nama kota varchar 100

Ongkos kirim tiap

ongkos_kirim varchar 10
kota

Nama Table : order_detail

Tipe
Nama Field Deskripsi Ukuran Format
Data

id_orders Id untuk order int 5 auto_increment

id_produk Id untuk produk int 5 auto_increment

jumlah Jumlah order int 5 auto_increment

Nama Table : orders_temp

Tipe
Nama Field Deskripsi Ukuran Format
Data

Id untuk order
id_orders_temp int 5 auto_increment
temp

id_produk Id untuk produk int 5 auto_increment

id_session Id untuk session varchar 100

 jumlah Jumlah order temp int 5 auto_increment

10 Digit Dengan
Format :
DD/MM/YYYY

Tanggal order
tgl_order_temp date
temp 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 : Pelanggan

Tipe
Nama Field Deskripsi Ukuran Format
Data

id_pelanggan Id untuk pelanggan int 10 auto_increment

Nama untuk
NamaPelanggan varchar 100
pelanggan

Alamat Alamat pelanggan varchar 100

NoTelp Jumlah order temp varchar 13

 10 Digit Dengan
Format :
DD/MM/YYYY

Tanggal lahir
TanggalLahir varchar 10
pelanggan Thn

Bulan
Tgl

Nama user
Username varchar 100
pelanggan

Password Passwor pelanggan varchar 100

NoID No id pelanggan varchar 30

10 Digit Dengan
Format :
DD/MM/YYYY

Tanggal pelanggan
Tanggal date
masuk Thn

Bulan
Tgl

Email Email pelanggan varchar 80

Nama Table : orders_temp
Tipe
Nama Field Deskripsi Ukuran Format
Data

Id untuk order
id_orders_temp int 5 auto_increment
temp

id_produk Id untuk produk int 5 auto_increment

id_session Id untuk session varchar 100

jumlah Jumlah order temp int 5 auto_increment

10 Digit Dengan
Format :
DD/MM/YYYY

Tanggal order
tgl_order_temp date
temp 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 Ukuran Format
Data

id_orders Id untuk pelanggan int 10 auto_increment

Nama untuk
status_order varchar 100
pelanggan

tgl_order Alamat pelanggan varchar 100

jam_order Jumlah order temp varchar 13

10 Digit Dengan
Format :
DD/MM/YYYY

Tanggal lahir
id_pelanggan varchar 10
pelanggan Thn

Bulan
Tgl

Nama Table : produk

Tipe
Nama Field Deskripsi Ukuran Format
Data

Id untuk
id_produk int 5 auto_increment
produk

Id untuk
id_kategori int 5 auto_increment
kategori
 Nama untuk
nama_produk varchar 100
produk

Nama produk
produk_seo varchar 100
seo

Deskripsi
deskripsi text
produk

harga Harga produk int 20 auto_increment

stok Stok produk int 5 auto_increment

10 Digit Dengan
Format :
DD/MM/YYYY

Tanggal masuk
tgl_masuk date
produk Thn

Bulan
Tgl
 Gambar untuk
gambar varchar 100
produk

Untuk jumlah
dibeli produk yang int 5 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.