PENJUALAN HANDPHONE BERBASIS WEBSITE

(E-COMMERCE)

PADA TOKO MEGAN CELLULER

TUGAS AKHIR

Diajukan untuk memenuhi salah satu syarat

kelulusan Program Diploma III Program Studi Manajemen Informatika

Oleh:

Asep Sutisna ( 1021058 )

AKADEMI MANAJEMEN INFORMATIKA DAN KOMPUTER

(AMIK)
PURNAMA NIAGA INDRAMAYU
2013
 PERSETUJUAN DAN PENGESAHAN TUGAS AKHIR

Tugas Akhir ini diajukan oleh:

Nama : Asep Sutisna

NIM : 1021058
Program Studi : Manajemen Informatika
Jenjang : Diploma Tiga (D.III)
Judul Tugas Akhir : Penjualan Handphone Berbasis Website
(E-commerce) Pada Toko Megan Celluler

Untuk dipertahankan pada sidang 2013 di hadapan penguji dan diterima

sebagai bagian persyaratan yang diperlukan untuk memperoleh Diploma Ahli
Madya (A.Md) pada Program Diploma Tiga (D.III) Jurusan Manajemen
Informatika di Akademi Manajemen Informatika & Komputer Purnama Niaga
Indramayu

Indramayu, 17 Oktober 2013

PEMBIMBING TUGAS AKHIR

Pembimbing I Pembimbing II

Darsanto, ST Hadi Santosa, MM, SE

Mengetahui,
PUDIR I
AMIK Purnama Niaga Indramayu

Mukhfid, S.Kom.

ii
 ABSTRAKSI

Website adalah suatu halaman web yang dimiliki oleh setiap usaha. website
tersebut digunakan untuk ajang promosi perdagangannya. Contohnya seperti
penjualan handphone. Pada umumnya, pelanggan lebih mudah dalam memesan dan
membeli handphone lewat website.

Dipandang dari segi pertimbangan dan jangkauan pemasaran, maka

pembangunan aplikasi penjualan handphone berbasis web adalah solusi tepat untuk
mengatasi mekanisme sistem penjualan yang berjalan saat ini. Untuk itu Toko
Hanphone Megan Celluler memandang perlu untuk membangun aplikasi penjualan
handphone berbasis website (E-commerce).

Kata kunci : Toko Handphone, E commerce handphone

 DAFTAR RIWAYATHIDUP

General Information/Umum

Nama : Asep Sutisna

Tempat/Tanggal Lahir : Bandung, 28 Juni 1976
Agama : Islam
Jenis Kelamin : Laki-laki
Alamat : Komplek Gerbang Kencana GK4/13 Indramayu
No. Telp : 08997389180
Email : mailto:8kreasi@gmail.com

Education/Pendidikan

SDN Bhakti Asih Cimahi 1983 - 1989

SMP N 1Cimahi 1989 - 1992
SMA N 2 Cimahi 1992 - 1995
AMIK Purnama Niaga Indramayu 2010 - 2013

iv
 KATA PENGANTAR

Assalamu’alaikum Wr.Wb.

Puji dan syukur penulis panjatkan kehadirat Allah SWT, yang telah

memberikan ridho dan rahmat-Nya, sehingga penulis dapat menyelesaikan tugas

akhir kasus dengan judul “PENJUALAN HANDPHONE BERBASIS WEBSITE

(E-COMMERCE) PADA TOKO MEGAN CELLULER”.

Tugas akhir ini dibuat dan diajukan untuk menyelesaikan pendidikan

Program studi Diploma III Akademi Manajemen Informatika dan Komputer

(AMIK Purnama Niaga Indramayu).

Dalam penulisan tugas akhir ini, penulis banyak mendapatkan bantuan dari

berbagai pihak berupa arahan, bimbingan, nasihat, dan motivasi serta dukungan

baik secara moril maupun materil. Oleh karena itu penulis mengucapkan terima

kasih kepada yang terhormat :

1. Hadi Santosa, MM, SE., selaku Direktur AMIK Purnama Niaga Indramayu.

2. Darsanto, ST., selaku Dosen Pembimbing.

3. Seluruh Staf, Dosen dan Pengelola Perpustakaan AMIK Purnama Niaga

Indramayu.

4. Kedua orang tua dan keluargaku tercinta yang senantiasa selalu melantunkan

do’a-do’a dalam mengiringi langkah ini.

5. Sahabat-sahabatku seperjuangan yang telah memberikan dukungan dan

semangat.

v
 Penulis menyadari dalam penyusunan tugas akhir ini masih jauh dari

sempurna. Oleh karena itu, kritik dan saran sangat penulis harapkan guna

perbaikan di masa yang akan datang.

Akhirulkalam mudah-mudahan tugas akhir ini dapat bermanfaat

khususnya bagi penulis dan umumnya bagi pembaca.

Wassalamu’alaikum Wr.Wb.

Indramayu, Oktober 2013

Penulis

vi
 DAFTAR ISI

Halaman

Lembar Judul Tugas Akhir i

Lembar Persetujuan Tugas Akhir ii
Abstraksi iii
Daftar Riwayat Hidup iv
Kata Pengantar v
Daftar Isi vii
Daftar Tabel ix
Daftar Gambar xi

BAB I PENDAHULUAN 1
1.1 Latar Belakang 1
1.2 Tujuan dan Manfaat Penulisan 2
1.3 Metode Penelitian 3
1.4 Ruang Lingkup dan pembatasan Masalah 3
1.5 Sistematika Penulisan 4

BAB II LANDASAN TEORI 6

2.1 Landasan Teori 6
2.1.1 E-commerce 6
2.1.2 Kalsifikasi E-commerce 6
2.1.3 Manfaat E-commerce 7
2.1.4 Keamanan E-commerce 8
2.2 Tools Program 10
2.2.1 Flow Of Document (FOD) 10
2.2.2 DAD (Diagram arus Data) 11
2.2.3 Entiy Relationship Diagram (ERD) 12
2.2.4 Kamus Data 14
2.2.5 Normalisasi 15
2.3 Konsep Basis Data 17
2.3.1 Definisi Basis Data 17
2.3.2 Jenjang Data 18
2.3.3 Tipe Data 19
2.3.4 Sistem Manajemen Basis Data 20
2.4 Internet 27
2.4.1 Pengertian Internet 27
2.4.2 Sejarah Internet 27
2.4.3 Jenis Layanan dan Protokol Internet 28
2.4.4 Bahasa Pemrograman 33
2.4.5 Aplikasi Internet 44
2.5 Penjualan 46
2.5.1 Pengertian Penjualam 46
2.5.2 Klasifikasi Transaksi Penjualam 47

vii
BAB III PEMBAHASAN 50
3.1 Tinjauan Organisasi 50
3.1.1 Sekilas tentang Toko Handphone Megan Celluler 50
3.1.2 Struktur Organisasi 50
3.1.3 Tinjauan Masalah 51
3.2 Pembahasan 51
3.2.1 Desain sistem yang sedang berjalan 51
3.2.2 Sistem yang sedang berjalan sekarang 52
3.2.3 Desain sistem yang diusulkan 53
3.2.4 Sistem pemesanan barang yang diusulkan 53
3.2.5 Diagram Arus Data 55
3.2.6 ERD (Entity Relationship Diagram) 57
3.2.7 Kamus Data 57
3.2.8 Normalisasi 58
3.2.9 Struktur Pembentukan Tabel Database 64
3.2.9 Desain Input dan Output 67
3.2.10 Spesifikasi Halaman Web 90
3.2.11 Struktur Navigasi 92
3.2.12 Sarana Pendukung Program 95

BAB IV PENUTUP 98
4.1 Kesimpulan 98
4.2 Saran 98

DAFTAR PUSTAKA 100

LAMPIRAN

iix
 DAFTAR TABEL

Tabel 2.1 Simbol-simbol Kamus Data 15

Tabel 2.2 Operator Aritmetika 23

Tabel 2.3 Operator Logika 23

Tabel 2.4 Operator Perbandingan 24

Tabel 2.5 Operator Karakter 24

Tabel 2.6 Operator lain 25

Tabel 3.1 Bentuk Tidak Normal 59

Tabel 3.2 Bentuk Normal Kesatu (1NF) 60

Tabel 3.3 Table Kota Bentuk Normal Kedua (2NF) 60

Tabel 3.4 Tabel Orders Bentuk Normal Kedua (2NF) 61

Tabel 3.5 Tabel Produk Bentuk Normal Kedua (2NF) 61

Tabel 3.6 Tabel Kategori Bentuk Normal Kedua (2NF) 61

Tabel 3.7 Tabel Kota Bentuk Normal Ketiga (3NF) 62

Tabel 3.8 Tabel Orders Bentuk Normal Ketiga (3NF) 62

Tabel 3.9 Tabel Orders Detail Bentuk Normal Ketiga (3NF) 62

Tabel 3.10 Tabel Produk Bentuk Normal Ketiga (3NF) 63

Tabel 3.11 Tabel Kategori Bentuk Normal Ketiga (3NF) 63

Tabel 3.12 Tabel Database admin 64

Tabel 3.13 Tabel Database hubungi 64

Tabel 3.14 Tabel Database kategori 65

Tabel 3.15 Tabel Database kota 65

Tabel 3.16 Tabel Database orders 65

Tabel 3.17 Tabel Database orders detail 66

ix
Tabel 3.18 Tabel Database orders_temp 66

Tabel 3.19 Tabel Database produk 66

x
 DAFTAR GAMBAR

Gambar 2.1 Simbol-simbol FOD 11

Gambar 2.2 Simbol-simbol DAD 12

Gambar 2.3 Simbol-simbol ERD 13

Gambar 2.4 Jenjang Data 18

Gambar 3.1 Struktur Organisasi Pada Toko Handphone Megan Celluler 50

Gambar 3.2 FOD Pemesanan barang yang sedang berjalan 52

Gambar 3.3 FOD Pemesanan barang yang diusulkan 54

Gambar 3.4 Diagram Konteks 55

Gambar 3.5 Diagram Zero Pemesanan Handphone 55

Gambar 3.6 Diagram Level 1 Proses 1.0 56

Gambar 3.7 Diagram Level 1 Proses 2.0 56

Gambar 3.8 ERD yang diusulkan 57

Gambar 3.9 Relasi Antar Tabel Bentuk Normal Kedua (2NF) 61

Gambar 3.10 Relasi Antar Tabel Bentuk Normal Ketiga (3NF) 63

Gambar 3.11 Rancangan Layout Halaman Utama Pengunjung 67

Gambar 3.12 Rancangan Layout Halaman Keranjang Belanja 68

Gambar 3.13 Rancangan Layout Halaman Data Pembeli 69

Gambar 3.14 Rancangan Layout Halaman Hubungi Kami 70

Gambar 3.15 Rancangan Layout Halaman Detail Produk 71

Gambar 3.16 Rancangan Layout Halaman Profil 72

Gambar 3.17 Rancangan Layout Halaman Cara Pembelian 73

Gambar 3.18 Rancangan Layout Halaman Login Administrator 74

Gambar 3.19 Rancangan Layout Halaman Utama Administrator 75

xi
Gambar 3.20 Rancangan Layout Halaman Ganti Password 76

Gambar 3.21 Rancangan Layout Halaman Manajemen Modul 77

Gambar 3.22 Rancangan Layout Halaman Tambah Kategori 78

Gambar 3.23 Rancangan Layout Halaman Tambah Produk 79

Gambar 3.24 Rancangan Layout Halaman Order 80

Gambar 3.25 Rancangan Layout Halaman Ongkos Kirim 81

Gambar 3.26 Rancangan Layout Halaman Hubungi Kami Administrator 82

Gambar 3.27 Rancangan Layout Laporan Toko 83

Gambar 3.28 Rancangan Layout Laporan Penjualan 84

Gambar 3.29 Rancangan Layout Laporan Keuangan 85

Gambar 3.30 Rancangan Layout Nota Faktur 86

Gambar 3.31 Rancangan Layout Halaman Transaksi 87

Gambar 3.32 Rancangan Layout Halaman Penjualan 88

Gambar 3.33 Rancangan Layout Halaman Konfirmasi Pembayaran 89

Gambar 3.34 Navigasi Pengunjung 92

Gambar 3.35 Struktur Navigasi Pengunjung/Pembeli 93

Gambar 3.36 Struktur Navigasi Administrator 94

xii
 BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Dengan perkembangan teknologi yang semakin pesat, khususnya

teknologi dunia maya atau internet yang saat ini terus gencar masuk ke setiap

perangkat, baik perangkat komputer atau perangkat bergerak seperti ponsel.

Begitu mudahnya setiap informasi didapatkan hanya melalui internet, kehadiran

internet yang mampu menembus batas geografis dan teritorial ini telah

memberikan keyakinan akan pentingnya teknologi di dalam pencapain tujuan

finansial suatu perusahaan melalui modifikasi dan efisiensi proses bisnis yaitu

dengan memanfaatkan E-commerce, dan saat ini E-commerce merupakan salah

satu keunggulan dari internet yang kian digemari oleh setiap orang.

Keberadaan E-commerce merupakan alternatif bisnis yang cukup

menjanjikan untuk diterapkan saat ini, karena E-commerce banyak memberikan

kemudahan bagi kedua belah pihak, baik dari pihak penjual (merchant) atau dari

pihak pembeli (buyer) dalam melakukan transaksi perdagangan meskipun tidak

saling bertemu langsung atau berada dalam jarak yang sangat jauh.

Penggunaan internet sebagai media perdagangan terus meningkat dari

tahun ke tahun, hal ini disebabkan karena manfaat kemudahan yang didapat oleh

perusahaan ataupun konsumen dengan melakukan transaksi di internet. Salah satu

manfaat E-commerce ini adalah dengan menekan biaya untuk penjualan, karena

1
 2

perusahaan atau pedagang tidak perlu lagi memajang barang barang dagangan di

etalase atau di toko, sedangkan di sisi pembeli, mereka tidak perlu ke luar rumah

untuk membeli barang yang diinginkan, hanya cukup membuka perangkat yang

terhubung ke internet dan mulai memilih milih barang yang diinginkan.

Berbelanja atau melakukan transaksi di internet sangatlah berbeda dengan

melakukan transaksi perdagangan di dunia nyata. Dengan E-commerce

memungkinkan kita bertransaksi dengan cepat dan biaya yang sangat murah tanpa

proses yang berbelit belit, di mana pihak pembeli cukup melihat ketentuan

ketentuan yang disyaratkan oleh penjual (term of condition), apabila syarat dan

ketentuan tersebut telah disetujui oleh pembeli, maka pembeli tinggal memilih

barang yang ditawarkan penjual, dan klik beli, dan setelah pembeli membayar

sejumlah uang yang tertera baik melaui kartu ktredit ataupun transfer bank, maka

si pembeli tinggal menunggu barang yang dipesannya datang ke alamat yang

sebelumnya telah disertakan pada saat pemesanan barang.

Berdasarkan uraian di atas, maka penulis mengangkat judul TA:

“PENJUALAN HANDPHONE BERBASIS WEBSITE (E-COMMERCE) PADA

TOKO MEGAN CELLULER”.

1.2 Tujuan dan Manfaat Penulisan

1.2.1 Tujuan

Adalah maksud utama penulis membuat Tugas Akhir yakni

merupakan tugas wajib terakhir untuk memenuhi salah satu syarat kelulusan
 3

diploma III.

1.2.2 Manfaat

Manfaat bagi penulis adalah untuk mengaplikasikan teori yang pernah

didapat di perkuliahan untuk membuat sisteminformasi berbasis komputer

untuk diterapkan pada sebuah organisasi atau perusahaan.

Manfaat bagi organisasi atau perusahaan yang dijadikan tempat

penelitian, sehingga dengan adanya teknologi yang dibuat itu bisa bermanfaat

bagi perusahaan/organisasi.

.1.3 Metode Peneletian

Metode adalah cara penulis untuk pengambilan data yang diperlukan

untuk penyusunan Tugas Akhir ini, yaitu dengan dua metode:

1.3.1. Metode Observasi

Dengan metode ini, penulis mengunjungi website-website penjualan

online.

1.3.2. Studi Pustaka

Dengan metode ini penulis mempelajari buku-buku yang masih ada

hubungannya dengan penjualan secara online atau E-commerce.

1.4 Ruang Lingkup dan Pembatasan Masalah

1.4.1 Ruang lingkup

Toko Megan Celluler yang berada di Indramayu merupakan toko

handphone yang lumayan lengkap, harga bersaing dan berkualitas. Pemesanan

 4

handphone juga masih menggunakan cara manual. Oleh karena itu pada

kesempatan ini penulis membuat aplikasi E-commerce sebagai sarana transaksi

yang cepat dan mudah.

1.4.2 Batasan Masalah

Karena begitu rumit dan sangatlah banyak sistem yang harus

dikembangkan, di sini penulis akan membuat beberapa proses dan output di

antaranya:

1. Proses transaksi pembelian yang dilakukan oleh Buyer

2. Penginputan stock handphone yang akan dijual

3. Merubah status pemesanan

4. Laporan transaksi

1.5 Sistematika Penulisan

Untuk mempelancar dalam pembuatan Tugas Akhir ini penulis hanya

menjelaskan secara garis besarnya saja di antaranya adalah sebagai berikut:.

BAB I PENDAHULUAN

Pada bab ini menjelaskan tentang Latar Belakang, Pembatasan

masalah, Tujuan dan Manfaat Penulisan dan Sistematika

Penulisan yang merupakan gambaran pokok dari permasalahan

yang ada.

BAB II LANDASAN TEORI

Pada bab ini akan diuraikan pengertian-pengertian yang

 5

berhubungan dengan masalah yang sedang dibahas, yaitu :

Konsep Dasar Web, E-Commerce, Klasifikasi E-Commerce,

Manfaat E-Commerce, Keamanan E-Commerce, Internet,

Website, PHP, MySQL, Javascript, JAVA, Dreamweaver,

Database.

BAB III PEMBAHASAN

Pada bab ini penulis akan menjelaskan tentang Analisa

Organisasi, Gambaran Umum Sistem, Struktur File Database,

Desain Input dan Output, Implementasi Program, Tool

Program, Analisa Peranacangan Web, rancangan interface

input/output dan spesifikasi komputer dan server yang bisa

menjalankan aplikasi E-Commerce ini.

BAB IV PENUTUP

Pada bab ini menjelaskan tentang kesimpulan-kesimpulan yang

berasal dari bab-bab sebelumnya dan memberikan saran

terhadap sistem yang dibuat agar menjadi lebih baik.

 6

BAB II

LANDASAN TEORI

2.1 Landasan Teori

2.1.1 E-commerce

Triton (2006:15), menjelaskan bahwa "e-commerce (electronic commerce)

sebagai perdagangan elektronik dimana untuk transaksi perdagangan baik

membeli maupun menjual dilakukan melalui elektronik pada jaringan internet.

Keberadaan e-commerce sendiri dalam internet dapat dikenali melalui adanya

fasilitas pemasangan iklan, penjualan, dan service support terbaik bagi seluruh

pelanggannya dengan menggunakan sebuah toko online berbentuk web yang

setiap harinya beroperasi selama 24 jam".

2.1.2 Klasifikasi E-commerce

Penggolongan e-commerce yang lazim dilakukan orang adalah

berdasarkan sifat transaksinya, antara lain:

a. Business to Business (B2B)

Jenis transaksi di mana pembeli biasanya membeli dalam jumlah besar karena

akan dijual kembali. Contoh: penjualan grosir.

b. Business to Consumer (B2C)

Jenis transaksi di mana pembelinya perorangan dan tidak punya tujuan untuk

menjualnya kembali biasanya semacam toko online yang menjual berbagai

macam barang.
 7

c. Consumer to Consumer (C2C)

Jenis transaksi di mana pembelinya perorangan yang tidak mempunyai tujuan

untuk dijual kembali dan penjualnya juga perorangan yang tidak menyediakan

bermacam-macam barang melainkan hanya beberapa barang saja. Contoh: online

advertising.

d. Consumer to Business (C2B)

Termasuk ke dalam kategori ini adalah perseorangan yang menjual produk atau

layanan kepada organisasi, dan perseorangan yang mencari penjual, berinteraksi

dengan mereka dan menyepakati suatu transaksi.

2.1.3 Manfaat E-commerce

E-commerce memiliki beberapa manfaat, baik itu organisasi, perusahaan

dan masyarakat itu sendiri, berikut beberapa manfaat dari e-commerce:

a. Manfaat yang diperoleh bagi organisasi pemilik e-commerce:

1. Memperluas market place hingga ke pasar nasional dan internasional.

2. Sebuah perusahaaan dapat dengan mudah menemukan lebih banyak

pelanggan, supplier yang lebih baik dan partner bisnis yang paling cocok

dari seluruh dunia.

3. E-commerce menurunkan biaya pembuatan, pemrosesan, pendistribusian,

penyimpanan, dan pencarian informasi yang menggunakan kertas.

b. Manfaat bagi konsumen antara lain:

1. E-commerce memungkinkan pelanggan untuk berbelanja atau melakukan

 8

transaksi selama 24 jam sehari sepanjang tahun dari hampir setiap lokasi.

2. E-commerce memberikan lebih banyak pilihan kepada pelanggan, mereka

bisa memilih berbagai produk dari banyak vendor.

3. E-commerce menyediakan produk dan jasa yang tidak mahal kepada

pelanggan dengan cara mengunjungi banyak tempat dan melakukan

perbandingan secara cepat.

4. Pelanggan bisa menerima informasi yang relevan secara detil dalam

hitungan detik, bukan lagi hari atau minggu.

c. Manfaat bagi masyarakat lain:

1. E-commerce memungkinkan orang untuk bekerja di dalam rumah dan tidak

harus keluar rumah untuk berbelanja. Ini berakibat menurunkan arus

kepadatan lalu lintas di jalan serta mengurangi polusi udara.

2. E-commerce memungkinkan orang di negara-negara dunia ketiga dan

wilayah pedesaan untuk menikmati aneka produk dan jasa yang akan susah

mereka dapatkan tanpa e-commerce.

2.1.4 Keamanan E-commerce

Keamanan E-commerce sangat penting sekali untuk menjaga data rahasia

yang dimiliki oleh user atau admin. Berikut beberapa konsep dasar keamanan e-

commerce:

a. Security Policy (Kebijaksanaan keamanan yang digunakan) merupakan satu

set aturan yang diterapkan pada semua kegiatan-kegiatan pengamanan

 9

dalam security domain. Security domain merupakan satu set sistem

komunikasi dan komputer yang dimiliki oleh organisasi yang bersangkutan.

b. Authorization (Otorisasi) berupa pemberian kekuatan secara hukum untuk

melakukan segala aktifitasnya.

c. Accountability (kemampuan dapat diakses) memberikan akses ke personal

security.

d. A Threat (Ancaman yang tidak diinginkan) merupakan kemungkinan

munculnya seseorang, sesuatu atau kejadian yang bisa membahayakan aset-

aset yang berharga khususnya hal-hal yang berhubungan dengan

confidentiality, integrity, availability dan legitimate use.

e. An Attack (Serangan yang merupakan realisasi dari ancaman), pada sistem

jaringan komputer ada dua macam tipe serangan, yaitu passive attack

(misalnya monitoring terhadap segala kegiatan pengiriman informasi

rahasia yang dilakukan oleh orang-orang yang tidak berhak) dan active

attack (misalnya perusakan informasi yang dilakukan dengan sengaja dan

langsung mengenai sasaran).

f. Safeguards (Pengamanan) meliputi kontrol fisik, mekanisme,

kebijaksanaan dan prosedur yang melindungi informasi berharga dari

ancaman-ancaman yang mungkin timbul setiap saat.

g. Vulnerabilities (Lubang-lubang keamanan yang bisa ditembus).

h. Risk (Resiko kerugian) merupakan perkiraan nilai kerugian yang

 10

ditimbulkan oleh kemungkinan adanya attack yang sukses.

i. Risk Analysis (Analisa Kerugian) merupakan proses yang menghasilkan

suatu keputusan apakah pengeluaran yang dilakukan terhadap safeguards

bisa menjamin tingkat keamanan yang diinginkan.

2.2 Tools Program

2.2.1 Flow Of Document (FOD)

Suatu diagram yang menunjukkan arus data dokumen yang mengalir dari

proses awal sampai proses akhir.

Simbol-simbol yang digunakan dalam bagian Alir Sistem adalah sebagai

berikut:

Gambar Keterangan

Dokumen Menunjukkan dokumen input dan output baik

untuk proses manual, mekanik atau komputer.

Aliran Data Mengalir diantara proses, data store dan dan

entitas eksternal, menunjukkan arus dari data

(Data Flow)
yang dapat berupa masukkan untuk sistem

atau hasil dari proses sistem.

Kerja manual Menunjukkan pekerjaan yang dilakukan secara

 11

manual.

Proses Menunjukkan kegiatan proses operasi program

computer

Input/Output

Input / Output yang menggunakan online

keyboard

Simpanan offline File non-komputer yang diarsip menurut angka

(Numerical), huruf (Alpha), Tanggal (Calender)

Input/Output Input/Output yang menggunakan harddisk

Display Monitor Output yang ke layar monitor

Gambar 2.1 Simbol-simbol FOD

2.2.2 DAD (Diagram Arus Data)

DAD sering digunakan untuk menggambarkan suatu sistem yang telah

ada atau sistem baru yang akan dikembangkan secara logika tanpa
 12

mempertimbangkan lingkungan fisik dimana data tersebut mengalir atau

lingkungan fisik dimana data tersebut akan disimpan. Flow diagram ini dibagi

menjadi tiga tingkatan, yaitu:

a. Diagram Konteks (Context Diagram)

Merupakan diagram level tertinggi yang menggambarkan ruang lingkup

sistem. Diagram ini hanya memiliki satu proses dan tidak ada data store.

b. Diagram Nol (Zero Diagram)

Memberikan gambaran mengenai proses-proses apa saja yang akan dilakukan dan

melibatkan entitas-entitas eksternal yang ada serta data store – data store tertentu.

c. Diagram Detail

Diagram detail merupakan penjabaran rinci dari setiap proses yang ada pada

diagram level nol, secara khusus.

Simbol-simbol Diagram Arus Data:

Gambar Keterangan

Terminator/Entitas Merupakan simbol entitas eksternal

untuk menunjukkan tempat asal data

(sumber) atau tempat tujuan data

(Tujuan)
 13

Proses Menunjukkan tugas atau proses yang

dilakukan baik secara manual atau

otomatis.

Arus Data Menunjukkan alur data (informasi/objek)

yang mengalir

Storage Menunjukkan media penyimpanan data.

Gambar 2.2 Simbol-simbol DAD

2.2.3 Entity Relationship Diagram (ERD)

ERD merupakan suatu model untuk menjelaskan hubungan antar data

dalam basis data berdasarkan obyek-obyek dasar data yang mempunyai hubungan

antar relasi. ERD untuk memodelkan struktur data dan hubungan antar data, untuk

menggambarkannya digunakan beberapa notasi dan simbol.

Pada dasarnya ada tiga simbol yang digunakan, yaitu:

Gambar Uraian

Atribut Setiap entitas pasti mempunyai elemen

yang disebut atribut yang berfungsi

 14

untuk mendeskripsikan karakteristik dari

entitas tersebut yang mempunyai sesuatu

yang dapat mengidentifikasikan isi

elemen satu dengan yang lain.

Entity Entiti merupakan objek yang mewakili

sesuatu yang nyata dan dapat dibedakan

dari sesuatu yang lain

Relasi Hubungan antara sejumlah entitas yang

berasal dari himpunan entitas yang

berbeda.

Gambar 2.3 Simbol-simbol ERD

Relasi dapat digambarkan sebagai berikut: Relasi yang terjadi diantara dua

himpunan entitas (misalnya A dan B) dalam satu basis data yaitu:

a. Satu ke satu (One to one)

Hubungan relasi satu ke satu yaitu setiap entitas pada himpunan entitas A

berhubungan paling banyak dengan satu entitas pada himpunan entitas B.

b. Satu ke banyak (One to many)

Setiap entitas pada himpunan entitas A dapat berhubungan dengan banyak entitas

pada himpunan entitas B, tetapi setiap entitas pada entitas B dapat berhubungan
 15

dengan satu entitas pada himpunan entitas A.

c. Banyak ke banyak (Many to many)

Setiap entitas pada himpunan entitas A dapat berhubungan dengan banyak entitas

pada himpunan entitas B.

2.2.4 Kamus Data

Kamus data (data dictionary) adalah suatu penjelasan tertulis mengenai data

yang berada di dalam database. Dengan menggunakan KD analis sistem dapat

mendefinisikan data yang mengalir di sistem dengan lengkap.

Kamus Data digunakan sebagai alat komunikasi antara analisis sistem

dengan pemakai sistem tentang data yang mengalir di sistem, yaitu tentang data

yang masuk ke sistem dan tentang informasi yang dibutuhkan oleh pemakai

sistem.

Pada tahap perancangan sistem, kamus data digunakan untuk merancang

input, merancang laporan-laporan dan database. Kamus Data dibuat berdasarkan

arus data yang ada di diagram arus data.

Simbol-simbol Kamus Kata

 16

Simbol Uraian

= Terdiri dari, mendefinisikan, diuraikan menjadi

+ Dan

() Pilihan (Optional)

{} Perulangan

[] Memilih salah satu dari sejumlah alternative

| Pemisah sejumlah alternative pilihan antara symbol [ ]

@ Identifikasi atribut kunci

** Komentar

Tabel 2.1 Simbol-simbol Kamus Data

2.2.5 Normalisasi

Normalisasi adalah proses untuk mengubah suatu relasi yang memiliki

masalah tertentu ke dalam dua buah relasi atau lebih yang tidak memiliki masalah.

Berikut bentuk-bentuk normalisasi :

 17

a. Anormal

Adalah proses basis data yang memberikan efek samping yang tidak diharapkan.

b. Dekomposisi tak hilang

Bahwa tidak ada informasi yang hilang ketika relasi dipecah menjadi relasi-relasi

lain.

c. Bentuk Normal

Adalah suatu aturan yang dikenakan pada relasi-relasi dalam basis data dan harus

dipenuhi oleh relasi-relasi tersebut ada level-level normalisasi.

Bentuk normal umumnya adalah sebagai berikut:

1) Bentuk normal pertama (1NF)

Suatu relasi dikatakan dalam bentuk normal pertama jika dan hanya jika atribut

bernilai tunggal untuk setiap baris.

2) Bentuk normal kedua (2NF)

Suatu relasi dikatakan dalam bentuk normal kedua jika pada tabel semua atribut

yang tidak termasuk dalam kunci primer memiliki ketergantungan pada kunci

primer secara utuh.

3) Bentuk normal ketiga (3NF)

Suatu relasi dikatakan dalam bentuk normal ketiga jika pada relasi tersebut berada
 18

dalam bentuk normal kedua dan setiap atribut bukan kunci tidak memiliki

dependensi.

4) Bentuk normal Boyce-Codd (BCNF)

Suatu relasi dikatakan dalam bentuk normal BNC jika dan hanya jika penentu

(determinan) adalah kunci kandidat (atribut yang besifat unik).

5) Bentuk normal keempat (4NF)

Suatu relasi dikatakan dalam bentuk normal keempat jika relasi tersebut telah

berada pada BNC dan tidak mengandung dua atribut atau lebih yang bernilai

banyak.

2.3 Konsep Basis Data

2.3.1 Definisi Basis Data

Menurut James F. Ckuartney Jr. dan David B. Paradise pengertian “system

basis data adalah kumpulan basis data dengan para pemakai yang menggunakan

basis data secara bersama- sama yang merancang dan mengolah basis data serta

system komputer yang mendukungnya”.

Pengertian basis data diperjelas oleh James Martin di mana basis data

adalah “kumpulan data yang terhubung yang tersimpan secara bersama- sama

pada suatu media tanpa diperlukan kerangkapan data dengan cara tertentu,

sehingga memudahkan ketergantungan pada program yang akan menggunakan

serta disimpan sedemikian rupa sehingga penambahan, pengambilan, dan

modifikasi data dilakukan dengan mudah dan terkontrol”.

 19

Sifat-sifat yang harus dimiliki basis data ialah:

a. Basis data terdiri dari kumpulan homogen data yang masing-masing terdiri

dari gabungan beberapa jenis data yang berlainan makna.

b. Basis data dirancang, dibangun dan berkembang dari data-data yang

digunakan untuk tujuan dan pemakai tertentu.

c. Basis data memiliki domain yang terbatas, sehingga perubahan pada domain

tersebut akan dipengaruhi pada basis data.

Metode yang dipakai dalam memodelkan basis data yang pada umumnya

dipakai adalah metode diagram E-R (Entity Relationship). Model data Entity

Relationship didasarkan atas persepsi pada dunia nyata yang terdiri dari sebuah set

obyek yang disebut entity relai yang terdiri antara obyek-obyek tersebut. Pada

model data Relationship hubungan antar file di relasikan dengan kunci relasi

(Relationship Key) yang merupakan kunci utama dari masing-masing file.

2.3.2 Jenjang Data

Database

File
 20

Gambar 2.4 Jenjang Data

a. Character: Character merupakan bagian data yang terkecil, yang dapat berupa

karakter numeric, huruf, maupu karakter-karakter khusus (special Character)

yang membentuk suatu item data / field.

b. Field: Field adalah merepresentasikan suatu atribut dari record yang

menunjukkan suatu item dari data, seperti misalnya nama, alamat, kota dan

lain sebagainya.

Kumpulan dari field membentuk suatu record.

1) Field name: harus diberi nama untuk membedakan Field yang satu dengan

Field yang lainnya.

2) Field representation: tipe Field (Karakter, text, tanggal, angka, dan

sebagainya), lebar field (ruang maksimum yang dapat diisi dengan

karakter-karakter data).

3) Field value: isi dari Field untuk masing-masing record.

c. Record: Record adalah kumpulan dari field-field dan membentuk record

menggambarkan suatu unit data individu yang tertentu. Kumpulan dari record

membentuk suatu file. Misalnya file personalia, tiap-tiap record dapat

mewakili data tiap-tiap karyawan.

d. File: File terdiri dari beberapa record yang menggambarkan suatu kesatuan

data yang sejenis. Misalnya file transaksi berisi data tentang semua transaksi

yang ada.
 21

e. Database: database adalah kumpulan dari file / tabel.

2.3.3 Tipe File

a. File Induk ( Master File )

1) File induk acuan (reference master file): file induk yang recordnya relatif

statis, jarang berubah-ubah nilainya. Misalnya file daftar mata kuliah, file

daftar gaji.

2) File induk dinamik (dynamic master file): file induk yang nilai dari

beberapa recordnya sering berubah-ubah atau sering diupdate sebagai hasil

dari suatu transaksi penjualan.

b. File Transaksi (Transaction File)

File ini disebut sebagai file input. Digunakan untuk merekam data dari

transaksi yang terjadi. Misalnya file penjualan yang berisi data hasil transaksi

penjualan.

c. File Laporan (Report File)

File ini disebut sebagai file output. Yaitu yang berisi informasi yang akan

ditampilkan atau disampaikan.

d. File Sejarah (History File)

File ini disebut sebagai file arsip. Merupakan file yang berisi data masalalu

yang sudah tidak aktif lagi. Tetapi masih disimpan sebagai arsip.
 22

e. File Pelindung (Backup File)

File ini merupakan salinan dari beberapa file yang masih aktif dalam database

pada saat tertentu. File ini digunakan sebagai pelindung stau file cadangan bila

file database yang aktif mengalami kerusakan atau hilang.

2.3.4 Sistem Manajemen Basis Data

Sistem manajemen basis data (Bahasa Inggris: database management

system, DBMS), atau kadang disingkat SMBD, adalah suatu sistem atau perangkat

lunak yang dirancang untuk mengelola suatu basis data dan menjalankan operasi

terhadap data yang diminta banyak pengguna. Contoh tipikal SMBD adalah

akuntansi, sumber daya manusia, dan sistem pendukung pelanggan, SMBD telah

berkembang menjadi bagian standar di bagian pendukung (back office) suatu

perusahaan. Contoh SMBD adalah Oracle, SQL server 2000/2003, MS Access,

MySQL dan sebagainya. DBMS merupakan perangkat lunak yang dirancang

untuk dapat melakukan utilisasi dan mengelola koleksi data dalam jumah yang

besar. DBMS juga dirancang untuk dapat melakukan masnipulasi data secara

lebih mudah. Sebelum adanya BMS maka data pada umumnya disimpan dalam

bentuk flatfile, yaitu file teks yang ada pada sistem operasi.

Sampai sekarang pun masih ada aplikasi yang menimpan data dalam bentuk

flat secara langsung. Menyimpan data dalam bentuk flat file mempunyai kelebihan

dan kekurangan. Penyimpanan dalam bentuk ini akan mempunyai manfaat yang

optimal jika ukuran filenya relatif kecil, seperti file passwd. File passwd pada

umumnya hanya digunakan untuk menyimpan nama yang jumlahnya tidak lebih

dari 1000 orang. Selain dalam bentuk flat file, penyimpanan data juga dapat
 23

dilakukan dengan menggunakan program bantu seperti spreadsheet. Penggunaan

perangkat lunak ini memperbaiki beberapa kelemahan dari flat file, seperti

bertambahnya kecepatan dalam pengolahan data.

a. Stuctured Query Language ( SQL )

Dalam pembuatan suatu sistem yang berbasis database mesti tidak akan

lepas dari beberapa perintah SQL. SQL merupakan bahasa standar untuk suatu

pengolahan database.

1) Perintah – Perintah Dalam SQL

Berikut adalah perintah-perintah yang sering digunakan dan ditemui dalam

pembuatan program berbasis database yaitu sebagai berikut:

a) Select

Perintah select adalah untuk menampilkan atau mengambil data yang tersimpan

dalam table yang dapat dilakukan dengan menggunakan perintah select.

Perintahnya adalah sebagai berikut:

SELECT Namafield FROM Namatabel;

b) Insert

Insert adalah perintah untuk menyisipkan data kedalam suatu tabel, dapat

menggunakan perintah SQL berikut :

Insert into nama_tabel values ( isi_file1, isi_file2,

…,isi_filen);
 24

c) Delete

Delete adalah perintah untuk menghapus sebuah record dari sebuah tabel.

Perintahnya adalah sebagai berikut :

Delete from nama_tabel Where kondisi;

d) Update

Perintah update digunakan untuk mengubah atau memperbaharui nilai suatu data.

Adapun perintahnya adalah sebagai berikut :

UPDATE nama_tabel SET kritaria WHERE kondisi;

2) Operator Pada SQL

Operator yang dikenal dalam SQL ada beberapa macam, di antaranya

adalah:

a. Operator aritmatika

Operator Keterangan

+ Penjumlahan

- Pengurangan
 25

* Perkalian

/ Pembagian

% Sisa hasil bagi

Tabel 2.2 Operator Aritmatika

b. Operator logika

Operator Keterangan

AND Dan

OR Atau

NOT Tidak

Tabel 2.3 Operator Logika

c. Operator perbandingan
 26

Operator Keterangan

= Sama dengan

<> Tidak sama dengan

> Lebih besar

< Lebih kecil

>= Lebih dari sama dengan

<= Kurang dari sama dengan

Tabel 2.4 Operator Perbandingan

d. Operator karakter

Operator Keterangan

% Sembarang karakter

- Sembarang satu karakter

{} Sembarang karakter yang dalam

 27

kurung siku

Tabel 2.5 Operator Karakter

e. Operator lain

Operator Keterangan

IN Penjumlahan

BETWEEN Pengurangan

Tabel 2.6 Operator Lain

b. MySQL

MySQL adalah multiuser database yang menggunakan bahasa Structural

Query Language ( SQL ). SQL adalah bahasa standar yang digunakan untuk

mengakses database server. Bahasa ini pada awalnya dikembangkan oleh IBM,

namun telah diadopsi dan digunakan sebagai standart industri. Dengan

mengunakan SQL, proses akses database menjadi lebih User-Friendly

dibandingkan dengan menggunakan dBase atau Cliper yang masih menggunakan

perintah-perintah pemrograman.

MySQL mampu menampung data yang cukup besar. Perusahaan yang

mengembangkan MySQL yaitu TeX. Mengaku mampu menyimpan 60.000 tabel

 28

dan sekitar 5 milyar baris, totalnya kurang lebih 100 GigaBytes data.

1) Fasilitas dan Fitur MySQL

Dalam perkembangannya dari versi ke versi. MySQL selalu menambahkan dan

melengkapi fasilitasnya yang semakin mendapat tempat dihati para penggunanya

serta programmer database. Fitur dan fasilitas yang dimiliki MySQL antara lain:

a. Security

MySQL memiliki beberapa lapisan keamanan seperti level subnet mask nama host

dan izin akses user dengan sistem perizinan yang mendetail serta password

trankripse (acak).

b. Scalability dan limit

MySQL mampu menampung data dalam database dalam sekala besar, dengan

jumlah record lebih dari 60.000 tabel dan sekitar 5 milyar baris, totalnya kurang

lebih 100 GigaBytes data. Selain itu, batas indeks dapat ditampung mencapai 32

indeks pada tiap tabelnya.

c. Connectivity

MySQL dapat melakukan koneksi dengan client menggunakan protocol TCP/IP,

Unix sket ( UNIX ) atau Named Pipes ( NT ).

d. Localization

MySQL dapat mengidentifikasi kesalahan dengan pesan kesalahan (error code)

dengan client dengan menggunakan lebih dari dua puluh bahasa. Meski demikian

bahasa Indonesia belum masuk di dalamnya.

e. Interface
 29

MySQL mempunyai interface (antar muka) terhadap berbagai aplikasi dan bahasa

pemrograman dengan menggunakan fungsi API (Aplication Programming

Interface).

f. Client dan Tool

MySQL dilengkapi dengan tool ( alat ) yang dapat digunakan untuk administrasi

database dan setiap tool yang ada disertakan petunjuk on-line.

g. Struktur Tabel

MySQL memiliki struktur tabel yang lebih fleksibel dalam menangani alter table,

dibanding database lainnya seperti ProgresSQL maupun Oracle.

2.4 Internet

2.4.1 Pengertian Internet

Internet (inter-network) dapat diartikan jaringan komputer luas yang

menghubungkan pemakai komputer satu komputer dengan komputer lainnya dan

dapat berhubungan dengan komputer dari suatu Negara ke Negara di seluruh

dunia, di mana di dalamnya terdapat berbagai aneka ragam informasi Fasilitas

layanan internet Browsing atau surfing Yaitu kegiatan “berselancar” di internet.

Kegiatan ini dapat di analogikan layaknya berjalan-jalan di mall sambil melihat-

lihat ke toko-toko tanpa membeli apapun.

2.4.2 Sejarah Internet

Sejarah dari adanya intenet dimulai pada tahun 1969 ketika itu

Departemen Pertahanan Amerika, U.S. Defense Advanced Research Projects

Agency (DARPA) memutuskan untuk mengadakan riset tentang bagaimana cara

 30

menghubungkan sejumlah komputer sehingga membentuk jaringan organik.

Program riset ini dikenal dengan nama ARPANET. Pada 1970, sudah lebih

dari 10 komputer yang berhasil dihubungkan satu sama lain sehingga mereka bisa

saling berkomunikasi dan membentuk sebuah jaringan.

Tahun 1972, Roy Tomlinson berhasil menyempurnakan program e-mail

yang ia ciptakan setahun yang lalu untuk ARPANET. Program e-mail ini begitu

mudah sehingga langsung menjadi populer. Pada tahun yang sama, icon @ juga

diperkenalkan sebagai lambang penting yang menunjukkan “at” atau “pada”.

Tahun 1973, jaringan komputer ARPANET mulai dikembangkan ke luar Amerika

Serikat. Komputer University College di London merupakan komputer pertama

yang ada di luar Amerika yang menjadi anggota jaringan Arpanet.

Pada tahun yang sama, dua orang ahli komputer yakni Vinton Cerf dan

Bob Kahn mempresentasikan sebuah gagasan yang lebih besar, yang menjadi

cikal bakal pemikiran internet. Ide ini dipresentasikan untuk pertama kalinya di

Universitas Sussex.

2.4.3 Jenis Layanan dan Protokol Internet

a. World Wide Web ( WWW )

Sering disingkat sebagai WWW atau web saja, yakni sebuah sistem di

mana informasi dalam bentuk teks, gambar, suara, dan lain-lain dipresentasikan

dalam bentuk hypertext dan dapat diakses oleh perangkat lunak yang disebut

browser Informasi di web pada umumnya ditulis dalam format HTML.

Informasi lainnya disajikan dalam bentuk grafis (dalam format GIF, JPG, PNG),
 31

suara (dalam format AU, WAV), dan objek multimedia lainnya (seperti MIDI,

Shockwave, Quicktime Movie, 3D World). WWW dijalankan dalam server yang

disebut HTTPD.

WWW Adalah fasilitas internet yang menghubungkan dokumen dalam

lingkup lokal maupun jarak jauh. Dokumen Web disebut web page dan link

dalam Web menyebabkan user bisa pindah dari satu page ke page lain (

hypertext), baik antar page yang disimpan dalam server yang sama maupun server

di seluruh dunia.

Pages diakses dan dibaca melalui web browser seperti Nescape

Navigator atau Internet Eksploler. Web menjadi pusat kegiatan internet karena

Web Pages yang berisi text dan grafik mudah diakses melalui Web Browser, Web

menyediakan interface bagi jaringan informasi online terbesar di dunia, dan

jumlah informasi ini terus bertambah dengan pesat.

Web juga menjadi sistem pengiriman multimedia, karena fitur browser

dan browser plug-in extension yang terus bermunculan menyediakan peluang

untuk suara, gambar, telepon, animasi 3D dan video conferencing melalui Net.

Browser terbaru juga mengerti bahasa Jawa yang memungkinkan

Download semua aplikasi untuk di run secara lokal. Dasar format Web adalah

dokumen text yang digabung dengan HTML yang bisa mengatur format page

serta Hypertext Link ( URL) ke page lain. Kode HTML yang umum adalah

karakter alfanumerik yang dapat diketik dengan text editor atau word processor.

Banyak program terbitan Web yang menyertakan interface grafis untuk kreasi
 32

Web Page dan membuat kode dengan otomatis.

Banyak word processor dan program-program yang mengalihkan

dokumen ke format HTML. Oleh karena itu Web Pages dapat dibuat oleh user

tanpa harus mempelajari sistem pengkodean. Kemudahan kreasi membantu

cepatnya pertumbuhan Web. World Wide Web dirancang oleh tim Berners-Lee dan

staf ahli di laboratorium CERN di Jenewa Swiss tahun 1991.

b. E-mail ( Electronic Mail )

E-mail adalah surat melalui media elektronik. Sebenarnya email

merupakan singkatan dari “Electronic mail”. Melalui email kita dapat mengirim

surat elektronik baik berupa teks maupun gabungan dengan gambar, yang

dikirimkan dari satu alamat email ke alamat lain di jaringan internet. Apabila kita

mengirim surat melalui email kita dapat memperoleh beberapa keuntungan.

Antara lain, dengan menggunakan email, surat (informasi) yang kita kirim ke

alamat email lain akan secara langsung diterima, selain itu biaya yang kita

keluarkan cukup murah. Sebuah alamat email biasanya memiliki format semacam

username@host.domain. Saat ini ISP yang menyediakan layanan pembuatan

email secara gratis adalah google.com, yahoo.com dan plasa.com.

c. News

Dalam layanan news, protokol yang digunakan adalah NNTP (Network News

Transport Protocol). Layanan news tersebut mempunyai kemiripan format teks dengan
 33

layanan e mail dan masuk dalam kategori Internet Text Message.

d. Hypertext Transfer Protocol ( HTTP )

HTTP Singkatan dari Hypertext Transfer Protocol, yang mana adalah

suatu protokol yang digunakan oleh World Wide Web. HTTP mendefinisikan

bagaimana suatu pesan bisa diformat dan dikirimkan dari server ke client

HTTP juga mengatur aksi-aksi apa saja yang harus dilakukan oleh web

server dan juga web browser sebagai respon atas perintah-perintah yang ada pada

protokol HTTP ini. Sebagai contoh, ketika Anda mengetikkan suatu alamat atau

URL pada internet browser Anda, maka sebenarnya web browser akan

mengirimkan perintah HTTP ke web server.

Web server kemudian akan menerima perintah ini dan melakukan aktivitas

sesuai dengan perintah yang diminta oleh web browser (misalnya akses ke

database, file, e-mail dan lain sebagainya). Hasil aktivitas tadi akan dikirimkan

kembali ke web browser untuk ditampilkan kepada pengguna.

e. File Transfer Protocol ( FTP )

File Transfer Protocol (FTP) adalah suatu protokol yang berfungsi untuk

tukar-menukar file dalam suatu network yang menggunakan TCP koneksi bukan

UDP.

Dua hal yang penting dalam FTP adalah FTP Server dan FTP Client yaitu:

1) FTP server

suatu server yang menjalankan software yang berfungsi untuk memberikan

 34

layanan tukar menukar file dimana server tersebut selalu siap memberikan

layanan FTP apabila mendapat permintaan (request) dari FTP client.

2) FTP client

Komputer yang merequest koneksi ke FTP server untuk tujuan tukar

menukar file. Setelah terhubung dengan FTP server, maka client dapat men-

download, meng-upload, merename, men-delete, dll sesuai dengan permission

44

yang diberikan oleh FTP server. FTP sebenarnya cara yang tidak aman dalam

mentransfer suatu file karena file dikirimkan tanpa di-enkripsi terlebih dahulu

tetapi melalui clear text. Mode text yang dipakai untuk transfer data adalah format

ASCII atau format binary. Secara default, FTP menggunakan mode ASCII dalam

transfer data. Karena pengirimannya tanpa enkripsi, username, password, data

yang di transfer, maupun perintah yang dikirim dapat di sniffing oleh orang

dengan menggunakan protocol analyzer (sniffer). Solusi yang digunakan adalah

dengan menggunakan SFTP (SSH FTP) yaitu FTP yang berbasis pada SSH atau

menggunakan FTPS (FTP over SSL) sehingga data yang dikirim terlebih dahulu

di enkripsi.

f. Simple Mail Transfer Protocol ( SMTP )

SMTP (Simple Mail Transfer Protocol) adalah suatu  protokol yang umum

digunakan untuk pengiriman surat elektronik atau email di internet. Protokol ini

gunakan untuk mengirimkan data dari komputer pengirim surat elektronik ke

server surat elektronik penerima.

Untuk menggunakan SMTP bisa dari Microsoft Outlook. biasanya untuk

menggunakan SMTP di perlukan settingan:

 35

1) Email Address : contoh —> anda@domainanda.com

2) Incoming Mail (POP3, IMAP or HTTP) server: mail.doaminanda.com

3) Outgoing (SMTP) server : mail.domainanda.com

4) Account Name : anda@domainanda.com

5) Password : password yang telah anda buat sebelumnya.

g. Simple Network Management Protocol ( SNMP )

SNMP adalah sebuah protokol yang dirancang untuk memberikan

kemampuan kepada pengguna untuk memantau dan mengatur jaringan

komputernya secara sistematis dari jarak jauh atau dalam satu pusat kontrol saja.

Pengolahan ini dijalankan dengan menggumpulkan data dan melakukan penetapan

terhadap variabel-variabel dalam elemen jaringan yang dikelola.

2.4.4 Bahasa Pemograman

a. Hyper Text Markup Language ( HTML)

HTML adalah kependekan dari Hyper Text Markup Language yang artinya

tata cara penulisan yang digunakan dalam dokumen web. Dokumen HTML adalah

sebuah dokumen teks murni yang dapat dibuat dengan editor web sembarang,

seperti notepad. Dokumen ini akan dieksekusi oleh sebuah browser (misalnya

Google Chrome), sehingga browser mampu menghasilkan suatu dokumen yang

dengan keinginan seorang designer atau programmer web. Dokumen ini

mempunyai kemampuan untuk menampilkan gambar, suara, teks, maupun

 36

penyedian link terhadap halaman web lainnya baik dengan alamat yang sama

maupun dengan alamat yang berbeda.

HTML merupakan salah satu varian dari SGML (kependekan dari

Standard Generalized Markup Language), yaitu sebuah standarisasi untuk

pertukaran dokumen secara elektronik yang telah ditetapkan oleh International

Organization For Standardzation (ISO). HTML sendiri secara formal diumumkan

sebagai RFC (Request For Comments) pada tahun 1866. RFC adalah dokumen

yang dikirim ke lembaga internet yang berisi informasi atau usulan yang

berhubungan dengan standard internet.

b. Personal Home Page ( PHP )

PHP merupakan singkatan dari PHP: “Hypertext Preprocessor”, adalah

sebuah bahasa scripting yang terpasang pada HTML. Sebagian besar sintaks mirip

dengan bahasa C, Java, asp dan Perl, ditambah beberapa fungsi PHP yang

spesifik. Tujuan utama bahasa ini adalah untuk memungkinkan perancang web

untuk menulis halaman web dinamik dengan cepat.

Pada saat ini bahasa PERL dan CGI sudah jauh ketinggalan jaman

sehingga sebagian besar designer web banyak beralih ke bahasa server-side

scripting yang lebih dinamis seperti PHP. Seluruh aplikasi berbasis web dapat

dibuat dengan PHP. Namun kekuatan yang paling utama PHP adalah pada

konektivitasnya dengan sistem database di dalam web. Sistem database yang

dapat didukung oleh php:

1)   Oracle
 37

2)   MySQL

3)   Ms.Access

4)   Sybase

5)   PostgreSQL

6)   dan lainnya.

PHP dapat berjalan di berbagai sistem operasi seperti keluarga Windows

xx/NT, UNIX/LINUX, Android, solaris maupun Macintosh. Keunggulan lainnya

dari PHP adalah PHP juga mendukung komunikasi dengan layanan seperti

protocol IMAP, SNMP, NNTP, POP3 bahkan HTTP

c. Javascript

JavaScript diperkenalkan pertama kali oleh Netscape pada tahun 1995.

Pada awalnya bahasa yang sekarang disebut JavaScript ini dulunya dinamai

“LiveScript” yang berfungsi sebagai bahasa sederhana untuk browser Netscape

Navigator 2 yang sangat populer pada saat itu. Kemudian sejalan dengan sedang

giatnya kerjasama antara Netscape dan Sun (pengembang bahasa pemrograman

“Java”) pada masa itu, maka Netscape memberikan nama “JavaScript” kepada

bahasa tersebut pada tanggal 4 Desember 1995. Pada saat yang bersamaan

Microsoft sendiri mencoba untuk mengadaptasikan teknologi ini yang mereka

sebut sebagai “Jscript” di browser milik mereka yaitu Internet Explorer 3.

JavaScript sendiri merupakan modifikasi dari bahasa pemrograman C++

dengan pola penulisan yang lebih sederhana dari bahasa pemrograman C++.

JavaScript adalah bahasa pemrograman yang khusus untuk halaman web

 38

agar halaman web menjadi lebih hidup. Kalau dilihat dari suku katanya terdiri dari

dua suku kata, yaitu Java dan Script. Java adalah Bahasa pemrograman

berorientasi obyek, sedangkan Script adalah serangkaian instruksi program.

Dalam aplikasi client untuk Navigator, pernyataan Java Script yang tertulis

dalam sebuah halaman web dapat mengetahui dan merespon perintah pemakai

seperti gerakan mouse, input form, dan navigasi halaman HTML. Sebagai contoh,

kita dapat menulis sebuah fungsi Java Script untuk memverifikasi bahwa

seseorang telah benar menuliskan informasi yang cocok dalam sebuah form yang

meminta diisi nomor telepon dan nomor kode pos. Tanpa transmisi jaringan

apapun, sebuah halaman HTML yang dilengkapi dengan tulisan Java Script dapat

menginterpretasikan teks yang dituliskan pada halaman tersebut dan memberikan

tampilan teks dialog penolakan apabila teks yang dituliskan tadi salah. Atau kita

dapat mempergunakan Java Script untuk memerintahkan sebuah aksi (seperti

memainkan file suara, mengeksekusi sebuah “applet” atau berkomunikasi dengan

“plug-in” lain) sebagai respon terhadap dibukanya sebuah halaman web atau

penutupan halaman tersebut oleh pengguna internet.

d. Java

1) Sejarah dan Definisi Java

Java adalah bahasa pemrograman serbaguna yang dapat digunakan untuk

membuat sebuah program. Java merupakan sebuah bahasa pemrograman tingkat

menengah. Salah satu kelebihan Java adalah ketidak-tergantungan dengan

platform, artinya Java dapat dijalankan pada sembarang komputer dan pada

sembarang sistem operasi yang sering disebut dengan portabilitas.

 39

Yang menariknya portabilitas Java tidak terbatas pada program sumber

(source code), melainkan juga pada tingkat bytecode. Dengan demikian suatu

program yang sudah anda kompilasi dengan Java di OS Windows dapat juga

berjalan di Macintosh secara langsung tanpa kompilasi ulang.

Java adalah bahasa pemrograman yang berorientasi objek (OOP). Java

diciptakan oleh James Gosling, developer dari Sun Microsystems pada tahun

1991. Perkembangan Java tidak hanya terfokus pada satu sistem operasi, tetapi

dikembangkan untuk berbagai sistem operasi dan bersifat open source. Sebagai

bahasa pemrograman yang berorientasi objek, Java menggunakan kelas untuk

membentuk suatu objek.

Bahasa pemrograman Java pertama lahir dari The Green Project, yang

berjalan selama 18 bulan dari awal tahun 1991 hingga musim panas 1992. Proyek

tersebut belum menggunakan versi yang dinamakan Oak.

Proyek ini dimotori oleh Patrick Naughton, Mike Sheridan, James Gosling

dan Bill Joy, beserta sembilan pemrogram lainnya dari Sun Microsystems. Salah

satu hasil proyek ini adalah maskot Duke yang dibuat oleh Joe Palrang.

Pertemuan proyek berlangsung di sebuah gedung perkantoran Sand Hill

Road di Menlo Park. Sekitar musim panas 1992 proyek ini ditutup dengan

menghasilkan sebuah program Java Oak pertama, yang ditujukan sebagai

pengendali sebuah peralatan dengan teknologi layar sentuh (touch screen), seperti

pada PDA ataupun Smartphone Android sekarang ini. Teknologi baru ini dinamai

“*7″ (Star Seven).

 40

Setelah era Star Seven selesai, sebuah anak perusahaan TV kabel tertarik

ditambah beberapa orang dari proyek The Green Project. Mereka memusatkan

kegiatannya pada sebuah ruangan kantor di 100 Hamilton Avenue, Palo Alto.

Perusahaan baru ini bertambah maju, jumlah karyawan meningkat dalam

waktu singkat dari 13 menjadi 70 orang. Pada rentang waktu ini juga ditetapkan

pemakaian internet sebagai medium yang menjembatani kerja dan ide di antara

mereka. Pada awal tahun 1990-an, internet masih merupakan rintisan yang hanya

dipakai di kalangan akademisi dan militer.

Mereka menjadikan perambah (browser) Mosaic sebagai landasan awal

untuk membuat perambah Java pertama yang dinamai Web Runner, terinsipirasi

dari film 1980-an, Blade Runner. Pada perkembangan rilis pertama, Web Runner

berganti nama menjadi Hot Java.

Pada sekitar bulan Maret 1995, untuk pertama kali kode sumber Java versi

1.0a2 dibuka. Kesuksesan mereka diikuti dengan untuk pemberitaan pertama kali

pada surat kabar San Jose Mercury News pada tanggal 23 Mei 1995.

Sayang terjadi perpecahan di antara mereka suatu hari pada pukul 04.00 di

sebuah ruangan Hotel Sheraton Palace. Tiga dari pimpinan utama proyek, Eric

Schmidt dan George Paolini dari Sun Microsystems bersama Marc Andreessen,

membentuk Netscape.

Nama Oak, diambil dari pohon oak yang tumbuh di depan jendela ruangan

kerja “Bapak Java”, James Gosling. Nama Oak ini tidak dipakai untuk versi

release Java karena sebuah perangkat lunak sudah terdaftar dengan merek dagang
 41

tersebut, sehingga diambil nama penggantinya menjadi “Java”. Nama ini diambil

dari kopi murni yang digiling langsung dari biji (kopi tubruk) kesukaan Gosling.

Versi awal Java ditahun 1996 sudah merupakan versi release sehingga

dinamakan Java Versi 1.0. Java versi ini menyertakan banyak paket standar awal

yang terus dikembangkan pada versi selanjutnya:

1. java.lang: Peruntukan kelas elemen-elemen dasar

2. java.io: Peruntukan kelas input dan output, termasuk penggunaan berkas

3. java.util: Peruntukan kelas pelengkap seperti kelas struktur data dan kelas

kelas penanggalan

4. java.net: Peruntukan kelas TCP/IP, yang memungkinkan berkomunikasi

dengan komputer lain menggunakan jaringan TCP/IP

5. java.awt: Kelas dasar untuk aplikasi antarmuka dengan pengguna (GUI)

6. java.applet: Kelas dasar aplikasi antar muka untuk diterapkan pada

penjelajah web

2) Java dan WWW

Applet adalah program Java yang didesain sedemikian rupa untuk

ditransmisikan melalui internet dan dieksekusi oleh web browser yang kompatibel

dengan Java. JavaScript merupakan scripting language yang digabung dengan

HTML sehingga memungkinkan suatu web page mampu berinteraksi lebih baik

dengan user. JavaScript adalah interpreted language sedangkan Java adalah

 42

bahasa yang terkompilasi.

Kode Java harus dikompilasi menjadi bentuk yang dapat dieksekusi oleh

run-time system Java (Java Virtual Machine / JVM).

3) Java Bytecode

Java didesain dengan ide utama : portabilitas dengan konsep write once

run anywhere. Hasil kompilasi Java berupa bytecode. Bytecode adalah kumpulan

instruksi yang sangat teroptimasi.

JVM merupakan interpreter agar bytecode dapat berjalan pada suatu

sistem operasi.

Just In Time (JIT) compiler merupakan teknologi yang digunakan agar

bytecode Java dapat berjalan sama cepatnya hasil kompilasi dengan bentuk native

code.

4) Kelebihan dan Karakteristik Java

a) Kelebihan Java

1. Java merupakan bahasa pengembangan dari C/C++.

2. Java bersifat portabel dan platfrom independent.

3. Java memiliki fasilitas garbage collection yang dapat mendealokasikan

memory secara otomatis.

4. Java menghilangkan pewarisan berganda (multiple inheritance) yang terdapat

dalam C++.
 43

5. Java mengurangi pointer aritmatik.

6. Java memiliki array sejati.

7. Java mengurangi kerancuan antara pemberian nilai pada statemen kondisional.

(misal ‘=’ dengan ‘==’ pada kondisi if).

b) Karakteristik Java:

1. Beorientasi objek.

2. Robust, strongly typed dan memiliki run-time checking.

3. Portable, dapat diekseskusi pada berbagai platform.

4. Multithreading.

5. Dinamis, Java dapat melakukan suatu tindakan yang ditentukan pada sat

eksekusi program.

6. Sederhana, Java menggunakan bahasa yang sederhana dan mudah

dipelajari.

7. Terdistribusi, Java dapat berjalan pada lingkungan terdistribusi misalnya

internet.

8. Aman.

9. Netral secara arsitektur, bytecode Java tidak terikat pada suatu sistem

operasi tertentu.
 44

10. Interpreted.

11. Berkinerja tinggi, bytecode Java sangat teroptimasi.

e. CSS

1) Sejarah Pekerkembangan dan Definisi

Pada tanggal 17 Agustus 1996, World Wide Web Consortium (W3C)

menjadikan CSS sebagai bahasa pemrograman standar dalam pembuatan

dokumen web. Tujuannya adalah mengurangi pembuatan tag-tag baru oleh

Netscape dan Internet Explorer, karena kedua kedua browser pada saat itu

bersaing mengembangkan TAG sendiri untuk mengatur tampilan web.

CSS level 1 mendukung pengaturan tampilan dalam hal:

1. Font (jenis, ketebalan)

2. Warna, teks, background dan elemen lainnya

3. Text attributes, misalnya spasi antar baris, kata dan huruf

4. Posisi teks, gambar, table dan elemen lainnya

5. Marjin, border dan padding.

Selanjutnya di tahun 1998, W3C menyempurnakan CSS awal dengan

menciptakan standar CSS2 (CSS level 2) yang menjadi standar hingga saat ini.

Pada CSS level 2 ini, dimasukkan semua atribut dari CSS1, serta diperluas dengan

penekanan pada Internasional accessibility and capability khususnya media-

specific CSS.
 45

Bahkan pada tahun 2000, tidak lama setelah CSS2 diimplementasikan.

CSS2 ini sampai sekarang masih terus dikembangkan, spesifikasinya dibagi pada

beberapa topik atau modul.

CSS adalah singkatan dari Cascading Style-Sheet, sebuah pengembangan

atas kode HTML yang sudah ada sebelumnya. Dengan CSS, kita bisa menentukan

sebuah struktur dasar halaman web secara lebih mudah dan cepat, serta irit size.

CSS juga membantu kita untuk menyeragamkan seluruh halaman website dengan

tampilan yang konsisten. Misalnya, kita mau seluruh font yang ada di website kita

adalah font "Tahoma", maka dengan bantuan CSS kita bisa bikin proses itu

menjadi otomatis tanpa harus mengganti-ganti font secara manual di setiap

halaman.

Dahulu kala, sebelum CSS menjadi standar untuk mendesain halaman web

seperti sekarang, halaman web didesain menggunakan <table>. Jadi dibuat dulu

desainnya, dalam format psd atau jpeg, lalu dislice atau dipotong potong menjadi

bagian-bagian terpisah, setelah itu dibuat table dengan ukuran yang sesuai, lalu

desain tadi "ditempel” pada table sebagai image yang melekat pada tabel, atau

sebagai background. Kelemahan dari cara seperti ini adalah, halaman web

menjadi berat karena kolom-kolom penyusun table <tr> dan <td> diberi tambahan

atribut image source. Side effect dari hal ini adalah halaman web menjadi padat

dan tidak SEO friendly.

Pada perkembangannya CSS sudah masuk lelvel 3 untuk sekarang, di

mana dimulai CSS level 1 atau yang sering di sebut CSS aja, kemudian level 2
 46

yang merupakan penyempurnaan dari CSS level sebelumnya, yaitu CSS level 1.

2) Kelebihan dan Kekurangan CSS

CSS merupakan alternatif bahasa pemrograman web masa yang akan

datang, di mana mempunyai banyak keuntungan, di antaranya:

1. Ukuran file lebih kecil

2. Load file lebih cepat

3. Dapat berkolaborasi dengan JavaScript

4. Pasangan setia XHTML

5. Menghemat pekerjaan tentunya, dimana hanya membuat 1 halaman CSS.

6. Mudah mengganti-ganti tampilan dengan hanya merubah file CSS nya

saja.

7. Dan banyak lagi yang lainnya.

Kelebihan penggunaan CSS:

1. halaman web menjadi tidak padat, hingga halaman web menjadi SEO

friendly

2. Anda dapat dengan mudah mengganti tampilan web dengan cukup

 47

mengganti nilai dan definisi pada pada satu file CSS saja.

Kekurangan penggunaan CSS:

Sayangnya susah untuk dimengerti dibandingkan dengan bahasa

pemrograman lainnya contohnya: HTML, PHP, Java Script, dan lain-lain dan CSS

ini memerlukan waktu yang sangatlah lama untuk bisa mahir untuk mempelajari

CSS ini..

2.4.5 Aplikasi Internet

a. Appache Web Server

Web server adalah server internet yang mampu melayani koneksi transfer

data dalam protokol HTTP ( Hypertext Transfer Protokol ). Web Server saat ini

merupakan inti dari server-server internet selain e-mail server.

Karena keunggulannya tersebut maka web dapat di mana saja baik pada

perusahaan komersial maupun non-komersial, bahkan dari institusi hingga

perseorangan. Saat ini hampir semua perusahaan komersial maupun lembaga

profesional telah memiliki satu hingga beberapa web server sekaligus.

Appache saat ini dapat dikatakan sebagai salah satu web server yang

paling banyak dipakai. Hal ini tidak terlepas dari beberapa faktor di antaranya

adalah:

1) Sangat mudah dikonfigurasi dan digabungkan dengan beberapa modul

tambahan lainnya ( contoh: modul PHP dan modul SSL ).

2) Karena Apache merupakan web server yang gratis dan open source, maka

tidak perlu melakukan registrasi maupun pembayaran tertentu untuk

 48

mengunakan. User diperbolehkan untuk mengubah kode asli dari program

web server.

3) Dapat dijalankan di beberapa sistem operasi, antara lain: Windows

Netware, OS/2, dana UNIX/LINUX.

4) Secara aktif terus menerus dapat dilakukan pengembangan terhadap

beberapa fitur yang dibutuhkan.

Meskipun beberapa web server lain yang merupakan web server komersial

telah menyatakan bahwa kecepatannya melebihi Apache, tetapi kecepatan dari

web server masih bisa dapat diandalkan. Keunggulan Apache yang seringkali

membuatnya menjadi web server favorit adalah sifatnya yang gratis. Apache

sendiri digunakan oleh beberapa situs yang memiliki jutaan pengunjung setiap

harinya

b. Localhost

Localhost merupakan istilah dalam komputer jaringan yang berarti

“Komputer ini“ localhost adalah nama standar yang diberikan sebagai alamat

loopback network interface. localhost selalu menerjemahkan loopback ip address

127.0.0.1 dalam IPv4, atau ::1 dalam IPv6. Localhost digunakan untuk

mengantarkan web browser pada HTTP server yang terinstall di komputer lokal.

Alamat http://localhost akan menampilkan website lokal pada komputer yang

bersangkutan.

c. Macromedia Dreamweaver 8

Macromedia Dreamweaver 8 adalah sebuah program web editor yang

digunakan untuk membuat dan mendesain web. Macromedia Dreamweaver 8

 49

mempunyai kehandalan dalam membuat dan mendesain web tanpa harus

menuliskan tag-tag HTML satu persatu. Macromedia Dreamweaver 8

menggunakan metode klik dan drag yang dapat mempermudah dalam pembuatan

website dengan cepat, mudah, menarik.

Macromedia Dreamweaver 8 juga mempunyai kemampuan untuk

mendukung pemrogram server side dan client side, server side digunakan untuk

memproses data yang berhubungan dengan server, misal dengan pengolahan

database. Client side merupakan bahasa pemrograman tambahan sekaligus sebagai

pelengkap dari bahasa pemrograman lainnya.

2.5 Penjualan

Penjualan merupakan pembelian sesuatu (barang atau jasa) dari suatu

pihak kepada pihak lainnya dengan mendapatkan ganti uang dari pihak tersebut.

Penjualan juga merupakan suatu sumber pendapatan perusahaan, semakin besar

penjualan maka semakin besar pula pendapatan yang diperoleh perusahaan.

2.5.1 Pengertian Penjualan

Aktivitas penjualan merupakan pendapatan utama perusahaan karena jika

aktivitas penjualan produk maupun jasa tidak dikelola dengan baik maka secara

langsung dapat merugikan perusahaan. Hal ini dapat disebabkan karena sasaran

penjualan yang diharapkan tidak tercapai dan pendapatan pun akan berkurang.

Untuk lebih jelasnya dapat dilihat dari pengertian penjualan itu sendiri

adalah sebagai berikut:

Pengertian penjualan menurut Henry Simamora dalam buku “Akuntansi

 50

Basis Pengambilan Keputusan Bisnis” menyatakan bahwa:

“Penjualan adalah pendapatan lazim dalam perusahaan dan merupakan jumlah

kotor yang dibebankan kepada pelanggan atas barang dan jasa”.

Pengertian penjualan menurut Chairul Marom dalam buku “Sistem

Akuntansi Perusahaan Dagang” menyatakan bahwa:

“Penjualan artinya penjualan barang dagangan sebagai usaha pokok perusahaan

yang biasanya dilakukan secara teratur”.

Berdasarkan pengertian di atas, maka dapat disimpulkan bahwa penjualan

adalah persetujuan kedua belah pihak antara penjual dan pembeli, di mana penjual

menawarkan suatu produk dengan harapan pembeli dapat menyerahkan sejumlah

uang sebagai alat ukur produk tersebut sebesar harga jual yang telah disepakati.

2.5.2 Klasifikasi Transaksi Penjualan

Ada beberapa macam transaksi penjualan menurut La Midjan dalam

bukunya “Sistem Informasi Akuntansi 1” dapat diklasifikasikan sebagai berikut:

“1. Penjualan Tunai

2. Penjualan Kredit

3. Penjualan Tender

4. Penjualan Ekspor
 51

5. Penjualan Konsinyasi

6. Penjualan Grosir”

Menurut pengertian di atas dapat diuraikan sebagai berikut:

a.Penjualan Tunai

Adalah penjualan yang bersifat cash dan carry pada umumnya terjadi secara

kontan dan dapat pula terjadi pembayaran selama satu bulan dianggap kontan.

b. Penjualan Kredit

Adalah penjualan dengan tenggang waktu rata-rata diatas satu bulan.

c. Penjualan Tender

Adalah penjualan yang dilaksanakan melalui prosedur tender untuk memenangkan

tender selain harus memenuhi berbagai prosedur.

d. Penjualan Ekspor

Adalah penjualan yang dilaksanakan dengan pihak pembeli luar negeri yang

mengimpor barang tersebut.

e. Penjualan Konsinyasi

Adalah penjualan yang dilakukan secara titipan kepada pembeli yang juga sebagai

penjual.

f. Penjualan Grosir

Adalah penjualan yang tidak langsung kepada pembeli, tetapi melalui pedagang
 52

grosir atau eceran.

Dari uraian di atas penjualan memiliki bermacam-macam transaksi

penjualan yang terdiri dari: penjualan tunai, penjualan kredit, penjualan tender,

penjualan konsinyasi, penjualan ekspor, serta penjualan grosir.

 50

BAB III

PEMBAHASAN

3.1 Tinjauan Organisasi

3.1.1 Sekilas tentang Toko Handphone Megan Celluler

Megan Celluler yang beralamat di jalan Jenderal Sudirman No.15

Indramayu Jawa Barat didirikan pada tahun 2009 oleh Anto Budianto, dengan visi

dan misi memberi kepuasan kepada pelanggan, yaitu, layanan yang baik, harga

lebih murah, produk yang diberikan lebih baik dan berkualitas. Megan Celluler

yang mempunyai motto kekeluargaan terhadap pelanggan sampai saat ini telah

tumbuh dan berkembang menjadi toko handphone, aksesoris dan servis yang

cukup dikenal oleh masyarakat yang berada di lingkungan tersebut.

3.1.2 Struktur Organisasi

Struktur organisasi merupakan susunan yang terdiri dari fungsi-fungsi dan

hubungan-hubungan yang menyatakan keseluruhan kegiatan untuk mencapai

suatu sasaran.

Pemilik Toko Megan Cellular

Bag. Penjualan Bag. Teknisi Bag. Administrasi

Gambar 3.1 Struktur organisasi pada Toko Handphone Megan Celluler

 51

3.1.3 Tinjauan Masalah

Masyarakat Indonesia khususnya di perkotaan umumnya selalu sangatlah

sibuk dengan urusannya masing-masing sehingga tidak sempat untuk keluar

rumah atau meninggalkan pekerjaan mereka, bahkan untuk berbelanja saja mereka

terkadang sangatlah malas untuk pergi ke toko dengan berbagai alasan, yang salah

satunya adalah kemacetan lalu lintas yang sangatlah menyita waktu.

Untuk memenuhi salah satu kebutuhan masyarakat yang sangat sibuk

tersebut, Megan Celluler berinisiatif menyedikan salah satu kebutuhan dari ribuan

kebutuhan mereka yaitu membuat toko online (E-commerce) yang menjual ponsel

dari berbagai merek dan tipe yang kini sedang laku di pasaran. Dengan toko

online online (E-commerce) ini mereka tidak perlu mengenal kemacetan untuk

mendapatkan handphone yang diinginkan, cukup dengan membuka komputer atau

gadget yang terhubung dengan internet, mengakses situs toko online online (E-

commerce), memilih barang yang diinginkan, kemudian berbelanja secara online

dan membayar barang belanjanya juga dengan online atau transfer bank, setelah

mereka konfirmasi pembayarannya, maka barang pesanan cukup tunggu di rumah

dan barang akan sampai kepada mereka.

3.2 Pembahasan
3.2.1 Desain sistem yang sedang berjalan
Di bawah ini digambarkan sistem yang saat ini berjalan di Toko Handphone

Megan Celluler, sistem yang digunakan selama ini adalah sistem yang masih

manual (konvensional) yakni pengunjung mendatangi langsung ke Toko

Handphone Megan Celluler untuk melakukan pembelian handphone langsung,

artinya pembeli datang langsung ke tempat untuk melakukan pembelian

 52

handphone, kurang lebih aliran dokumennya seperti ini:

3.2.2 Sistem yang sedang berjalan sekarang

Proses pembelian barang

Kustomer Kasir Pemilik

Mulai Barang yang

dibeli

Nota

Barang yang
dibeli Menghitung N
total

Jumlah yang
Buat nota
dibayar
penjualan

Nota
Nota

Gambar 3.2 FOD Pemesanan barang yang sedang berjalan

Di atas adalah gambaran sistem yang sedang berjalan di Toko Handphone

Megan Celluler dengan kondisi sistem tersebut maka masih kurang efektif banyak

keterlambatan tentang penjualan barang, banyaknya pembeli yang berada di luar

Indramayu merasa sulit untuk mengetahui produk yang ada.

3.2.3 Desain sistem yang diusulkan

 53

a. Gambaran sistem

Sistem yang dibuat menggunakan aplikasi E-commerce Toko Handphone

Megan Celluler dapat dideskripsikan sebagai berikut:

1) Sistem ini adalah aplikasi E-commerce Toko Handphone Megan Celluler

2) Sistem ini adalah sistem yang dinamis dengan informasi yang dapat dengan

mudah ditambahkan diedit dan dihapus.

3) Sistem ini dikendalikan penuh oleh seorang Administrator.

4) Sistem ini bersifat umum, semua pengunjung dapat melihat seluruh informasi

di dalamnya dan dapat melakukan pemesanan barang tanpa harus menjadi

member tapi sistem hanya dikendalikan sepenuhnya oleh Administrator.

3.2.4 Sistem pemesanan barang yang diusulkan

Pada desain pemesanan barang yang diusulkan untuk menangani proses

penjualan secara online tersebut, maka saya usulkan perjalanan dokumen dari

proses pemilihan barang hingga sampai kepada laporan harian dan bulanan serta

faktur penjualan yang kemudian akan disetorkan kepada pihak pemilik.

Adapun gambaran sistem yang diusulkan adalah seperti yang tergambar di

bawah ini.
 54

Kustomer Server Administrator Pemilik

Mulai Data Login

Pemesanan Laporan
Keuangan
Pilih Produk
Kelola Sistem
Input/output N

Input Proses Data

Keranjang Belanja Pemesanan
Faktur

Lihat data
pesanan
DB N
Konfirmasi
Pembayaran

Konfirmasi
Pembayaran Cetak Laporan

Laporan Penjualan
Laporan
Keuangan
Faktur

N
Cetak Faktur

Gambar 3.3 FOD Pemesanan barang yang diusulkan

Berikut adalah penjelasan dari Flow Of Document tersebut:

Administrator menerima data pemesanan barang dari calon pembeli dan

dari data pemesanan tersebut Admin memproses data tersebut dan menghasilkan

display pemesanan yang dapat dilihat oleh calon pembeli. Setelah calon pembeli

memilih produk dan melakukan konfirmasi pembayaran, maka Admin akan

memproses lalu mencetak faktur yang kemudian disertakan bersama barang yang

dikirim.

Bukti laporan penjualan dan keuangan beserta faktur penjualan juga bisa

diberikan kepada pemilik perusahaan apabila diminta.

 55

3.2.5 Diagram Arus Data

a. Diagram Konteks
Data pesanan
Cari Produk Data penjualan

Kustomer Sistem Admin

Informasi
Info Produk Penjualan
Info Merek/Tipe
Info Kategori
Info Pesanan Login
Info Produk yang dicari
Info Tarif Ongkos Kirim

Laporan Penjualan
Laporan Keuangan

Pemilik Toko

Gambar 3.4 Diagram Konteks

b. Diagram Zero
Login
Administrator

Data Pemesanan Data Pemesanan

1.0
Kustomer Pemesanan
Pemesanan
Bukti Pemesanan Data Pemesanan

Laporan Pemesasan

Laporan Penjualan/
Bukti Pembayaran 2.0 Keuangan
Lap. Penjualan/Keuangan
Pembayaran

Laporan Keuangan//Penjualan
Pemilik

Gambar 3.5 Diagram Zero Pemesanan Handphone

 56

c. Diagram Level 1 Proses 1.0

Data Pemesanan
Handphone Data Pemesanan
1.1p
Kustomer Input
Data Pemesanan Data Pemesanan
dan
Identitas Pemesan

Data
Pemesanan
1.2p
Cetak Laporan
Pemilik Pemesanan
Laporan
Pemesanan

Gambar 3.6 Diagram Level 1 Proses 1.0

d. Diagram Level 1 Proses 2.0

Data Pembayaran
Pembayaran

Data Pemesanan 2.1

Cek Data Login
Kustomer Pemesanan HP Administrator
Transfer dan
Cetak Laporan

Data Pembayaran

2.2p Status Pembayaran

Ubah Status Status
Pembayaran
Ubah Status Pembayaran

Laporan Pembayaran

Cetak Laporan
Faktur Penjualan 2.3p Laporan
Cetak Laporan Laporan

Laporan Penjualan
Laporan Keuangan
Pemilik
 57

Gambar 3.7 Diagram Level 1 Proses 2.0

3.2.6 ERD (Entity Relationship Diagram)

id_order nama_kustomer alamat telepon email

status_order tgl_order
stock harga

no

nama N N
kustomer memesan produk idproduk

alamat
email

total_bayar
ongkir jam_order id_kota namaprod idkategori

Gambar 3.8 ERD yang diusulkan

3.2.7 Kamus Data

a. Kustomer

Nama Arus Data : Data Pemesanan Komputer

Bentuk Data : File data pelanggan

Arus Data : Kustomer  Proses 1.1p

Struktur Data : no, nama, alamat, no_telp, email

b. Pemesanan

Nama Arus Data : Konfirmasi Pemesanan

Bentuk Data : Tampilan ke layar monitor

Arus Data : Proses 2.2p  Pengunjung

Struktur Data : id_order, nama_kustomer, alamat, status_order,

 58

telepon, email, alamat, total_bayar, ongkir,

jam_order, id_kota

c. Produk

Nama Arus Data : Data pemesanan produk

Bentuk Data : File pemesanan

Arus Data : Proses pemesanan produk

Struktur Data : id_produk, id_kategori, nama_produk ,

harga, stok, tgl_masuk, gambar, produk_seo,

dibeli, deskripsi.

d. Faktur

Nama Arus Data : Bukti Penjualan Barang

Bentuk Data : Dokumen cetakan komputer

Arus Data : Proses 1  Pemesanan produk

Proses 2  Penjualan produk

Penjelasan : Kustomer diberi satu Faktur untuk setiap kali

transaksi.

Periode : Setiap terjadi penjualan (harian)

Volume : Volume rata-rata tiap hari adalah 10

Struktur Data : No. order, Waktu dan Jam Order, Nama Pembeli,

Alamat Pengiriman, No. Handphone, E-mail,

Nama Produk, Jumlah Barang, Harga Satuan,

Sub, Total, Total, Ongkos Kirim, Grand Total.

3.2.8 Normalisasi

Perancangan basis data diperlukan, agar bisa memiliki basis data yang
 59

kompak dan efisien dalam penggunaan ruang penyimpanan, cepat dalam

pengaksesan dan mudah dalam pemanipulasian (tambah, ubah, hapus) data.

Dalam pendekatan normalisasi, perancang/desainer basis data bertitik tolak dari

situasi yang nyata. Ia telah memiliki item-item data yang siap ditempatkan dalam

baris dan kolom pada tabel-tabel relasional. Demikian juga dengan aturan tentang

keterhubungan antara item-item data tersebut. Sementara pendekatan kedua,

dengan langsung membuat model data lebih tepat ilakukan jika yang telah

diketahui baru prinsip-prinsip sistem secara keseluruhan.

Normalisasi merupakan proses untuk mengubah suatu tabel yang memiliki

masalah tertentu ke dalam dua buah tabel atau lebih yang tidak memiliki masalah

tersebut. Pada Normalisasi selalu diuji pada beberapa kondisi apakah ada

kesulitan pada saat menambah, menghapus, mengubah, atau membaca pada

basisdata. Bila ada kesulitan pada pengujian tersebut dipecahkan pada beberapa

tabel lagi.

a. Bentuk Tidak Normal

Dalam bentuk tidak normal seperti tabel data dan tabel stock, data

dikumpulkan apa adanya, sehingga mempunyai mempunyai permasalahan seperti

adanya data tidak lengkap atau terduplikasi.

 60

id_orders nama_kustomer alamat status_order tgl_order nama_kota

28 Asep Sutisna GK Imy Dikirim Indramayu

08xxxx
asep@gm.com

nama_produk harga stok tgl_masuk

SAMSUNG 241000 7 25-02-2013

Galaxy Ace2
1 buah

Tabel 3.1 Bentuk Tidak Normal

b. Bentuk Normal Kesatu

Dalam bentuk normal kesatu lakukan pemilihan atribut mana saja yang

akan dijadikan kunci utama.

id_orders* nama_kustomer alamat telepon email status_order tgl_order

28 Asep Sutisna GK Imy 08xxxxx Dikirim

id_kota* id_produk* jumlah nama_kota ongkos_kirim id_kategori* nama_produk

12 38 1 Indramayu 10000 7 Galaxy Ace 2

nama_kategori harga stok tgl_masuk gambar dibeli deskripsi

SAMSUNG 241000 7 25-02-2013 sam_gal_a2.jpg 6 xxxxxxxxxxxxxx

Tabel 3.2 Bentuk Normal kesatu (1NF)

b. Bentuk Normal Kedua

Dalam bentuk normal dua sudah dipisah dalama bentuk tabel terpisah

namun masih ada ketergantungan terhadap atribut lain.

 61

1 2 3
id_kota* nama_kota ongkos_kirim

12 Indramayu 10000

Tabel 3.3 Tabel Kota Bentuk Normal Kedua (2NF)

1 2 3 4 5 6 7
id_orders* nama_kustomer alamat telepon email status_order tgl_order

28 Asep Sutisna GK Imy 08xxxxx Dikirim

8 9 10
id_kota** id_produk** jumlah

12 38 1

Tabel 3.4 Tabel Orders Bentuk Normal Kedua (2NF)

1 2 3 4 5 6 7
id_produk* nama_produk harga stok tgl_masuk id_orders** dibeli

38 Galaxy Ace 2 241000 7 25-02-2013 28 6

8 9 10
gambar id_kategori** deskripsi

sam_gal_a2.jpg 7 xxxxxxxxxxxxxx

Tabel 3.5 Tabel Produk Bentuk Normal Kedua (2NF)

1 2
id_kategori* nama_kategori

7 SAMSUNG

Tabel 3.6 Tabel Kategori Bentuk Normal Kedua (2NF)

 62

kota orders produk kategori

id_kota* id_orders* id_produk* id_kategori*
nama_kota nama_kustomer nama_produk nama_kategori
ongkos_kirim alamat deskripsi
telepon harga
email id_orders**
status_order stok
tgl_order tgl_masuk
id_produk** gambar
jumlah dibeli
id_kota** id_kategori**

Gambar 3.9 Transformasi Tabel Bentuk Normal Kedua (2NF)

c. Bentuk Normal Ketiga

Dalam bentuk Normal Ketiga semua tabel sudah dibentuk berdasarkan

kata kunci masing-masing. Biasanya bentuk ini sudah bisa dikatakan memenuhi

syarat, namun bisa dilakukan perbaikan lagi menjadi bentuk BCNF (Boyd Cod

Normal Form) jika masih ada kekurangan. Dan hanya jika semua penentu

(determinan) adalah kunci kandidat (atribut yang bersifat unik). BCNF merupakan

perbaikan dari 3NF. Relasi yang memenuhi BCNF pasti memenuhi 3NF.

1 2 3
id_kota* nama_kota ongkos_kirim

12 Indramayu 10000

Tabel 3.7 Tabel Kota Bentuk Normal Ketiga (3NF)

1 2 3 4 5 6 7 8
id_orders* nama_kustomer alamat telepon email status_order tgl_order id_kota**

28 Asep Sutisna GK Imy 08xxxxx Dikirim

Tabel 3.8 Tabel Orders Bentuk Normal Ketiga (3NF)

 63

1 2 3
id_orders* id_produk** jumlah

28 38 1

Tabel 3.9 Tabel Order Detail Bentuk Normal Ketiga (3NF)

1 2 3 4 5 6 7
id_produk* nama_produk harga stok tgl_masuk id_orders** dibeli

38 Galaxy Ace 2 241000 7 25-02-2013 28 6

8 9 10
gambar id_kategori** deskripsi

sam_gal_a2.jpg 7 xxxxxxxxxxxxxx

Tabel 3.10 Tabel Produk Bentuk Normal Ketiga (3NF)

1 2
id_kategori* nama_kategori

7 SAMSUNG

Tabel 3.11 Tabel Kategori Bentuk Normal Ketiga (3NF)

orders order_detail produk kategori

id_orders* id_orders** id_produk* id_kategori*
nama_kustomer id_produk** nama_produk nama_kategori
alamat jumlah deskripsi
telepon harga
email id_orders**
status_order stok
tgl_order kota tgl_masuk
id_kota** id_kota* gambar
nama_kota dibeli
ongkos_kirim id_kategori**
 64

Gambar 3.10 Transformasi Tabel Bentuk Normal Ketiga (3NF)

3.2.9 Struktur Pembentukan Tabel File Database

1. admins

Column Type Panjang Keterangan

username varchar 50 Nama Akun pengguna login
password varchar 50 Kata sandi
nama_lengkap varchar 100 Nama lengkap pengguna
email varchar 100 Alamat surat elektronika
no_telp varchar 20 Nomor telepon
level varchar 20 Level pengguna
blokir enum('Y', 'N') Aktif tidaknya pengguna

Tabel 3.12 Tabel Database admins

2. hubungi

Column Type Panjang Keterangan

id_hubungi int 5 Nomor identitas surat elektronika masuk
nama varchar 50 Nama lengkap pengguna
email varchar 100 Alamat surat elektronika
subjek varchar 100 Judul pesan
pesan text Isi pesan
tanggal date Waktu dibuatnya pesan tersebut

Tabel 3.13 Tabel Database hubungi

 65

3. kategori

Column Type Panjang Keterangan

id_kategori int 5 Nomor identitas kategori
nama_kategori varchar 100 Nama kategori produk
kategori_seo varchar 100 Search Engine Optimized (pencarian)

Tabel 3.14 Tabel Database kategori

4. kota

Column Type Panjang Keterangan

id_kota int 3 Nomor identitas kota
nama_kota varchar 100 Nama kota pengiriman
ongkos_kirim int 10 Ongkos kirim sesuai kota tujuan

Tabel 3.15 Tabel Database kota

5. orders

Column Type Panjang Keterangan

id_orders int 5 Nomor pesanan
nama_kustomer varchar 100 Nama pemesan
alamat text Alamat lengkap pemesan
telpon varchar 20 Nomor telepon pemesan
email varchar 50 Surat elektronik pemesan
status_order varchar 50 Status pemesann: Baru, Lunas, Dikirim
tgl_order date Tanggal ketika pesan barang
jam_order time Jam ketika pesan barang
id_kota int 3 Nomor identitas kota
Tabel 3.16 Tabel Database orders

6. orders_detail

Column Type Panjang Keterangan

 66

id_orders int 5 No identitas pesanan

id_produk int 5 No identitas barang
jumlah int 5 Jumlah barang yang dipesan

Tabel 3.17 Tabel Database orders_detail

7. orders_temp

Column Type Panjang Keterangan

id_orders_temp int 5 No identitas melakukan proses order
id_produk int 5 No identitas barang
id_session varchar 100 Sesi waktu melakukan pemesasan
jumlah int 5 Jumlah barang yang dipesan
tgl_order_temp date Tanggal waktu melakukan proses order
jam_order_temp time Jam waktu melakukan proses order

Tabel 3.18 Tabel Database orders_temp

8. produk

Column Type Panjang Keterangan

id_produk int 5 No identitas barang
id_kategori int 5 Nomor identitas kategori
nama_produk varchar 100 Nama barang
produk_seo varchar 100 Search Engine Optimized (pencarian)
deskripsi text Spesifikasi barang/produk
harga int 20 Harga satuan barang
stok int 5 Jumlah pesediaan barang
tgl_masuk date Tanggal masuk barang
gambar varchar 100 Gambar produk/barang
dibeli int 5 Jumlah barang yang dibeli

Tabel 3.19 Tabel Database produk

3.3.0 Desain Input dan Output

 67

1. Halaman Utama

Home Profil Cara Pembelian Produk Keranjang Belanja Hubungi Kami

Header

KATEGORI

Banner Informasi Website

Produk1

Produk2

Produk3 Produk Terbaru

Produk4 xxxxxxxxxxxxx xxxxxxxxxxxxx
Gambar xxxxxxxxxxxxx Gambar xxxxxxxxxxxxx
Produk5 Produk xxxxxxxxxxxxx Produk xxxxxxxxxxxxx
Produk6 Rp. 9999999 Beli Rp. 9999999 Beli

PRODUK TERLARIS xxxxxxxxxxxxx xxxxxxxxxxxxx

Gambar xxxxxxxxxxxxx Gambar xxxxxxxxxxxxx
Banner1 Produk xxxxxxxxxxxxx Produk xxxxxxxxxxxxx
Banner2 Rp. 9999999 Beli Rp. 9999999 Beli

Banner3

Voting Banner Iklan

Footer

Gambar 3.11 Rancangan layout Halaman Utama Pengunjung

Pada saat pengunjung pertama kali masuk ke halaman utama web, maka

pengunjung akan melihat tampilan utama web tersebut yang berisikan menu-menu

utama.

2. Keranjang Belanja
 68

Home Profil Cara Pembelian Produk Keranjang Belanja Hubungi Kami

Header

KATEGORI

Banner Informasi Website

Produk1

Produk2

Produk3 >>Keranjang Belanja

Produk4 No. Produk Nama Produk Jumlah Harga Sub Total Hapus
Produk5 99 xxxxxx xxxxxxxxxxx 99 99999 9999999 xxxxx
99 xxxxxx xxxxxxxxxxx 99 99999 9999999 xxxxx
Produk6 Total: 99999999999
Lanjutkan Belanja Update Keranjang Selesai Belanja
PRODUK TERLARIS

Banner1

Banner2

Banner3

Voting Banner Iklan

Footer

Gambar 3.12 Rancangan layout Keranjang Belanja

Pada halaman Keranjang Belanja menampilkan informasi produk, nama

produk, jumlah, harga, sub total, total dan untuk menghapus produk yang kan

dibeli yang akan dibeli. Di sini pembeli bisa melanjutkan belanja untuk

menambahkan produk ataupun merubah belanjaan. Kemudian apabila sudah

selesai belajanja tinggal mengklik tombol "Selesai Belanja" yang kemudian akan

dibawa ke halaman Data Pembeli.

 69

3. Halaman Data Pembeli

Home Profil Cara Pembelian Produk Keranjang Belanja Hubungi Kami

Header

KATEGORI

Banner Informasi Website

Produk1

Produk2

Produk3 >>Data Pembeli

Produk4 Nama xxxxxxxxxxxxxxxx

Alamat Lengkap xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Produk5
Telepon/HP 9999999999
Produk6 Email xxxxxxxxxxxxxx
PRODUK TERLARIS KotaTujuan xxxxxxxxxxxxxxxxxxxxxx

Banner1 Proses

Banner2

Banner3

Voting Banner Iklan

Footer

Gambar 3.13 Rancangan layout Data Pembeli

Pada halaman Data Pembeli, diminta untuk memasukkan identitas

pembeli secara lengkap. Ini sangat diperlukan oleh pihak Megan Celluler untuk

melakukan pengiriman barang dan pembuatan faktur pembelian. Halaman ini

berisikan nama, alamat lengkap pembeli, nomor telepon atau handpone pembeli

yang bisa dihubungi, email dan kota tujuan pengiriman barang. Setelah mengisi

lengkap data yang dibutuhkan dan mengklik tombol "Proses" maka pembeli akan

dibawa ke halaman proses transaksi selesai. Dan Pembeli harus melakukan

konfirmasi pembayaran.
 70

4. Halaman Hubungi Kami

Home Profil Cara Pembelian Produk Keranjang Belanja Hubungi Kami

Header

KATEGORI

Banner Informasi Website

Produk1

Produk2

Produk3 >> Hubungi Kami

Hubungi kami secara online dengan mengisi form di bawah ini:
Produk4 Nama : xxxxxxxxxxxxxxxxxxxxxxxx
Produk5 Email : xxxxxxxxxxxxxxxxxxxxxxxx
Subject : xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Produk6
Pesan xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
PRODUK TERLARIS
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Banner1 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Banner2
Kirim
Banner3

Voting Banner Iklan

Footer

Gambar 3.14 Rancangan layout Halaman Hubungi Kami

Pada halaman Hubungi Kami, disediakan untuk pengunjung agar bisa

berinteraksi dengan pihak toko. Bisa berupa keluhan, pemberitahuan pembayaran,

kritik ataupun saran. Atau dengan kata lain halaman ini berupa kotak saran

melalui surat elektronik yang disampaikan kepada pihak toko.

 71

5. Halaman Detail Produk

Home Profil Cara Pembelian Produk Keranjang Belanja Hubungi Kami

Header

KATEGORI

Banner Informasi Website

Produk1

Produk2

Produk3 >>Detail Produk

xxxxxxxxxxxx
Produk4 xxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxx
Gambar xxxxxxxxxxxxxxxxxxxxxx
Produk5
Produk xxxxxxxxxxxxxxxxxxxxxx
Produk6 xxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxx
PRODUK TERLARIS xxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxx
Banner1 xxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxx
Banner2 Rp. 999999999
Beli
Banner3

Voting Banner Iklan

Footer

Gambar 3.15 Rancangan layout Halaman Detail Produk

Pada halaman Detail Produk, merupakan informasi lengkap tentang detail

produk yang disediakan oleh Toko Handphone Megan Celuller yang berisikan

spesifikasi produk, harga jumlah stok barang yang disediakan. Dengan adanya

halaman Detail Produk ini, pengunjung memperoleh informasi yang dibutuhkan,

karena dideksripsikan secara lengkap.

 72

6. Halaman Profil

Home Profil Cara Pembelian Produk Keranjang Belanja Hubungi Kami

Header

KATEGORI

Informasi Website
Produk1

Produk2

Produk3 >>Profil

Produk4 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Gambar xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Produk5
Gedung xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Produk6 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
PRODUK TERLARIS xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Banner1 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Banner2 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Banner3

Voting Banner Iklan

Footer

Gambar 3.16 Rancangan layout Halaman Profil

Pada halaman Profil, mengulas sedikit tentang Toko Handphone Megan

Celuller. Memberikan informasi alamat dan gambaran lainnya yang

memepermudah bagi kustomer untuk bisa berkunjung secara offline. Dan

menunjukan bahwa Toko Handphone Megan Celuller itu ada sebenarnya, bukan

hanya fiktif belaka.

 73

7. Halaman Cara Pembelian

Home Profil Cara Pembelian Produk Keranjang Belanja Hubungi Kami

Header

KATEGORI

Banner Informasi Website

Produk1

Produk2

Produk3 >>Cara Pembelian

Produk4 9 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Produk5 9 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Produk6 9 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
PRODUK TERLARIS 9 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Banner1 9 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Banner2

Banner3

Voting Banner Iklan

Footer

Gambar 3.17 Rancangan layout Halaman Cara Pembelian

Pada halaman Cara Pembelian, memberikan panduan prosedur dan tata

cara bagi pengunjung yang akan melakukan pembelian di halaman website Megan

Celuller.
 74

8. Halaman Login Administrator

Header

Login Administrator

Username : xxxxxxxxxxxxxx
Password : xxxxxxxxxxxxxx

Login

Footer

Gambar 3.18 Rancangan layout Halaman Login Administrator

Pada halaman Login Administrator, digunakan oleh orang untuk masuk ke

halaman Administrator. Pada halaman ini user harus memasukkan username dan

password secara benar yang telah diberikan oleh webmaster atau developer untuk

keperluan mengelola sistem.

 75

9. Halaman Administrator

Header

>>Home Selamat datang di Halaman Administrator

>>Ganti Password xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
>>Manajemen Modul xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
>>Kategori
>>Produk
>>Order
>>Ongkos Kirim Pemberitahuan
>>Profil
Pemesanan / Order Baru : 0 lihat
>>Cara Pembelian Pesan / Webmail Baru : 0 lihat
>>Hubungi Kami Transaksi / Pembayaran baru : 0 lihat

>>Banner
>>Laporan Penjualan
>>Transaksi
>>Penjualan
>>Logout

xxxxxxxxxxxxxxxxxxxxxx

Footer

Gambar 3.19 Rancangan layout Halaman Utama Administrator

Pada halaman Utama Administrator, digunakan oleh orang yang

mempunyai kewenangan penuh untuk mengelola sistem yaitu: memasukkan

 76

kategori produk baru, input produk baru beserta spesifikasi, mengganti password,

melihat pesan masuk, memproses pesanan, merubah status pesanan, mengecek

konfirmasi pembayaran, mencetak nota penjualan, membuat laporan keuangan

dan laporan penjualan.

10. Halaman Ganti Password

Header

>>Home >>Ganti Password

>>Ganti Password
Masukkan Password Lama : xxxxxxx
>>Manajemen Modul
Masukkan Password Baru : xxxxxxx
>>Kategori
Masukkan Lagi Password Baru : xxxxxxx
>>Produk
>>Order Proses Batal
>>Ongkos Kirim
>>Profil
>>Cara Pembelian
>>Hubungi Kami
>>Banner
>>Laporan Penjualan
>>Transaksi
>>Penjualan
>>Logout

Footer

Gambar 3.20 Rancangan layout Halaman Ganti Password

Pada halaman Ganti Password, digunakan oleh seorang Administrator

 77

yang memungkinkan untuk mengubah password atau kata sandi untuk masuk ke

halaman Administrator. Hal ini adalah untuk mengantisipasi apabila password

atau kata sandi telah diketahui oleh orang yang tidak berhak yang bisa merusak

sistem yang ada.

11. Halaman Manajemen Modul

Header

>>Home Modul
>>Ganti Password Tambah Modul
>>Manajemen Modul No. Nama Modul Link Aktif Aksi
>>Kategori 99 xxxxxxxxxxx xxxxxxxxxxx x xxx/xxx
99 xxxxxxxxxxx xxxxxxxxxxx x xxx/xxx
>>Produk 99 xxxxxxxxxxx xxxxxxxxxxx x xxx/xxx
99 xxxxxxxxxxx xxxxxxxxxxx x xxx/xxx
>>Order 99 xxxxxxxxxxx xxxxxxxxxxx x xxx/xxx
>>Ongkos Kirim 99 xxxxxxxxxxx xxxxxxxxxxx x xxx/xxx
99 xxxxxxxxxxx xxxxxxxxxxx x xxx/xxx
>>Profil 99 xxxxxxxxxxx xxxxxxxxxxx x xxx/xxx
>>Cara Pembelian 99 xxxxxxxxxxx xxxxxxxxxxx x xxx/xxx
99 xxxxxxxxxxx xxxxxxxxxxx x xxx/xxx
>>Hubungi Kami 99 xxxxxxxxxxx xxxxxxxxxxx x xxx/xxx
99 xxxxxxxxxxx xxxxxxxxxxx x xxx/xxx
>>Banner
99 xxxxxxxxxxx xxxxxxxxxxx x xxx/xxx
>>Laporan Penjualan 99 xxxxxxxxxxx xxxxxxxxxxx x xxx/xxx
99 xxxxxxxxxxx xxxxxxxxxxx x xxx/xxx
>>Transaksi 99 xxxxxxxxxxx xxxxxxxxxxx x xxx/xxx
>>Penjualan 99 xxxxxxxxxxx xxxxxxxxxxx x xxx/xxx
99 xxxxxxxxxxx xxxxxxxxxxx x xxx/xxx
>>Logout 99 xxxxxxxxxxx xxxxxxxxxxx x xxx/xxx

Footer

Gambar 3.21 Rancangan layout Halaman Manajemen Modul

 78

Pada halaman Manajemen Modul sebenarnya hanya bisa digunakan oleh

seorang webmaster atau developer untuk menambah modul dan menu yang ada

pada sistem, karena halaman ini sifatnya teknis yang membutuhkan keahlian

pemrograman website untuk menambah modul tersebut.

12. Halaman Tambah Kategori

Header

>>Home Kategori Produk

>>Ganti Password
No. Nama Kategori Aksi
>>Manajemen Modul 99 xxxxxxxxxxx xxx/xxx
99 xxxxxxxxxxx xxx/xxx
>>Kategori 99 xxxxxxxxxxx xxx/xxx
>>Produk 99 xxxxxxxxxxx xxx/xxx
99 xxxxxxxxxxx xxx/xxx
>>Order 99 xxxxxxxxxxx xxx/xxx
>>Ongkos Kirim 99 xxxxxxxxxxx xxx/xxx
99 xxxxxxxxxxx xxx/xxx
>>Profil 99 xxxxxxxxxxx xxx/xxx
99 xxxxxxxxxxx xxx/xxx
>>Cara Pembelian 99 xxxxxxxxxxx xxx/xxx
>>Hubungi Kami 99 xxxxxxxxxxx xxx/xxx
99 xxxxxxxxxxx xxx/xxx
>>Banner 99 xxxxxxxxxxx xxx/xxx
>>Laporan Penjualan 99 xxxxxxxxxxx xxx/xxx
99 xxxxxxxxxxx xxx/xxx
>>Transaksi 99 xxxxxxxxxxx xxx/xxx
99 xxxxxxxxxxx xxx/xxx
>>Penjualan 99 xxxxxxxxxxx xxx/xxx
>>Logout
Tambah Kategori:
Nama Kategori: xxxxxxxxxxxxxx Simpan Batal

Footer
 79

Gambar 3.22 Rancangan layout Halaman Tambah Kategori

Pada halaman Tambah Kategori, digunakan oleh seorang Administrator

untuk menambah kategori baru ataupun menghapus dan mengedit kategori

produk.

13. Halaman Tambah Produk

 80

Header

>>Home Produk
>>Ganti Password Tambah Produk
>>Manajemen Modul No. Nama Produk Harga Stock Tgl.Masuk Aksi
>>Kategori 99 xxxxxxxxxxx xxxxxxxxxxx 99 xxxxxxxx xxx/xxx
99 xxxxxxxxxxx xxxxxxxxxxx 99 xxxxxxxx xxx/xxx
>>Produk 99 xxxxxxxxxxx xxxxxxxxxxx 99 xxxxxxxx xxx/xxx
99 xxxxxxxxxxx xxxxxxxxxxx 99 xxxxxxxx xxx/xxx
>>Order 99 xxxxxxxxxxx xxxxxxxxxxx 99 xxxxxxxx xxx/xxx
>>Ongkos Kirim 99 xxxxxxxxxxx xxxxxxxxxxx 99 xxxxxxxx xxx/xxx
99 xxxxxxxxxxx xxxxxxxxxxx 99 xxxxxxxx xxx/xxx
>>Profil 99 xxxxxxxxxxx xxxxxxxxxxx 99 xxxxxxxx xxx/xxx
>>Cara Pembelian 99 xxxxxxxxxxx xxxxxxxxxxx 99 xxxxxxxx xxx/xxx
99 xxxxxxxxxxx xxxxxxxxxxx 99 xxxxxxxx xxx/xxx
>>Hubungi Kami 99 xxxxxxxxxxx xxxxxxxxxxx 99 xxxxxxxx xxx/xxx
99 xxxxxxxxxxx xxxxxxxxxxx 99 xxxxxxxx xxx/xxx
>>Banner
99 xxxxxxxxxxx xxxxxxxxxxx 99 xxxxxxxx xxx/xxx
>>Laporan Penjualan 99 xxxxxxxxxxx xxxxxxxxxxx 99 xxxxxxxx xxx/xxx
99 xxxxxxxxxxx xxxxxxxxxxx 99 xxxxxxxx xxx/xxx
>>Transaksi 99 xxxxxxxxxxx xxxxxxxxxxx 99 xxxxxxxx xxx/xxx
>>Penjualan 99 xxxxxxxxxxx xxxxxxxxxxx 99 xxxxxxxx xxx/xxx
99 xxxxxxxxxxx xxxxxxxxxxx 99 xxxxxxxx xxx/xxx
>>Logout 99 xxxxxxxxxxx xxxxxxxxxxx 99 xxxxxxxx xxx/xxx
Hal 1 | 2 | 3 | 4 | 5

Footer

Gambar 3.23 Rancangan layout Halaman Tambah Produk

Pada halaman Tambah Produk, digunakan oleh seorang Administrator

untuk menambah produk barang baru ataupun menghapus, mengedit, dan

meng-update produk.
 81

14. Halaman Order

Header

>>Home Order
>>Ganti Password No. Order Nama Konsumen Tgl. Order Jam Status Aksi
>>Manajemen Modul 99 xxxxxxxxxxx xxxxxxxxxxx xxxx xxxxx xxx/xxx
99 xxxxxxxxxxx xxxxxxxxxxx xxxx xxxxx xxx/xxx
>>Kategori 99 xxxxxxxxxxx xxxxxxxxxxx xxxx xxxxx xxx/xxx
99 xxxxxxxxxxx xxxxxxxxxxx xxxx xxxxx xxx/xxx
>>Produk 99 xxxxxxxxxxx xxxxxxxxxxx xxxx xxxxx xxx/xxx
>>Order 99 xxxxxxxxxxx xxxxxxxxxxx xxxx xxxxx xxx/xxx
99 xxxxxxxxxxx xxxxxxxxxxx xxxx xxxxx xxx/xxx
>>Ongkos Kirim 99 xxxxxxxxxxx xxxxxxxxxxx xxxx xxxxx xxx/xxx
>>Profil 99 xxxxxxxxxxx xxxxxxxxxxx xxxx xxxxx xxx/xxx
99 xxxxxxxxxxx xxxxxxxxxxx xxxx xxxxx xxx/xxx
>>Cara Pembelian 99 xxxxxxxxxxx xxxxxxxxxxx xxxx xxxxx xxx/xxx
99 xxxxxxxxxxx xxxxxxxxxxx xxxx xxxxx xxx/xxx
>>Hubungi Kami
99 xxxxxxxxxxx xxxxxxxxxxx xxxx xxxxx xxx/xxx
>>Banner 99 xxxxxxxxxxx xxxxxxxxxxx xxxx xxxxx xxx/xxx
99 xxxxxxxxxxx xxxxxxxxxxx xxxx xxxxx xxx/xxx
>>Laporan Penjualan 99 xxxxxxxxxxx xxxxxxxxxxx xxxx xxxxx xxx/xxx
>>Transaksi 99 xxxxxxxxxxx xxxxxxxxxxx xxxx xxxxx xxx/xxx
99 xxxxxxxxxxx xxxxxxxxxxx xxxx xxxxx xxx/xxx
>>Penjualan 99 xxxxxxxxxxx xxxxxxxxxxx xxxx xxxxx xxx/xxx
>>Logout Hal 1 | 2 | 3 | 4 | 5

Footer

Gambar 3.24 Rancangan layout Halaman Order

Pada halaman Order, digunakan oleh seorang Administrator untuk

menambah melihat pesasnan barang yang masuk dan kemudian memrosesnya

setelah kustomer melakukan pembayaran.

 82

15. Halaman Ongkos Kirim

Header

>>Home Ongkos Kirim

>>Ganti Password No. Nama Kota Ongkos Kirim Aksi
>>Manajemen Modul 99 xxxxxxxxxxx xxxxxxxxxxx xxx/xxx
99 xxxxxxxxxxx xxxxxxxxxxx xxx/xxx
>>Kategori 99 xxxxxxxxxxx xxxxxxxxxxx xxx/xxx
99 xxxxxxxxxxx xxxxxxxxxxx xxx/xxx
>>Produk 99 xxxxxxxxxxx xxxxxxxxxxx xxx/xxx
>>Order 99 xxxxxxxxxxx xxxxxxxxxxx xxx/xxx
99 xxxxxxxxxxx xxxxxxxxxxx xxx/xxx
>>Ongkos Kirim 99 xxxxxxxxxxx xxxxxxxxxxx xxx/xxx
>>Profil 99 xxxxxxxxxxx xxxxxxxxxxx xxx/xxx
99 xxxxxxxxxxx xxxxxxxxxxx xxx/xxx
>>Cara Pembelian 99 xxxxxxxxxxx xxxxxxxxxxx xxx/xxx
99 xxxxxxxxxxx xxxxxxxxxxx xxx/xxx
>>Hubungi Kami
99 xxxxxxxxxxx xxxxxxxxxxx xxx/xxx
>>Banner 99 xxxxxxxxxxx xxxxxxxxxxx xxx/xxx
99 xxxxxxxxxxx xxxxxxxxxxx xxx/xxx
>>Laporan Penjualan 99 xxxxxxxxxxx xxxxxxxxxxx xxx/xxx
>>Transaksi 99 xxxxxxxxxxx xxxxxxxxxxx xxx/xxx
99 xxxxxxxxxxx xxxxxxxxxxx xxx/xxx
>>Penjualan 99 xxxxxxxxxxx xxxxxxxxxxx xxx/xxx
>>Logout

Footer

Gambar 3.25 Rancangan layout Halaman Ongkos Kirim

Pada halaman Ongkos Kirim, digunakan oleh seorang Administrator untuk

menambah besaran ongkos kirim berdasarkan kota tujuan, menghapus dan

mengedit dan meng-update besaran ongkos dan kota tujuan.

 83

16. Halaman Hubungi Kami Administrator

Header

>>Home Hubungi Kami

>>Ganti Password No. Nama Email Subjek Tanggal Aksi
>>Manajemen Modul 99 xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx xxxxx xxx/xxx
99 xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx xxxxx xxx/xxx
>>Kategori 99 xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx xxxxx xxx/xxx
99 xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx xxxxx xxx/xxx
>>Produk 99 xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx xxxxx xxx/xxx
>>Order 99 xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx xxxxx xxx/xxx
99 xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx xxxxx xxx/xxx
>>Ongkos Kirim 99 xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx xxxxx xxx/xxx
>>Profil 99 xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx xxxxx xxx/xxx
99 xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx xxxxx xxx/xxx
>>Cara Pembelian 99 xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx xxxxx xxx/xxx
99 xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx xxxxx xxx/xxx
>>Hubungi Kami
99 xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx xxxxx xxx/xxx
>>Banner 99 xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx xxxxx xxx/xxx
99 xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx xxxxx xxx/xxx
>>Laporan Penjualan 99 xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx xxxxx xxx/xxx
>>Transaksi 99 xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx xxxxx xxx/xxx
99 xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx xxxxx xxx/xxx
>>Penjualan 99 xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx xxxxx xxx/xxx
>>Logout Hal 1 | 2 | 3 | 4 | 5

Footer

Gambar 3.26 Rancangan layout Halaman Hubungi Kami Administrator

Pada halaman Hubungi Kami, digunakan oleh seorang Administrator

untuk melihat pesan yang masuk dari kustomer berupa surat elektronik yang bisa

berupa keluhan, saran, kritikan ataupun pemberitahuan pembayaran kepada

pengelola Megan Celuller.

 84

17. Halaman Laporan Toko

Header

>>Home Laporan Toko

>>Ganti Password
A. Laporan Penjualan
>>Manajemen Modul
>>Kategori Laporan Harian Pilih Tanggal : xx xx xxxx Cetak
>>Produk Laporan Bulanan Pilih Bulan : xx xxxx Cetak
>>Order
>>Ongkos Kirim A. Laporan Keuangan
>>Profil Laporan Harian Pilih Tanggal : xx xx xxxx Cetak
>>Cara Pembelian Laporan Bulanan Pilih Bulan : xx xxxx Cetak
>>Hubungi Kami
>>Banner
>>Laporan Penjualan
>>Transaksi
>>Penjualan
>>Logout

Footer

Gambar 3.27 Rancangan layout Halaman Laporan Toko

Pada halaman Laporan Toko, digunakan oleh seorang Administrator untuk

melihat laporan penjualan dan laporan keuangan bisa berupa harian ataupun

bulan. Yang selanjutnya bisa dicetak dan diberikan kepada Pemilik Toko.
 85

18. Laporan Penjualan

Laporan Penjualan
Megan Celluler

No. No. Transaksi Pembayaran Nama Produk Total Tanggal

99 99 xxxxxxxxx 999999999 xxxxxxxxx
99 99 xxxxxxxxx 999999999 xxxxxxxxx
99 99 xxxxxxxxx 999999999 xxxxxxxxx
99 99 xxxxxxxxx 999999999 xxxxxxxxx
99 99 xxxxxxxxx 999999999 xxxxxxxxx
99 99 xxxxxxxxx 999999999 xxxxxxxxx
99 99 xxxxxxxxx 999999999 xxxxxxxxx

Total Unit yang terjual: 99 / Total Penjualan: Rp. 999999999999

Gambar 3.28 Rancangan layout Laporan Penjualan

Laporan Penjualan, berupa cetakan laporan penjualan yang kemudian akan

diserahkan kepada Pemilik Toko.

 86

19. Laporan Keuangan

Laporan Keuangan
Megan Celluler

No. No. Order No. Rekening Atas Nama Bank Jumlah Tanggal
99 99 99999999999 xxxxxxxxx xxxxxxxxx 99999999999 xxxxxxxxx
99 99 99999999999 xxxxxxxxx xxxxxxxxx 99999999999 xxxxxxxxx
99 99 99999999999 xxxxxxxxx xxxxxxxxx 99999999999 xxxxxxxxx
99 99 99999999999 xxxxxxxxx xxxxxxxxx 99999999999 xxxxxxxxx
99 99 99999999999 xxxxxxxxx xxxxxxxxx 99999999999 xxxxxxxxx
99 99 99999999999 xxxxxxxxx xxxxxxxxx 99999999999 xxxxxxxxx
99 99 99999999999 xxxxxxxxx xxxxxxxxx 99999999999 xxxxxxxxx

Total Transaksi yang masuk : Rp. 999999999

Gambar 3.29 Rancangan layout Laporan Keuangan

Laporan Keuangan, berupa cetakan laporan keuangan yang kemudian akan

diserahkan kepada Pemilik Toko.

 87

20. Nota Faktur

Megan Celluler
xxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxx

NOTA FAKTUR
No. Pemesanan : 99
Tgl. & Jam Order : xxxxxxxxxxxxxxxxxxxxxxxxx
Data Pelanggan
Nama Pembeli : xx
Alamat Pengiriman : xxxxxxxxxxxxxxxxxxxxxxxxx
No. Telepon : xxxxxxxxxxxx
Email : xxxxxxxxxxxxxxxxxx

Nama Produk Jumlah Harga Satuan Sub Total

xxxxxxxxxxxx 99 Rp. 999999999 Rp. 999999999999999
xxxxxxxxxxxx 99 Rp. 999999999 Rp. 999999999999999

Total : Rp. 999999999999999

Ongkos Kirim : Rp. 999999999999999
Grand Total : Rp. 999999999999999
TERIMA KASIH

Gambar 3.30 Rancangan layout Nota Faktur

Nota Faktur, berupa cetakan bukti pembelian yang telah dilakukan oleh

kustomer yang dicetak dan kemudian diserahkan kepada kustomer dan salinannya

diserahkan kepada Pemilik Toko sebagai arsip.

 88

21. Halaman Transaksi

Header

>>Home Transaksi
>>Ganti Password No. No. Atas
No. No. Rek Jumlah Bank Aksi
>>Manajemen Modul Pemesanan Transfer Nama
99 99 99999999 99999999 xxxxx 99999999 xxxxx xxx/xxx
>>Kategori 99 99 99999999 99999999 xxxxx 99999999 xxxxx xxx/xxx
>>Produk 99 99 99999999 99999999 xxxxx 99999999 xxxxx xxx/xxx
99 99 99999999 99999999 xxxxx 99999999 xxxxx xxx/xxx
>>Order 99 99 99999999 99999999 xxxxx 99999999 xxxxx xxx/xxx
>>Ongkos Kirim 99 99 99999999 99999999 xxxxx 99999999 xxxxx xxx/xxx
99 99 99999999 99999999 xxxxx 99999999 xxxxx xxx/xxx
>>Profil
>>Cara Pembelian Hal 1 | 2 | 3 | 4 | 5
>>Hubungi Kami
>>Banner
>>Laporan Penjualan
>>Transaksi
>>Penjualan
>>Logout

Footer

Gambar 3.31 Rancangan layout Halaman Transaksi

Halaman Transaksi merupakan halaman yang berisi informasi konfirmasi

pembayaran yang telah diisi oleh kustomer. Dari nomor transaksi ini maka pihak
 89

Administrator yang kemudian sebagai rujukan apakan pesanan bisa diproses atau

tidak setelah mengecek kebenaran jumlah uang yang ditransfer ke rekening

tujuan.

22. Halaman Penjualan

Header

>>Home Penjualan
>>Ganti Password
No. Produk Terjual Harga/Unit Sub Total
>>Manajemen Modul
99 xxxxxxxx 99 999999999 999999999
>>Kategori 99 xxxxxxxx 99 999999999 999999999
>>Produk 99 xxxxxxxx 99 999999999 999999999
99 xxxxxxxx 99 999999999 999999999
>>Order 99 xxxxxxxx 99 999999999 999999999
>>Ongkos Kirim 99 xxxxxxxx 99 999999999 999999999
99 xxxxxxxx 99 999999999 999999999
>>Profil
>>Cara Pembelian Hal 1 | 2 | 3 | 4 | 5
>>Hubungi Kami
>>Banner
>>Laporan Penjualan
>>Transaksi
>>Penjualan
>>Logout

Footer

Gambar 3.32 Rancangan layout Halaman Penjualan

Halaman Penjualan menyajikan informasi produk apa saja yang berhasil

 90

dijual oleh Toko Handphone Megan Celuller.

23. Halaman Konfirmasi Pembayaran

Header

>>Home Transaksi >> Konfirmasi Pembayaran/Transaksi

>>Ganti Password
1. No. Rekening : xxxxxxxxxxxxxxxxxxx
>>Manajemen Modul
2. No. Transfer : xxxxxxxxxxxxxxxxxxx
>>Kategori
>>Produk 3. Atas Nama : xxxxxxxxxxxxxxxxxxx

>>Order 4. Bank / Cabang : xxxxxxxxxxxxxxxxxxx

>>Ongkos Kirim 5. Jumlah Transfer : Rp. 99999999999999

>>Profil
Simpan Batal
>>Cara Pembelian
>>Hubungi Kami
>>Banner
>>Laporan Penjualan
>>Transaksi
>>Penjualan
>>Logout

Footer

Gambar 3.33 Rancangan layout Halaman Konfirmasi Pembayaran

 91

Halaman Konfirmasi Pembayaran digunakan oleh Administrator untuk

mengisi data konfirmasi pembayaran berupa besarnya uang dan nomor pesanan

apabila pemesan tidak langsung mengisi form konfirmasi pembayaran. Ini bisa

saja terjadi dilakukan karena pemesan baru kemudian melakukan konfirmasi

setelah melakukan transfer melalui ATM.

3.2.10 Spesifikasi Halaman Web

A. Halaman index

Nama halaman : Home/Beranda

Fungsi : Sebagai halaman utama/pembuka

Frekuensi : Setiap pengunjung yang mengakses

Media : Layar Monitor

Jumlah : 1 tampilan

Bentuk : Lampiran A.1

B. Halaman Profil

Nama halaman : Profil

Fungsi : Sebagai halaman yang menunjukan identitas perusahaan

Frekuensi : Setiap pengunjung yang mengakses

Media : Layar Monitor

Jumlah : 1 tampilan

Bentuk : Lampiran A.2

 92

C. Halaman Cara Pembelian

Nama halaman : Cara Pembelian

Fungsi : Sebagai halaman petunjuk cara belanja di web

megancell.org

Frekuensi : Setiap pengunjung yang mengakses

Media : Layar Monitor

Jumlah : 1 tampilan

Bentuk : Lampiran A.3

E. Halaman Produk

Nama halaman : Produk

Fungsi : Menampilkan detail/spesifikasi barang yang akan di beli

Frekuensi : Setiap pengunjung yang mengakses

Media : Layar Monitor

Jumlah : 1 tampilan

Bentuk : Lampiran A.4

F. Halaman Laporan

Nama halaman : Laporan

Fungsi : Menampilkan data laporan penjualan

Frekuensi : Setiap pengunjung yang telah berbelanja

Media : Layar Monitor

Jumlah : 1 tampilan

Bentuk : Lampiran A.5

G. Halaman admin/index
 93

Nama halaman : Beranda/Home administrator

Fungsi : Menampilkan menu administrator

Frekuensi : Setiap administrator yang berhasil masuk/login

Media : Layar Monitor

Jumlah : 1 tampilan

Bentuk : Lampiran A.6

I. Halaman admin/kategori

Nama halaman : Kategori Produk

Fungsi : Sebagai halaman untuk menambah/edit dan hapus

kategori

Frekuensi : Setiap administrator yang berhasil masuk/login

Media : Layar Monitor

Jumlah : 1 tampilan

Bentuk : Lampiran A.7

3.2.11 Stuktur Navigasi

1. Stuktur Navigasi Pengunjung

Home

Profil Cara Pembelian Produk Keranjang Belanja Hubungi Kami

Gambar 3.34 Struktur Navigasi pengunjung

 94

Pengunjung bisa melihat-lihat web tanpa harus daftar atau login dulu

sebagai anggota, karena biasanya pengunjung merasa sulit apabila harus daftar

dahulu menjadai anggota. Sehingga kami memberi kebebasan kepada semua

pengunjung untuk melihat-lihat dan menjelajahi produk yang kami tawarkan.

2. Stuktur Navigasi Pengunjung / Pembeli

Beranda

Profil Cara Pembelian Hubungi Kami

Katalog Barang

Keranjang Belanja

Lihat/cetak Faktur Isi Data Pembeli

Pembelian

Gambar 3.35 Struktur Navigasi Pengunjung/Pembeli

Gambar di atas menjelaskan pnavigasi pengujung dalam melakukan

transaksi belanja di megancell.org.

 95

Adapun cara-cara berbelanjanya sebagai berikut:

a. Pilih produk yang ingin Anda beli dengan menekan tombol di halaman

produk, klik tombol beli di halaman detail produk. Maka produk yang

Anda pilih akan masuk ke dalam tabel Keranjang Belanja.

b. Setelah anda tekan tombol-tombol tersebut, maka barang yang anda

pilih akan masuk ke dalam Keranjang Belanja Anda. Silakan lanjutkan

proses berbelanja dan kemudian akan dibawa ke halaman selanjutnya.

Pembeli hanya tinggal mengikuti dan mengisi form-form yang

disediakan.

3. Struktur Navigasi Administrator

 96

Login

Home Ganti Password Manajemen Modul Cara Pembelian

Edit/tambah/hapus Edit/tambah/hapus
Kategori Produk

Edit/tambah/hapus
Edit/tambah/hapus pesan
Ongkos Kirim

Lihat / Ubah STATUS

Lihat / hapus Transaksi
Order

Lihat Laporan Penjualan Lihat Penjualan

Logout

Gambar 3.36 Struktur Navigasi Administrator

Sebagai Administrator di sini mempunyai wewenang penuh untuk,

menambah dan mengubah data katalog barang, mengelola modul, menambah dan

mengubah data kategori barang, menambah dan mengubah data kota dan ongkos

kirim, menambah dan menghapus berita, melihat data transaksi, mengubah status

order dari pemesan dan mencetak faktur pembelian ketika pembayaran pesanan

barang sudah lunas dan akan dikirim.

 97

3.2.12 Sarana Pendukung Program

Dalam pembuatan program ini, penulis menggunakan banyak pendukung

program perangkat lunak (software) dan perangkat keras (hardware) sehingga

menghasilkan program yang diinginkan yang terbagi menjadi dua sisi, yaitu sisi

server dan sisi client.

A. Perangkat keras (Hardware)

Perangkat keras merupakan sarana fisik yang digunakan untuk dapat

menghasilkan data, program, dan keluaran. Dan agar program dapat berjalan

sesuai dengan karakteristik tersebut maka perangkat keras yang dibutuhkan

dengan syarat minimal:

1. Perangkat keras untuk server. Spesifikasi kebutuhan minimum

Prosessor : Pentium IV 3.0 GHz

RAM : 2 GHz

Hardisk : 120 GB

2. Perangkat keras untuk client. Spesifikasi kebutuhan minimum

Prosessor : Pentium IV 2,8 GHz

RAM : 1 GHz

Hardisk : 40 GB

Monitor : SVGA Colour 14”

Keyboard : Standar 101/102 key PS/2

Mouse : Standar PS/2

Printer : Deskjet

B. Perangkat Lunak (software)

Perangkat lunak yang disarankan untuk menjalankan program ini adalah:

 98

1. Perangkat lunak untuk server

Sistem Operasi : Linux/Unix, Windows XX

Program webserver : XAMPP 1.7.7, Apache 2.2.1

Program PHP : PHP – 5.3.8

Program Database : MySQL mysqlnd 5.0.8-dev - 20102224 - $Revision:

310735 $

2. Perangkat lunak untuk client

Sistem Operasi : Semua jenis Sistem Operasi

Web Browser : Google Chrome atau web browser yang lain

Selain komponen sistem perangkat keras dan perangkat lunak yang telah

disebutkan sebelumnya ada komponen tambahan yang dibutuhkan untuk

mendukung pembuatan website E-Commerce Megancell.org. Perangkat lunak

lainnya tersebut di antara lain:

a. Macromedia Dreamweaver 8, berfungsi sebagai media untuk menuliskan

scripts PHP. Contoh text editor yaitu Notepad++, PHPCoder, PHP Editor,

Macromedia Dremweaver dan lain sebagainya. Dalam penulisan Tugas Akhir

ini, digunakan Macromedia Dreamweaver, karena sangat membantu dalam

penggunaan menuliskan perintah-perintah PHP yang sulit.

b. Macromedia Flash 8, digunakan dalam pembuatan animasi yang ada pada

tampilan website E-Commerce Megancell.org.

c. Browser, berfungsi untuk melihat tampilan perintah-perintah PHP yang telah

dijalankan di web server. Contoh browser yaitu: Internet Explorer, Opera,

Mozilla Firefox, Google Chrome dan lain-lain. Dalam hal ini penulis

menggunakan Google Chrome.

 99

d. Photo Editor, berfungsi untuk membuat ataupun mengubah gambar. Dalam hal

ini penulis menggunakan Adobe Photoshop CS3.

e. Aplikasi Grafis, berfungsi untuk membuat Rancangan User Interface (UI) dan

desain tombol-tombol. Dalam hal ini penulis menggunakan Corel Draw X5.

f. Script Editor, berfungsi untuk mengedit dan menuliskan scripts PHH dan

HTML yang tidak berbeda jauh fungsinya seperti Macromedia Dreamweaver.

Dalam hal ini penulis menggunakan Notepad++.

 80

BAB IV

PENUTUP

4.1 Kesimpulan

Penjualan Handphone berbasis Web (E-Commerce) ini merupakan aplikasi

sistem komputerisasi yang dibuat berbasis web dan memuat database pengolahan data

penjualan secara terpusat sehingga dalam pengolahan data menjadi lebih mudah.

Penjualan Handphone berbasis Web (E-Commerce) pada Megan Celluler

memiliki beberapa keuntungan, sebagai berikut

1. Proses transaksi pembelian yang dilakukan oleh Buyer

2. Penginputan stock handphone yang akan dijual

3. Merubah status pemesanan

4. Laporan transaksi

4.2 Saran

Berdasarakan kesimpulan di atas, maka penulis bermaksud memberikan saran

sebagai alternative pemikiran dengan harapan agar aspek ilmu pengetahuan tidak

bersifat monoton dan terpaku pada disiplin dari ilmu pengetahuan itu sendiri.

Adapun saran-saran yang dapat penulis sampaikan adalah sebagai berikut:

1. Aplikasi web yang telah dibuat hendaknya dioperasikan secara baik dan benar
 99

untuk mencapai tujuan yang diharapkan.

2. Pemakai komputer (user) lebih mengutamakan pengetahuan tentang hardware

dan software secara seimbang.dalam membantu kelancaran penerapan

teknologi komputer serta paham tentang teknologi berbasis internet serta

teknologi client server.

3. Sebelum menetapkan teknologi berbasis web pada suatu bidang sebaiknya

pengelola akan lebih mudah menjalankan aplikasi serta mengerti akan proses

dalam menyelesaikan masalah yang ada di dalam bidang tersebut.

4. Untuk meningkatkan kinerja serta untuk mengembangkan aplikasi ini maka

sebaiknya diadakan pengembangan aplikasi mulai dari tampilan halaman web

sampai dengan maintenance.

 51

DAFTAR PUSTAKA

Adelheid, Andrea dan Khairil Nst. 2012. Buku Pintar Menguasai PHP MySQL.

Penerbit: Media Kita. Penerbit

Anhar. 2010. Panduan Menguasai PHP & MySQL Secara Otodidak. Penerbit:

Media Kita. Jakarta

Dhanta, Rizky. 2008. Panduan Browsing Internet Dengan Info-Info Mutakhir.

Penerbit: Indah Offset. Surabaya

Hermansyah, Agung. 2009. Dasar Pemrograman Web Dinamis menggunakan

PHP. Penerbit: Andi Offset. Yogyakarta

Jogiyanto. 2005. Analisis Dan Desain Sistem Informasi. Penerbit: Andi Offset.

Yogyakarta

Perawira Budi, Triton. 2006. Mengenai E-Commerce dan Bisnis Dunia Cyber.

Penerbit: Argo Publisher. Yogyakarta

Raharjo, Budi. 2011. Belajar Pemrograman Web Panduan Mudah Untuk Pelajar,

Mahasiswa dan Praktisi. Penerbit: Modula. Bandung

Solichin, Ahmad. (2005). Pemrograman Wed dengan PHP dan MySQL. Penerbit:

Budi Luhur. Jakarta

Raharjo, Budi. 2011. Belajar Pemrograman Web Panduan Mudah Untuk Pelajar,

Mahasiswa dan Praktisi. Penerbit: Modula. Bandung

Yodhanto, Yudha. 2007. Macromedia Dreamweaver For Beginner. Penerbit: Ilmu

Komputer. Jakarta.
 A-1

LISTING PROGRAM

index.php
<?php
session_start();
include "config/koneksi.php";
include "config/fungsi_indotgl.php";
include "config/class_paging.php";
include "config/fungsi_combobox.php";
include "config/library.php";
include "config/fungsi_autolink.php";
include "config/fungsi_rupiah.php";
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<SCRIPT type="text/javascript">
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return
false");
}
else{
document.onmousedown=new Function ("return
false");
document.onmouseup=new Function ("return true");
}
</SCRIPT>
<?php include "./images/index.php"; ?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><?php include "asep_titel.php"; ?></title>
 A-2

</script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="robots" content="index, follow">
<meta name="description" content="<?php include "asep_meta1.php"; ?>">
<meta name="keywords" content="<?php include "asep_meta2.php"; ?>">
<meta http-equiv="Copyright" content="8studio">
<meta name="author" content="Asep Sutisna Asus">
<meta http-equiv="imagetoolbar" content="no">
<meta name="language" content="Indonesia">
<meta name="revisit-after" content="7">
<meta name="webcrawlers" content="all">
<meta name="rating" content="general">
<meta name="spiders" content="all">

<link rel="shortcut icon" href="favicon.ico" />

<link rel="alternate" type="application/rss+xml" title="RSS 2.0"
href="http://localhost/megancell.org/rss.xml" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function MM_popupMsg(msg) { //v1.0
alert(msg);
}
</script>
</head>

<body>
<div id="wrapper">
<div id="header">
<div id="menuutama">
<ul>
 A-3

<li><a href="index.php">Home</a></li>
<li><a href="profil-kami.html">Profil</a></li>
<li><a href="cara-pembelian.html">Cara Pembelian</a></li>
<li><a href="semua-produk.html">Produk</a></li>
<li><a href="keranjang-belanja.html">Keranjang Belanja</a></li>
<li><a href="hubungi-kami.html">Hubungi Kami</a></li>
</ul>
</div>
</div>
<div id="leftcontent">
<p>&nbsp;</p>
</div>
<div id="middlecontent"><img src="images/bar2.jpg" width="200" height="30"
/>
<form id="form1" name="form1" method="post" action="">
<div align="center"><marquee>
<strong onmouseover="MM_popupMsg('Hai, selamat datang di situs resmi
MEGAN CELLULER. Silakan pilih produk sesuai keinginan agan dan sista.....
:D')">SILAKAN PILIH </strong>
</marquee>
<hr width="" color="#FF0000">
</div>
</form>
<p>
<?php include "kiri.php"; ?>
</p>
<p><?php include "/voting/voting.php" ?></p>
<p>&nbsp;</p>
</div>
<div id="rightcontent"><img src="images/bar.jpg" width="560" height="200"
border="0" usemap="#Map" />
 A-4

<map name="Map" id="Map"><area shape="rect" coords="4,22,177,194"

href="http://www.8studio.org" target="_blank" alt="8studio" />
</map>
<p>
<?php include "kanan.php"; ?></p>
<form id="form2" name="form2" method="post" action="">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.c
ab#version=7,0,0,0" width="550" height="68" align="absmiddle">
<param name="flash_component" value="ImageViewer.swc" />
<param name="movie" value="foto_banner/iklan.swf" />
<param name="quality" value="high" />
<param name="FlashVars"
value="flashlet={imageLinkTarget:'_blank',captionFont:'Verdana',titleFont:'Verda
na',showControls:false,frameShow:false,slideDelay:5,captionSize:10,captionColo
r:#333333,titleSize:10,transitionsType:'Random',titleColor:#333333,slideAutoPla
y:true,imageURLs:['foto_produk/Banner66.jpg','foto_produk/iklan.jpg'],slideLoop
:true,frameThickness:2,imageLinks:['foto_produk/Banner66.jpg','foto_produk/ikla
n.jpg'],frameColor:#333333,bgColor:#FFFFFF,imageCaptions:[]}" />
<embed src="foto_banner/iklan.swf" width="550" height="68"
align="absmiddle" quality="high"
flashvars="flashlet={imageLinkTarget:'_blank',captionFont:'Verdana',titleFont:'V
erdana',showControls:false,frameShow:false,slideDelay:5,captionSize:10,caption
Color:#333333,titleSize:10,transitionsType:'Random',titleColor:#333333,slideAut
oPlay:true,imageURLs:['foto_produk/Banner66.jpg','foto_produk/iklan.jpg'],slide
Loop:true,frameThickness:2,imageLinks:['foto_produk/Banner66.jpg','foto_produ
k/iklan.jpg'],frameColor:#333333,bgColor:#FFFFFF,imageCaptions:[]}"
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_P
rod_Version=ShockwaveFlash" type="application/x-shockwave-flash">
</embed>
</object>
 A-5

</form>
</div>
<div id="clearer"></div>
<div id="footer"><marquee direction="left" scrollamount="2"
onmouseout="this.start()" onmouseover="this.stop()">Copyleft by:&nbsp;<a
href="http://www.facebook.com/asus.lovely">Asep Sutisna Asus</a>&nbsp;
2013. As owner <a href="http://www.8studio.org">8studio</a>&nbsp; All rights
reserved.</marquee></div>
</div>
</body>
</html>

profil.php
<?php
$aksi="modul/mod_profil/aksi_profil.php";
switch($_GET[act]){
// Tampil Profil
default:
$sql = mysql_query("SELECT * FROM modul WHERE id_modul='43'");
$r = mysql_fetch_array($sql);

echo "<h3 class='reallynow'> <span>Profil</span><br></h3><br>

<form method=POST enctype='multipart/form-data'
action=$aksi?module=profil&act=update>
<input type=hidden name=id value=$r[id_modul]>
<table>
<tr><td><img src=../foto_banner/$r[gambar] width==300></td></tr>
<tr><td>Ganti Foto : <input type=file size=30 name=fupload></td></tr>
<tr><td><textarea name='isi' style='width: 500px; height:
300px;'>$r[static_content]</textarea></td></tr>
<tr><td><input type=submit value=Update></td></tr>
 A-6

</form></table>";
break;
}
?>

carabeli.php
<?php
$aksi="modul/mod_carabeli/aksi_carabeli.php";
switch($_GET[act]){
// Tampil Cara Pembelian
default:
$sql = mysql_query("SELECT * FROM modul WHERE id_modul='45'");
$r = mysql_fetch_array($sql);

echo "<h3 class='reallynow'> <span>Cara Pembelian</span><br></h3>

<form method=POST action=$aksi?module=carabeli&act=update>
<input type=hidden name=id value=$r[id_modul]>
<table>
<tr><td><textarea name='isi' style='width: 500px; height:
300px;'>$r[static_content]</textarea></td></tr>
<tr><td><input type=submit value=Update></td></tr>
</form></table>";
break;
}
?>

produk.php
<?php
$aksi="modul/mod_produk/aksi_produk.php";
switch($_GET['act']){
// Tampil Produk
 A-7

default:
echo "<h2>Produk</h2>
<input type=button value='Tambah Produk'
onclick=\"window.location.href='?module=produk&act=tambahproduk';\">
<table>
<tr><th>no</th><th>nama
produk</th><th>harga</th><th>stok</th><th>tgl.
masuk</th><th>aksi</th></tr>";

$p = new Paging;
$batas = 10;
$posisi = $p->cariPosisi($batas);

$tampil = mysql_query("SELECT * FROM produk ORDER BY id_produk

DESC LIMIT $posisi,$batas");

$no = $posisi+1;
while($r=mysql_fetch_array($tampil)){
$tanggal=tgl_indo($r['tgl_masuk']);
$harga=format_rupiah($r['harga']);
echo "<tr><td>$no</td>
<td>$r[nama_produk]</td>
<td>$harga</td>
<td align=center>$r[stok]</td>
<td>$tanggal</td>
<td><a
href=?module=produk&act=editproduk&id=$r[id_produk]>Edit</a> |
<a
href=$aksi?module=produk&act=hapus&id=$r[id_produk]>Hapus</a></td>
</tr>";
$no++;
 A-8

}
echo "</table>";

$jmldata = mysql_num_rows(mysql_query("SELECT * FROM produk"));

$jmlhalaman = $p->jumlahHalaman($jmldata, $batas);
$linkHalaman = $p->navHalaman($_GET['halaman'], $jmlhalaman);

echo "<div id=paging>Hal: $linkHalaman</div><br>";

break;

case "tambahproduk":
echo "<h2>Tambah Produk</h2>
<form method=POST action='$aksi?module=produk&act=input'
enctype='multipart/form-data'>
<table>
<tr><td width=70>Nama Produk</td> <td> : <input type=text
name='nama_produk' size=60></td></tr>
<tr><td>Kategori</td> <td> :
<select name='kategori'>
<option value=0 selected>- Pilih Kategori -</option>";
$tampil=mysql_query("SELECT * FROM kategori ORDER BY
nama_kategori");
while($r=mysql_fetch_array($tampil)){
echo "<option value=$r[id_kategori]>$r[nama_kategori]</option>";
}
echo "</select></td></tr>
<tr><td>Harga</td> <td> : <input type=text name='harga'
size=10></td></tr>
<tr><td>Stok</td> <td> : <input type=text name='stok'
size=3></td></tr>
 A-9

<tr><td>Deskripsi</td> <td> <textarea name='deskripsi' style='width:

450px; height: 250px;'></textarea></td></tr>
<tr><td>Gambar</td> <td> : <input type=file name='fupload' size=40>
<br>Tipe gambar harus JPG/JPEG dan ukuran lebar
maks: 400 px</td></tr>
<tr><td colspan=2><input type=submit value=Simpan>
<input type=button value=Batal
onclick=self.history.back()></td></tr>
</table></form>";
break;

case "editproduk":
$edit = mysql_query("SELECT * FROM produk WHERE
id_produk='$_GET[id]'");
$r = mysql_fetch_array($edit);

echo "<h2>Edit Produk</h2>

<form method=POST enctype='multipart/form-data'
action=$aksi?module=produk&act=update>
<input type=hidden name=id value=$r[id_produk]>
<table>
<tr><td width=70>Nama Produk</td> <td> : <input type=text
name='judul' size=60 value='$r[nama_produk]'></td></tr>
<tr><td>Kategori</td> <td> : <select name='kategori'>";

$tampil=mysql_query("SELECT * FROM kategori ORDER BY

nama_kategori");
if ($r[id_kategori]==0){
echo "<option value=0 selected>- Pilih Kategori -</option>";
}
 A-10

while($w=mysql_fetch_array($tampil)){
if ($r['id_kategori']==$w['id_kategori']){
echo "<option value=$w[id_kategori]
selected>$w[nama_kategori]</option>";
}
else{
echo "<option value=$w[id_kategori]>$w[nama_kategori]</option>";
}
}
echo "</select></td></tr>
<tr><td>Harga</td> <td> : <input type=text name='harga'
value=$r[harga] size=10></td></tr>
<tr><td>Stok</td> <td> : <input type=text name='stok' value=$r[stok]
size=3></td></tr>
<tr><td>Deskripsi</td> <td> <textarea name='deskripsi' style='width:
450px; height: 250px;'>$r[deskripsi]</textarea></td></tr>
<tr><td>Gambar</td> <td> :
<img src='../foto_produk/small_$r[gambar]'></td></tr>
<tr><td>Ganti Gbr</td> <td> : <input type=file name='fupload' size=30>
*)</td></tr>
<tr><td colspan=2>*) Apabila gambar tidak diubah, dikosongkan
saja.</td></tr>
<tr><td colspan=2><input type=submit value=Update>
<input type=button value=Batal
onclick=self.history.back()></td></tr>
</table></form>";
break;
}
?>
laporan.php
<?php
 A-11

switch($_GET[act]){
// Tampil Ongkos Kirim
default:
echo"<h3 class='reallynow'> <span>Laporan Toko</span><br></h3>";
echo "<h3>A. Laporan Penjualan <br></h3>";
echo "<table>
<form action='cetaklaporanpenjualan.php' method='POST'>
<tr><td><b>Laporan Harian </b></td><td> Pilih Tanggal : ";
combotgl(1,31,'tglharian',Tgl);
combobln(1,12,'blnharian',Bulan);
combothn($thn_sekarang-2,$thn_sekarang+2,'thnharian',Tahun);
echo "<input type='submit' Value='Cetak' />";
echo"</td></tr>
</form>

<form action='cetaklaporanpenjualan.php' Method=POST>

<tr><td><b> Laporan Bulanan</b></td><td> Pilih Bulan : ";
combobln(1,12,'blnbulanan',Bulan);
combothn($thn_sekarang-2,$thn_sekarang+2,'thnbulanan',Tahun);
echo "<input type='submit' Value='Cetak' />";
echo"</form></table>";

echo "<h3> B. Laporan Keuangan </h3>";

echo "<table>
<form action='cetaklaporankeuangan.php' method='POST'>
<tr><td><b>Laporan Harian </b></td><td> Pilih Tanggal : ";
combotgl(1,31,'tglharian',Tgl);
combobln(1,12,'blnharian',Bulan);
combothn($thn_sekarang-2,$thn_sekarang+2,'thnharian',Tahun);
echo "<input type='submit' Value='Cetak' />";
 A-12

echo"</td></tr>
</form>

<form action='cetaklaporankeuangan.php' method='POST'>

<tr><td><b> Laporan Bulanan</b></td><td> Pilih Bulan : ";
combobln(1,12,'blnbulanan',Bulan);
combothn($thn_sekarang-2,$thn_sekarang+2,'thnbulanan',Tahun);
echo "<input type='submit' Value='Cetak' />";
echo"</table>";

break;

}
?>

adminweb/index.php
<?php
session_start();

if (empty($_SESSION['username']) AND empty($_SESSION['passuser'])){

echo "<link href='style.css' rel='stylesheet' type='text/css'>
<center>Untuk mengakses modul, Anda harus login <br>";
echo "<a href=index.php><b>LOGIN</b></a></center>";
}
else{
?>

<html>
<head>
<title></title>
<script type="text/javascript" src="../nicEdit.js"></script>
 A-13

<script type="text/javascript">
bkLib.onDomLoaded(function() { nicEditors.allTextAreas() });
</script>
</script>
<link rel="shortcut icon" href="favicon.ico" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="menu">
<ul>
<li><a href=?module=home>&#187; Home</a></li>
<?php include "menu.php"; ?>
<li><a href=logout.php>&#187; Logout</a></li>
</ul>
<p>&nbsp;</p>
</div>
<div id="content">
<?php include "content.php"; ?>
</div>

<div id="footer">
<marquee direction="left" scrollamount="2"
onmouseout="this.start()" onmouseover="this.stop()">Copyleft by:&nbsp;<a
href="http://www.facebook.com/asus.lovely">Asep Sutisna Asus</a>&nbsp;
2013. As owner <a href="http://www.8studio.org">8studio</a>&nbsp; All rights
reserved.</marquee>
</div>
</div>
</body>
</html>
 A-14

<?php
}
?>

adminweb/kategori.php
<?php
$aksi="modul/mod_kategori/aksi_kategori.php";
switch($_GET[act]){
// Tampil Kategori
default:

echo"<h3 class='reallynow'> <span>Kategori Produk</span><br></h3>

<table>
<tr><th>no</th><th>Nama Kategori</th><th>aksi</th></tr>";
$tampil=mysql_query("SELECT * FROM kategori ORDER BY id_kategori
DESC");
$no=1;
while ($r=mysql_fetch_array($tampil)){
echo "<tr><td>$no.</td>
<td>$r[nama_kategori]</td>
<td><a
href=?module=kategori&act=editkategori&id=$r[id_kategori]>Edit</a> |
<a
href=$aksi?module=kategori&act=hapus&id=$r[id_kategori]>Hapus</a>
</td></tr>";
$no++;
}
echo "</table><br><br>";
echo " <h3>Tambah Kategori :</h3>
<form method=POST action='$aksi?module=kategori&act=input'>
<table>
 A-15

<tr><td>Nama Kategori</td><td> : <input type=text

name='nama_kategori'>
<input type=submit name=submit
value=Simpan>
<input type=button value=Batal
onclick=self.history.back()></td></tr>
</table></form>";
break;

// Form Edit Kategori

case "editkategori":
$edit=mysql_query("SELECT * FROM kategori WHERE
id_kategori='$_GET[id]'");
$r=mysql_fetch_array($edit);

echo "<h2> Kategori >> Edit Kategori</h2>

<form method=POST action=$aksi?module=kategori&act=update>
<input type=hidden name=id value='$r[id_kategori]'>
<table>
<tr><td>Nama Kategori</td><td> : <input type=text
name='nama_kategori' value='$r[nama_kategori]'></td></tr>
<tr><td colspan=2><input type=submit value=Update>
<input type=button value=Batal
onclick=self.history.back()></td></tr>
</table></form>";
break;
}
?>

banner.php
<?php
 A-16

$aksi="modul/mod_banner/aksi_banner.php";
switch($_GET[act]){
// Tampil Banner
default:
echo "<h2>Banner</h2>
<input type=button value='Tambah Banner'
onclick=location.href='?module=banner&act=tambahbanner'>
<table>
<tr><th>no</th><th>judul</th><th>url</th><th>tgl.
posting</th><th>aksi</th></tr>";
$tampil=mysql_query("SELECT * FROM banner ORDER BY id_banner
DESC");
$no=1;
while ($r=mysql_fetch_array($tampil)){
$tgl=tgl_indo($r[tgl_posting]);
echo "<tr><td>$no</td>
<td>$r[judul]</td>
<td><a href=$r[url] target=_blank>$r[url]</a></td>
<td>$tgl</td>
<td><a
href=?module=banner&act=editbanner&id=$r[id_banner]>Edit</a> |
<a
href=$aksi?module=banner&act=hapus&id=$r[id_banner]>Hapus</a>
</tr>";
$no++;
}
echo "</table>";
break;

case "tambahbanner":
echo "<h2>Tambah Banner</h2>
 A-17

<form method=POST action='$aksi?module=banner&act=input'

enctype='multipart/form-data'>
<table>
<tr><td>Judul</td><td> : <input type=text name='judul'
size=30></td></tr>
<tr><td>Url</td><td> : <input type=text name='url' size=50
value='http://'></td></tr>
<tr><td>Gambar</td><td> : <input type=file name='fupload'
size=40></td></tr>
<tr><td colspan=2><input type=submit value=Simpan>
<input type=button value=Batal
onclick=self.history.back()></td></tr>
</table></form><br><br><br>";
break;

case "editbanner":
$edit = mysql_query("SELECT * FROM banner WHERE
id_banner='$_GET[id]'");
$r = mysql_fetch_array($edit);

echo "<h2>Edit Banner</h2>

<form method=POST enctype='multipart/form-data'
action=$aksi?module=banner&act=update>
<input type=hidden name=id value=$r[id_banner]>
<table>
<tr><td>Judul</td><td> : <input type=text name='judul' size=30
value='$r[judul]'></td></tr>
<tr><td>Url</td><td> : <input type=text name='url' size=50
value='$r[url]'></td></tr>
<tr><td>Gambar</td><td> : <img
src='../foto_banner/$r[gambar]'></td></tr>
 A-18

<tr><td>Ganti Gbr</td><td> : <input type=file name='fupload' size=30>

*)</td></tr>
<tr><td colspan=2>*) Apabila gambar tidak diubah, dikosongkan
saja.</td></tr>
<tr><td colspan=2><input type=submit value=Update>
<input type=button value=Batal
onclick=self.history.back()></td></tr>
</table></form>";
break;
}
?>

hubungi.php
<?php
$aksi="modul/mod_hubungi/aksi_hubungi.php";
switch($_GET[act]){
// Tampil Hubungi Kami
default:
echo "<h3 class='reallynow'> <span>Hubungi Kami</span><br></h3>
<table>
<tr><th>no</th><th>nama</th><th>email</th><th>subjek</th><th>tangg
al</th><th>aksi</th></tr>";

$p = new Paging;
$batas = 10;
$posisi = $p->cariPosisi($batas);

$tampil=mysql_query("SELECT * FROM hubungi ORDER BY id_hubungi

DESC LIMIT $posisi, $batas");

$no = $posisi+1;
 A-19

while ($r=mysql_fetch_array($tampil)){
$tgl=tgl_indo($r[tanggal]);
echo "<tr><td>$no</td>
<td>$r[nama]</td>
<td><a
href=?module=hubungi&act=balasemail&id=$r[id_hubungi]>$r[email]</a></td>
<td>$r[subjek]</td>
<td>$tgl</a></td>
<td><a
href=$aksi?module=hubungi&act=hapus&id=$r[id_hubungi]>Hapus</a>|
<a
href=?module=hubungi&act=lihatpesan&id=$r[id_hubungi]>Lihat Pesan</a>
</td></tr>";
$no++;
}
echo "</table>";
$jmldata=mysql_num_rows(mysql_query("SELECT * FROM hubungi"));
$jmlhalaman = $p->jumlahHalaman($jmldata, $batas);
$linkHalaman = $p->navHalaman($_GET[halaman], $jmlhalaman);

echo "<div id=paging>Hal: $linkHalaman</div><br>";

break;

case "balasemail":
$tampil = mysql_query("SELECT * FROM hubungi WHERE
id_hubungi='$_GET[id]'");
$r = mysql_fetch_array($tampil);

echo "<h2>Reply Email</h2>

<form method=POST action='?module=hubungi&act=kirimemail'>
<table>
 A-20

<tr><td>Kepada</td><td> : <input type=text name='email' size=30

value='$r[email]'></td></tr>
<tr><td>Subjek</td><td> : <input type=text name='subjek' size=50
value='Re: $r[subjek]'></td></tr>
<tr><td>Pesan</td><td> <textarea name='pesan' style='width: 400px;
height: 150px;'><br><br><br><br>
-------------------------------------------------------------------------------------------------
------
$r[pesan]</textarea></td></tr>

<tr><td colspan=2><input type=submit value=Kirim>

<input type=button value=Batal
onclick=self.history.back()></td></tr>
</table></form>";
break;

case "kirimemail":
mail($_POST[email],$_POST[subjek],$_POST[pesan],"From:
8kreasi@gmail.com");
echo "<h2>Status Email</h2>
<p>Email telah sukses terkirim ke tujuan</p>
<p>[ <a href=javascript:history.go(-2)>Kembali</a> ]</p>";
break;

case"lihatpesan";
$tampil = mysql_query("SELECT * FROM hubungi WHERE
id_hubungi='$_GET[id]'");
$r = mysql_fetch_array($tampil);
echo "<h2>Pesan >> Lihat Pesan</h2>
<table width='500'><tr><td>$r[pesan]<br
/>$r[gambar]</td></tr></table>";
 A-21

break;
}
?>

modul.php
<?php
$aksi="modul/mod_modul/aksi_modul.php";
switch($_GET['act']){
// Tampil Modul
default:
echo "<h2>Modul</h2>
<input type=button value='Tambah Modul'
onclick=\"window.location.href='?module=modul&act=tambahmodul';\">
<table>
<tr><th>no</th><th>nama
modul</th><th>link</th><th>aktif</th><th>aksi</th></tr>";
$tampil=mysql_query("SELECT * FROM modul ORDER BY urutan");
while ($r=mysql_fetch_array($tampil)){
echo "<tr><td>$r[urutan]</td>
<td>$r[nama_modul]</td>
<td><a href=$r[link]>$r[link]</a></td>
<td align=center>$r[aktif]</td>
<td><a href=?module=modul&act=editmodul&id=$r[id_modul]>Edit</a>
|
<a
href=$aksi?module=modul&act=hapus&id=$r[id_modul]>Hapus</a>
</td></tr>";
}
echo "</table>";
break;
 A-22

case "tambahmodul":
echo "<h2>Tambah Modul</h2>
<form method=POST action='$aksi?module=modul&act=input'>
<table>
<tr><td>Nama Modul</td> <td> : <input type=text
name='nama_modul'></td></tr>
<tr><td>Link</td> <td> : <input type=text name='link'
size=30></td></tr>
<tr><td>Aktif</td> <td> : <input type=radio name='aktif' value='Y'
checked>Y
<input type=radio name='aktif' value='N'>N </td></tr>
<tr><td colspan=2><input type=submit value=Simpan>
<input type=button value=Batal
onclick=self.history.back()></td></tr>
</table></form>";
break;

case "editmodul":
$edit = mysql_query("SELECT * FROM modul WHERE
id_modul='$_GET[id]'");
$r = mysql_fetch_array($edit);

echo "<h2>Edit Modul</h2>

<form method=POST action=$aksi?module=modul&act=update>
<input type=hidden name=id value='$r[id_modul]'>
<table>
<tr><td>Nama Modul</td> <td> : <input type=text name='nama_modul'
value='$r[nama_modul]'></td></tr>
<tr><td>Link</td> <td> : <input type=text name='link' size=30
value='$r[link]'></td></tr>";
if ($r[aktif]=='Y'){
 A-23

echo "<tr><td>Aktif</td> <td> : <input type=radio name='aktif' value='Y'

checked>Y
<input type=radio name='aktif' value='N'> N</td></tr>";
}
else{
echo "<tr><td>Aktif</td> <td> : <input type=radio name='aktif' value='Y'>Y
<input type=radio name='aktif' value='N'
checked>N</td></tr>";
}
echo "<tr><td>Urutan</td> <td> : <input type=text name='urutan' size=1
value='$r[urutan]'></td></tr>
<tr><td colspan=2><input type=submit value=Update>
<input type=button value=Batal
onclick=self.history.back()></td></tr>
</table></form>";
break;
}
?>

ongkoskirim.php
<?php
$aksi="modul/mod_ongkoskirim/aksi_ongkoskirim.php";
switch($_GET['act']){
// Tampil Ongkos Kirim
default:
echo "<h2>Ongkos Kirim</h2>
<input type=button value='Tambah Ongkos Kirim'
onclick=\"window.location.href='?module=ongkoskirim&act=tambahongko
skirim';\">
<table>
<tr><th>no</th><th>nama kota</th><th>ongkos
 A-24

kirim</th><th>aksi</th></tr>";
$tampil=mysql_query("SELECT * FROM kota ORDER BY id_kota DESC");
$no=1;
while ($r=mysql_fetch_array($tampil)){
$ongkos = format_rupiah($r['ongkos_kirim']);
echo "<tr><td>$no</td>
<td>$r[nama_kota]</td>
<td align=right>$ongkos</td>
<td><a
href=?module=ongkoskirim&act=editongkoskirim&id=$r[id_kota]>Edit</a> |
<a
href=$aksi?module=ongkoskirim&act=hapus&id=$r[id_kota]>Hapus</a>
</td></tr>";
$no++;
}
echo "</table>";
break;

// Form Tambah Ongkos Kirim

case "tambahongkoskirim":
echo "<h2>Tambah Ongkos Kirim</h2>
<form method=POST action='$aksi?module=ongkoskirim&act=input'>
<table>
<tr><td>Nama Kota</td><td> : <input type=text
name='nama_kota'></td></tr>
<tr><td>Ongkos Kirim</td><td> : <input type=text name='ongkos_kirim'
size=7></td></tr>
<tr><td colspan=2><input type=submit name=submit value=Simpan>
<input type=button value=Batal
onclick=self.history.back()></td></tr>
</table></form>";
 A-25

break;

// Form Edit Ongkos Kirim

case "editongkoskirim":
$edit=mysql_query("SELECT * FROM kota WHERE id_kota='$_GET[id]'");
$r=mysql_fetch_array($edit);

echo "<h2>Edit Ongkos Kirim</h2>

<form method=POST action=$aksi?module=ongkoskirim&act=update>
<input type=hidden name=id value='$r[id_kota]'>
<table>
<tr><td>Nama Kota</td><td> : <input type=text name='nama_kota'
value='$r[nama_kota]'></td></tr>
<tr><td>Ongkos Kirim</td><td> : <input type=text name='ongkos_kirim'
value='$r[ongkos_kirim]' size=7></td></tr>
<tr><td colspan=2><input type=submit value=Update>
<input type=button value=Batal
onclick=self.history.back()></td></tr>
</table></form>";
break;
}
?>

order.php
<?php
$aksi="modul/mod_order/aksi_order.php";
switch($_GET['act']){
// Tampil Order
default:
echo "<h2>Order</h2>
<table>
 A-26

<tr><th>no.order</th><th>nama konsumen</th><th>tgl.
order</th><th>jam</th><th>status</th><th>aksi</th></tr>";

$p = new Paging;
$batas = 10;
$posisi = $p->cariPosisi($batas);

$tampil = mysql_query("SELECT * FROM orders ORDER BY id_orders

DESC LIMIT $posisi,$batas");

while($r=mysql_fetch_array($tampil)){
$tanggal=tgl_indo($r['tgl_order']);
echo "<tr><td align=center>$r[id_orders]</td>
<td>$r[nama_kustomer]</td>
<td>$tanggal</td>
<td>$r[jam_order]</td>
<td>$r[status_order]</td>
<td><a
href=?module=order&act=detailorder&id=$r[id_orders]>Detail</a></td></tr>";
$no++;
}
echo "</table>";

$jmldata = mysql_num_rows(mysql_query("SELECT * FROM orders"));

$jmlhalaman = $p->jumlahHalaman($jmldata, $batas);
$linkHalaman = $p->navHalaman($_GET['halaman'], $jmlhalaman);

echo "<div id=paging>Hal: $linkHalaman</div><br>";

break;
 A-27

case "detailorder":
$edit = mysql_query("SELECT * FROM orders WHERE
id_orders='$_GET[id]'");
$r = mysql_fetch_array($edit);
$tanggal=tgl_indo($r['tgl_order']);

$pilihan_status = array('Baru', 'Lunas', 'Dikirim');

$pilihan_order = '';
foreach ($pilihan_status as $status) {
$pilihan_order .= "<option value=$status";
if ($status == $r['status_order']) {
$pilihan_order .= " selected";
}
$pilihan_order .= ">$status</option>\r\n";
}

echo "<h3 class='reallynow'> <span>Detail Order</span><br></h3>

<form method=POST action=$aksi?module=order&act=update>
<input type=hidden name=id value=$r[id_orders]>
<table>
<tr><td>No. Order</td> <td> : $r[id_orders]</td></tr>
<tr><td>Tgl. & Jam Order</td> <td> : $tanggal & $r[jam_order]</td></tr>
<tr><td>Status Order </td><td>: <select
name=status_order>$pilihan_order</select>
<input type=submit value='Ubah Status'></td></tr>
<tr><td>
<input type=button value='Konfirmasi'
onclick=\"window.location.href='?module=transaksi&act=tambahtransaksi&id=$r
[id_orders]';\"></td>
<td>
<input type=button value='Faktur'
 A-28

onclick=\"window.location.href='faktur.php?id=$r[id_orders]';\">
<input type=button value='Hapus'
onclick=\"window.location.href='$aksi?module=order&act=hapus&id=$r[id_orde
rs]';\">
</td><td></td></tr>
</table></form>";

// tampilkan rincian produk yang di order

$sql2=mysql_query("SELECT * FROM orders_detail, produk
WHERE orders_detail.id_produk=produk.id_produk
AND orders_detail.id_orders='$_GET[id]'");

echo "<table border=0 width=500>

<tr><th>Nama Produk</th><th>Jumlah</th><th>Harga
Satuan</th><th>Sub Total</th></tr>";

while($s=mysql_fetch_array($sql2)){
// rumus untuk menghitung subtotal dan total
$subtotal = $s[harga] * $s['jumlah'];
$total = $total + $subtotal;
$subtotal_rp = format_rupiah($subtotal);
$total_rp = format_rupiah($total);
$harga = format_rupiah($s['harga']);

echo "<tr><td>$s[nama_produk]</td><td>$s[jumlah]</td><td>Rp.
$harga</td><td>Rp. $subtotal_rp</td></tr>";
}

$ongkos=mysql_fetch_array(mysql_query("SELECT * FROM kota,orders

WHERE orders.id_kota=kota.id_kota AND id_orders='$_GET[id]'"));
$ongkoskirim=$ongkos['ongkos_kirim'];
 A-29

$grandtotal = $total + $ongkoskirim;

$ongkoskirim_rp = format_rupiah($ongkoskirim);
$grandtotal_rp = format_rupiah($grandtotal);

echo "<tr><td colspan=3 align=right>Total : </td><td>Rp.

<b>$total_rp</b></td></tr>
<tr><td colspan=3 align=right>Ongkos Kirim : </td><td>Rp.
<b>$ongkoskirim_rp</b></td></tr>
<tr><td colspan=3 align=right>Grand Total : </td><td>Rp.
<b>$grandtotal_rp</b></td></tr>
</table>";

// tampilkan data kustomer

echo "<table border=0 width=500>
<tr><th colspan=2>Data Kustomer</th></tr>
<tr><td>Nama Pembeli</td><td> : $r[nama_kustomer]</td></tr>
<tr><td>Alamat Pengiriman</td><td> : $r[alamat]</td></tr>
<tr><td>No. Telpon/HP</td><td> : $r[telpon]</td></tr>
<tr><td>Email</td><td> : $r[email]</td></tr>
</table>";

break;
}
?>

transaksi.php
<?php
$aksi="modul/mod_transaksi/aksi_transaksi.php";
switch($_GET[act]){
 A-30

// Tampil Ongkos Kirim

default:
echo "<h3 class='reallynow'> <span>Transaksi</span><br></h3><br>
<table>
<tr><th>No</th>
<th>No. Pemesanan</th>
<th>No. Rek</th>
<th>No. Transfer</th>
<th>Atas Nama</th>
<th>Jumlah</th>
<th>Bank</th>
<th>aksi</th></tr>";

$p = new Paging;
$batas = 10;
$posisi = $p->cariPosisi($batas);
$no=1;

$tampil=mysql_query("SELECT * FROM transaksi ORDER BY id_transaksi

DESC LIMIT $posisi,$batas");
$no=1;
while ($r=mysql_fetch_array($tampil)){
$jml = format_rupiah($r[Jumlah]);
echo "<tr><td>$no.</td>
<td><a
href='?module=order&act=detailorder&id=$r[id_orders]'>$r[id_orders]</a></td>
<td>$r[NoRek]</td>
<td>$r[NoTrans]</td>
<td>$r[AtasNama]</td>
<td> Rp.$jml</td>
 A-31

<td>$r[Bank]</td>
<td><a
href=?module=transaksi&act=edittransaksi&id=$r[id_transaksi]>Edit</a> |
<a
href=$aksi?module=transaksi&act=hapus&id=$r[id_transaksi]>Hapus</a>
</td></tr>";
$no++;
}
echo "</table>";

$jmldata = mysql_num_rows(mysql_query("SELECT * FROM transaksi"));

$jmlhalaman = $p->jumlahHalaman($jmldata, $batas);
$linkHalaman = $p->navHalaman($_GET[halaman], $jmlhalaman);

echo "<div id=paging>Hal: $linkHalaman</div><br>";

break;

// Form Tambah
case "tambahtransaksi":
echo "<h3 class='reallynow'> <span>Transaksi >> Konfirmasi
Transaksi</span><br></h3><br>
<form method=POST action='$aksi?module=transaksi&act=input'>
<input type='hidden' name='idpemesanan' value='$_GET[id]'>
<table>
<tr><td> 1. No. Rekening</td><td> : <input type=text name='norek'
size=30></td></tr>
<tr><td> 2. No. Transfer</td><td> : <input type=text name='notrans'
size=30></td></tr>
<tr><td> 3. Atas Nama</td><td> : <input type=text name='an'
size=30></td></tr>
<tr><td> 4. Bank / Cabang</td><td> : <input type=text name='bank'
 A-32

size=30></td></tr>
<tr><td> 5. Jumlah Transfer</td><td> : Rp. <input type=text
name='jumlah'></td></tr>
<tr><td colspan=2><input type=submit name=submit
value=Simpan>
<input type=button value=Batal
onclick=self.history.back()></td></tr>
</table></form>";
break;

// Form Edit Ongkos Kirim

case "edittransaksi":
$edit=mysql_query("SELECT * FROM transaksi WHERE
id_transaksi='$_GET[id]'");
$r=mysql_fetch_array($edit);

echo "<h3 class='reallynow'> <span>Transaksi >> Edit

Transaksi</span><br></h3><br>
<form method=POST action='$aksi?module=transaksi&act=update'>
<input type='hidden' name='id' value='$_GET[id]'>
<table>
<tr><td> 1. No. Rekening</td><td> : <input type=text name='norek'
value='$r[NoRek]' size=30></td></tr>
<tr><td> 2. No. Transfer</td><td> : <input type=text name='notrans'
value='$r[NoTrans]' size=30></td></tr>
<tr><td> 3. Atas Nama</td><td> : <input type=text name='an' size=30
value='$r[AtasNama]'></td></tr>
<tr><td> 4. Bank / Cabang</td><td> : <input type=text name='bank'
size=30 value='$r[Bank]'></td></tr>
<tr><td> 5. Jumlah Transfer</td><td> : Rp. <input type=text
name='jumlah' value='$r[Jumlah]'></td></tr>
 A-33

<tr><td colspan=2><input type=submit name=submit

value=Simpan>
<input type=button value=Batal
onclick=self.history.back()></td></tr>
</table></form>";
break;
}
?>

faktur.php
<html><center />
<body>
<?php
include "../config/koneksi.php";
include "../config/fungsi_indotgl.php";
include "../config/class_paging.php";
include "../config/fungsi_combobox.php";
include "../config/library.php";
include "../config/fungsi_autolink.php";
include "../config/fungsi_rupiah.php";

echo "<table border=1 width=800 bgcolor=#d1d3d4>

<tr><td> <h1>Megan Celluler </h1>
Jl. Jenderal Sudirman No. 155 Indramayu <br>
Phone : 0234-79867476 <br>
Fax: 0234-76465454 <br>
Email : megancell@gmail.com<br>
</td></tr></table>";

$aksi="modul/mod_order/aksi_order.php";
switch($_GET['act']){
 A-34

// Tampil Order
default:
echo "<h2>Order</h2>
<table>
<tr><th>no.order</th><th>nama konsumen</th><th>tgl.
order</th><th>jam</th><th>status</th><th>aksi</th></tr>";

$p = new Paging;
$batas = 10;
$posisi = $p->cariPosisi($batas);

$tampil = mysql_query("SELECT * FROM orders ORDER BY id_orders

DESC LIMIT $posisi,$batas");

while($r=mysql_fetch_array($tampil)){
$tanggal=tgl_indo($r['tgl_order']);
echo "<tr><td align=center>$r[id_orders]</td>
<td>$r[nama_kustomer]</td>
<td>$tanggal</td>
<td>$r[jam_order]</td>
<td>$r[status_order]</td>
<td><a
href=?module=order&act=detailorder&id=$r[id_orders]>Detail</a></td></tr>";
$no++;
}
echo "</table>";

$jmldata = mysql_num_rows(mysql_query("SELECT * FROM orders"));

$jmlhalaman = $p->jumlahHalaman($jmldata, $batas);
$linkHalaman = $p->navHalaman($_GET['halaman'], $jmlhalaman);
 A-35

echo "<div id=paging>Hal: $linkHalaman</div><br>";

break;

case "detailorder":
$edit = mysql_query("SELECT * FROM orders WHERE
id_orders='$_GET[id]'");
$r = mysql_fetch_array($edit);
$tanggal=tgl_indo($r['tgl_order']);

$pilihan_status = array('Baru', 'Lunas', 'Dikirim');

$pilihan_order = '';
foreach ($pilihan_status as $status) {
$pilihan_order .= "<option value=$status";
if ($status == $r['status_order']) {
$pilihan_order .= " selected";
}
$pilihan_order .= ">$status</option>\r\n";
}

echo "<h2>NOTA FAKTUR</h2>

<form method=POST action=$aksi?module=order&act=update>
<input type=hidden name=id value=$r[id_orders]>
<table width=800 align=center>
<tr><td width=120>No. Order</td> <td> : $r[id_orders]</td></tr>
<tr><td width=120>Tgl. & Jam Order</td> <td> : $tanggal &
$r[jam_order]</td></tr>
</table></form>";

// tampilkan data kustomer

echo "<table border=0 width=800>
<tr><th colspan=2>Data Pelanggan</th></tr>
 A-36

<tr><td width=120>Nama Pembeli</td><td> :<b>

$r[nama_kustomer]</b></td></tr>
<tr><td width=120>Alamat Pengiriman</td><td> : $r[alamat]</td></tr>
<tr><td width=120>No. Telpon/HP</td><td> : $r[telpon]</td></tr>
<tr><td width=120>Email</td><td> : $r[email]</td></tr>
</table>";

// tampilkan rincian produk yang di order

$sql2=mysql_query("SELECT * FROM orders_detail, produk
WHERE orders_detail.id_produk=produk.id_produk
AND orders_detail.id_orders='$_GET[id]'");

echo "<table border=1 width=800>

<tr><th>Nama Produk</th><th>Jumlah</th><th>Harga
Satuan</th><th>Sub Total</th></tr>";

while($s=mysql_fetch_array($sql2)){
// rumus untuk menghitung subtotal dan total
$subtotal = $s[harga] * $s['jumlah'];
$total = $total + $subtotal;
$subtotal_rp = format_rupiah($subtotal);
$total_rp = format_rupiah($total);
$harga = format_rupiah($s['harga']);

echo "<tr><td>$s[nama_produk]</td><td>$s[jumlah]</td><td>Rp.
$harga</td><td>Rp. $subtotal_rp</td></tr>";
}

$ongkos=mysql_fetch_array(mysql_query("SELECT * FROM kota,orders

WHERE orders.id_kota=kota.id_kota AND id_orders='$_GET[id]'"));
$ongkoskirim=$ongkos['ongkos_kirim'];
 A-37

$grandtotal = $total + $ongkoskirim;

$ongkoskirim_rp = format_rupiah($ongkoskirim);
$grandtotal_rp = format_rupiah($grandtotal);

echo "<tr ><td colspan=3 align=right>Total : </td><td>Rp.

<b>$total_rp</b></td></tr>
<tr><td colspan=3 align=right>Ongkos Kirim : </td><td>Rp.
<b>$ongkoskirim_rp</b></td></tr>
<tr><td colspan=3 align=right>Grand Total : </td><td>Rp.
<b>$grandtotal_rp</b></td></tr>
</table>";

break;
}
echo '<table border=0 width=800><tr>
<td></td>
<td align="center" width="180">TERIMA KASIH</td>
</tr>
<tr><td height="30" colspan="4"><h3 valign="center" align="left">
<input type="submit" name="Submit" value="Cetak"
onclick="window.print()" />
<a href="../adminweb/media.php?module=home"><input type="button"
onclick="tutup()" name="tutup" value="Keluar" />
</h3></td></tr>
</table>';
?>
</body>
</html>
 A-38

cetaklaporankeuangan.php
<?php
include "../config/koneksi.php";
include "../config/fungsi_rupiah.php";

echo "<center><h2> Laporan Transaksi</h2>";

echo "<h3>Megan Celluler</h3><hr>";
echo"<table border=1 frame=border>
<tr bgcolor=green><th>No</th>
<th>No.Order</th>
<th>No.Rek</th>
<th>No.Trans</th>
<th>Atas Nama</th>
<th>Bank</th>
<th>Jumlah</th>
<th>Tanggal</th>
</tr>";
$no=1;
/// sql laporan Harian
if ($_POST[tglharian]!='' and $_POST[blnharian]!='' and $_POST[thnharian]!='')
$sql=mysql_query("Select * from transaksi Where
TanggalTransaksi='$_POST[thnharian]-$_POST[blnharian]-
$_POST[tglharian]'");
else
/// sql Laporan bulanan
$sql=mysql_query("Select * from transaksi Where TanggalTransaksi like '%-
$_POST[blnbulanan]-$_POST[tglbulanan]%'");
while ($r=mysql_fetch_array($sql)){
$jml=format_rupiah($r[Jumlah]);
$totaljumlah=$totaljumlah+$r[Jumlah];
 A-39

echo "<tr><td>$no.</td>
<td>$r[id_orders]</td>
<td>$r[NoRek]</td>
<td>$r[NoTrans]</td>
<td>$r[AtasNama]</td>
<td>$r[Bank]</td>
<td>Rp. $jml ;-</td>
<td>$r[TanggalTransaksi]</td>
</tr>";
$no++;
}
echo "</table>";
echo" Total Transaksi yang masuk: <b>Rp.$totaljumlah </b>";
?>

cetaklaporanpenjualan.php
<?php
include "../config/koneksi.php";
include "../config/fungsi_rupiah.php";

echo "<center><h2> Laporan Penjualan</h2>";

echo "<h3>Megan Celluler</h3><hr>";
echo"<table border=1 frame=border>
<tr bgcolor=blue><th>No</th>
<th></th>
<th>No.Transaksi</th>
<th>Nama Produk</th>
<th>Total</th>
<th>Tanggal</th>
</tr>";
 A-40

$no=1;
/// sql laporan Harian
if ($_POST[tglharian]!='' and $_POST[blnharian]!='' and $_POST[thnharian]!='')
$sql=mysql_query("Select * from orders Where tgl_order='$_POST[thnharian]-
$_POST[blnharian]-$_POST[tglharian]' and status_order='Lunas'");
else
/// sql Laporan bulanan
$sql=mysql_query("Select * from orders Where tgl_order like '%-
$_POST[blnbulanan]-$_POST[tglbulanan]%' and status_order='Lunas' ");
while ($r=mysql_fetch_array($sql)){
echo "<tr><td>$no.</td>
<td>$r[id_pelanggan]</td>";

/// Infromasi transaksi

$sqltransaksi=mysql_query("Select * from transaksi
where id_orders='$r[id_orders]'");
$rt=mysql_fetch_array($sqltransaksi);
echo "<td>$rt[id_transaksi]</td>";

/// Infromasi ordr detail

echo"<td>";
$sqlorder=mysql_query("SELECT * FROM
orders_detail, produk
WHERE
orders_detail.id_produk=produk.id_produk
AND
orders_detail.id_orders='$r[id_orders]'");
$totalsubtotal=0;
while($ro=mysql_fetch_array($sqlorder)){
$subtotal = $ro[harga] * $ro[jumlah];
 A-41

$totalsubtotal=$totalsubtotal+$subtotal;
$grandtotal=$grandtotal+$subtotal;
$rpgrantotal=format_rupiah($grandtotal);
$rptotalsubtotal=format_rupiah($totalsubtotal);
$totaljumlah=$totaljumlah+$ro[jumlah];

echo
"[$ro[nama_produk]($ro[jumlah]),Rp.$subtotal)]";
}
echo "</td>";

echo"<td>Rp. $rptotalsubtotal</td>
<td>$r[tgl_order]</td>
</tr>";
$no++;
}
echo "</table>";
echo"Total Unit yang terjual: <b>$totaljumlah</b>unit / Total Penjualan:
<b>Rp.$rpgrantotal </b>";
?>
 B-1

HALAMAN WEBSITE

Home

Profil
 B-2

Cara Pembelian

Produk
 B-3

Keranjang Belanja

Hubungi Kami
 B-4

Kategori Produk

Administrator
LAMPIRAN