Anda di halaman 1dari 55

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

sidang uji komprehensif oleh DHANY RAMADHAN NRP. 6310250 P O L I T E K N

P O L I T E K N I K

K O M P U T E R

PROGRAM

STUDI

MANAJEMEN

N I A G A

L P K I A

INFORMATIKA

KONSENTRASI TEKNIK INFORMATIKA BANDUNG

2013

LEMBAR PERNYATAAN

Yang bertanda tangan di bawah ini,

N a m a N.R.P

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

: DHANY RAMADHAN : 6310250

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 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

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

1.1 Latar Belakang

BAB I PENDAHULUAN

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

Jack

“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.”

aplikasi

menurut

Febrian

(2007:35)

:

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
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.

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

dan program tersebut layak digunakan. 3.3.1 Relasi Tabel Gambar 3.1.1 Relasi Tabel 3.3.2 Struktur Tabel Nama

Gambar 3.1.1 Relasi Tabel

3.3.2 Struktur Tabel

Nama Table : admins

   

Tipe

   

Nama Field

Deskripsi

Data

Ukuran

Format

username

Id untuk admin

varchar

50

 
 

Password untuk

     

password

admin

varchar

50

nama_lengkap

Nama untuk admin

varchar

100

 

email

Email admin

varchar

100

 
 

Nomer telepon

     

no_telp

admin

varchar

20

level

Level admin

varchar

20

 

blokir

Blokir admin

enum

(‘Y’,’N’)

 

Nama Table : hubungi

 
   

Tipe

   

Nama Field

Deskripsi

Data

Ukuran

Format

id_hubungi

Id untuk hubungi

int

5

auto_increment

nama

Nama orang yang menghubungi

varchar

50

 

email

Email orang yang menghubungi

varchar

100

 

subjek

Judul atau bahasan

varchar

100

 

pesan

Isi pesan

text

   
       

10 Digit Dengan Format :

DD/MM/YYYY

tanggal

Tanggal waktu

date

   
Thn

Thn

menghubungi

Bulan

Bulan

Tanggal waktu date     Thn menghubungi Bulan Tgl Nama Table : kategori      

Tgl

Nama Table : kategori

 
   

Tipe

   

Nama Field

Deskripsi

Data

Ukuran

 

Format

id_kategori

Id untuk kategori

int

5

auto_increment

 

Nama untuk

     

nama_kategori

kategori

varchar

100

kategori_seo

Katagori seo

varchar

100

 

Nama Table : kota

 
   

Tipe

   

Nama Field

Deskripsi

Data

Ukuran

 

Format

id_kota

Id untuk kota

int

3

auto_increment

nama_kota

 

Nama kota

varchar

100

 

ongkos_kirim

 

Ongkos kirim tiap kota

varchar

10

 

Nama Table : order_detail

 
   

Tipe

Nama Field

 

Deskripsi

Data

Ukuran

Format

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

Data

Ukuran

Format

id_orders_temp

Id untuk order temp

int

5

auto_increment

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

temp

date

Thn

Bulan

Bulan

    tgl_order_temp temp date Thn Bulan Tgl             00:00:00

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

Data

Ukuran

Format

id_pelanggan

Id untuk pelanggan

int

10

auto_increment

 

Nama untuk

     

NamaPelanggan

pelanggan

varchar

100

Alamat

Alamat pelanggan

varchar

100

 

NoTelp

Jumlah order temp

varchar

13

 
       

10

Digit Dengan

 

Format :

 

DD/MM/YYYY

Tanggal lahir

         

TanggalLahir

pelanggan

varchar

10

Thn

Bulan

Bulan

TanggalLahir pelanggan varchar 10 Thn Bulan   Tgl     Nama user    
 

Tgl

 
 

Nama user

     

Username

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

Bulan

masuk date         Thn Bulan Tgl   Email Email pelanggan varchar 80

Tgl

 

Email

Email pelanggan

varchar

80

 

Nama Table : orders_temp

   

Tipe

   

Nama Field

Deskripsi

Data

Ukuran

 

Format

 

id_orders_temp

Id untuk order temp

int

5

auto_increment

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

temp

date

Thn

Bulan

Bulan

    tgl_order_temp temp date Thn Bulan Tgl             00:00:00

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

Data

Ukuran

 

Format

 

id_orders

Id untuk pelanggan

int

10

auto_increment

 

Nama untuk

     

status_order

pelanggan

varchar

100

tgl_order

Alamat pelanggan

varchar

100

 

jam_order

Jumlah order temp

varchar

13

 
       

10 Digit Dengan Format :

DD/MM/YYYY

Tanggal lahir

         

id_pelanggan

pelanggan

varchar

10

Thn

Bulan

Bulan

Tanggal lahir           id_pelanggan pelanggan varchar 10 Thn Bulan Tgl  

Tgl

 

Nama Table : produk

   

Tipe

   

Nama Field

Deskripsi

Data

Ukuran

Format

 

Id untuk

     

id_produk

produk

int

5

auto_increment

 

Id untuk

     

id_kategori

kategori

int

5

auto_increment

 

Nama untuk

     

nama_produk

produk

varchar

100

 

Nama produk

     

produk_seo

seo

varchar

100

 

Deskripsi

     

deskripsi

produk

text

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

produk

date

Thn

Bulan

Bulan

 
 

Tgl

Gambar untuk

produk

gambar

varchar

100

dibeli

Untuk jumlah

produk yang

dibeli

int

5

auto_increment

3.5 Perancangan Prosedural

Nama Modul

: simpan-transaksi

Kegunaan

: Menghitung grand total dari jumlah subtotal, berat dan ongkos

Input

kirim : harga

Output

jumlah total subtotal berat ongkos kirim total ongkos kirim : 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

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

Penjualan.

adalah

4.2.1 Struktur Menu

struktur

Menu

Untuk

Perangkat

Lunak

Transaksi

STRUKTUR MENU PROGRAM

Menu Untuk Perangkat Lunak Transaksi STRUKTUR MENU PROGRAM Gambar 4.2.1 Struktur Menu Aplikasi Penjualan Barang

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

:

Nama dialog screen : Home. Fungsi : Menampilkan tampilan awal halaman Home. Bentuk : Gambar 4.1

Gambar 4.1 Home

Nama dialog screen

: Profil.

Fungsi

: menampilkan antarmuka profil perusahaan.

Bentuk

:

Nama dialog screen : Profil. Fungsi : menampilkan antarmuka profil perusahaan. Bentuk : Gambar 4.2 Profil

Gambar 4.2 Profil

Nama dialog screen

: Cara Pembelian.

Fungsi

: memberitahukan info tentang cara pembelian.

Bentuk

:

: Cara Pembelian. Fungsi : memberitahukan info tentang cara pembelian. Bentuk : Gambar 4.3 Cara Pembelian

Gambar 4.3 Cara Pembelian

Nama dialog screen

Fungsi

Bentuk

: Produk.

: Menampilkan halaman produk dan untuk memilih

produk yang akan dipesan.

:

halaman produk dan untuk memilih produk yang akan dipesan. : Gambar 4.4 Produk Uraian cara penggunaan

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

:

total jumlah beserta harga nya. Bentuk : Gambar 4.5 Keranjang Belanja Uraian cara penggunaan : 1.

Gambar 4.5 Keranjang Belanja

Uraian cara penggunaan :

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

2.

Klik

ditambahkan.

tombol

update

bila

mana

text

box

jumlah

untuk

produk

ingin

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

Fungsi

Bentuk

: Pendaftaran Pelanggan.

: Mengisi data form pelanggan untuk mendaftar sebagai

pelanggan.

:

data form pelanggan untuk mendaftar sebagai pelanggan. : Gambar 4.6 Pendaftaran Pelanggan Uraian cara penggunaan :

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

Fungsi

Bentuk

: Hubungi kami.

: Halaman untuk mengisi pesan untuk menghubungi

pihak perusahaan.

:

untuk mengisi pesan untuk menghubungi pihak perusahaan. : Gambar 4.7 Hubungi Kami Uraian cara penggunaan :

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

:

Fungsi : Halaman untuk masuk ke admin. Bentuk : Gambar 4.8 Login Admin Uraian cara penggunaan

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

:

Nama dialog screen : Home Admin. Fungsi : Menampilkan halaman utama admin. Bentuk : Gambar 4.9

Gambar 4.9 Home Admin

Nama dialog screen

: Ganti Password.

Fungsi

: Halaman untuk mengganti password admin.

Bentuk

:

: Halaman untuk mengganti password admin. Bentuk : Gambar 4.10 Ganti Password Uraian cara penggunaan :

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

:

untuk mengganti dan menghapus kategori. Bentuk : Gambar 4.11 Kategori Uraian cara penggunaan : 1. Klik

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

:

untuk mengganti dan menghapus produk. Bentuk : Gambar 4.12 Produk Uraian cara penggunaan : 1. Klik

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

:

: Halaman untuk mengganti status pemesanan. Bentuk : Gambar 4.13 Order Uraian cara penggunaan : 1.

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

:

: Halaman untuk meliahat data pelanggan. Bentuk : Gambar 4.14 Ongkos Kirim Uraian cara penggunaan :

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

:

: Halaman untuk mengganti data profil. Bentuk : Gambar 4.15 Profil Uraian cara penggunaan : 1.

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

:

Halaman untuk mengganti data cara pembelian. Bentuk : Gambar 4.16 Cara Pembelian Uraian cara penggunaan :

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

Fungsi

Bentuk

: Hubungi Kami.

: Halaman untuk melihat pesan, membalas dan

menghapus pesan

:

Halaman untuk melihat pesan, membalas dan menghapus pesan : Gambar 4.17 Hubungi Kami Uraian cara penggunaan

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

:

Fungsi : Halaman untuk melihat laporan. Bentuk : Gambar 4.18 Laporan Uraian cara penggunaan : 1.

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

:

untuk menampilkan transaksi pelanggan Bentuk : Gambar 4.19 Transaksi Uraian cara penggunaan : 1. Klik

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.