SKRIPSI

SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA TOKO

STAILKU

“Diajukan Sebagai Persyaratan Untuk menyelesaikan

Program Pendidikan Sarjana (S-1) Teknik Informatika”

Disusun oleh :
Nama : Panji Darmawan
NPM : 10.63.0388
Program Studi : Teknologi Informasi
Jenjang : Sarjana (S-1)

PROGRAM STUDI S1 TEKNIK INFORMATIKA

FAKULTAS TEKNOLOGI INFORMASI

UNIVERSITAS ISLAM KALIMANTAN (UNISKA)

MUHAMMAD ARSYAD AL - BANJARY

BANJARMASIN

2015
 ABSTRAK

Tujuan dari penulisan skripsi ini adalah menganalisa kebutuhan informasi dan
merancang sistem basis data untuk meminimalkan kelemahan sistem yang ada dalam
ruang lingkup penjualan, pembelian dan persediaan barang pada TOKO STAILKU.
Penulisan skripsi ini menggunakan 3 metode yaitu pencarian fakta, analisis
dan perancangan. Pencarian fakta merupakan metode mencari fakta dari buku-buku
dan internet sebagai landasan teori penulisan. Analisis merupakan metode survei dan
wawancara untuk mendapatkan kebutuhan informasi. Metode perancangan meliputi
perancangan konseptual, perancangan logikal dan perancangan fisikal. Dan untuk
merancang aplikasinya, menggunakan metode perancangan software model waterfall.
Hasil dari penulisan skripsi ini adalah suatu sistem basis data yang memenuhi
kebutuhan dan terkomputerisasi sehingga semua transaksi saling terintegrasi.
Kesimpulannya adalah sistem basis data memberikan efektivitas dan efisiensi waktu
dan mengurangi kesalahan, memungkinkan eksekutif mendapatkan laporan dengan
cepat dan akurat serta menjamin keamanan data dengan membatasi hak akses setiap
karyawan.

Kata Kunci : Analisis, Perancangan, Sistem Informasi, stok, persediaan.

vii
.

KATA PENGANTAR

Dengan memanjatkan puji syukur kehadirat Tuhan Yang Maha Esa yang
telah melimpahkan segala Rahmat dan Hidayah-Nya, serta shalawat dan salam
atas junjungan kita Nabi Muhammad SAW beserta para sahabat dan pengikut
beliau, penulis merasa bersyukur atas telah tersusunlah Skripsi yang berjudul
“Sistem Informasi Penjualan Berbasis Web Pada TOKO STAILKU” untuk
melengkapi salah satu persyaratan yang diajukan dalam rangka menempuh ujian
akhir untuk memperoleh gelar Sarjana Komputer pada Jenjang Strata Satu
Program Studi Teknik Informatika di Universitas Islam Kalimantan (Uniska)
Muhammad Arsyad Albanjari.
Penulis sungguh sangat menyadari, bahwa penulisan Skripsi ini tidak akan
terwujud tanpa adanya dukungan dan bantuan dari berbagai pihak. Maka, dalam
kesempatan ini penulis menghaturkan penghargaan dan ucapan terima kasih yang
sebesar-besarnya kepada yang terhormat :
1. Ibu Silvia Ratna S.Kom, M.Kom selaku Dekan Fakultas Teknik Informatika
sekaligus menjadi Pebimbing I.
2. Ibu Nadia Hijriana, M.Kom selaku Pebimbing II yang selalu memberikan
arahan dan petunjuk dalam pengerjaan skripsi ini.
3. Ketua prodi Fakultas Teknik Informatika Uniska Banjarmasin
4. Seluruh dosen Uniska Banjarmasin terima kasih atas bantuan dan
dukungannya.
5. Pimpinan dan seluruh karyawan TOKO STAILKU terima kasih atas
bantuannya dalam memberikan data-data yang diperlukan untuk pembuatan
skripsi ini.
6. Kedua orang tua yang selalu memberikan dukungan, do’a dan kasih sayang
yang tak terhingga. Semua ini hanya untuk kalian.
7. Semua pihak yang telah membantu sehingga skripsi ini dapat terselesaikan.

ii
 Akhir kata penulis mohon maaf atas kekeliruan dan kesalahan yang
terdapat dalam skripsi ini dan berharap semoga skripsi ini dapat memberikan
manfaat bagi pengetahuan Teknik Informatika di Indonesia.

Banjarmasin, 12 September 2014

Penulis

iii
 DAFTAR ISI

LEMBAR PENGESAHAN PEMBIMBING.........................................................vii

LEMBAR PENGESAHAN PENGUJI.................................................................viii
PERNYATAAN KEASLIAN SKRIPSI................................................................ix
HALAMAN PERSEMBAHAN..............................................................................x
HALAMAN MOTTO.............................................................................................xi
ABSTRAK.............................................................................................................xii
ABSTRACT.............................................................................................................ii
KATA PENGANTAR............................................................................................iii
DAFTAR ISI...........................................................................................................ix
DAFTAR TABEL................................................................................................xiii
DAFTAR GAMBAR.............................................................................................xv
1. BAB I PENDAHULUAN.................................................................................1
1.1. Latar Belakang..........................................................................................1
1.2. Rumusan Masalah.....................................................................................3
1.3. Batasan Masalah........................................................................................3
1.4. Tujuan Penelitian.......................................................................................4
1.5. Manfaat Penelitian.....................................................................................4
1.6. Sistematika Penulisan................................................................................4
2. BAB II TINJAUAN PUSTAKA.....................................................................6
2.1 Landasan Teori..........................................................................................6
2.1.1. Pengertian Sistem...................................................................................6
2.1.2. Pengertian Sistem Informasi...................................................................7
2.1.3. Pengertian Database................................................................................8
2.2 Penelitian Terdahulu................................................................................10
2.2.1. Sistem Informasi Penjualan Pada CV. Andika Pratama.......................10
2.2.2 Sistem Informasi Penjualan Berbasis Website Pada Distro Fashion
dan elektronik Sekido.....................................................................................10

ix
 2.3 Internet dan World Wide Web................................................................11
2.3.1. Pengertian Internet...........................................................................11
2.3.2. Internet Service Provider (ISP)........................................................12
2.3.3. IP Address........................................................................................13
2.3.4. Email................................................................................................17
2.3.5. World Wide Web (WWW)..............................................................18
2.3.6. Perbedaan WWW dengan Internet...................................................18
2.3.7. Browser atau Web Browser.............................................................19
2.3.8. Perbedaan antara Intranet, Extranet, dan Internet............................20
2.3.9. Perangkat Lunak Web Server...........................................................21
2.3.10. Perangkat Keras Web Server............................................................22
2.3.11. Web Hosting....................................................................................22
2.4 UML (Unified Modelling Language)......................................................23
2.5 Kerangka Pemikiran................................................................................28
3. BAB III ANALISIS DAN PERANCANGAN SISTEM................................29
3.1. Analisis Sistem...........................................................................................29
3.2. Rancangan Model Sistem...........................................................................29
3.2.1 Perancangan Diagram Konteks........................................................29
3.2.2 Kamus Data......................................................................................33
3.2.3 Perancangan Basis Data...................................................................35
3.2.4 Relasi Database................................................................................41
3.2.5 Perancangan Antarmuka Input.........................................................41
3.2.6 Perancangan Antarmuka Output......................................................51
4. BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM............................55
4.1 Program...................................................................................................55
4.2 Desain Modul Aplikasi............................................................................55
4.2.1 Desain Beranda................................................................................55
4.2.2 Desain Browse Tentang Kami.........................................................56
4.2.3 TampilanBerita Fashion...................................................................57
4.2.4 Tampilan Produk Terbaru bagian atas.............................................57
4.2.5 Tampilan Produk Terbaru bagian bawah.........................................58

x
 4.2.6 Tampilan Registrasi User bagian atas..............................................59
4.2.7 Tampilan Registrasi User bagian bawah..........................................59
4.2.8 Keranjang belanja............................................................................60
4.2.9 Tampilan Kategori Produk...............................................................61
4.2.10 Tampilan Produk Per Item...............................................................61
4.2.11 Tampilan Halaman Edit Password...................................................62
4.2.11 Tampilan Report Keranjang Belanja................................................63
4.2.12 Tampilan Report Keranjang Belanja...................................................64
5. BAB IV PENUTUP........................................................................................65
5.1 Kesimpulan..............................................................................................65
5.2 Saran........................................................................................................65
DAFTAR PUSTAKA............................................................................................66

xi
 DAFTAR TABEL
Tabel 3. 1 Tabel Kamus Data...............................................................................33
Tabel 3. 2 Tabel Berita..........................................................................................36
Tabel 3. 3 Tabel Jenis...........................................................................................36
Tabel 3. 4 Tabel Produk........................................................................................36
Tabel 3. 5 Tabel Pesan..........................................................................................37
Tabel 3. 6 Tabel Admin........................................................................................38
Tabel 3. 7 Tabel User............................................................................................38
Tabel 3. 8 Tabel Jarak...........................................................................................39
Tabel 3. 9 Tabel Bayar...........................................................................................39
Tabel 3. 10 Tabel Konfirmasi...............................................................................39
Tabel 3. 11 Tabel Kirim........................................................................................40
Tabel 3. 12 Tabel Kontak.......................................................................................40

xiii
 DAFTAR GAMBAR

Gambar 2.1 Kerangka Pemikiran...........................................................................28

Gambar 3.1 Diagram Konteks...............................................................................30
Gambar 3.2 Diagram Level 0.................................................................................31
Gambar 3.3 Diagram Level 1 Pemesanan User.....................................................32
Gambar 3.4 Diagram Level 1 Penjualan................................................................33
Gambar 3.5 Relasi Antar Tabel..............................................................................41
Gambar 3.6 Tampilan Beranda..............................................................................42
Gambar 3.7 Tampilan Tentang Kami....................................................................43
Gambar 3.8 berita Fashion.....................................................................................44
Gambar 3.9 Produk Baru.......................................................................................44
Gambar 3.10 Menu Registrasi...............................................................................45
Gambar 3.11 Login................................................................................................45
Gambar 3.12 Tampilan Setelah Login...................................................................46
Gambar 3.13 Tampilan Setelah Login...................................................................47
Gambar 3.14 Tampilan Keranjang belanja............................................................47
Gambar 3.15 Tampilan Halaman Produk..............................................................48
Gambar 3.16 Pendaftaran Member........................................................................49
Gambar 3.17 Daftar Produk Barang......................................................................49
Gambar 3.18 Pemesanan Produk..........................................................................50
Gambar 3.19 Kontak Pengunjung..........................................................................51
Gambar 3.20 Halaman Administrator....................................................................51
Gambar 3.21 Laporan Data Member.....................................................................52
Gambar 3.22 Laporan Data Produk.......................................................................52
Gambar 3.23 Laporan Penjualan Produk / Pemesanan Member...........................52
Gambar 3.24 Laporan Member yang sering Pesan................................................53
Gambar 3.25 Laporan Produk yang Paling Laris...................................................53
Gambar 3.26 Laporan Produk yang Kurang Laris.................................................53
Gambar 3.27 Laporan data Stok Produk / Barang.................................................54
Gambar 4.1 Tampilan beranda Atas......................................................................55

xv
Gambar 4.2 Tampilan beranda Bawah...................................................................56
Gambar 4.3 Tampilan Tentang kami.....................................................................56
Gambar 4.4 Tampilan Berita Fashion....................................................................57
Gambar 4.5 Tampilan Produk Terbaru bagian atas...............................................58
Gambar 4.6 Tampilan Produk Terbaru bawah.......................................................58
Gambar 4.7 Tampilan Menu yang bisa registrasi User bagian Atas......................59
Gambar 4.8 Tampilan Menu yang bisa registrasi User bagian bawah...................60
Gambar 4.9 Tampilan Keranjang Belanja..............................................................60
Gambar 4.10 Tampilan Kategori Produk...............................................................61
Gambar 4.11 Tampilan Per Item Barang...............................................................62
Gambar 4.12 Tampilan Edit Profil.........................................................................63
Gambar 4.13 Report Keranjang Belanja................................................................63
Gambar 4.14 Report Keranjang Belanja................................................................64

xvi
 1. BAB I

PENDAHULUAN

1.1. Latar Belakang

Ilmu pengetahuan dan teknologi berkembang cukup pesat dan menghasilkan

perkembangan baru yang senantiasa terus berubah kearah yang lebih baik. Salah

satu bidang pengetahuan yang berkembang sangat pesat saat ini adalah dunia

maya (internet). Saat ini teknologi internet sudah bisa diakses hampir di seluruh

penjuru dunia mulai dari anak-anak sampai orang dewasa. Kemudahan dan untuk

dapat melakukan penjualan atas produknya.

TOKO STAILKU adalah sebuah sebuah badan usaha yang bergerak dalam

bidang penjualan fashion dan elektronik. Kebutuhan fashion dan elektronik terus

meningkat, karena mayoritas penduduk Indonesia adalah muslim. Selama ini

penjualan masih menggunakan media tatap muka yaitu kegiatan transaksi

penjualan dengan pembeli dilakukan dengan datang langsung di TOKO

STAILKU. Belum adanya pemanfaatan aplikasi website untuk penjualan koleksi

TOKO STAILKU. Pemanfaatan teknologi internet terhadap pemasaran di suatu

perusahaan merupakan salah satu solusi dalam meningkatkan penjualan produk.

Dengan adanya internet, seseorang dapat memperoleh informasi dari berbagai

tempat yang terhubung dengan Jaringan internet. Dalam

 2

hal ini setiap orang mempunyai kesempatan yang sama dalam berbisnis.

Perkembangan bisnis semakin meningkat dan semakin kompleks sehingga

menimbulkan persaingan. Hadirnya website menimbulkan pemikiran baru bagi

pelaku bisnis, yaitu untuk mengatasi rintangan waktu dan ruang yang selama ini

menjadi masalah pada sistem penjualan secara konvensional. Demikian juga

bisnis TOKO STAILKU sebagai distributor outlet sekaligus penyetok produk ke

mall atau pusat perbelanjaan dan outlet fashion harus memiliki manajemen dan

strategi pemasaran sebagai usaha bersaing dari banyaknya kompetitor produk

busana lainnya. Sebagai distributor atau agen pakaian TOKO STAILKU harus

melayani dan menyalurkan barang-barang ke beberapa tempat pemasaran.

Terkadang juga menerima pesanan dari luar kota. Seringnya barang retur

disebabkan tidak cocok oleh distributor luar jawa dan distro lainnya karena

banyaknya model pakaian yang disediakan, maka outlet TOKO STAILKU

seringkali kesulitan untuk retur pabrik. Oleh karena itu dibutuhkan media yang

bisa digunakan sebagai sarana bertransaksi bagi distributor dan agen kecil maupun

konsumen pada umumnya sehingga mempermudah berbelanja dan bertransaksi.

Demi memuaskan pembeli TOKO STAILKU ingin membuat sebuah sistem

penjualan yang praktis dan cepat dari system penjualan yang ada. Untuk

mengatasi masalah itu penulis ingin membuat sistem penjualan menggunakan

perangkat website. Dengan sistem ini Pelanggan TOKO STAILKU dapat

langsung melakukan transaksi pembelian. Pelanggan dapat mengetahui harga

barang tanpa harus datang langsung ke TOKO STAILKU. Dengan memanfaatkan

media ini diharapkan dapat menguntungkan kedua belah pihak yaitu pelanggan
 3

dan pemilik TOKO STAILKU, oleh karena itu penulis membuat “SISTEM

INFORMASI PENJUALAN BERBASIS WEB PADA TOKO STAILKU”.

1.2. Rumusan Masalah

Dari apa yang dijabarkan dalam latar belakang masalah, TOKO STAILKU

memerlukan solusi yang lebih tepat dalam pemasaran, sehingga dapat

memberikan informasi yang lebih akurat terhadap konsumen. Maka dapat

dirumuskan masalah yaitu :

1. Dalam proses transaksi penjualan masih dilakukan secara manual yaitu

pembeli harus datang langsung ke toko.

2. Pengolahan data masih bersifat manual.

3. Belum tersedianya media penjualan berbasis web.

1.3. Batasan Masalah

Berdasarkan permasalahan maka pembatasan masalah dari penelitian yang

akan dilakukan adalah sebagai berikut:

1. Penelitian ini tidak membahas masalah pembayaran secara online pada

TOKO STAILKU.

2. Foto Fashion dan elektronik yang digunakan dalam bentuk jpeg.

3. Tidak Membahas Laporan Keuangan Secara Detail sampai ke Sistem

Akutansi.
 4

1.4. Tujuan Penelitian

Berdasarkan rumusan dan batasan masalah di atas, maka tujuan

penelitian ini adalah membangun sistem informasi penjualan berbasis web

yang dapat di pantau oleh masyarakat umum khususnya masyarakat sebagai

pengguna aplikasi tersebut.

1.5. Manfaat Penelitian

1. Mempermudah dan mempercepat informasi mengenai fashion dan

elektronik baik mode baru maupun harga dari busana.

2. Sebagai bahan pertimbangan untuk menentukan pilihan busana dalam hal

melakukan pembelian fashion dan elektronik secara online.

3. Dapat digunakan sebagai media promosi oleh pihak pemilik toko fashion

dan elektronik untuk meningkatkan daya saing dalam hal promosi produk

dan meningkatkan penjualan.

1.6. Sistematika Penulisan

Untuk memberikan kemudahan dalam memahami karya tulis ini, penulis

membuat sistematika penyajiannya dengan menyusun menjadi 5 (lima) Bab

dan beberapa sub Bab. Adapun sistematika penyajiannya adalah sebagai

berikut :

BAB I : PENDAHULUAN

Berisikan penjelasan mengenai latar belakang, rumusan

masalah , ruang lingkup, tujuan dan manfaat, serta

sistematika penulisan,
 5

BAB II : TINJAUAN PUSTAKA

Berisi penjelasan mengenai teori yang diperlukan untuk

Perancangan Sistem Informasi Penjualan Berbasis

Website.

BAB III : ANALISIS DAN PERANCANGAN SISTEM

Berisi tentang analisis serta pembahasan Perancangan

Sistem Informasi Penjualan Berbasis Web.

BAB IV : IMPLEMENTASI DAN PENGUJIAN SISTEM

Berisi pembahasan mengenai kebutuhan Perangkat Keras

(Hadrware), Perangkat Lunak (Sofware), Oprasionalisasi

Sistem dalam mengimplementasikan hasil analisis dan

perancangan sistem.

BAB V : PENUTUP

Berisikan penjelasan kesimpulan serta saran.

 2. BAB II

TINJAUAN PUSTAKA

2.1 Landasan Teori

2.1.1. Pengertian Sistem

Murdick dan Ross (1993) mendefinisikan sistem sebagai seperangkat

elemen yang digabungkan satu dengan lainnya untuk suatu tujuan

bersama. Sementara definisi sistem dalam kamus Webster’s Unbriged

adalah elemen-elemen yang saling berhubungan dan membentuk satu

kesatuan atau organisasi.

Menurut Scott (1996), “Sistem terdiri dari unsur-unsur seperti

masukan (input), pengolahan (processing), serta keluaran (output)”.

Menurut Robert G. Murdick (1987:6), “System as a set elements

joined for a common objective”. (Sistem adalah suatu kumpulan dari

beberapa bagian/unsur yang bergabung dalam suatu tujuan bersama).

Sistem dapat diartikan sebagai seperangkat elemen yang terdiri dari

unsur-unsur yang saling berhubungan, saling terorganisasi, dan saling

bergantung satu sama lain, yang bergabung dalam suatu tujuan tertentu.

Sistem sebagai suatu komponen yang dirancang untuk suatu tujuan

tertentu sesuai dengan rencana yang ditetapkan. Sebuah sistem terdiri atas

6
 7

bagian-bagian yang saling berhubungan satu dengan yang lainnya, secara

bersama-sama untuk merealisasikan tujuan yang telah ditetapkan.

Sebuah sistem bukanlah seperangkat unsur yang tersusun secara tidak

beraturan, melainkan terdiri dari bagian-bagian yang saling berkaitan untuk

sasaran atau tujuan tertentu.

2.1.2. Pengertian Sistem Informasi

Menurut Mc Leod, “Sistem Informasi merupakan sistem yang

mempunyai kemampuan untuk mengumpulkan informasi dari semua

sumber dan menggunakan berbagai media untuk menampilkan informasi”.

Menurut Gordon B. Davis (1992:91), “Sistem informasi adalah

suatu sistem yang menerima masukan data dan instruksi, mengolah data

tersebut sesuai dengan instruksi dan mengeluarkan hasilnya”.

Menurut Robert A. Leitch dan K. Roscoe Davis dalam buku

Jogiyanto HM., (1999:11), “Sistem informasi adalah suatu sistem di

dalam suatu organisasi yang mempertemukan kebutuhan pengolahan

transaksi harian, mendukung operasi, bersifat manajerial dan kegiatan

strategi dari suatu organisasi dan menyediakan pihak luar tertentu

dengan laporan-laporan yang diperlukan”.

Sistem informasi merupakan suatu sistem yang mempunyai

kemampuan untuk menerima masukan atau data dan menerima instruksi

untuk mengolah data tersebut menjadi sebuah informasi atau laporan-

 8

laporan yang berkualitas, yang diperlukan oleh pihak-pihak tertentu untuk

pengambilan sebuah keputusan di dalam sebuah organisasi.

Pada perusahaan, sistem informasi memiliki manfaat, yaitu

mengolah data menjadi informasi sehingga berbagai pihak yang membuat

keputusan dapat menggunakan informasi tersebut untuk mengambil

sebuah keputusan yang baik untuk perusahaan.

Sistem informasi pada dasarnya terbentuk melalui suatu kelompok

kegiatan yang tetap, yaitu:

a. Mengumpulkan data

b. Mengelompokkan data

c. Menghitung

d. Menganalisa

e. Menyajikan laporan

2.1.3. Pengertian Database

Basis data (database) merupakan kumpulan dari data yang saling

berhubungan satu dengan yang lainnya, tersimpan di perangkat keras

komputer dan digunakan sebagai perangkat lunak untuk memanipulasinya.

Database merupakan salah satu komponen yang penting dalam sistem

informasi karena merupakan basis dalam menyediakan informasi bagi para

pemakai. Penerapan database dalam sistem informasi disebut dengan

database system.
 9

Database Management System (DBMS) merupakan suatu alat

berbasis komputer yang digunakan untuk menyimpan dan mengolah data

yang bertujuan untuk menciptakan keadaan yang mudah dan efisien dalam

pemakaian dan penyimpanan data. Dua tujuan utama dari konsep database

adalah meminimumkan pengulangan data dan mencapai independensi data.

Pengulangan data (data redudancy) adalah aplikasi data yang

artinya data disimpan dalam beberapa file. Independensi data adalah

kemapuan untuk membuat suatu struktur data tanpa membuat perubahan

pada program yang memproses dalam table dan kamus data yang terpisah

secara fisik dari program.

Suatu Database Management System berisi suatu koleksi data yan

saling berelasi da satu kesatuan program yang berfungsi untuk mengakses

data tersebut. Jadi DBMS terdiri dari suatu database dan set program untuk

menambah data, menghapus data, mengambil dan membaca data.

Database adalah kumpulan file-file yang saling berelasi. Relasi

tersebut biasa ditujukkan dengan kunci dari file yang ada. Satu database

menunjukkan satu kumpulan data yang dipakai dalam suatu lingkup

perusahaan atau instansi.

Dalam suatu file terdapat record-record yang sejenis, sama besar,

sama bentuk, merupakan satu kumpulan entri yang seragam. Satu record
 10

terdiri dari field-field yang saling berhubungan untuk menunjukkan bahwa

field tersebut dalam satu pengertian yang lengkap dan direkam dalam suatu

record. Untuk menyebut isi dari field tersebut maka digunakan attribute atau

merupakan judul dari satu kelompok entity-entity tertentu, misalnya attribute

alamat menunjukkan entity alamat dari pegawai. Entity adalah suatu objek

yang nyata dan akan direkam.

Set program pengelola merupakan satu paket program yang dibuat

agar memudahkan dan mengefisienkan pemasukan atau perekaman

informasi dan pengambilan atau pembacaan informasi ke dalam database.

Adapun tujuan dari pengolahan data yang dilakukan adalah untuk

menghasilkan suatu output/keluaran yang nantinya dipergunakan sebagai

dasar untuk pengambilan suatu keputusan informasi.

2.2 Penelitian Terdahulu

2.2.1. Sistem Informasi Penjualan Pada CV. Andika Pratama

Skripsi dari Agus Saputra Dengan Judul “Sistem Penjualan Pada CV.

Andika Pratama”. Sistem ini mampu berjalan dengan baik dengan fasilitas

retur pembelian, retur penjualan. Tetapi dalam hal fasilitas penggunaan,

aplikasi tersebut tidak bisa di akses secara online.

 11

2.2.2 Sistem Informasi Penjualan Berbasis Website Pada Distro Fashion

dan elektronik Sekido

Skripsi dari Siti Khodiyah Judul “Sistem Informasi Penjualan

Berbasis Website Pada Distro Fashion dan elektronik Sekido “ Sistem ini

berjalan dengan baik Cuma belum bisa memberikan informasi kepada

pelanggan saat pesanan yang sudah ada telah datang dan siap untuk di beli.

Dalam hal ini konsumen harus aktif dalam hal pengecekan status order

pada website distro tersebuat. Sementara konsumen tidak selalu online dan

bisa memantau perkembangan status order pemesanan setiap saat.

Mengingat konsumen juga memiliki pekerjaan dan kesibukan yang

beragam.

2.3 Internet dan World Wide Web

2.3.1. Pengertian Internet

Istilah internet berasal dari bahasa latin, inter, yang berarti "antara". Secara

kata per kata internet berarti jaringan antara atau penghubung (Sunarto, 2009 :

39). Memang itulah fungsinya, internet menghubungkan berbagai jaringan yang

tidak saling bergantung pada satu sama lain dengan sedemikian rupa, sehingga

mereka dapat berkomunikasi.

Internet adalah jaringan komputer yang saling terhubung ke seluruh dunia

tanpa mengenal batas teritorial, hukum, dan budaya.

 12

Secara fisik dianalogikan sebagai jaring laba-laba (The Web) yang menyelimuti

bola dunia dan terdiri dari titik-titik (node) yang saling berhubungan (Sunarto,

2009 : 40).

Salah satu isu terpenting di internet adalah penerapan standar komputerisasi

terbuka (open computing standard). Karena internetworking dan internet

mengintegrasikan semua sistem, jenis dan tipe komputer yang ada di dunia, maka

harus ada standar yang menjamin komputer dapat saling berbicara satu sama lain

dalam bahasa yang sama. Standar bahasa komputer universal telah dikembangkan

sejak tahun 1969, terdiri dari serangkaian protokol komunikasi disebut Transfer

Control Protocol (TCP) yang bertugas mengendalikan transmisi paket data,

koreksi kesalahan dan kompresi data dan Internet Protocol (IP) yang bertugas

sebagai pengenal (identifier) dan pengantar paket data ke alamat yang dituju

(Sunarto, 2009 : 41).

Protokol TCP/IP menyatukan bahasa dan kode berbagai komputer di

dunia, sehingga menjadi standar utama jaringan komputer. TCP/IP berkembang

cepat dan kaya fasilitas karena bersifat terbuka dan bebas digunakan, ditambahkan

kemampuan baru oleh siapapun dan gratis karena tidak dimiliki oleh siapapun.

Oleh karena itu, hingga saat ini jaringan-jaringan tersebut saling terhubung di

seluruh belahan dunia.

Dengan demikian, internet dapat didefinisikan dengan hubungan berbagai jenis

komputer dan jaringan di dunia, yang berbeda sistem operasi maupun aplikasinya
 13

dimana hubungan tersebut memanfaatkan kemajuan media komunikasi (telepon

dan satelit) yang menggunakan protokol standar dalam berkomunikasi yaitu

protokol TCP/IP. Internet berfungsi sebagai media komunikasi dan informasi

modern (Sunarto, 2009 : 42).

2.3.2. Email

Sistem mail internet bekerja sebagaimana kotak surat biasa, akan tetapi

perbedaannya surat dikirim dalam bentuk dokumen dan didistribusikan secara

elektronik sehingga disebut e-mail. Kelebihan e-mail adalah kecepatan jarak

ribuan mil yang hanya akan ditempuh selama beberapa detik (hampir seketika)

sedangkan dengan jasa pos bisa memakan waktu berminggu-minggu. Setiap kotak

surat memiliki pemilik (bisa perorangan, organisasi) serta alamat jelas yang unik

dan berbeda satu sama lain sehingga bisa dipakai sebagai penunjuk identitas

(Sunarto, 2009 : 47).

Format alamat e-mail mengikuti standar, yaitu

identitas_pemilik@nama_host misalnya pandji@yahoo.com. Panji menunjukkan

identitas pemilik alamat kotak surat (mail box). Identitas pemilik dengan

nama_host atau provider dipisahkan oleh karakter simbol @ (at, dibaca et)

sedangkan com berarti top level domain yang menunjukkan bahwa domain ini

terdaftar di luar negeri. Selain com, juga ada e-mail yang identitas domainnya

co.id or.id
 14

dan net.id. (id) menunjukkan identitas top domain host yaitu berada di

negara Indonesia, (or) menunjukkan identitas domain host yaitu organisasi umum,

sedangkan (net) yang merupakan second level domain, menunjukkan bahwa

domain ini termasuk kategori networking (net) (Sunarto, 2009 : 48).

2.3.3. World Wide Web (WWW)

World Wide Web adalah fasilitas internet yang menghubungkan dokumen

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

dalam web membuat user bisa pindah dari satu page ke page lain (hyper text),

baik antar page yang disimpan dalam server yang sama atau server di seluruh

dunia. Pages diakses dan dibaca melalui web browser seperti netscape navigator

atau internet explorer (Sunarto, 2009 : 52).

World Wide Web sering disingkat sebagai WWW atau web saja, yaitu

sebuah sistem di mana informasi dapat di nikmati dalam bentuk teks, gambar,

suara, dan lain-lain serta 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), suara

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

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

disebut HTTPD (Sunarto, 2009 : 52).

 15

2.3.4. Perbedaan WWW dengan Internet

World Wide Web adalah jaringan informasi global sedangkan internet adalah

jaringan komputer global. Kedua istilah ini terkadang saling tumpang-tindih

disebabkan sifat global yang dimiliki keduanya sehingga pengguna awam internet

kadang tidak bisa melihat batas perbedaannya dengan tegas dan jelas (Sunarto,

2009 : 54).

Lebih lanjut analogi perbedaan web dengan internet itu mirip dengan analogi

perbedaan bus mudik antar kota dan jaringan jalan tol. Internet merujuk kepada

jalan tol yang membolehkan lalu lintas mengalir antar komputer. Web merujuk

kepada layanan bus angkutan pemudik yang menggunakan jalan tol memindahkan

pemudik dari satu komputer ke komputer lain (Sunarto, 2009 : 54).

2.3.5. Browser atau Web Browser

Teknologi world wide web bekerja atas dasar bantuan browser di komputer

klien yang menampilkan data, gambar dan suara. Browser dikenal sebagai

perangkat lunak untuk menjelajah web.

Browser adalah perangkat lunak yang memungkinkan untuk mencari dan

mengakses beragam komponen web. Contoh browser yang bisa digunakan antara

lain Microsoft Internet Explorer, Nestcape Navigator, Mozilla Firefox, Opera, dan

Browser Apple Macintosh (Sunarto, 2009 : 55).

 16

Sebelum browser terhubung ke sebuah situs web, browser perlu mengetahui

alamat situs atau URL-nya. URL adalah kumpulan karakter yang menunjuk pada

potongan informasi khusus di bagian mana saja pada web. Dengan kata lain, URL

adalah alamat situs web yang unik (tidak ada dua situs berbeda yang memiliki

alamat sama).

Sebuah URL terdiri dari protocol web, nama domain atau server web,

direktori (atau folder) pada server tersebut, dan file yang terdapat pada direktori

tersebut (biasanya berekstensi html atau htm).

HTML (Hypertext Markup Language) adalah sekumpulan perintah khusus

(disebut "tag" atau "markup") yang dipakai untuk menentukan struktur bentuk,

dan link pada dokumen ke dokumen multimedia lain di web. Extensible Hypertext

MarkupLanguage (XHTML) adalah pengganti dan merupakan versi HTML yang

sekarang banyak digunakan. Dengan menggunakan hypertext, maka pengguna

internet dapat berpindah-pindah dari satu halaman ke halaman lain dengan mudah

dan cepat ketika meng-klik hyperlink. Dengan menggunakan browser tertentu

pengguna internet dapat mencari halaman-halaman di internet yang disimpan di

server-server tertentu (Sunarto, 2009 : 56).

Link Hiperteks (Hyperlink atau Hotlink atau Link) adalah koneksi ke

dokumen atau halaman web lain yang berisi informasi terkait. Bisa juga diartikan

sebuah kata atau frasa pada satu dokumen yang menjadi jembatan penghubung ke
 17

dokumen lain di tempat yang berbeda. Hyperlink ditampilkan dalam bentuk kata

atau frasa yang bergaris bawah dan berwarna (Sunarto, 2009 : 57).

2.3.6. Perbedaan antara Intranet, Extranet, dan Internet

Perbedaan antara intranet, ekstranet dan internet, secara sederhana adalah

(Sunarto, 2009 : 65):

1. Intranet adalah jaringan komputer yang hanya diperuntukkan dalam

lingkup perusahaan atau institusi. Intranet memungkinkan karyawan

perusahaan atau institusi mengakses data atau sumber daya perusahaan

lainnya yang tidak bisa diakses oleh publik melalui internet.

2. Extranet adalah jaringan komputer yang digunakan oleh perusahaan dalam

rangka menyediakan informasi non-publik kepada pihak-pihak tertentu,

seperti rekan bisnis atau konsumen. Extranet barangkali terlihat mirip

dengan web biasa, namun pengguna harus memasukkan password atau

menggunakan enkripsi digital untuk menggunakannya. Sebagai contoh,

jasa kurir Federal Express menggunakan extranet yang memungkinkan

konsumen melacak paket yang dikirim menggunakan nomor pelacakan

paket.

3. Internet adalah jaringan komputer dunia yang menghubungkan jaringan-

jaringan komputer regional di seluruh dunia.

 18

2.3.7. Perangkat Lunak Web Server

Web server adalah sebuah perangkat lunak server yang berfungsi

menerima permintaan HTTP atau HTTPS dari klien yang dikenal dengan web

browser dan mengirimkan kembali hasilnya dalam bentuk halaman-halaman web

yang umumnya berbentuk dokumen HTML (Sunarto, 2009 : 119).

Program-program yang dibutuhkan untuk website dan internet (Sunarto,

2009 : 120) :

1. Bahasa pemrograman HTML.

Markup Language (HTML) adalah sebuah bahasa mark-up yang

digunakan untuk membuat sebuah halaman web dan menampilkan

berbagai informasi didalam sebuah browser internet. HTML saat ini

merupakan standar internet yang didefinisikan dan dikendalikan

penggunaannya oleh World Wide Web Consortium (W3C). Berupa kode

tag yang diperintahkan oleh browser untuk menghasilkan tampilan sesuai

dengann yang diinginkan. Sebuah file yang merupakan file HTML dapat

dibuka dengan menggunakan browser web seperti Mozilla Firefox atau

Microsoft Internet Explorer.

2. Bahasa pemrograman PHP

 19

PHP adalah bahasa pemrograman script yang paling banyak

dipakai saat ini. PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun

1995. Pada waktu itu PHP masih bernama FI (Form Interpreted) yang

bentuknya masih berupa sekumpulan script yang digunakan mengolah

data form dari web.

PHP banyak digunakan utnuk membuat situs web yagn dimanis,

meskipun tidak tertutup kemungkinan digunakan untuk kepentingan lain.

PHP biasanya berjalan pada sistem operasi linux (PHP juga bisa

dijalankan dengan hosting windows).

2.3.8 Perangkat Keras Web Server

Perangkat keras web server adalah salah satu unit komputer yang

dilengkapi dengan perangkat keras pendukung web server (Sunarto, 2009 :

123). Komputer digunakan sebagai sarana utnuk mengendalikan bisnis online.

Melalui komputer, pebisnis di internet akan menjalankan bisnisnya dengan

menggunakan website. Demikian juga dengan konsumen, mereka akan

mencari informasi produk atau jasa menggunakan sarana komputer. Perangkat

keras yang lain adalah jaringan lokal untuk menghubungkan komputer-

komputer yang akan digunakan sebagai penunjang proses bisnis.

 20

2.3.9 Web Hosting

Web hosting merupakan salah satu bentuk layanan jasa penyewaan

tempat di internet yang memungkinkan seseorang atau organisasi untuk

menampilkan layanan jasa atau produknya di situs internet. Salah satunya

adalah IndoGlobalWeb, rumahweb.com, idebagus.com, dapurhosting.com,

pulauhosting.com dan masih banyak lagi. Bahkan diantaranya ada yang

memberikan layanan gratis (Sunarto, 2009 : 129).

Setiap orang atau lembaga dapat menyewa tempat atau

memanfaatkan jasa web hosting ini. Dengan kemajuan teknologi informasi

yang ada saat ini, pengguna internet bisa memanfaatkan jasa web hosting

yang merupakan alternatif yang sangat handal untuk keperluan promosi,

menyebarkan informasi, berjualan dan layanan publik berbasis web

(blog :web blog).

Untuk memilih jasa web hosting, sesuaikan dengan kebutuhan.

Pertama, harus dapat mengetahui apa kebutuhan pengguna. Pilihlah space

web hosting yang sesuai dengan kebutuhan dan perhatikan harganya.

Kedua, jika target pengunjung web nantinya sebagian besar berada di

Indonesia maka pilihlah web hosting dengan server di Indonesia dan

sebaliknya.
 21

2.4 UML (Unified Modelling Language)

UML (Unified Modelling Language) merupakan elemen notasi

grafis yang didukung oleh meta-model tunggal, yang membantu

pendeskripsian.

Macam-macam diagram UML :

1. Diagram Use Case

Use case diagram menggambarkan fungsionalitas yang diharapkan

dari sebuah sistem. Yang ditekankan adalah “apa” yang diperbuat sistem,

dan bukan “bagaimana”. Sebuah use case merepresentasikan sebuah

interaksi antara actor dengan sistem. Use case merupakan sebuah

pekerjaan tertentu, misalnya login ke sistem, meng-create sebuah daftar

belanja, dan sebagainya. Seorang atau sebuah aktor adalah sebuah entitas

manusia atau mesin yang berinteraksi dengan sistem untuk melakukan

pekerjaan-pekerjaan tertentu. Use case diagram dapat sangat membantu

bila pengguna sedang menyusun requirement sebuah sistem,

mengkomunikasikan rancangan dengan klien, dan merancang test case

untuk semua feature yang ada pada sistem. Sebuah use case dapat meng-

include fungsionalitas use case lain sebagai bagian dari proses dalam

dirinya. Secara umum diasumsikan bahwa use case yang di-include akan
 22

dipanggil setiap kali use case yang meng-include dieksekusi secara

normal. Sebuah use case dapat di-include oleh lebih dari satu use case

lain, sehingga duplikasi fungsionalitas dapat dihindari dengan cara

menarik keluar fungsionalitas yang common. Sebuah use case juga dapat

meng-extend use case lain dengan behaviour-nya sendiri. Sementara

hubungan generalisasi antar use case menunjukkan bahwa use case yang

satu merupakan spesialisasi dari yang lain.

2. Diagram Class

Class adalah sebuah spesifikasi yang jika diinstansiasi akan

menghasilkan sebuah objek dan merupakan inti dari pengembangan dan

desain berorientasi objek. Class menggambarkan keadaan (atribut/properti)

suatu sistem, sekaligus menawarkan layanan untuk memanipulasi keadaan

tersebut (metoda/fungsi). Class diagram menggambarkan struktur dan

deskripsi class, package dan objek beserta hubungan satu sama lain seperti

containment, pewarisan, asosiasi, dan lain-lain. Class memiliki tiga area

pokok : (1) nama (dan stereotype), (2) atribut, (3) metoda. Atribut dan metoda

dapat memiliki salah satu sifat berikut :

a. Private, tidak dapat dipanggil dari luar class yang bersangkutan

b. Protected, hanya dapat dipanggil oleh class yang bersangkutan dan

anak-anak yang mewarisinya

 23

c. Public, dapat dipanggil oleh siapa saja Class dapat merupakan

implementasi dari sebuah interface, yaitu class abstrak yang hanya

memiliki metoda. Interface tidak dapat langsung diinstansiasikan,

tetapi harus diimplementasikan dahulu menjadi sebuah class.

Dengan demikian interface mendukung resolusi metoda pada saat

run-time.

d. Hubungan antar Class :

Asosiasi, yaitu hubungan statis antar class. Umumnya

menggambarkan class yang memiliki atribut berupa class lain, atau

class yang harus mengetahui eksistensi class lain. Panah

navigability menunjukkan arah query antar class.

e. Agregasi, yaitu hubungan yang menyatakan bagian (“terdiri

atas..”).

f. Pewarisan, yaitu hubungan hirarkis antar class. Class dapat

diturunkan dari classlain dan mewarisi semua atribut dan

metoda class asalnya dan menambahkan fungsionalitas baru,

sehingga ia disebut anak dari class yang diwarisinya. Kebalikan

dari pewarisan adalah generalisasi.

g. Hubungan dinamis, yaitu rangkaian pesan (message) yang di-

passing dari satu class kepada class lain. Hubungan dinamis

dapat digambarkan dengan menggunakan sequence diagram

yang akan dijelaskan kemudian.

 24

3. Diagram Activity

Activity Diagram memodelkan alur kerja (workflow) sebuah proses

bisnis dan urutan aktifitas dalam suatu proses. diagram ini sangat mirip

dengan sebuah flowchart karena kita dapat memodelkan sebuah alur kerja

dari satu aktivitas ke aktivitas lainnya atau dari satu aktivitas kedalam

keadaan sesaat (state). Seringkali bermanfaat bila kita membuat sebuah

activity diagram terlebih dahulu dalam memodelkan sebuah proses untuk

membantu memahami proses secara keseluruhan. Activity diagram juga

sangat berguna ketika ingin menggambarkan perilaku paralel atau

menjelaskan bagaimana perilaku dalam berbagai use case berinteraksi.

4. Diagram Sequence

Sequence diagram menggambarkan interaksi antar objek di dalam

dan di sekitar sistem (termasuk pengguna, display, dan sebagainya) berupa

message yang digambarkan terhadap waktu. Sequence diagram terdiri atas

dimensi vertikal (waktu) dan dimensi horizontal (objek-objek yang terkait).

Sequence diagram biasa digunakan untuk menggambarkan skenario atau

rangkaian langkah-langkah yang dilakukan sebagai respons dari sebuah event

untuk menghasilkan output tertentu. Diawali dari apa yang men-trigger

 25

aktivitas tersebut, proses dan perubahan apa saja yang terjadi secara internal

dan output apa yang dihasilkan. Masing-masing objek, termasuk aktor,

memiliki lifeline vertikal. Message digambarkan sebagai garis berpanah dari

satu objek ke objek lainnya. Pada fase desain berikutnya, message akan

dipetakan menjadi operasi atau metoda dari class. Activation bar

menunjukkan lamanya eksekusi sebuah proses, biasanya diawali dengan

diterimanya sebuah message.

26
 3. BAB III

ANALISIS DAN PERANCANGAN SISTEM

3.1. Analisis Sistem

Analisa sistem adalah suatu metode yang digunakan untuk memecahkan

masalah dengan menggunakan beberapa tindakan. Dalam ruang lingkup

perkembangan sistem komputer, analisa sisten bertujuan untuk menentukan

kebutuhan informasi dari tiap bagian organisasi, serta untuk menentukan

kelemahan dan prosedur yang berjalan.

Dalam bab ini penulis akan menyajikan gambaran dari sitem yang

sedang berjalan dan kegiatan lainnya yang akan membantu dalam proses

perancangan sistem selanjutnya.

3.2. Rancangan Model Sistem

Analisis terhadap dokumen-dokumen yang digunakan sangat penting

bagi perancangan sistem, sebab dari hasil analisis tersebut diketahui informasi

apa saja yang tertera pada suatu dokumen. Adapun formulir-formulir atau

dokumen-dokumen yang digunakan pada pendataan yaitu sebagai berikut.

3.2.1 Perancangan Diagram Konteks

Diagram konteks adalah suatu diagram alir yang tingkat tinggi yang

menggambarkan seluruh jaringan, masukan dan keluaran. sistem yang

dimaksud adalah untuk menggambarkan sistem yang sedang berjalan.

29
Mengidentifikasikan data awal dan akhir yang masuk dan keluaran sistem.

Diagram ini merupakan gambaran umum sistem yang nantinya akan buat.

30
Secara uraian dapat dikatakan bahwa diagram konteks itu berisi siapa saja

yang memberikan data (inputan) ke sistem serta kepada siapa data informasi

yang harus dihasilkan sistem.

Berikut ini rancangan Diagram Konteks dari Sistem Informasi

Penjualan Berbasis Web Pada TOKO STAILKU :

Gambar 3.1 Diagram Konteks

55
 Pemesanan
Pimpinan

Where House
(Gudang Unit)
Laporan Stok Unit

Pengantaran

User Konsumen Pesan Barang Input Data Admin stok

Aplikasi

Data Informasi Unit Data Informasi Unit

Gambar 3.2 Diagram Level 0

56
User

Admin

Unit

Type Unit Barang

Jenis Surat permintaan Unit

Data Informasi

Konsumen
Catatan Admin
Data Informasi Data Data stok

Gudang Stok

Gambar 3.3 Diagram Level 1 Pemesanan User

57
 2.1
Data Record Record
Membuat D2 Customer
Customer Customer Customer
Kode
Customer

2.2 Record Customer

Data Order Record Record
Membuat D3 Data Barang
Penjualan Barang Barang
Data
Penjualan Saldo
Penjualan

Record
Penjualan

2.3
Faktur Record Record
Mencetak D5 Penjualan
Penjualan Penjualan Penjualan
Faktur
Penjualan

Gambar 3.4 Diagram Level 1 Penjualan

3.2.2 Perancangan Basis Data

Sistem basis data adalah sistem penyimpanan informasi yang

terorganisasi secara terkomputerisasi atau elektronis sehingga memudahkan

pengguna dalam mengolahnya pada saat dibutuhkan. Database yang di buat

pada program sistem informasi ini dengan menggunakan PhpMyAdmin

pada Xammp dengan nama db_toko_zahra Berikut ini adalah rancangan

database Sisten Informasi Penjualan berbasis web pada Toko Az Zahra

Banjarmasin yang mencangkup beberapa struktur tabel yaitu :

1. Tabel Berita

Tabel 3. 1 Tabel Berita

No Nama Field Tipe Lebar Keterangan

1. Id_Berita Tinyint (5) Identitas Berita

2. Berita Text 360 Isi Berita

58
 3. Tanggal Date Tanggal Berita
4. Jam Time Jam Berita

2. Tabel Jenis

Tabel 3. 2 Tabel Jenis

No Nama Field Tipe Lebar Keterangan

1. Id_Jenis Int 5 Identitas Jenis

2. Nama_Jenis Varchar 64 Produk

3. Tabel Produk

Tabel 3. 3 Tabel Produk

No Nama Field Tipe Lebar Keterangan

1. Id_Produk Int 5 Identitas Jenis

2. Id_Jenis Int 5 Identitas Produk

3. Nm_Produk Varchar 64 Produk
4. Harga Int 10 Harga
5. Berat Varchar 4 Berat
6. keterangan Text Keterangan
7. Gambar Varchar 355 Gambar
8. Stock Int 3 Stok Jumlah Barang
9. Ukuran Char 10 Ukuran Baju

4. Tabel Pesan

Tabel 3. 4 Tabel Pesan

No Nama Field Tipe Lebar Keterangan

1. Id_Pesan Varchar 6 No. Identitas Pesan

59
 2. Id_user Int 5 No. Identitas User
3. Id_jarak Int 5 No. Identitas Jarak
4. Tgl Date Tanggal
5. Keterangan Text Keterangan
6. Sts_bayar Enum(‘suda Status Pembayaran
h
’,’belum’)
7. Ttl_bayar Int(10) 10 Total Bayar
8. Tujuan Varchar 32 Tujuan
9. Kota Varchar 32 Kota
10. Propinsi Varchar 32 Provinsi
11. Kd_pos Varchar 12 Kode Pos
12. Telepon Date 15 Telepon

5. Tabel Admin

Tabel 3. 5 Tabel Admin

No Nama Field Tipe Lebar Keterangan

1. Username Varchar 32 No. Identitas Pesan

2. Password Varchar 32 No. Identitas User

6. Tabel User

Tabel 3. 6 Tabel User

No Nama Field Tipe Lebar Keterangan

1. ID_User Int 10 Identitas User

2. User Varchar 32 Nama User

3. Pass Varchar 32 Nama Password
4. Alamat Varchar 128 Alamat
5. Kota Varchar 32 Kota
6. Propinsi Varchar 32 Propinsi
7. Sex Enum) ‘p’,’w Sex

60
 ’
8. Kd_pos Varchar 12 Kode Pos
9. Telepon Varchar 16 Telepon
10 Email Varchar 128 Email

7. Tabel Jarak

Tabel 3. 7 Tabel Jarak

No Nama Field Tipe Lebar Keterangan

1. Id_jarak Int 5 No Identitas jarak

2. Tujuan Varchar 64 Tujuan

3. Ongkos Int 10 Ongkos / Biaya

8. Tabel Bayar

Tabel 3. 8 Tabel Bayar

No Nama Field Tipe Lebar Keterangan

1. Id_bayar Int 10 No. Identitas Bayar

2. Id_pesan Varchar 6 No. Identitas Pesan

3. Tgl_bayar Date Tgl_bayar
4. No_bukti Varchar 16 No_bukti Bayar

5. Jum_bayar Int 10 Jum_bayar

6. Sts_kirim Enum ‘sudah’,’ Status Pengiriman

belum’

9. Tabel Konfirmasi

Tabel 3. 9 Tabel Konfirmasi

No Nama Field Tipe Lebar Keterangan

61
 1. Id_konf Int 10 No. Id_konfirmasi

2. Id_pesan Varchar 6 No. Id_pesan

3. Tgl Date Tgl
4. No_bukti Varchar(1 16 No_bukti
6)
5. Jum_bayar Int(10) 10 Jumlah bayar
6. Sts_baca Enum (‘0’,’1’,’2’) Status baca

7. Keterangan Text Keterangan

10. Tabel Kirim

Tabel 3. 10 Tabel Kirim

No Nama Field Tipe Lebar Keterangan

1. Id_kirim Int 10 No Identitas Kirim

2. Id_bayar Int 10 No Id Bayar

3. Tgl_kirim Date Tgl Kirim

11. Tabel Kontak

Tabel 3. 11 Tabel Kontak

No Nama Field Tipe Lebar Keterangan

1. Id tinyint 5 Id

2. Nama Varchar 64 Nama

3. Email varchar 128 Email
4. Komen Text Komentar

5. Tgl Date Tgl

6. Jam Time Jam

62
 3.2.3 Relasi Database

Relasi database merupakan gambaran hubungan dari beberapa data

table yang saling berkaitan. Adapun desain relasi database program ini

adalah sebagai berikut:

Gambar 3.5 Relasi Antar Tabel

3.2.4 Perancangan Antarmuka Input

Berikut ini adalah rancangan antar muka (interface) RANCANGAN

SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA

FASHION DAN ELEKTRONIK

1. Halaman Admin

Untuk mengelola sebuah web, maka seorang administrator

memerlukan halaman khusus yang hanya bisa di akses oleh administrator

tersebut.

63
2. Halaman Menu/Beranda

Halaman Beranda merupakan halaman utama admin yang berfungsi

untuk mengetahui menu-menu admin.

Halaman Administrator memiliki beberapa menu diantaranya sebagai berikut:

Gambar 3.6 Tampilan Beranda

a) Home

Menu ini berisi halaman utama dari akun administrator.

b) Tentang kami

Sebuah Perusahaan pengguna aplikasi harus punya wacana tentang latar

belakang perusahaan tersebut, hal ini juga bisa ditampilkan di menu Tentang

Kami.

64
 Gambar 3.7 Tampilan Tentang Kami

e) Berita Fashion

Halaman ini berfungsi mengupload berita produk-produk yang di hasilkan

atau di tawarkan dari pihak TOKO STAILKU kepada user.

Gambar 3.8 berita Fashion

65
f) Produk Baru

Menu Produk Baru menampilkan produk- produk yang terbaru dan update

yang langsung bisa dilihat oleh pengunjung website.

Gambar 3.9 Produk Baru

g) Registrasi

Menu berisi pendaftaran user dengan mengisi biodata user sesuai dengan

ketentuan.

66
 Gambar 3.10 Menu Registrasi

h) Login

Menu ini berfungsi user bisa masuk dan bisa mengakses website lebih rinci

lagi dengan ketentuan user sudah terdaftar di database.

Gambar 3.11 Login

j) Tampilan Beranda Setelah Login

67
Tampilan Beranda setelah Login ada beberapa perubahan seperti Menu Akun

Saya dan Keranjang Belanja yang sebelumnya tidak ada di beranda bila user

belum melakukan login.

Gambar 3.12 Tampilan Setelah Login

k) Menu Akun Saya

menu ini digunakan untuk menampilkan Akun User yang masuk ke aplikasi

fashion dan elektronik az Zahra.

68
 Gambar 3.13 Tampilan Setelah Login

l) Keranjang Belanja

menu ini menampilkan keranjang belanja berisi item yang dibeli oleh User.

Gambar 3.14 Tampilan Keranjang belanja

69
3. Halaman Isi

Gambar 3.15 Tampilan Halaman Produk

a) Home

Pada halaman ini sama persis dengan bagian konten utama.

b) Profil

Halaman ini berfungsi memberikan informasi mengenai profil TOKO

STAILKU berupa profil, sejarah, visi dan misi.

c) produk

Halaman ini memberikan informasi mengenai data produk yang di tawarkan

oleh perusahaan. Dan untuk dapat membeli produk harus menjadi member

dahulu, dengan cara mendaftar

70
Gambar 3.16 Pendaftaran Member

Gambar 3.17 Daftar Produk Barang

71
 Gambar 3.18 Pemesanan Produk

d) Kontak Pengunjung

kontak pengunjung atau yang lebih tepatnya adalah buku tamu Halaman ini

sebagai wadah kritik dan saran dari user.

72
 Gambar 3.19 Kontak Pengunjung

4. BAB IV

IMPLEMENTASI DAN PENGUJIAN SISTEM

4.1 Program

Program aplikasi ini dibuat dengan berbasis web, program ini terdiri

dari menu beranda, browse kost, Login, daftar dan Bantuan. Untuk melihat

tampilan kost yang sudah ada dapat melihat di browse kost dan untuk masuk dan

menjadi peserta maka klik login.

73
4.2 Desain Modul Aplikasi

4.2.1 Desain Beranda

Desain beranda dibuat sebagai tampilan awal saat mengkses

website dengan menampilkanb profil website/usaha dan gambaran tentang

kost dan harganya.

Gambar 4.20 Tampilan beranda Atas

74
 56

Gambar 4.21 Tampilan beranda Bawah

4.2.2 Desain Browse Tentang Kami

Tampilan ini menjelaskan tentang latar belakang perusahaan ini bergerak

dibidang penjualan fashion dan elektronik online, dan dapat dilihat dibawah ini :

Gambar 4.22 Tampilan Tentang kami

 57

4.2.3 TampilanBerita Fashion

Tampilan ini menjelaskan tentang berita fashion terkini yang berhubungan

dengan fashion dan elektronik dan bisa menjadi referensi bagi user untuk memilih

busana yang tepat:

Gambar 4.23 Tampilan Berita Fashion

4.2.4 Tampilan Produk Terbaru bagian atas

Tampilan ini menampilkan produk-produk terbaru dari Toko

Fashion dan elektronik. Tampilannya sebagai berikut :

 58

Gambar 4.24 Tampilan Produk Terbaru bagian atas

4.2.5 Tampilan Produk Terbaru bagian bawah

Tampilan ini menampilkan produk-produk terbaru dari Toko

Fashion dan elektronik Az-zahra. Tampilannya sebagai berikut :

Gambar 4.25 Tampilan Produk Terbaru bawah

 59

4.2.6 Tampilan Registrasi User bagian atas

Setelah mendaftar dan berhak mengakses aplikasi ini sesuai dengan

ketentuan yang berlaku maka user dapat menggunakan beberapa menu di

tampilan ini, seperti lihat produk, pesan produk,. Tampilan sebagai berikut

Gambar 4.26 Tampilan Menu yang bisa registrasi User bagian Atas

4.2.7 Tampilan Registrasi User bagian bawah

Setelah mendaftar dan berhak mengakses aplikasi ini sesuai dengan

ketentuan yang berlaku maka user dapat menggunakan beberapa menu di

tampilan ini, seperti lihat produk, pesan produk,. Tampilan sebagai berikut

:
 60

Gambar 4.27 Tampilan Menu yang bisa registrasi User bagian bawah

4.2.8 Keranjang belanja

Halaman ini Menampilkan apa saja yang dipesan oleh User /

pengunjung bersangkutan sesuai dengan Id user nya.

Gambar 4.28 Tampilan Keranjang Belanja

 61

4.2.9 Tampilan Kategori Produk

Halaman ini menampilkan produk-produk yang dijual sesuai

dengan kategorinya masing-masing. Tampilannya sebagai berikut :

Gambar 4.29 Tampilan Kategori Produk

4.2.10 Tampilan Produk Per Item

Halaman ini menampilkan produk-produk yang dijual sesuai

dengan Item masing-masing. Tampilannya sebagai berikut :

 62

Gambar 4.30 Tampilan Per Item Barang

4.2.11 Tampilan Halaman Edit Password

Halaman ini berfungsi untuk pengguna yang ingin mengedit password jika

ada perubahan username dan password untuk mengakses aplikasi ini.

Tampilannya sebagai berikut :

 63

Gambar 4.31 Tampilan Edit Profil

4.2.11 Tampilan Report Keranjang Belanja

Halaman ini menampilkan laporan belanja dari user yang sudah

melakukan pemesanan barang. Tampilannya sebagai berikut :

Gambar 4.32 Report Keranjang Belanja

 64

4.2.12 Tampilan Report Keranjang Belanja

Halaman ini menampilkan laporan stok barang yang Update. Tampilannya

sebagai berikut :

Gambar 4.33 Report Keranjang Belanja

 5. BAB IV

PENUTUP

5.1 Kesimpulan

Dalam perancangan sistem informasi Penjualan fashion dan elektronik

berbasis web ini menggunakan aplikasi HTML (Hypertext Markup Language)

dengan notepad karena merupakan aplikasi ini merupakan yang paling mudah

meskipun tampilannya masih belum maksimal dibandingkan Macromedia

Dreamweaver 8.0. Sistem informasi ini menyediakan berbagai informasi

mengenai fashion dan elektronik yang ada di banjarmasin dan kota lainnya

terutama produk Az-zahra.

5.2 Saran

Perancangan sistem informasi kost berbasis web ini belum merupakan

sistem yang sempurna karena masih sederhana, sehingga dibutuhkan

penyempurnaan sistem agar dapat melayani semua kebutuhan yang berkaitan

dengan informasi yang dibutuhkan sesuai dengan yang diharapkan. Adapun saran

dari penulis adalah sebagai berikut :

1. Penyempurnaan dan perbaikan terhadap sistem atas kekurangan-

kekurangannya.
2. Data-data yang disajikan masih terbatas sehingga perlu dikembangkan dan
dilengkapi.

65
 DAFTAR PUSTAKA

Agnes Maria Polina, S.Kom & Drs. JJ Siang, M.Sc. 2009. Cara Cepat Menyusun
Skripsi Jurusan Informatika/Komputer. Andi Offset Yogyakarta.

Fakri, Husein. Dkk. 2000.Sistem Informasi Komputer.PT Elex Media Komputindo

Kelompok Gramedia Jakarta.

Hartono, Jogiyanto. 1999. Pengenalan Komputer. Andi: Yogyakarta.

Wahana Komputer, Jakarta Panduan Belajar MySQL Database Server, 2010.

Yahya Yanuar, Lukmanul Hakim, 2004, “Pemrograman Delphi Dengan
DatabaseMicrosoft SQL Server”, PT. Gramedia, Jakarta.

Hikmat. 2009. Manajemen Sumber Daya Manusia. Pustaka Setia, Bandung.

Mangunhardjana. 2006, Managemen Sumber Daya Manusia Perusahaan, PT

Remaja Rosdakarya, Bandung

Martoyo, Susilo, 2010. Manajemen Sumber Daya Manusia. BPFE-UGM,

Yogyakarta.
Notoatmojo, Soekidjo. 2008. Pengembangan Sumber Daya Manusia. Edisi
Revisi, Penerbit Rineka Cipta, Jakarta.

66