i

SISTEM INFORMASI MANAJEMEN

BARANG TOKO CANTIK KOTA TIDORE KEPULAUAN MENGGUNAKAN

BAHASA PEMROGRAMAN HTML : WEB PROMOSI

TUGAS AKHIR

Diajukan Untuk Memenuhi

Persyaratan Guna Meraih Gelar Ahli Madya Diploma III

Teknik Elektro Universitas Muhammadiyah Malang

Disusun Oleh :

HENDI GUNAWAN

(201210150511012)

JURUSAN D-III ELEKTRO

FAKULTAS TEKNIK

UNIVERSITAS MUHAMAMDIYAH MALANG

2015

ii

LEMBAR PERSETUJUAN

SISTEM INFORMASI MANAJEMEN BARANG TOKO CANTIK KOTA TIDORE

KEPULAUAN MENGGUNAKAN BAHASA PEMROGRAMAN HTML : WEB

PROMOSI

Diajukan Untuk Memenuhi Persyaratan Guna Meraih Gelar Diploma (D3)

Teknik Elektro Universitas Muhammadiyah Malang

Disusun oleh

Hendi Gunawan

201210150511013

Diperiksa dan disetujui oleh :

Pembimbing I

Eko Budhi Cahyono, S.Kom., MT.

NIP : 10895040330

Pembimbing II

Machmud Effendi S.T.,M.Eng.

NIP : 10802030363

iii

LEMBAR PENGESAHAN

SISTEM INFORMASI MANAJEMEN BARANG TOKO CANTIK KOTA TIDORE

KEPULAUAN MENGGUNAKAN BAHASA PEMROGRAMAN HTML : WEB

PROMOSI

Diajukan Untuk Memenuhi Persyaratan Guna Meraih Gelar Diploma (D3)

Teknik Elektro Universitas Muhammadiyah Malang

Disusun Oleh : HENDI GUNAWAN

201210150511012

Tanggal Ujian : 24 Oktober 2015

Tanggal Wisuda : 28 November 2015 Disetujui Oleh :

1. Eko Budhi Cahyono,S.Kom., ST (Pembimbing I) NIP : 10895040330

2. Machmud Effendi, S.T.,M.Eng. (Pembimbing II) NIP : 10802030363

3. Dr.Ir. Lailis Syafa’ah, M.T. (Penguji I) NIP :10890090189

4. Ilyas Nuryasin, S.Kom., M.Kom (Penguji II) NIP : 10814100561

Mengetahui,

Ketua Jurusan Elektro

Ir. Nur Alif Mardiyah,M.T

NIP : 10892030257

iv

SURAT PERNYATAAN

Yang bertanda tangan dibawah ini :

NAMA : HENDI GUNAWAN

NIM : 201210150511012

FAK/JUR. : TEKNIK / D-III ELEKTRO

Dengan ini saya menyatakan bahwa Tugas Akhir dengan judul “SISTEM INFORMASI

MANAJEMEN BARANG TOKO CANTIK KOTA TIDORE KEPULAUAN

MENGGUNAKAN BAHASA PEMROGRAMAN HTML : WEB PROMOSI” beserta

dengan seluruh isinya adalah karya saya sendiri dan bukan merupakan karya tulis orang lain,

baik sebagian maupun seluruhnya, kecuali dalam bentuk kutipan yang telah disebutkan

sumbernya.

Demikian surat pernyataan ini saya buat dengan sebenar-benarnya. Apabila kemudian

ditemukan adanya pelanggaran terhadap etika keilmuan dalam karya saya ini, atau ada klaim

dari pihak lain terhadap keaslian karya saya ini maka saya siap menanggung segala bentuk

resiko/sanksi yang berlaku.

Malang, 4 November 2015

Yang membuat pernyataan

Hendi Gunawan

Mengetahui,

Pembimbing I

Eko Budhi Cahyono, S.Kom., ST

NIP : 10895040330

Pembimbing II

Machmud Effendi S.T.,M.Eng.

NIP : 10802030363

v

ABSTRAK

Toko Cantik Kota Tidore Kepulauan didalam perjalanan bisnisnya, telah memiliki rating

usaha yang cukup besar, sehingga namanya telah menjangkau seluruh daerah dan kecamatan

di Kota Tidore Kepulauan. Dengan memiliki pangsa pasar yang sangat baik, omset harian

rata-rata Toko cantik Kota Tidore Kepulauan telah mencapai 5.000.000 – 6.000.000 Rupiah.

Namun didalam beberapa periode ini, Toko Cantik Kota Tidore Kepulauan tidak

melakukan perkembangan yang baik pada bagian manajemen, yaitu tidak menerapkan dan

menggunakan media berbasis teknologi. Olehnya, secara tidak langsung berdampak buruk

pada perkembangan Toko Cantik Kota Tidore Kepulauan.

Tujuan dari program ini adalah memudahkan pemilik toko sebagai manager untuk dapat

melihat semua data penjualan dan pembelian yang dirangkum dalam bentuk data laporan

yang langsung di buat pada program manajemen barang Toko Cantik sehingga dapat diakses

dengan mudah oleh manager toko..

Kata kunci: Sistem Informasi, Pemrograman HTML, Database, Web Browser, Teknologi

vi

ABSTRACT

Toko Cantik Kota Tidore Kepulauan in the busines trip, has been rated for bussines large

enough, so that his name has to reach the whole area and sub- in the Kota Tidore Kepulauan.

By having the market share a very good, daily turnover of the average Toko Cantik Kota

Tidore Kepulauan has reached Rp 5.000.000 – Rp 6.000.000 .

However in some if this period, cantik store tidore city do not do good progress in the

manajement, which is not apply and use baseed media technology, whereby, indirect negative

impact on the development of Toko Cantik Kota Tidore Kepulauan.

The purpose of this program is to facilitate the owner of the store as a manager to be able

to see all the data of sales and purchases, which are summarized in the form of a direct

reporting data created in a Toko Cantik goods management program so that it can be easily

accessed by the store manager.

Keyword : Information System, HTML Programming, Database, Web Browser, Technology.

vii

LEMBAR PERSEMBAHAN

Puji syukur kehadirat Allah SWT atas rahmat dan karunia-Nya sehingga penulis dapat

menyelesaikan Tugas Akhir. Penulis menyampaikan ucapan terimakasih yang sebesar-

besarnya kepada :

1. Allah SWT, atas segala pemberian petunjuk dan kelancaran dalam pengerjaan dan

penyelesaian Tugas Akhir ini.

2. Kedua orang tua yang selalusetiamendoakan, memberikan dukungan dan motivasi

penulis sehingga bisa menyelesaikan Tugas Akhir ini.

3. Bapak Eko Budhi Cahyono,S.Kom,M.T dan Bapak Machmud Effendi, S.T, M.Eng

selaku pembimbing Tugas Akhir, terimakasih untuk bantuan dan kesabarannya dalam

membimbing penulis.

4. Ibu Dr.Ir. Lailis Syafa’ah, M.T dan Bapak Ilyas Nuryasin, S.Kom, M.T selaku

Penguji Tugas Akhir yang telah berbaik hati dan meluangkan waktunya untuk

menguji penulis dalam Sidang Tugas Akhir.

5. Ibu Ir. Nur Alif Mardyah,M.T selaku Dosen Wali dan Kepala Jurusan D3 Elektro

yang telah membimbing penulis dari awal sampai akhir dalam segala hal sehingga

penulis sampai pada tahap Tugas Akhir.

6. Pihak Dosen beserta staff Tata Usaha Jurusan Teknik Elektro Universitas

Muhammadiyah Malang.

7. Yts. Diah Haryanti yang menginspirasi penulis dan menjadi alasan kenapa penulis

sangat bersemangat dan serta termotivasi dalam menyelesikan Tugas Akhir ini.

8. Teman-teman seperjuangan D3 Teknik Elektro(TKJ) Universitas Muhammadiyah

Malang kelas A angkatan 2012.

9. Mohammad Taufan Pramono, Agus Santoso,dan Puspita Sari yang berjuang

bersama-sama dalam menyelesaikan Tugas Akhir.

10. Serta semua pihak yang tidak dapat penulis sebutkan satu persatu yang telah berjasa

dalam pengerjaanTugas Akhir ini.

viii

KATA PENGANTAR

Dengan memanjatkan puji syukur kehadirat Allah SWT atas segala limpahan rahmat

dan hidayah-Nya sehingga penulis dapat menyelesaikan tugas akhir yang berjudul :

“SISTEM INFORMASI MANAJEMEN BARANG TOKO CANTIK KOTA TIDORE

KEPULAUAN MENGGUNAKAN BAHASA PEMROGRAMAN HTML : WEB

PROMOSI”

Di dalam penulisan ini disajikan pokok-pokok pembahasan yang meliputi pendahuluan,

landasan teori, perancangan sistem, implementasi dan pengujian sistem. Peneliti menyadari

sepenuhnya bahwa dalam penulisan tugas akhir ini masih banyak kekurangan dan

keterbatasan. Oleh karena itu peneliti mengharapkan saran yang membangun agar tulisan ini

bermanfaat bagi perkembangan ilmu pengetahuan kedepan.

Malang, 4 November 2015

Penulis,

ix

DAFTAR ISI

LEMBAR JUDUL ............................................................................................ i

LEMBAR PERSETUJUAN ............................................................................ ii

LEMBAR PENGESAHAN ............................................................................. iii

LEMBAR PERNYATAAN ............................................................................. iv

ABSTRAK ........................................................................................................ v

ABSTRACT ...................................................................................................... vi

LEMBAR PERSEMBAHAN .......................................................................... vii

KATA PENGANTAR ...................................................................................... viii

DAFTAR ISI ..................................................................................................... ix

DAFTAR GAMBAR ........................................................................................ xii

DAFTAR TABEL ............................................................................................ xiv

BAB I. PENDAHULUAN

1.1 Latar Belakang ...................................................................................... 1

1.2 Rumusan Masalah ................................................................................. 1

1.3 Batasan Masalah ................................................................................... 2

1.4 Tujuan ................................................................................................... 2

1.5 Metodologi ............................................................................................ 2

1.6 Sistematika penulisan ............................................................................ 3

BAB II. DASAR TEORI

2.1 Definisi Sistem ....................................................................................... 4

2.2 Definisi Data .......................................................................................... 4

2.3 Definisi Informasi .................................................................................. 4

2.4 Pengertian Sistem Informasi .................................................................. 4

2.5 Promosi .................................................................................................. 5

2.6 Manajemen ............................................................................................. 5

2.7 Sistem Informasi Manajemen ................................................................ 8

x

2.8 Toko ....................................................................................................... 8

2.9 DreamWeaver ........................................................................................ 9

2.10 Appserv ................................................................................................ 10

2.11 Webserver ............................................................................................ 11

2.12 Browser ............................................................................................... 13

BAB III. PERANCANGAN SISTEM

3.1 Analisa ................................................................................................... 16

3.1.1 Deskripsi Sistem .............................................................................. 17

3.1.2 Analisa Kebutuhan Sistem ............................................................... 17

3.1.2.1 Klafisikasi Penggunaan Perangkat Lunak ................................. 17

3.1.3 Spesifikasi Perangkat Lunak ........................................................... 15

3.2 HPD (Hirarchy Process Diagram) ........................................................ 18

3.3 Flowchart ............................................................................................... 19

3.3.1 Flowchart Kontrol Web Promosi ..................................................... 19

3.4 DFD (Data Flow Diagram) ................................................................... 20

3.4.1 Context Diagram .............................................................................. 20

3.5 Design Database(Basis Data) ................................................................ 22

3.5.1 Membangun Database(Basis Data) ................................................. 23

3.6 Design Interface Kontrol Web Promosi ................................................. 26

3.7 Design Interface Web Promosi .............................................................. 30

BAB IV. IMPLEMENTASI DAN PENGUJIAN

4.1 Implementasi ......................................................................................... 31

4.1.1 Impelentasi Program Manajemen Toko Cantik .............................. 31

4.1.2 Sistem Kontrol Web Promosi ......................................................... 32

4.1.3 Web Promosi ................................................................................... 47

4.1.3.1 Tab Profil .................................................................................. 47

xi

4.1.3.2 Tab Cara Beli Barang Promosi ................................................. .49

4.1.3.3 Tab Daftar Barang Diskon ........................................................ 50

4.2 Pengujian Hasil Program ...................................................................... 52

4.2.1 Pengujian Fungsional Sistem Kontrol Web Promosi ...................... 53

4.2.2 Pengujian Fungsional Sistem Web Promosi ................................... 54

BAB V. PENUTUP

5.1 Kesimpulan ........................................................................................... 55

5.2 Saran ...................................................................................................... 56

DAFTAR PUSTAKA ....................................................................................... .57

xii

DAFTAR GAMBAR

Gambar 3.1 Arsitektur Sistem Secara Umum. .......................................................... 16

Gambar 3.2 HPD Sistem Informasi Manajemen Barang (web promosi) ............... 18

Gambar 3.3 Flowchart Kontrol Promosi................................................................... 19

Gambar 3.4 Context Diagram Web Promosi Toko cantik........................................ 21

Gambar 3.5 DFD Level 0 SIM Web Promosi Toko Cantik ..................................... 21

Gambar 3.6 DFD Level 1 Manajemen(kategori)Web Promosi Toko Cantik........... 21

Gambar 3.7 DFD Level 1 Manajemen(kategori)Web Promosi Toko Cantik........... 22

Gambar 3.8 Tabel Relasi Database(Basis Data) ..................................................... 23

Gambar 3.9 Design Interface Halaman Utama Kontrol Web Promosi..................... 26

Gambar 3.10 Design Interface Kategori produk ..................................................... 27

Gambar 3.11 Design Interface Kategori Produk,Tambah Produk ........................... 27

Gambar 3.12 Design Interface Kategori Produk, Edit Produk................................. 27

Gambar 3.13 Design Interface Menu Produk........................................................... 28

Gambar 3.14 Design Interface Menu Produk, Tambah produk ............................... 28

Gambar 3.15 Design Interface Menu Produk, Edit Produk ..................................... 29

Gambar 3.16 Design Interface Menu Profil Toko Toko Cantik ............................... 29

Gambar 3.17 Design Interface Menu Cara beli ........................................................ 30

Gambar 3.18 Design Interface Web Promosi ........................................................... 30

Gambar 4.1 Tampilan Login Admin pada Kontrol Web Promosi............................ 32

Gambar 4.2 Tampilan Sistem Kontrol Web Promosi ............................................... 33

Gambar 4.3 Tampilan Menu Kategori Produk ......................................................... 35

Gambar 4.4 Tampilan Tambah data Kategori ......................................................... 36

Gambar 4.5 Tampilan Edit data Kategori ................................................................. 37

Gambar 4.6 Tampilan Menu Produk ....................................................................... 37

Gambar 4.7 Tampilan Tambah data Produk ............................................................ 41

Gambar 4.8 Tampilan Edit data Produk ................................................................... 43

Gambar 4.9 Tampilan Menu Profil Toko cantik ...................................................... 44

Gambar 4.10 Tampilan Menu Cara beli produk promosi ......................................... 45

Gambar 4.11 Tampilan Menu Logout ...................................................................... 47

Gambar 4.12 Tab profil Web Promosi...................................................................... 48

Gambar 4.13 Tab Cara beli Produk Promosi ............................................................ 49

xiii

Gambar 4.14 Tab Daftar Barang Diskon Web Promosi ........................................... 50

xiv

DAFTAR TABEL

Tabel 3.1 Desain table Kategori .....................................................................24

Tabel 3.2 Desain table Modul.........................................................................24

Tabel 3.3 Desain Tabel Produk ......................................................................25

Tabel 4.1 Pengujian Fungsional Sistem Kontrol Web Promosi .....................53

Tabel 4.2 Pengujian Fungsional Sistem Web Promosi ..................................54