Sistem Aplikasi Penjualan Baju dan Aksesoris Berbasis Web

(1)

TUGAS AKHIR

SISTEM APLIKASI PENJUALAN BAJU DAN AKSESORIS

BERBASIS WEB

SITI KHADIJAH NUR ZAIDAR KABUL

112406059

PROGRAM STUDI D3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

(2)

BERBASIS WEB

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli

Madya

SITI KHADIJAH NUR ZAIDAR KABUL

112406059

PROGRAM STUDI D3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

(3)

PERSETUJUAN

Judul : SISTEM APLIKASI PENJUALAN BAJU DAN

AKSESORIS BERBASIS WEB

Kategori : TUGAS AKHIR

Nama : SITI KHADIJAH NUR ZAIDAR KABUL

Nomor Induk Mahasiswa

: 112406059

Program Studi

: DIPLOMA III TEKNIK INFORMATIKA

Departemen

: MATEMATIKA

Fakultas

: MATEMATIKA DAN ILMU PENGETAHUAN

ALAM UNIVERSITAS SUMATERA UTARA

Disetujui di

Medan, Juni 2014

Diketahui,

Program Studi D3 Teknik Informatika

Ketua,

Dosen Pembimbing

(4)

PERNYATAAN

BERBASIS WEB

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil karya saya sendiri, kecuali

beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, Juni 2014

(5)

PENGHARGAAN

Puji dan syukur penulis ucapkan kepada Allah SWT yang telah

memberikan rahmat dan hidayah-Nya serta kesehatan hingga akhirnya penulis

dapat menyelesaikan tugas akhir yang berjudul “SI

STEM APLIKASI

PENJUALAN BAJU DAN AKSESORIS

BERBASIS WEB” pada waktu yang

telah di tetapkan. Terimakasih penulis sampaikan kepada Bapak Drs. Rosman

Siregar, M.Si selaku pembimbing yang telah meluangkan waktunya selama

penyusunan Tugas Akhir ini. Terimakasih kepada Bapak Dr. Sutarman, M.Sc

selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam. Bapak Prof. Dr.

Tulus, M.Si selaku Ketua Dapertemen Matematika Fakultas Matematika dan Ilmu

Pengetahuan Alam, Dr. Elly Rosmaini, M.Si selaku Ketua Program Studi D3

Teknik Informatika, Dekan dan Pembantu Dekan FMIPA USU, seluruh Staff

pengajar Program Studi D-3 Teknik Informatika FMIPA USU, pegawai FMIPA

USU.

(6)

ABSTRAK

(7)

DAFTAR ISI

Halaman

Persetujuan

ii

Pernyataan

iii

Penghargaan

iv

Abstrak

v

Daftar isi

vi

Daftar gambar

viii

Daftar Tabel

ix

BAB 1 Pendahuluan

1

1.1

Latar Belakang

1

1.2

Identifikasi Masalah

3

1.3

Rumusan Masalah

4

1.4

Batasan Masalah

4

1.5

Sistematika Penulisan

4

BAB 2 Landasan Teori

5

2.1

Pengertian Komputer

6

2.2

Pengertian Internet

6

2.3

Pengertian e-Commerce

8

2.3.1.

Jenis-jenis e-Commerce

9

2.3.2.

Karakteristik e-Commerce

12

2.4

Pengertian Sistem

14

2.5

Pengertian Aplikasi

14

2.6

HTML

15

(8)

2.7

PHP (Personal Home Page)

15

2.7.1

Struktur Dasar PHP

17

BAB 3 PERANCANGAN SISTEM

3.1

Data Flow Diagram

19

3.2

Gambar Diagram DFD

20

3.3

Flowchart(Diagram Alir)

21

3.3.1

Flowchart Menu Utama

22

3.3.2

Flowchart Pemesanan Produk

23

3.3.3

Flowchart Admin

24

3.3.4

Flowchart Member

25

3.4

Perancangan Database

25

BAB 4 IMPLEMENTASI SISTEM

4.1

Definisi Implementasi Sistem

29

4.2

Tujuan Implementasi

29

4.3

Komponen dalam Implementasi Sistem

30

4.3.1

Kebutuhan Perangkat Keras

30

4.3.2

Kebutuhan Perangkat Lunak

31

4.3.3

Kebutuhan Brainware

31

4.4

Tampilan Halaman Website

32

(9)

DAFTAR TABEL

Halaman

Tabel 3.1 Simbol Data Flow Diagram

20

Tabel 3.2 Simbol Data Flow Diagram 2

21

Tabel 3.3 Tabel Admin

26

Tabel 3.4 Tabel Member

26

Tabel 3.5 Tabel Produk

27

Tabel 3.6 Tabel Keranjang

27

Tabel 3.7 Tabel Transaksi

28

(10)

DAFTAR GAMBAR

Halaman

Gambar 3.1 Gambar Diagram DFD

20

Gambar 3.2 Flowchart Menu Utama

22

Gambar 3.3 Alur Flowchart Pemesanan Produk

23

Gambar 3.4 Alur Flowchart Admin

24

Gambar 3.5 Alur Flowchart Member

25

Gambar 4.1 Halaman Home

32

Gambar 4.2 Halaman Produk

33

Gambar 4.3 Halaman Aksesoris

33

Gambar 4.4 Halaman Cara Order

34

Gambar 4.5 Halaman Konfirmasi Pembayaran

34

Gambar 4.6 Halaman Registrasi

35

Gambar 4.7 Halaman Login Admin

35

Gambar 4.8 Halaman Produk Admin

36

Gambar 4.9 Halaman Member Admin

36

(11)

ABSTRAK

Sistem

e-learning

dengan berbagai macam kelebihannya yang saat ini telah

mencuri perhatian banyak pihak terutama para kalangan akademik, telah

membuka cakrawala baru dalam proses belajar mengajar di bidang pendidikan

dan merupakan cara alternatif yang cocok diterapkan dalam rangka pemahaman

terhadap suatu materi ajar di abad komunikasi masal saat ini. E-Learning

merupakan penyampaian informasi, komunikasi, pendidikan dan pelatihan secara

on-line. Hal ini tidak berarti e-learning menggantikan model belajar konvensional

di dalam kelas, tetapi memperkuat model belajar tersebut melalui pengayaan

konten dan pengembangan teknologi pendidikan. Sistem ini dibangun dengan

menggunakan perangkat lunak

Adobe Dreamweaver CS 5, XAMPP, Internet

browser Mozila firefox

. Dengan

Dreamweaver

sebagai penyunting halaman

Web

Interface

,

Photoshop

sebagai penyunting

background

halaman web dan

MySQL

sebagai penyunting database. Tujuan penelitian membangun sistem / website ini

adalah Menambah interaksi antara siswa dan guru dalam pemberian materi

pembelajaran, Proses kegiatan belajar mengajar diharapkan lebih efektif, Sebagai

sarana memfasilitasi untuk menunjang kegiatan belajar di sekolah, Memudahkan

siswa dalam pencarian materi pembelajaran dan juga menghemat waktu, karena

dengan melalui internet, modul dapat diakses kapan saja.

(12)

BAB 1

PENDAHULUAN

Pada bab ini penulis akan menjelaskan tentang alasan seperti mengapa penulis

mengambil judul dari masalah yang dialami atau disebut juga latar belakang,

identifikasi masalah dan rumusan masalah dari judul yang telah diangkat.

1.1

Latar Belakang

Dalam zaman sekarang ini masyarakat dituntut untuk menggunakan waktu

seefektif mungkin. Banyak diantara masyarakat yang tidak mau membuang waktu

untuk sekedar pergi untuk membeli sesuatu yang akan memakan banyak waktu.

Oleh karena itu efektifitas dan ketepatan waktu dalam melakukan kegiatan sangat

diperlukan agar sejalan dengan dunia teknologi modern saat ini. Teknologi

berkembang sangat pesat untuk segala bidang, termasuk dalam efisiensi waktu.

(13)

Sistem perdagangan dunia termasuk Indonesia dulunya masih menganut

sistem perdagangan tradisional. Sistem perdagangan tradisional merupakan

sebuah sistem dimana hubungan transaksi antara penjual dan pembeli dilakukan

secara langsung. Proses dari transaksi perdagangan tradisional yang dilakukan

terjadi di suatu tempat tertentu dimana pembeli dapat memilih dan mendatangi

toko dengan bebas. Transaksi dapat dilakukan jika sudah ada kesepakatan harga

antara pihak penjual dan pembeli. Terbatasnya waktu pembeli untuk memilih

dengan datang secara langsung membuat cara ini sudah mulai dikembangkan agar

pembeli tetap dapat bertransaksi tanpa harus datang langsung ke toko fisik.

Seiring berkembangnya teknologi dan sistem in

form

asi, media penjualan

dan transaksi mulai berpindah ke pasar yang lebih menjanjikan. Pasar tersebut

dapat menghubungkan antara penjual dan pembeli dengan menggunakan

teknologi untuk melakukan transaksi jual-beli tersebut. Pasar yang dimaksud akan

memudahkan pembeli yang berada di luar daerah dari penjual, sehingga penjual

dapat mencakup pelanggan yang lebih luas. Pembelian tidak akan terbatas hanya

karena berbeda daerah dari tempat penjual. Kemudahan pasar tersebut membuat

para penjual terus berlomba-lomba untuk menyediakan sistem in

form

asi agar

dapat terus bersaing di dunia perdagangan.

(14)

diharapkan untuk mengisi

form

registrasi tersebut. Data diri pembeli yang telah di

input akan berguna saat member membeli produk nantinya, serta memudahkan

admin untuk mengetahui informasi seperti alamat pengiriman dan nomor yang

dapat dihubungi saat pengiriman barang. Setelah pembeli menjadi

member

,

pembeli dapat memilih barang yang akan diinginkan. Selesai menyeleksi barang

yang dibeli, pembeli akan menuju halaman yang berisi info tentang barang dan

jumlah masing-masing barang yang dibeli. Pada menu admin terdapat sebuah

halaman dimana admin dapat merubah status transaksi yang sebelumnya masih

pesan menjadi proses pembeli jika pembayaran telah dilakukan oleh pembeli,

selain itu admin juga dapat melihat data diri member yang berguna saat barang

akan di proses nantinya.

1.2

Identifikasi masalah

(15)

1.3

Rumusan Masalah

Permasalahan yang akan dibahas dalam penelitian ini adalah:

a.

Bagaimana cara membangun suatu sistem aplikasi penjualan baju dan

aksesoris

online

yang berfungsi untuk membantu penjual dan pembeli

untuk memasarkan produknya secara

online

.

b.

Bagaimana membangun sistem aplikasi penjualan baju dan aksesoris

online

agar dapat membantu pembeli dalam melakukan transaksi yang

aman dan terpercaya.

1.4

Batasan Masalah

Berdasarkan kemampuan penulis dan keterbatasan waktu serta luasnya cakupan

permasalahan dalam penulisan Tugas Akhir ini, penulis membuat batasan masalah

yang akan dibahas. Penulis akan membatasi masalah dalam pembahasan

penyampaian informasi pada

admin

mengenai masukan barang yang masih

dilakukan secara manual melalui

database

secara langsung.

1.5

Sistematika Penulisan

(16)

pembahasan-pembahasan apa saja yang ada dalam setiap bab. Sistematika penulisan tugas

akhir ini adalah:

1.

BAB 1 : PENDAHULUAN

Dalam bab ini penulis akan menjelaskan latar belakang penulisan,

identifikasi masalah, rumusan masalah, batasan masalah, dan sistematika

penulisan.

2.

BAB 2 : LANDASAN TEORI

Dalam bab ini penulis akan menjelaskan dan menguraikan

pengertian-pengertian menegenai pokok pembahasan yang mengacu pada pembuatan

sistem aplikasi ini. Serta sistem aplikasi pendukung apa saja yang ada di

gunakan dalam membangun sistem aplikasi

e-commerce

ini.

3.

BAB 3 : PERANCANGAN SISTEM

Dalam bab ini penulis akan membahas tentang perancangan sistem dalam

bentuk

data flow diagram

, serta struktur

database

yang digunakan dalam

sistem aplikasi ini.

4.

BAB 4 : IMPLEMENTASI SISTEM

Dalam bab ini penulis akan menjelaskan pengertian dan tujuan dari

implementasi sistem yang dibangun.

5.

BAB 5 : KESIMPULAN DAN SARAN

(17)

BAB 2

LANDASAN TEORI

Pada bab ini penulis menjelaskan teori-teori singkat tentang hal yang berhubungan

dengan judul dan bahasa pemrograman yang digunakan oleh penulis. Teori ini

merupakan penjelasan tentang aplikasi yang digunakan dalam penyusunan tugas

akhir ini.

2.1

Pengertian Komputer

Sejak awal pembuatannya sampai sekarang, komputer telah banyak mengalami

perubahan dan penyempurnaan baik bentuk fisik dan fungsinya. Komputer adalah

alat yang dipakai untuk mengolah data menurut prosedur yang telah dirumuskan.

Kata

computer

semula dipergunakan untuk menggambarkan orang yang

perkerjaannya melakukan perhitungan aritmatika, dengan atau tanpa alat bantu.

Seiring dengan perkembangan zaman, istilah komputer tidak hanya mengacu pada

proses perhitungan. Pengertian komputer telah banyak mengalami perkembangan

tetapi arti kata ini kemudian dipindahkan kepada mesin itu sendiri.

(18)

merupakan alat penting untuk membantu dalam mempermudah mengerjakan

proses perhitungan. Selain itu fungsi komputer saat ini juga berperan penting dan

tidak bisa lepas dalam kehidupan sehari-hari masyarakat.

2.2

Pengertian Internet

Internet

berasal dari kata

Interconnection-networking

, yang merupakan sebuah

sistem global dari seluruh jaringan komputer yang saling terhubung meggunakan

Standar Internet Protocol Suite

(TCP/IP) sebagai

protocol

pertukaran paket

(

Packet Switching Communication Protocol

) untuk melayani milyaran pengguna

di seluruh dunia. Pengertian

internet

menurut segi ilmu pengetahuan adalah

sebuah perpustakaan besar yang di dalamnya terdapat jutaan informasi atau data.

Di mana data tersebut dapat berupa teks, grafik, audio, maupun animasi yang

nantinya akan di tampilkan di dalam media elektronik.

(19)

Sekarang ini

internet

sudah merupakan suatu kebutuhan bagi masyarakat.

Keinginan masyarakat untuk mempermudah pekerjaan didukung pula oleh

fasilitas

internet

. Dengan

internet

masyarakat akan mendapatkan informasi yang

tidak hanya di dalam daerah tapi juga diluar daerah. Banyak kegiatan yang dapat

dilakukan dengan

internet

. Misalnya berbagi berbagai informasi, komunitas

bahkan sampai kegiatan jual-beli.

2.3

Pengertian e-Commerce

Perdagangan elektronik atau e-dagang (bahasa Inggris:

Electronic commerce

, juga

e-commerce

) adalah penyebaran, pembelian, penjualan, pemasaran barang dan

jasa melalui sistem elektronik seperti

internet

atau televisi, www, atau jaringan

komputer lainnya. E-dagang dapat melibatkan transfer dana elektronik, pertukaran

data

elektronik, sistem manajemen inventori otomatis, dan sistem pengumpulan

data

otomatis.

(20)

Dalam banyak kasus, sebuah perusahaan e-commerce bisa bertahan tidak

hanya mengandalkan kekuatan produk saja, tapi dengan adanya tim manajemen

yang handal, pengiriman yang tepat waktu, pelayanan yang bagus, struktur

organisasi bisnis yang baik, jaringan infrastruktur dan keamanan, desain situs web

yang bagus, beberapa faktor yang termasuk:

1)

Menyediakan harga kompetitif.

2)

Menyediakan jasa pembelian yang tanggap, cepat, dan ramah.

3)

Menyediakan informasi barang dan jasa yang lengkap dan jelas.

4)

Menyediakan banyak bonus seperti kupon, penawaran istimewa, dan diskon.

5)

Memberikan perhatian khusus seperti usulan pembelian.

6)

Menyediakan rasa komunitas untuk berdiskusi, masukan dari pelanggan, dan

lain-lain.

7)

Mempermudah kegiatan perdagangan

2.3.1.

Jenis-jenis e-commerce

Transaksi dalam

e-ommerce

menyangkut dalam banyak hal, oleh karena itu jenis

e-commerce

dibagi menjadi 3 tipe di antaranya adalah:

1.

Electronic Market

(21)

menghubungkan organisasi yang menyediakan jasa dan fasilitas-fasilitas bagi

para penjual dan pembeli sehingga nantinya akan ada pertukaran informasi.

Keuntungan dari penggunaan Elektronik market ialah, adanya

efisiensi waktu bagi pihak pembeli dan penjual. Efisiensi waktu bagi penjual

di sini dapat berupa, market penjualan tidak memiliki batas waktu sehingga

penjual dapat memaksimalkan proses penjualanannya. Sedangkan bagi pihak

pembeli, adanya efisiensi waktu terhadap kapan dan dimana saja pelanggan

dapat membeli produk.

2.

Electronic Data Intercharge

(EDI)

Electronic Data Interchange

adalah sarana untuk mengefisiensikan

pertukaran data transaksi yang berulang dan dilakukan dalam jumlah besar

antara organisasi-organisasi komersil. EDI juga dapat di definisikan sebagai

transfer data terstruktur dengan format standart yang telah di setujui, dan di

lakukan dari satu sistem komputer ke sistem komputer lainnya dengan

menggunakan media elektronik.

(22)

Keuntungan EDI ialah, EDI atau

elektronik data interchange

memuliki

standarisasi pengkodean transaksi perdagangan, sehingga organisasi komersial

tersebut dapat saling tukar menukar data terjadi secara langsung sehingga

meminimalisir penundaan pengiriman informasi. Selain itu EDI dapat

mempersingkat waktu pemesanan, mengurangi biaya, mengurangi kesalahan,

serta dapat memberikan respon yang cepat dalam masalah pengiriman.

3.

Internet Commerce

Internet commerce

adalah penggunaan internet berbasis teknologi informasi

dalam komunikasi perdagangan. Kegiatan komersial ini dapat di contohkan

seperti iklan penjualan produk dan jasa melalui media elektronik. Sedangkan

transaksi pemesanan dan pembelian biasanya dapat di lakukan dengan cara

menghubungi

contact person

yang tertera dalam iklan.

Penggunaan internet sebagai media pemasaran dan saluran penjualan terbukti

mempunyai keuntungan antara lain:

1)

Untuk beberapa produk tertentu lebih sesuai ditawarkan melalui

internet

,

harga lebih murah mengingat membuat situs di internet lebih murah biayanya

dibandingkan dengan membuka

outlet retail

atau toko

offline

di berbagai

tempat.

(23)

3)

Pembelian melalui

internet

akan diikuti dengan layanan pengantaran barang

sampai di tempat pemesan.

Ecommerce

mengizinkan anda untuk menjual produk dan jasa secara

online

. Calon pembeli atau konsumen dapat menemukan

website

anda, membaca

dan melihat produk, memesan dan membayar produk- produk tersebut secara

online

.

2.3.2.

Karakteristik e-commerce

Berbeda dengan transaksi perdagangan biasa, transaksi e-commerce memiliki

beberapa karakteristik yang sangat khusus, yaitu :

1)

Transaksi tanpa batas.

(24)

2)

Transaksi anonym.

Para penjual dan pembeli dalam transaksi melalui internet tidak harus

bertemu muka satu sama lainnya. Penjual tidak memerlukan nama dari

pembeli sepanjang mengenai pembayarannya telah diotorisasi oleh

penyedia sistem pembayaran yang ditentukan, yang biasanya dengan kartu

kredit.

3)

Produk

digital

dan

non digital

. Produk-produk

digital

seperti

software

komputer, musik dan produk lain yang bersifat

digital

dapat dipasarkan

melalui internet dengan cara men

download

secara elektronik. Dalam

perkembangannya obyek yang ditawarkan melalui internet juga meliputi

barang-barang kebutuhan hidup lainnya.

4)

Implementasi

e-commerce.

(25)

Transaksi yang terjadi antara

demand

dan

supply

dapat dengan mudah

dilakukan walaupun yang bersangkutan berada dalam sisi geografis yang berbeda

karena kemajuan dan perkembangan teknologi informasi, yang dalam hal ini

adalah teknologi

e-commerce

.

2.4

Pengertian Sistem

Sistem berasal dari bahasa latin (systema) dan bahasa yunani (sustema) adalah

suatu kesatuan yang terdiri dari komponen atau elemen yang di hubungkan

bersama untuk memudahkan aliran informasi, materi, atau energi. Sistem juga

merupakan kesatuan bagian-bagian yang saling berhubungan yang berada dalam

suatu wilayah serta memiliki item-item penggerak (5th Edition. McGraw-Hill,

2001)

2.5

Pengertian Aplikasi

(26)

2.6

HTML (Hypertext Markup Language)

HTML (Hypertext Markup Language) adalah sebuah bahasa markup yang di gunakan

oleh browser untuk membuat sebuah halaman web. Fungsi html adalah untuk

membuat halaman web serta menampilkannya di dalam sebuah web browser.

2.6.1

Struktur Dasar HTML

Berikut ini adalah bentuk cara penulisan

script HTML

. Cara penulisan

HTML

tidak jauh berbeda dengan cara penulisan

PHP

. Pada cara penulisan

HTML

seperti:

<html>

<head>

</head>

<body>

……Script……

</body>

</html>

2.7

PHP (Personal Home Page)

(27)

sekumpulan script yang di gunakan untuk mengolah data forum dari sebuah web.

Dan pada mulanya PHP hanya di gunakan untuk menghitung pengunjung di

dalam suatu web.

Pada tahun 1995, Remus Ledorf mengeluarkan versi baru dari PHP yaitu

Personal Home Page Versi 1.0 secara gratis. Isi dari PHP versi 1.0 ini sendiri ialah

sekumpulan script PERL yang di buat oleh Remus Ledrof untuk membuat

halaman web menjadi dinamis. Kemudian pada tahun yang sama Remus Ledrof

merilis PHP versi 1.0 tersebut dan mengubah namanya menjadi PHP/FI.

(28)

2.7.1

Struktur Dasar PHP

Sebelum menjalankan program

PHP

sebaiknya komputer harus sudah

terkonfigurasi dengan baik ke dalam

web server

. Contoh

web server

antara lain

adalah:

1.

Apache Tomcat

2.

Apache Web Server

3.

MySQL

4.

SQL

Berikut adalah cara penulisan script

PHP

. Penulisan

PHP

di awali dengan

tanda lebih kecil (<) dan kemudian di akhiri dengan tanda lebih besar (>). Dalam

penulisan

PHP

sendiri memiliki beberapa cara di antaranya ialah:

1.

<?php

………Script PHP ………

?>

2.

<?

?>

3.

<%

%>

(29)

</script>

Berikut ini adalah contoh program untuk menampilkan tulisan “

Hello World”

menggunakan PHP:

<?php

Echo (“<b> Hello World </b>”);

?>

Berikut ini adalah contoh program untuk menyisipkan

syntax PHP

ke dalam

halaman

HTML

:

<html>

<head>

</head>

<body>

……syntax PHP………

</script>

</body>

(30)

BAB 3

PERANCANGAN SISTEM

Tahap perancangan sistem merupakan tahapan awal yang dilakukan penulis dalam

membangun sebuah

website

. Perancangan sistem dibuat bertujuan untuk

memberikan gambaran yang jelas mengenai rancangan program yang dibuat serta

untuk menguji logika pemrograman secara sederhana. Rancangan program ini

dapat di gambarkan dengan menggunakan

flowchart

(diagram alir).

3.1

Data Flow Diagram

Data flow diagram

merupakan gambar diagram yang menggunakan notasi untuk

menggambarkan arus data dari suatu sistem dengan menggunakan pendekatan

metode analisis sistem terstruktur.

(31)

[image:31.595.108.519.100.459.2]

Tabel 3.1 Simbol Data Flow Diagram

Gane / Sarson

Yourdon/De Marco

Keterangan

Enititas

Eksternal

Entitas

Eksternal

Entitas eksternal, dapat

berupa unit terkait yang

berinteraksi

dengan

sistem tapi berada di luar

sistem

Proses

Orang,

unit

yang

mempergunakan

atau

melakukan transformasi

data

Aliran data dengan arah

khusus dari sumber ke

tujuan

Data Store

Penyimpanan data atau

tempat data direfer oleh

proses

3.2

Gambar Diagram DFD

-

Login Admin

- Data Produk

-

Info Produk

-

Info Member

-

Info Transaksi

Gambar 3.1 DFD level Konteks

Sistem

E-Commerce

Admin Member

[image:31.595.124.478.496.725.2]

(32)

3.3

Flowchart (Diagram Alir)

Flowchart

atau diagram alir adalah sebuah diagram yang digambarkan dengan

menggunakan simbol-simbol grafis.

Flowchart

memiliki fungsi untuk

menjelaskan aliran algoritma dari suatu aplikasi, dan menganalisis masalah ke

dalam segmen untuk menganalisis alternatif lain dalam pengoperasian.

[image:32.595.106.515.347.680.2]

Flowchart

biasa disimbolkan dalam bentuk seperti dalam tabel berikut:

Tabel 3.2 Simbol-Simbol Data Flow Diagram 2

No.

Simbol

Keterangan

1

Terminal, untuk memulaidan mengakhiri suatu

program

2

Proses, suatu simbol yang menunjukkan setiap

pengolahan yang dilakukan oleh komputer

3

Input-Output, untuk memasukkan data maupun

menunjukkan hasil dari suatu proses

4

Decision, suatu kondisi yang akan menghasilkan

beberapa kemungkinan jawaban atau pilihan

5

Predefinned

Process,

suatu

simbol

untuk

menyediakan tempat pengolahan data dalam

storage

6

Connector, suatu prosedur akan masuk dan keluar

melalui simbol ini dalam lembar yang sama

(33)

3.3.1

Flowchart Menu Utama

Flowchart

menu utama dapat dilihat pada gambar di bawah ini:

[image:33.595.192.474.139.721.2]

Tidak

Ya

Tidak

Ya

Tidak

Ya

Tidak

Ya

Tidak

Ya

Tidak

Ya

Gambar 3.2 Alur Flowchart Menu Utama

Aksesor is Tampilan Produk Cara Order Tampilan Cara Order Konfirma si Tampilan Konfirmasi Registra si Tampilan Registrasi

Finish

Start

Tampilan

Web

Pilih Link Pada

Home _{Tampilan Home}

Pakaian Tampilan

(34)

3.3.2

Flowchart Pemesanan Produk

Flowchart

pemesanan produk dapat dilihat pada gambar di bawah ini:

Tidak

Ya

[image:34.595.182.482.176.532.2]

Tidak

Gambar 3.3 Alur Flowchart Pemesanan Produk

Start

Pilih Kategori

Produk

Beli

Login

Member

Finish

(35)

3.3.3

Flowchart Admin

Flowchart Admin dapat dilihat pada gambar di bawah ini:

Tidak

Ya

Tidak

[image:35.595.199.370.176.638.2]

Ya

Gambar 3.4 Alur Flowchart Admin

Start

Login

Admin

Daftar

Produk

Daftar

Member

Daftar

Transaksi

Logout

(36)

3.3.4

Flowchart Member

Flowchart

Admin

dapat dilihat pada gambar di bawah ini :

Ya

[image:36.595.199.386.161.560.2]

Ya

Gambar 3.5 Alur Flowchart Member

3.4

Perancangan Database

Database

adalah kumpulan dari

data

yang berhubungan antara yang satu dengan

yang lainnya, tersimpan diperangkat keras komputer dan menggunakan perangkat

lunak untuk memanipulasinya.

Database

merupakan salah satu komponen yang

Start

Login

Produk

Pemesanan

Logout

(37)

penting dalam sistem komputerisasi, karena

database

merupakan kumpulan dari

beberapa

file

, dalam hal ini

file-file

tersebut dikelompokan secara terstruktur

dalam beberapa tabel sesuai dengan informasi yang terkandung di dalamnya.

Berikut ini rancangan tabel yang penulis gunakan dalam membangun sistem

informasi :

[image:37.595.116.518.300.392.2]

a.

Tabel admin terdiri dari:

Tabel 3.3 Tabel admin

Nama Field

Tipe Data

Lebar Data

id_admin

integer

11

Username

varchar

20

Password

varchar

20

b.

Tabel member terdiri dari:

Tabel 3.4 Tabel member

Nama Field

Tipe Data

Lebar Data

Id_member

integer

10

Nama_member

varchar

30

Username

varchar

10

Email

varchar

30

Nohp

varchar

12

Alamat

varchar

60

Kodepos

integer

5

Kota

varchar

25

Provinsi

text

-

[image:37.595.108.516.492.731.2]

(38)

[image:38.595.108.517.144.338.2]

c.

Tabel produk terdiri dari:

Tabel 3.5 Tabel produk

Nama Field

Tipe Data

Lebar Data

Id_produk

varchar

9

Nama_produk

varchar

25

Harga

integer

7

Keterangan

varchar

100

Ukuran

varchar

7

Foto

varchar

50

Stok

integer

3

Id_kategori

integer

2

d.

Tabel keranjang terdiri dari:

Tabel 3.6 Tabel keranjang

Nama Field

Tipe Data

Lebar Data

Id_cart

integer

3

Id_produk

varchar

9

Id_session

varchar

50

Tgl

varchar

10

[image:38.595.109.516.438.569.2]

(39)

[image:39.595.106.518.139.414.2]

e.

Tabel transaksi terdiri dari:

Tabel 3.7 Tabel transaksi

Nama Field

Tipe Data

Lebar Data

Id_transaksi

Integer

3

Tgl_trans

Varchar

10

Id_member

Integer

10

Nama_kirim

Varchar

30

Alamat_kirim

Varchar

40

Kodepos_kirim

Integer

5

Provinsi_kirim

Varchar

20

Id_produk

Varchar

9

qty

Integer

2

status

Varchar

10

f.

Tabel kategori terdiri dari:

Tabel 3.8 Tabel kategori

Nama Field

Tipe Data

Lebar Data

Id_kategori

Integer

11

[image:39.595.109.521.478.549.2]

(40)

BAB 4

IMPLEMENTASI SISTEM

4.1

Definisi Implementasi Sistem

Implementasi sistem merupakan langkah-langkah atau prosedur yang dilakukan

dalam menyelesaikan desain sistem yang telah disetujui, untuk menguji,

meng-install

, dan memulai sistem baru atau sistem yang diperbaiki untuk menggantikan

sistem yang lama, sedangkan tahap implementasi sistem merupakan tahap

meletakkan sistem agar sistem dapat siap untuk dioperasikan.

4.2

Tujuan Implementasi

Adapun tujuan implementasi sistem, yaitu:

a.

Mengkaji rangkaian sistem baik dari segi

software

maupun

hardware

sebagai sarana pengolah

data

dan penyaji informasi.

(41)

4.3

Komponen dalam Implementasi Sistem

Agar perancangan sistem yang telah kita kerjakan dapat berjalan baik atau tidak,

maka perlu dilakukan pengujian terhadap sistem yang telah dikerjakan. Untuk itu

dibutuhkan beberapa komponen utama yang mencakup perangkat keras

(

hardware

), perangkat lunak (

software

) dan perangkat operator (

brainware

).

4.3.1

Kebutuhan Perangkat Keras

Perangkat keras (

hardware

) merupakan komponen peralatan yang membentuk

suatu sistem komputer dan peralatan tambahan lainnya yang mungkin komputer

menjalankan tugasnya sesuai dengan yang diberikan. Komponen ini bersifat nyata

secara fisik, artinya dapat dilihat dan dipergunakan, misalnya

monitor

, CPU

(

Central Processing Unit

),

printer

,

keyboard

, dan

mouse

.

Spesifikasi perangkat keras komputer yang digunakan dalam pembuatan

website

ini adalah :

1.

Laptop dengan Processor min Intel Core i5

2.

Memory

2 GB

3.

Harddisk sebagai media penyimpanan

4.

DVDR/W

(42)

Hardware

tidak dapat menyelesaikan masalah tanpa adanya

software

.

Software

merupakan komponen di dalam sistem data berupa program atau instruksi untuk

mengontrol suatu sistem. Perangkat lunak yang diperlukan untuk menjalankan

perangkat kerasnya adalah:

1.

Windows 7 Ultimate

2.

Apache

3.

Mysql

4.

Browser

5.

Macromedia Dreamweaver 8

4.3.3

Kebutuhan Brainware

Perangkat

Operator

(

Brainware

) yang dapat menjalankan

website

ini terbagi

menjadi 3 yaitu :

1.

Administrator

2.

Member

(43)

4.4

Tampilan Halaman Website

[image:43.595.156.471.276.486.2]

Untuk menjalankan sistem guna

web browser

pada pengujian ini penulis

menggunakan

web browser

Google Chrome setelah

web browser

jalan, ketikkan

pada

address bar

http://localhost/coleto/index.php untuk pengetesan halaman

utama. Halaman utama sistem tersebut seperti pada gambar berikut :

(44)

[image:44.595.153.474.82.296.2]

Gambar 4.2 Halaman Pakaian

[image:44.595.148.481.355.581.2]

(45)

[image:45.595.148.477.89.343.2] [image:45.595.142.485.358.583.2]

Gambar 4.4 Halaman Cara Order

(46)

[image:46.595.141.492.79.598.2]

Gambar 4.6 Halaman Registrasi

[image:46.595.138.489.84.314.2]

(47)

[image:47.595.128.498.86.288.2] [image:47.595.116.517.355.464.2]

Gambar 4.8 Halaman Produk Admin

Gambar 4.9 Halaman Member Admin

[image:47.595.132.497.536.632.2]

(48)

BAB 5

KESIMPULAN DAN SARAN

5.1

Kesimpulan

Setelah dilakukan perancangan, pembuatan, implementasi dan pengujian Sistem

Aplikasi Penjualan Baju dan Aksesoris berbasis web menggunakan PHP dan

MySql, kesimpulan yang diperoleh adalah sebagai berikut:

1.

Sistem ini dapat membantu mempermudah pemasaran dan penjualan

produk dari pengusaha.

2.

Sistem informasi ini berhubungan langsung dengan

database

, sehingga

mempermudah pengusaha untuk mengatur dan mengelola

data

produknya.

3.

Karena website ini berjalan pada jaringan internet, siapa saja bisa melihat

(49)

5.2

Saran

Adapun saran penulis dalam merancang dan membuat sistem informasi ini, yaitu:

1.

Lebih mengembangkan sistem transaksi penjualan yang lebih baik, aman

dan terpercaya.

(50)

DAFTAR PUSTAKA

Tutang. 2001.

Belajar Cepat HTML.

Jakarta : Medikom

Kadir, Abdul. 2005.

Dasar Pemrograman Web Dinamis Menggunakan

PHP

. Yogyakarta : Informatika Bandung

Mulyana. Y.B. 2004.

Trik Membangun Situs Menggunakan PHP dan MySQL

.

Jakarta: Elex Media Komputindo

Utdirartatmo, Firrar. 2006.

Segudang Trik Pengembangan Situs WEB

.

Yogyakarta : Penerbit Andi

Sutarman, 2003.

Membangun Aplikasi Web dengan PHP dan MySQL,

Yogyakarta

:

Graha Ilmu.

Purwanto. Yudhi. 2001.

Pemrograman Web dengan PHP.

Jakarta : Elex

Media Komputindo

(51)

L

A

M

(52)

LISTING PROGRAM

Index.php

<?php session_start();

include "include/header.php";

?>

<div id="cs"><span class="cst">CUSTOMER

SERVICE</span></div>

<div id="sms"><img

src="themes/enam/pesan.jpg"/></div>

<div id="layanan"><img

src="themes/enam/layanan.jpg"/></div>

<div id="ready"><img

src="themes/enam/ready.jpg"/></div>

<div id="order"><img

src="themes/enam/order.jpg"/></div>

<div id="frmlogin"><table bordercolor="#999999"

border="0">

if(!isset($_SESSION['username'])){ ?>

<form action="proseslogin.php"

method="post" id="form1">

<tr><td><h3>Username :</td></tr>

<tr><td><input type="text"

name="username" placeholder="Masukkan username"/></td></tr>

<tr><td><h3>Password

(53)

<tr><td><input type="password"

name="password" placeholder="Masukkan password"/></td></tr>

<tr><td><input type="submit"

value="Login"/></td></tr>

</form> <?php

}else{?>

<a href='logout.php'>LOGOUT</a>

<?php } ?>

</table>

</div>

</div>

<div class="kategori"><div id="imgkat"><img

(54)

Alasan Anda dapat mempercayai kami:

<li><font color="#FF0000">Tanpa

minimum order</font></li>

<li>Semua barang Ready Stock</li>

<li>Pemesanan dibuka setiap hari</li>

<li>Kami selalu mengusahakan harga yang

paling rendah untuk Anda</li></font>

<li>Respon cepat dan

terpercaya</li></font>

</ol>

</div>

<div id="src" style="width:750px;

height:38px;"><img src="themes/enam/hotproduct.png"

height="38"/></div>

<?php

include('koneksi.php');

$sql = mysql_query("select * from

kategori ORDER BY nama_kategori ASC");

?>

<?php

$SQL=mysql_query("select * from produk

where id_kategori = '1' or id_kategori='2' or

id_kategori='3' order by id_produk DESC LIMIT 0,8");

while($baris=mysql_fetch_array($SQL))

{

$id=$_REQUEST['id_produk'];

(55)

<div class="baju"><span

class="tbaju"><a href="detail.php?id_produk=<?php echo

$baris["id_produk"]; ?>">

<img src ="<?php echo

$baris['foto']; ?>" width="160" height="190"/>

<br/>

<font color="#CC0000"

face="Verdana, Arial, Helvetica, sans-serif">&hearts;<?php

echo "$baris[2]";?><br/></a></font></span>

</div>

<?php } ?>

</div><!---END OF

SUBKAT2--->

<?php include "include/footer.php"; ?>

Pakaian.php

?>

src="images/layanan.jpg"/></div>

src="images/ready.jpg"/></div>

(56)

<?php

$SQL = mysql_query("select * from produk where

id_kategori='1' or id_kategori='2' or id_kategori='3'");

?>

<?php

$batas=8;

$halaman=$_REQUEST['halaman'];

if(empty($halaman))

{ $posisi=0;

$halaman=1;

}

else

{ $posisi=($halaman-1)*$batas;

}

$SQL=mysql_query("select * from produk where

id_kategori = '1' or id_kategori='2' or id_kategori='3'

order by id_produk DESC LIMIT $posisi,$batas");

{

?>

<div class="baju"><span class="tbaju"><a

href="detail.php?id_produk=<? echo $baris["id_produk"]; ?>">

(57)

<font color="#CC0000">Rp <?php echo

"$baris[2]";?></a></font></span>

</div>

<?php

}

$qry2=mysql_query("select * from produk where

$result=mysql_num_rows($qry2);

$jmlhalaman=ceil($result/$batas);

if($jmlhalaman==0)

echo "Data tidak ada";

if($halaman>1)

{

$prev=($halaman-1);

?><div class="nohalaman">

<a href="pakaian.php?&halaman=1"> <

<First </a> |

<a href="pakaian.php?&<?php echo

"halaman=$prev";?>" class="link"><<Previous  

</a>

<?php

}

else

{

echo "<p>First| <Previous";

}

//tampilkan link halaman 1,2,3...

for($i=1;$i<=$jmlhalaman; $i++)

{

(58)

}

else {

?>

<a href="pakaian.php?&<?php

echo"halaman=$i";?>"><?php echo "$i"; ?></a>

<?php }

}

if($halaman<$jmlhalaman)

{

$next=$halaman+1;

?>

<a href="pakaian.php?<?php echo

"halaman=$next";?>" class="link">Next>|

</a>

"halaman=$jmlhalaman";?>" class="link">last>> </a>

<?php

}

?>

</div>

</div>

112406059</h4></div>

</div>

</center>

</body>

</html>

Dress.php

(59)

?>

src="images/order.jpg"/></div>

</div>

<?php

id_kategori='3'");

?>

<?php

$batas=8;

if(empty($halaman))

{ $posisi=0;

$halaman=1;

}

else

(60)

id_kategori = '3' order by id_produk DESC LIMIT

$posisi,$batas");

{

?>

<?php echo "$baris[0]";?><br/>

</div>

<?php

}

id_kategori='3'");

if($jmlhalaman==0)

if($halaman>1)

{

$prev=($halaman-1);

(61)

</a>

<?php

}

else

{

}

{

if($i==$jmlhalaman){

echo "$i";

}

else {

?>

<?php }

}

{

$next=$halaman+1;

?>

</a>

<?php

}

(62)

112406059</h4></div>

</center>

</body>

</html>

Tops.php

?>

</div>

<?php

(63)

id_kategori='1'");

?>

<?php

$batas=8;

if(empty($halaman))

{ $posisi=0;

$halaman=1;

}

else

}

$posisi,$batas");

{

?>

</div>

(64)

id_kategori='1'");

if($jmlhalaman==0)

if($halaman>1)

{

$prev=($halaman-1);

<First </a> |

</a>

<?php

}

else

{

}

{

echo "$i";

}

else {

?>

(65)

}

{

$next=$halaman+1;

?>

</a>

<?php

}

?>

112406059</h4></div>

</center>

</body>

</html>

Rajut.php

?>

(66)

</div>

<?php

id_kategori='2'");

?>

<?php

$batas=8;

if(empty($halaman))

{ $posisi=0;

$halaman=1;

}

else

}

$posisi,$batas");

(67)

?>

</div>

<?php

}

id_kategori='2'");

if($jmlhalaman==0)

if($halaman>1)

{

$prev=($halaman-1);

<First </a> |

</a>

<?php

(68)

{

}

{

echo "$i";

}

else {

?>

<?php }

}

{

$next=$halaman+1;

?>

</a>

<?php

}

?>

112406059</h4></div>

(69)

</center>

</body>

</html>

Aksesoris.php

?>

</div>

<?php

?>

<?php

(70)

if(empty($halaman))

{ $posisi=0;

$halaman=1;

}

else

}

id_kategori = '4' or id_kategori='5' or id_kategori='6'

order by id_produk DESC LIMIT $posisi,$batas");

{

?>

</div>

<?php

}

(71)

{

$prev=($halaman-1);

<First </a> |

</a>

<?php

}

else

{

}

{

echo "$i";

}

else {

?>

<?php }

}

{

$next=$halaman+1;

?>

(72)

<?php

}

?>

112406059</h4></div>

</center>

</body>

</html>

Cincin.php

?>

(73)

<?php

id_kategori='5'");

?>

<?php

$batas=8;

if(empty($halaman))

{ $posisi=0;

$halaman=1;

}

else

}

id_kategori='5' order by id_produk DESC LIMIT

$posisi,$batas");

{

?>

(74)

</div>

<?php

}

id_kategori='5'");

if($jmlhalaman==0)

if($halaman>1)

{

$prev=($halaman-1);

<First </a> |

</a>

<?php

}

else

{

}

{

(75)

}

else {

?>

<?php }

}

{

$next=$halaman+1;

?>

</a>

<?php

}

?>

112406059</h4></div>

</center>

</body>

</html>

Hto.php

(76)

?>

</div>

<div class="kategori"><h2 align="justify"

style="font-family:Verdana, Arial, Helvetica, sans-serif;

color:#CC3300">How to Order</h2>

<ol style="font-family:Verdana, Arial, Helvetica,

sans-serif; font-size:16px; text-align:left;">

<li>Registrasi <a

href="registrasi.php">disini</a> jika kamu belum

teregistrasi, dan jika kamu sudah registrasi silahkan login

pada kolom kiri bawah </li>

<li>Silahkan pilih pakaian dan aksesoris

pilihan kamu. Pakaian/aksesoris yang sudah kamu pilih akan

masuk ke keranjang belanja</li>

<li>Pilih 'selesai' jika kamu siap untuk

melakukan pembayaran</li>

<li>Masukkan nama, alamat lengkap, no telp

dll sesuai dengan tujuan kiriman barang</li>

<li>Dalam beberapa saat Admin akan

mengirimkan sms total pembayaran ditambah dengan ongkos

kirim ke daerah tujuan pengiriman</li>

(77)

a/n Siti Khadijah

BNI cabang USU

002781911</li>

<li>Pembayaran dilakukan maksimal 1x24 jam,

lewat dari itu pesanan dianggap CANCEL</li>

<li>Silahkan konfirmasi pembayaran jika

sudah membayar <a href="konfirmasi.php">disini</a></li>

</ol>

112406059</h4></div>

</center>

</body>

</html>

Registrasi.php

?>

(78)

<div><a href="#"><img src="images/aksesoris.jpg"

alt="Penghasilan dari Internet" /></a></div>

<div><a href="#"><img src="images/pakaian.jpg"

alt="Bisnis online" /></a></div>

</div>-->

<div class="formreg"> <h2

style="color:#666666">SILAHKAN ISI FORM REGISTRASI</h2>

<table>

(79)

(80)

(81)

<option

value="Kaltim">Kalimantan Timur</option>

<option

value="Sulut">Sulawesi Utara</option>

<option

value="Sulbar">Sulawesi Barat</option>

<option

value="Sulteng">Sulawesi Tengah</option>

<option

value="Sultenggara">Sulawesi Tenggara</option>

<option

value="Sulsel">Sulawesi Selatan</option>

<option

value="Gorontalo">Gorontalo</option>

<option

value="Maluku">Maluku</option>

<option value="Maluku

Utara">Maluku Utara</option>

</select>

<!--<input type="text"

name="provinsi"/>--></td>

</tr>

<tr>

<td>Password</td>

<td><input type="password"

name="pass_member"/></td>

</tr>

<tr><td><input type="submit"

value="Daftar"/></td></tr>

</form>

</table>

</div>