A.Latar Belakang

Pentingnya peranan teknologi informasi untuk

kebutuhan informasi yang di implementasi ke dalam

berbagai bentuk teknologi seperti web browser, web

mobile, aplikasi berbasis client server hal tersebut

mendukung peningkatan pelayanan promosi, penjualan,

pembelian dan transaksi secara elektronik. Dalam hal ini

penggunaan web browser sebagai media yang efektif dalam

pemasaran pada Toko Abang yang bertujuan untuk

meningkatkan penjualan melalui internet.

Seiring dengan meningkatnya permintaan produk oleh

konsumen dan perkembangan teknologi dewasa ini, maka

persaingan dalam perdagangan semakin ketat dan usaha yang

bisa dilakukan salah satunya adalah dengan cara promosi

dan pemberian informasi. Demikian halnya dalam penjualan

produk pada Toko Abang yang sebelumnya hanya melakukan

promosi dan pemberian informasi dengan cara memberikan

informasi dari satu konsumen ke konsumen lain, sedangkan

1

untuk konsumen yang sudah menjadi pelanggan tetap

mendapatkan informasi produk baru dari pemilik Toko via

Telepon. Dan belum tersedianya laporan penjualan dan

persediaan barang yang berguna untuk mengetahui Stock

barang yang tersedia dan barang yang terjual, sehingga

hasil penjualan yang didapat kurang maksimal. Dari uraian

diatas, perlu adanya sebuah sistem yang dapat membantu

meningkatkan penjualan serta permasalahan persediaan

barang maka judul untuk menyusun penulisan Laporan Tugas

Akhir ini “Aplikasi Penjualan Pakaian Secara Online Pada

Toko Abang”.

B. Perumusan Masalah

Dari latar belakang masalah di atas dapat dirumuskan

beberapa rumusan masalah yang akan dibahas dalam

penelitian ini yaitu :

1. Bagaimana merancang Sistem informasi yang dapat

meningkatkan penjualan dari Toko Abang .

2

2. Bagaimana merancang Sistem informasi yang dapat

menunjang proses pengelolaan persediaan barang pada Toko

Abang.

C. Identifikasi Masalah

Berdasarkan latar belakang, mengidentifikasikan perumusan

masalah sebagai berikut :

1. Membangun website penjualan dan persediaan

barang pada Toko Abang.

2. Membuat laporan persediaan barang.

D. Tujuan Penelitian

Tujuan dari dibangunnya Aplikasi penjualan dan persediaan

barang pakaian ini adalah:

1. Meningkatkan pelayanan yang lebih baik kepada

konsumen, dimana konsumen diharapkan dapat mengakses

secara on-line sehingga konsumen tidak perlu datang

3

langsung ke toko atau bertanya via telepon karena sudah

tergambar jelas pada webiste tersebut (terutama untuk

pelanggan tetap).

2. Untuk mengetahui informasi persediaan barang

yang sedang berjalan.

E. Manfaat Penelitian

Dengan adanya kegiatan penelitian ini, diharapkan dapat

memberikan manfaat bagi beberapa pihak antara lain :

1. Mempermudah dalam mengakses informasi produk.

2. Memperluas jangkauan pemasaran.

3. Memperluas pengetahuan

4. Membantu efektivitas kinerja instansi

4

F. Kerangka Berfikir

5

Masalah (Problem)

1. Belum adanya Sistem yang dapat meningkatkan penjualan dari Toko Abang .

2. Belum adanya Sistem yangdapat menunjang proses pengelolaan penjualan

Peluang (Opportunity)

1. Membangun website penjualan dan persediaan barang pada Toko Abang

2. Membuat laporan penjualan sehingga dapat memudahkan

Hasil (Result)

Dapat dengan mudah dan cepat dalam penyajian informasi

Metode (Approach)

Metode yang digunakanSDLC dengan model

Software Development

a. Dreamweaver cs3b. PHPc. MYSQLd. HTMLe. XAMPP

Gambar 1. Kerangka Berfikir

G. Landasan Teori

1. Aplikasi

Aplikasi adalah merupakan program aplikasi yang

sudah jadi atau siap pakai yang digunakan untuk suatu

aplikasi dibidang tertentu. [1]

2. Pengertian Data

Data itu sendiri merupakan bentuk yang masuh mentah

yang belum dapat bercerita banyak sehingga perlu diolah

lebih lanjut melalui suatu model untuk dihasilkan

informasi. [2]

3. Barang

6

Barang adalah segala sesuatu yang ditawarkan kepada

suatu pasar untuk memenuhi keinginan atau kebutuhan .

Segala sesuatu yang termasuk ke dalamnya adalah barang

berwujud, jasa, events, tempat, organisasi, ide atau pun

kombinasi antara hal-hal yang baru saja disebutkan. [3]

4. Web

Web merupakan kumpulan informasi pada server komputer

yang terhubung satu sama lain dalam jaringan internet

maupun intranet. Sedangkan aplikasi berbasis web (web

based) secara prinsip menyerupai aplikasi dalam komputer

biasa. Yang membedakan adalah dalam aplikasi web based

menggunakan tag-tag html sebagai dasar tampilan,

sedangkan aplikasi program komputer menggunakan berbagai

platform bahasa pemrograman. Aplikasi web terdiri dari

beberapa golongan, diantaranya adalah :

4.1. Inisialisasi Data Master

Proses yang dilakukan adalah pengisian satu atau beberapa

tabel yang akan digunakan sebagai referensi program

aplikasi. Pengisian data master secara umum terdiri dari

7

input data, verifikasi data, proses insert data jika data

belum terdaftar sebelumnya, atau update data jika data

telah ada sebelumnya, serta delete data jika data hendak

dihapus dari tabel master.

4.2. Operasi Reporting

Operasi mendapatkan data hasil query yang telah diolah

sehuingga didapat informasi yang digunakan untuk

kepentingan manajerial dan rekapitulsi beberapa

transaksi. Selain beberapa golongan tersebut juga

terdapat operasi verifikasi, penampilan profil,

penyampaian pesan, pengisian pesan khusus serta kombinasi

dari beberap golongan tersebut. [4]

5. Pengertian Internet

Internet merupakan singkatan dari Interconection

Networking. Menurut Randall dan Latulipe (Diana, 2001),

secara sederhana Internet dapat diartikan sebagai “a

global of computer network”. Dengan demikian pada

dasarnya internet merupakan suatu jaringan komputer yang

sangat besar, yang terbentuk dari jaringan-jaringan kecil

8

yang ada diseluruh dunia, yang selalu terhubung satu sama

lain.

5.1. Sejarah Internet

Jaringan Internet sukses dikembangkan dan diuji coba

pertama kali pada tahun 1969 oleh US Department of

Defense dalam proyek ARPAnet (Advanced Research Project

Network), guna mengatasi masalah komunikasi pada lembaga

penelitian. Semenjak itu, perkembangan internet

berlangsung amat pesat. Salah satu faktor yang

berpengaruh terhadap banyaknya pemakaian internet

diseluruh bagian dunia adalah dengan berkembangnya WWW

(World Wide Web), yang dirancang oleh tim Benners-Lee dan

staff ahli diLaboraturium CERN (Conseil European pour La

Recherche Nucleaire) di Jenewa, Swiss pada tahun 1991

yang mengakibatkan terjadinya revolusi dalam penggunaan

internet.internet tidak lagi hanya digunakan untuk

keperluan pemerintah tetapi juga digunakan dalam berbagai

segi kehidupan di masyarakat.

9

Berbagi segi tersebut misalnya, dari segi komunikasi

secara elektronik (baik dengan IRC (Internet Relay

Chatting) maupun pengiriman surat melalui e-mail), hingg

segi bisnis yang mulai bayak menggunakan internet sebagai

sarana promosi produk perusahaan yang dapat pula

dikembangkan media komunikasiperusahaan itu sendiri yaitu

sebagai media pemesanan yang akan meningkatkan

hubungannya dengan masyarakat baik melalui umpan

balikyang diberikan pelanggn maupun sebagai publik

relation perusahaan. [5]

6. Perangkat lunak penunjang

6.1. Dreamweaver CS3

Macromedia dreamweaver CS3merupakan HTML editor

professional yang berfungsi mendesain, melakukan editing

dan mengembangkan aneka website. [6]

6.2. PHP

PHP singkatan dari PHP : Hypertext Preprocessor yaitu

bahasa pemrograman web server-side yang bersifat open

source. PHP merupakan script yang terintegrasi dengan

10

HTML dan berada pada server ( server side HTML embedded

scripting ). PHP adalah script yang digunakan untuk

membuat halaman website yang dinamis. Dinais berarti

halaman yang akan ditampilkan dibuat saat halaman itu

diminta oleh client. Mekanisme ini menyebabkan informasi

yang diterima client selalu yang terbaru/up to date.

Semua script PHP dieksekusi pada server dimana script

tersebut dijalankan. [7]

6.3. MySQL

MySQl adalah program database yang mampu mengirim dan

menerima dengan sangat cepat dan multi user. MySQL

memiliki dua bentuk lisensi, yaitu free software dan

shareware. [8]

6.4. HTML

HTML (HyperText Markup Language) adalah standar informasi

yang berbasis hypertext yang dipakai pada Web.

Berdasarkan standar inilah Web browser bisa memahami isi

11

suatu dokumen yang berasal dari Web server. HTML bekerja

dengan menggunakan HTTP (HyperText Transfer protocol),

yaitu protocol komunikasi yang memungkinkan Web server

berkomunikasi dengan Web browser. [9]

6.5. XAMPP

XAMPP adalah salah satu paket instalasi Apache, PHP, dan

MySQL secara instan yang dapat digunakan untuk membantu

proses instalasi ketiga produk tersebut. [10]

7. ERD

ERD (Entity Relationship Diagram) adalah gambaran mengenai

berelasinya antarentitas

12

Sistem adalah kumpulan elemen yang setiap elemen

memiliki fungsi masing-masing dan secara bersama-

sama mencapai tujuan dari sistem tersebut.

‘Kebersama-sama’-an dari sistem di atas dilambangkan

dengan saling berelasinya antara satu entitas dengan

entitas lainnya

Entitas (entity/ entity set), memiliki banyak

istilah di dalam ilmu komputer, seperti tabel

(table), berkas (data file), penyimpan data (data

store), dan sebagainya

Komponen-komponen ERD

1. Entitas dan Atribut

Entitas adalah tempat penyimpan data, maka entitas

yang digambarkan dalam ERD ini merupakan data store

yang ada di DFD dan akan menjadi file data di

komputer

Entitas adalah suatu objek dan memiliki nama. Secara

sederhana dapat dikatakan bahwa jika objek ini tidak

13

ada di suatu enterprise (lingkungan tertentu), maka

enterprise tersebut tidak dapat berjalan normal.

Contoh, entitas ‘MAHASISWA’ harus ada di lingkungan

perguruan tinggi, begitu juga dengan entitas

‘DOSEN’, ‘MT_KULIAH’, dan sebagainya

Di dalam entitas ‘MAHASISWA’ berisi elemen-elemen

data (biodata mahasiswa) yang terdiri atas NPM,

NAMA, KELAS, ALAMAT, dan sebagainya. NPM, NAMA,

KELAS, dan ALAMAT disebut dengan atribut (field)

Gambar memperlihatkan bahwa atribut-atribut NPM,

NAMA, ALAMAT, dan TGL_LAHIR harus ada di dalam

biodata seorang mahasiswa.

Atribut-atribut TINGGI_BADAN, dan WARNA_RAMBUT

adalah atribut-atribut yang boleh tidak ada di dalam

biodata mahasiswa (karena tidak penting).

Sedangkan atribut NAMA_DOSEN adalah atribut yang

tidak boleh ada di entitas mahasiswa

Pada akhirnya, entitas ini akan menjadi file data

(yang bersifat master file) di dalam komputer.

14

Master file adalah file utama (yang harus ada, dan

sifatnya jarang berubah)

2. Relasi

Relasi adalah penghubung antara satu entitas (master

file) dengan entitas lain di dalam sebuah sistem

komputer. Pada akhirnya, relasi akan menjadi file

transaksi (transaction file) di komputer

Secara kalimat logis, contoh relasi yang terjadi di

sebuah perpustakaan adalah : “Anggota meminjam

buku,” atau “Anggota mengembalikan buku.” Dalam hal

ini, Anggota dan Buku adalah entitas, meminjam dan

mengembalikan adalah transaksi (relasi antara

anggota dan buku).[11]

8. Pengertian DFD

Data flow Diagram (DFD) adalah diagram yang

menggunakan notasi-notasi untuk menggambarkan arus dari

sistem. DFD sering digunakan untuk menggambarkan sustu

15

sistem yang telah ada atau sistem baru yang akan

dikembangkan secara logika tanpa mempertimbangkan

lingkungan fisik dimana data tersebut mengalir (misalnya

lewat telpon, surat, dan sebagainya) atau lingkungan

fisik dimana data tersebut akan disimpan (misalnya file

kartu, harddisk, tape, diskette, dan lain sebagianya).

Simbol-sombol yang digunakan di DFD mewakili maksud

tertentu, yaitu:

1. External entity (kesatuan Luar) atau boundary (batas

sistem)

Setiap sistem pasti memiliki batas sistem (boundary)

yang memisahkan suatu sistem dengan lingkungan luarnya.

Kesatuan luar (external entity) merupakan kesatuan di

lingkungan luar sistem yang dapat berupa orang,

organisasi atau sistem lainya yang berada di lingkungan

luarnya yang memberikan input atau menerima output dari

sistem.

2. Data flow (arus data)

16

Arus data di DFD diberi simbol panah. Arus data ini

mengalir diantara proses, simpanan, dan kesatuan

luar.

3. Process (proses)

Suatu proses adalah kegiatan atau kerja yang dilakukan

oleh orang, mesin atau komputer dari hasil suatu arus

data yang masuk ke dalam proses untuk dihasilkan arus

data yang akan keluar dari proses.

4. Data store (simpanan data)

Simpanan data (data store) merupakan simpanan dari data

yang dapat berupa suatu file atau database di komputer,

suatu arsip atau catatan manual dan lain sebagainya.

[12]

9. Diagram Konteks

Diagram konteks disebut juga dengan model sistem

fundamental atau model konteks, merepresentasikan seluruh

elemen sistem sebagai sebuah bubble tunggal dengan data

17

input dan output yang ditunjukan oleh anak panah yang

masuk dan keluar secara berurutan. [13]

10. Normalisasi

Menurut Marlinda (2004:115) normalisasi merupakan

”proses pengorganisasian file untuk menghilangkan grup

elemen yang berulang menjadi tabel-tabel yang menunjukkan

entity dan relasinya”. Pada proses ini selalu dituju pada

beberapa kondisi apakah ada kesulitan pada saat menambah

(insert), menghapus (delete), mengubah (update), membaca

(retrieve) pada suatu database. Bila ada kesulitan pada

pengujian tersebut maka relasi dapat dipecahkan pada

beberapa table lagi dengan kata lain perancangan yang

dilakukan belum mendapat suatu database yang optimal. Ada

beberapa kunci (key function) yang digunakan dalam

normalisasi, meliputi :

a. Kunci Calon ( Candidate Key )

18

Suatu atribut atau satu set minimal atribut yang

mengidentifikasikan secara unik suatu kejadian

yang spesifik dari suatu entity.

b. Kunci Primer (Primary Key)

Suatu atribut atau satu set minimal atribut yang

tidak hanya mengidentifikasikan secara unik suatu

kejadian yang spesifik, akan tetapi juga dapat

mewakili setiap kejadian dari suatu entity.

c. Kunci alternatif (Alternatif Key )

Mempunyai syarat yaitu bentuk data telah memenuhi

kriteria bentuk normal kesatu. Atribut bukan

kunci haruslah bergantung secara fungsi pada kunci

utama atau primary key.

d. Kunci tamu (Foreign Key)

Satu atribut atau satu set atribut yang melengkapi

satu relationship atau hubungan yang menunjukkan

keinduknya.

Dalam pembuatan normalisasi terdapat beberapa tahapan

yaitu :

19

1. Bentuk Tidak Normal (Unnormalized Form)

Bentuk tidak normal merupakan kumpulan data yang

akan direkam, tidak ada keharusan untuk mengikuti

format tertentu, dapat saja data tidak lengkap atau

terduplikasi. Data dikumpulkan apa adanya sesuai

dengan saat menginput.

2. Bentuk Normal Kesatu (1 NF/First Normal Form)

Bentuk normal kesatu mempunyai ciri yaitu setiap

data dibentuk dalam flat file, data dibentuk dalam

satu record demi satu record nilai dari field berupa

‘Atomatic value’. Tidak ada set atribut yang

berulang atau atribut bernilai ganda (multivalue).

Tiap field hanya satu pengertian.

3. Bentuk Normal Kedua (2 NF/Second Normal Form)

Bentuk normal kedua mempunyai syarat atau bentuk

data telah memenuhi kriteria bentuk normal kesatu.

Atribut bukan kunci haruslah bergantung secara

fungsi pada kunci utama (primery key). Sehingga

untuk membentuk normal kedua haruslah sudah

20

ditentukan kunci field. Kunci field haruslah unik

dan dapat mewakili atribut lain yang menjadi

anggotanya.

4. Bentuk Normal Ketiga (3 NF/ Thrid Normal Form)

Relasi harus dalam bentuk normal kedua dan semua

atribut bukan primer tidak punya hubungan yang

transitif.

5. Boyce-Codd Normal Form (BCNF)

Mempunyai paksaan yang lebih kuat dari bentuk normal

ketiga. Untuk menjadi BCNF, relasi harus dalam

bentuk normal kesatu dan setiap atribut harus

bergantung fungsi pada atribut super key. [14]

11. FLOWMAP

Flowmap adalah penggambaran secara grafik

darilangkah-langkah dan urut-urutanprosedur dari suatu

program.

Cara-cara membuat flowmap

21

Seorang analis dan programmer akan membuat flowmap ada

beberapa petunjuk yangharus diperhatikan, seperti :

1. Flowmap digambarkan dari halaman atas ke bawah

dan darikiri ke kanan.

2. Aktivitas yang digambarkan harus didefinisikan

secara hati-hati dan definisi ini harusdapat

dimengerti oleh pembacanya.

3. Kapan aktivitas dimulai dan berakhir harus

ditentukan secara jelas

4. Setiap langkah dari aktivitas harus diuraikan

denganmenggunakan deskripsi katakerja, misalkan

MENGHITUNG PAJAK PENJUALAN.

5. Setiap langkah dari aktivitas harus berada pada

urutan yang benar.

6. Lingkup dan range dari aktifitas yang sedang

digambarkan harus ditelusuri denganhati-hati.

Percabangan-percabangan yang memotong aktivitas

yang sedangdigambarkan tidak perlu digambarkan

pada flowmap yang sama. Simbol konektorharus

22

digunakan dan percabangannya diletakan pada

halaman yang terpisah atauhilangkan seluruhnya

bila percabangannya tidak berkaitan dengan

sistem.

7. Gunakan simbol-simbol flowmap yang standar.

11.1. Jenis-jenis Flowmap

1. Flowmap Sistem

2. Flowmap Paperwork atau Flowmap Dokumen

3. Flowmap Skematik

4. Flowmap Program

5. Flowmap Proses [15]

12. FLOWCHART

Adalah Bagan-bagan yang mempunyai arus yang menggambarkan

langkah -langkah penyelesaian suatu masalah. Flowchart

merupakan cara penyajian dari suatualgoritma.Suatu

flowchart adalah suatu representasi secara diagram yang

mengilustrasikanurutan dari operasi yang dilakukan untuk

23

mendapatkan suatu hasil. Dengan kata lain,flowchart

membantu kita untuk mengerti dan melihat bentuk algoritma

denganmenampilkan algoritma dalam simbol-simbol gambar.

Tujuan Membuat Flowchat :

• Menggambarkan suatu tahapan penyelesaian masalah

• Secara sederhana, terurai, rapi dan jelas

• Menggunakan simbol-simbol standar

Dalam penulisan Flowchart dikenal dua model, yaitu Sistem

Flowchart dan Program Flowchart.

12.1. System Flowchart

Bagan Yang memperlihatkan urutan prosedure dan proses

dari beberapa file di dalammedia tertentu.Melalui

flowchart ini terlihat jenis media penyimpanan yang

dipakai dalampengolahan data.• Selain itu juga

menggambarkan file yang dipakai sebagai input dan

output.• Tidak digunakan untuk menggambarkan urutan

langkah untuk memecahkanmasalah• Hanya untuk

menggambarkan prosedur dalam sistem yang dibentuk.

12.2.Program Flowchart

24

Yaitu: Bagan yang memperlihatkan urutan dan hubungan

proses dalam suatu program.Dua jenis metode penggambaran

program flowchart :

Conceptual flowchart , menggambarkan alur pemecahan

masalah secara global.

Detail flowchart , menggambarkan alur pemecahan

masalah secararinci. [16]

H. Metode Penelitian

Metodologi merupakan elemen yang paling mendasar

dari suatu proses. Berikut ini adalah metodologi yang

digunakan dalam membangun aplikasi dari “Aplikasi

Penjualan Dan Persediaan Barang Pakaian Pada Toko Abang

Secara Online” dengan langkah sebagai berikut :

1. Teknik Pengumpulan Data

Metodologi pengumpulan yang dilakukan dalam tugas akhir

ini adalah sebagai berikut:

25

A. Studi Kepustakaan

Studi kepustakaan adalah kajian yang dilakukan untuk

mengumpulkan data teoritis guna keperluan penulisan

penelitian ini dengan membaca buku-buku PHP, MySQL,

Sistem Informasi dan referensi yang berkaitan.

B. Metode Observasi ( Lapangan )

Metode ini dilakukan dengan cara melakukan pengamatan

langsung di Toko Abang untuk memperoleh keakuratan data

yang dibutuhkan.

C. Metode Wawancara

Metode wawancara yaitu melakukan tanya jawab langsung

dengan pihak pemilik Toko Abang untuk mengumpulkan data

yang diperlukan penelitian ini..

26

2. Metode Perancangan Sistem Informasi

Dalam melakukan perancangan aplikasi ini, metodologi

perancangan sistem informasi yang digunakan adalah model

Waterfall, Unified Modelling Language (UML), Normalisasi

27

I. Jadwal Penelitian

1.Tabel 1.Jadwal Penelitian

No Uraian KegiatanWaktu Pelaksanaan

Jan Feb Mar Apr1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4

1Menentukan

Masalah Umum                                2 Mencari Teori                                

3

Menentukan

Masalah Lebih

Khusus                                

4Pembuatan

Sistem/Program                                5 Pengujian Sistem                                

6Penulisan

Laporan Akhir                                

28

J. Daftar Pustaka

[1] Daulay, Melvin Syafrizal, Aplikasi, Yogyakarta : ANDI

[2] Fathansyah, Ir. 1999. Sistem Basis Data, Bandung :

Informatika

[3] Gordon B.Davis, “barang”,Drs.Moekijoat 1998.

[4] Bertha. Ir Husni I. Pohan, Ir M. Eng ”Web”,

Manajemen Bandung , 2006.

[5] ST Anhar “ Internet” Jakarta : mediakita, 2010

[6] ST Anhar, Panduan Menguasai PHP & MySQL Secara Otodidak,

Jakarta : mediakita, 2010

[7] Wahana Komputer, Panduan belajar MySQL Database Server,

Jakarta

: mediakita, 2010

[8] Abdul Kadir, Dasar Pemrograman Web,Yogyakarta : Andi

Yogyakarta, 2006

29

[9] C. Widyo Hermawan, Shortcourse PHP Programing, -

Ed.1-,

[10] Budi, xampp, 2005 : 116.

[11]. Edhy Sutanta ,Entity Relationship Diagram, ( 2004 :

79)

[12] Andri Kristanto ,Data Flow Diagram ,( 2008 :61 )

[13] Andri Kristanto ,Diagram Konteks ,( 2008 :70)

[14] Marlinda,Normalisasi, (2004:115)

[15]Yandi, data-flow-diagram-dfd-dan-flowmap,2010

[16] Anharku , Flowchart, 2009

30