SISTEM INFORMASI MANAJEMEN
BARANG TOKO CANTIK KOTA TIDORE KEPULAUAN MENGGUNAKAN BAHASA PEMROGRAMAN HTML : SISTEM ADMINISTRASI
TUGAS AKHIR
Diajukan Untuk Memenuhi
Persyaratan Guna Meraih Gelar Ahli Madya Diploma III Teknik Elektro Universitas Muhammadiyah Malang
Disusun Oleh :
MOHAMMAD TAUFAN PRAMONO (201210150511008)
JURUSAN D-III ELEKTRO FAKULTAS TEKNIK
ii
LEMBAR PERSETUJUAN
SISTEM INFORMASI MANAJEMEN BARANG TOKO CANTIK KOTA TIDORE KEPULAUAN MENGGUNAKAN BAHASA PEMROGRAMAN HTML : SISTEM
ADMINISTRASI
Diajukan Untuk Memenuhi Persyaratan Guna Meraih Gelar Diploma (D3) Teknik Elektro Universitas Muhammadiyah Malang
Disusun oleh
Mohammmad Taufan Pramono 201210150511008
Diperiksa dan disetujui oleh :
Pembimbing I
Eko Budhi Cahyono, S.Kom., M.T. NIP : 10895040330
Pembimbing II
iii
LEMBAR PENGESAHAN
SISTEM INFORMASI MANAJEMEN BARANG TOKO CANTIK KOTA TIDORE KEPULAUAN MENGGUNAKAN BAHASA PEMROGRAMAN HTML : SISTEM
ADMINISTRASI
Diajukan Untuk Memenuhi Persyaratan Guna Meraih Gelar Diploma (D3) Teknik Elektro Universitas Muhammadiyah Malang
Disusun Oleh :
MOHAMMAD TAUFAN PRAMONO 201210150511008
Tanggal Ujian : 24 Oktober 2015 Tanggal Wisuda : 28 November 2015
Disetujui Oleh :
1. Eko Budhi Cahyono, S.Kom., M.T. (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
iv
SURAT PERNYATAAN
Yang bertanda tangan dibawah ini :
NAMA : MOHAMMAD TAUFAN PRAMONO
NIM : 201210150511008
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 : SISTEM ADMINISTRASI” 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
Mohammad Taufan Pramono
Mengetahui, Pembimbing I
Eko Budhi Cahyono, S.Kom., M.T. NIP : 10895040330
Pembimbing II
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 pembuatan sistem administrasi ini adalah untuk memudahkan manajemen barang pada toko cantik di kota tidore kepulauan. Sistem yang dibangun menggunakan bahasa pemrograman HTML ini memiliki basis data sebagai pusat penyimpanan data.
Hasil analisa dari sistem administrasi ini menunjukan bahwa sistem secara signifikan mampu mengembangkan gerak bisnis toko cantik kota tidore kepulauan pada pada bagian manajemen.
vi ABSTRACT
Toko Cantik Kota Tidore Kepulauan in the course of its business, has been rated for considerable effort, so his name has reached all regions and districts in the city tidore archipelago. By having a very good market share, the average daily turnover beautiful store Tidore Islands has reached 5.000.000 - 6.000.000 IDR. However, in some periods, the store pretty town tidore islands did a good development on the part of management, which does not apply and use of technology-based media. By it, indirectly have a negative impact on the development of Toko Cantik Kota Tidore Kepulauan. The purpose of this system is to facilitate manejmen goods at Toko Cantik Kota Tidore Kepluan. The system was built using HTML programming language has three main systems, namely the system manager reports, system administration, and web promotion. This system test results show that the system can significantly develop store business motion tidore beautiful city on the island at better management.
vii
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 : SISTEM
ADMINISTRASI”
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
viii DAFTAR ISI
LEMBAR JUDUL ... i
LEMBAR PERSETUJUAN ... ii
LEMBAR PENGESAHAN ... iii
SURAT PERNYATAAN ... iv
ABSTAK ... v
ABSTRACT... vi
KATA PENGANTAR ... vii
DAFTAR ISI ... viii
DAFTAR GAMBAR ... xi
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 Sistem Informasi ... 4
2.2 Manajemen ... 5
2.3 Sistem Informasi Manajemen ... 5
2.4 Toko ... 6
2.5 Dreamweaver ... 6
2.6 Appserv ... 8
2.7 Web server ... 8
2.8 Browser ... 10
2.9 Basis Data ... 11
2.10MySQL ... 12
2.11PHP (Personal Home Page) ... 12
ix BAB III. PERANCANGAN SISTEM
3.1 Analisa ... 14
3.1.1 Deskripsi Sistem ... 15
3.1.2 Analisa Kebutuhan Sistem ... 15
3.1.2.1 Klasifikasi Pengguna Perangkat Lunak ... 15
3.1.3 Spesifikasi Perangkat Lunak ... 15
3.2 HPD (Hierarchy Process Diagram) ... 16
3.3 Flowchart ... 17
3.4 Context Diagram ... 24
3.5 DFD (Data Flow Diagram) ... 23
3.5.1 DFD (Data Flow Diagram) Level 2 Manajemen Barang ... 27
3.5.2 DFD (Data Flow Diagram) Level 2 Manajemen User ... 28
3.6 Design Basis Data ... 29
3.5.1 Membangun Basis Data ... 30
3.7 Design interface login... 39
3.8 Design interface Halaman Utama ... 40
3.7.1 Design interface Home ... 40
3.7.2 Design interface Administrator ... 40
3.7.3 Design interface Data Supplier ... 42
3.7.4 Design interface Data Kategori ... 43
3.7.5 Design interface Data Barang ... 44
3.7.6 Design interface Pembelian ... 46
3.7.7 Design interface Penjualan ... 48
BAB IV. IMPLEMENTASI DAN PENGUJIAN SISTEM 4.1 Implementasi ... 50
4.1.1 Implementasi Sistem Administrasi Toko Cantik ... 50
4.1.1.1 Login ... 51
4.1.1.2 Halaman Utama ... 54
4.1.1.3 Home... 57
4.1.1.4 Administrator ... 58
4.1.1.5 Data Supplier ... 68
4.1.1.6 Data Kategori ... 80
4.1.1.7 Data Barang ... 89
x
4.1.1.8 Penjualan... 114 4.2 Pengujian Hasil Program ... 127 4.3 Pengujian Proses Program ... 129 BAB IV. IMPLEMENTASI DAN PENGUJIAN SISTEM
xi
DAFTAR GAMBAR
Gambar 3.1 Arsitektur Sistem Administrasi Secara Umum ... 14
Gambar 3.2 HPD Sistem Administrasi Toko Cantik ... 16
Gambar 3.3 Flowchart Sistem Administrasi Toko Cantik ... 17
Gambar 3.4 Lanjutan flowchart Sistem Administrasi (Menu Administrator) ... 18
Gambar 3.5 Lanjutan flowchart Sistem Administrasi (Menu Data Supplier) ... 19
Gambar 3.6 Lanjutan flowchart Sistem Administrasi (Menu Data Kategori) ... 20
Gambar 3.7 Lanjutan flowchart Sistem Administrasi (Menu Data Barang) ... 21
Gambar 3.8 Lanjutan flowchart Sistem Administrasi (Menu Pembelian)... 22
Gambar 3.9 Lanjutan flowchart Sistem Administrasi (Menu Penjualan (Kasir)) ... 23
Gambar 3.10 Context Diagram SIM barang Toko Cantik Kota Tidore Kepulauan ... 24
Gambar 3.11 DFD Level 0 SIM Barang Toko Cantik Kota Tidore Kepulauan ... 25
Gambar 3.12 DFD Level 1, Sistem Administrasi Toko Cantik Kota Tikep ... 26
Gambar 3.13 DFD Level 2, Sistem Administrasi (Manajemen Barang) ... 27
Gambar 3.14 DFD Level 2, Sistem Administrasi (Manajemen user) ... 28
Gambar 3.15 Tabel Relasi Basis Data ... 29
Gambar 3.16 Design Interface Form Login pada User ... 39
Gambar 3.17 Design Interface Halaman Utama Sistem Administrasi ... 40
Gambar 3.18 Design Interface Perngelolah Data Administrator ... 40
Gambar 3.19 Design Interface Tambah Data Administrator ... 41
Gambar 3.20 Design Interface Edit Data Administrator ... 41
Gambar 3.21 Design Interface Pengelolahan Data Supplier ... 42
Gambar 3.22 Design Interface Tambah Data Supplier... 42
Gambar 3.23 Design Interface Edit Data Supplier ... 43
Gambar 3.24 Design Interface Pengelolahan Data Kategori ... 43
Gambar 3.25 Design Interface Tambah Data Kategori ... 44
Gambar 3.26 Design Interface Edit Data Kategori... 44
Gambar 3.27 Design Interface Pengelolahan Data Barang ... 44
Gambar 3.28 Design Interface Tambah Data Barang... 45
Gambar 3.29 Design Interface Edit Data Barang ... 45
Gambar 3.30 Design Interface Pengelolahan Data Pembelian Barang ... 46
Gambar 3.31 Design Interface Menampilkan Riwayat Transaksi ... 47
xii
Gambar 3.33 Design Interface Menampilkan Riwayat Transaksi ... 49
Gambar 4.1 Login Sistem Administrasi Toko Cantik ... 51
Gambar 4.2 Login Tanpa Password ... 52
Gambar 4.3 Login Tanpa Username ... 52
Gambar 4.4 Login Tanpa Password & Username ... 52
Gambar 4.5 Login Gagal (Tidak Terdaftar Di Basis Data)... 53
Gambar 4.6 Login Sukses (Halaman Utama) ... 54
Gambar 4.7 Halaman Home... 57
Gambar 4.8 Manajemen Administrator ... 58
Gambar 4.9 Add Data (Tambah Data) Administrator ... 59
Gambar 4.10 Add Data (Tambah Data) Berhasil... 60
Gambar 4.11 Edit Data (Ubah Data) Administrator ... 63
Gambar 4.12 Edit Data (Ubah Data) Administrator Berhasil ... 63
Gambar 4.13 Hapus Data Administrator ... 67
Gambar 4.14 Hapus Data Administrator Berhasil ... 67
Gambar 4.15 Manajemen Data Supplier... 68
Gambar 4.16 Add Data (Tambah Data) Supplier ... 71
Gambar 4.17 Add Data (Tambah Data) Supplier Berhasil ... 71
Gambar 4.18 Edit Data (Ubah Data) Supplier ... 74
Gambar 4.19 Edit Data (Ubah Data) Supplier Berhasil... 75
Gambar 4.20 Notifikasi Hapus Data Supplier ... 78
Gambar 4.21 Hapus Data Supplier Berhasil ... 78
Gambar 4.22 Data Kategori ... 80
Gambar 4.23 Add Data (Tambah Data) Kategori ... 81
Gambar 4.24 Add Data (Tambah Data) Kategori Berhasil... 82
Gambar 4.25 Edit Data (Ubah Data) Kategori... 84
Gambar 4.26 Edit Data (Ubah Data) Kategori Berhasil ... 84
Gambar 4.27 Notifikasi Hapus Data Kategori ... 87
Gambar 4.28 Hapus Data Kategori Berhasil... 87
Gambar 4.29 Data Barang... 89
Gambar 4.30 Tambah Data Barang... 91
Gambar 4.31 Tambah Data Barang Berhasil ... 91
Gambar 4.32 Edit Data Barang ... 96
xiii
Gambar 4.34 Notifikasi Hapus Data Barang ... 101
Gambar 4.35 Hapus Data Barang Berhasil ... 101
Gambar 4.36 Pembelian ... 103
Gambar 4.37 Hapus Daftar Barang... 105
Gambar 4.38 Hapus Daftar Barang Berhasil ... 105
Gambar 4.39 Tampil Pembelian ... 106
Gambar 4.40 Cetak Data Pembelian ... 108
Gambar 4.41 Interface Print Menggunakan Browser... 108
Gambar 4.42 NotifikasiHapus Data Pembelian ... 111
Gambar 4.43 Hapus Data Pembelian Berhasil... 112
Gambar 4.44 Penjualan ... 114
Gambar 4.45 Hapus Daftar Barang... 116
Gambar 4.46 Hapus Daftar Barang berhasil ... 116
Gambar 4.47 Tampil Penjualan ... 117
Gambar 4.48 Nota Belanja Pelanggan ... 119
Gambar 4.49 Cetak Nota Belanja Pelanggan... 122
Gambar 4.50 Delete Data Transaksi Penjualan ... 125
Gambar 4.51 Notifikasi Delete Data Transaksi Penjualan ... 125
Gambar 4.52 Delete Data Transaksi Penjualan Berhasil ... 126
xiv
DAFTAR TABEL
Tabel 3.1 Desain Tabel Kasir Untuk Menyimpan Data Kasir ... 30
Tabel 3.2 Desain Tabel Supplier Untuk Menyimpan Data Supplier ... 31
Tabel 3.3 Desain Tabel Kategori Untuk Menyimpan Data Kategori ... 32
Tabel 3.4 Desain Tabel Barang Untuk Menyimpan Data Barang ... 33
Tabel 3.5 Desain Tabel Penjualan... 34
Tabel 3.6 Desain Tabel penjualan_item... 35
Tabel 3.7 Desain Tabel tmp_penjualan... 36
Tabel 3.8 Desain Tabel pembelian... 36
Tabel 3.9 Desain Tabel pembelian_item... 37
Tabel 3.10 Desain Tabel tmp_pembelian ... 38
xv
LEMBAR PERSEMBAHAN
Puji syukur kehadirat Allah SWT atas rahmat dan karunia-Nya sehingga penulis dapat menyelesaikan Tugas Akhir ini, penulis menyampaikan ucapan terima kasih yang sebesar-besarnya kepada :
1. Allah SWT, atas segala pemeberian petunjuk dan kelancaran dalam pengerjaan dan penyelesaian tugas akhir ini,
2. Bapak Eko Budhi Cahyono, M.Kom dan Bapak Machmud Effendi, S.T.,M.Eng. yang selalu membimbing tugas akhir penulis. Terima kasih bantuan dan kesabarannya dalam membimbing penulis,
3. Kedua orang tua yang selalu mendo’akan, mendukung dan memotivasi penulis sehingga bisa menyelesaikan tugas akhir ini,
4. Pihak Dosen beseta staff TU Jurusan Teknik Elektro UMM,
5. Teman-teman KAMMI UMM RAYA yang menjadi penyemangat dan pendorong dalam pengerjaan tugas akhir,
6. Teman-teman seperjuangan D-III Elektro (TKJ) kelas A angkatan 2012,
7. Agus Santoso dan Hendi Gunawan yang berjuang bersama-sama dalam menyelesaikan laporan tugas akhir ini,
1
BAB I PENDAHULUAN 1.1 Latar Belakang
Toko Cantik adalah salah satu minimarket di Kota Tidore Kepulauan, yang berdiri pada tanggal 29 april 2007 dengan alamat Jl. A Malawat No. 18 Indonesiana Kecamatan Tidore, Kota Tidore Kepulauan, Profinsi Maluku Utara.
Berdiri ditempat yang strategis, toko cantik Kota Tidore Kepulauan menyediakan barang-barang pokok seperti sandang dan pangan, di antaranya : minuman, bumbu dapur, bahan dapur, makanan ringan, kebutuhan anak, peralatan sekolah, permainan, pakaian dan berbagai macam barang yang berada disana. Selain itu, toko cantik Kota Tidore Kepulauan didalam perjalanan bisnisnya, telah memiliki rating usaha 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 adalah 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 toko cantik kota tidore kepulauan.
Dalam menyelesaikan masalah tersebut, lahirlah sebuah sistem informasi manajemen barang yang berbasis teknologi, diterapkan dan diuji menggunakan web server serta dirancang dan dibangun menggunakan pemrograman HTML,
untuk menyempurnakan sistem informasi toko cantik kota tidore kepulauan.
1.2 Rumusan Masalah
Berdasarkan uraian di atas dapat di rumuskan masalah sebagai berikut:
1. Bagaimana membuat sistem informasi manajemen administrasi pada toko cantik Kota Tidore Kepulauan ?
2. Bagaimana membuat aplikasi menggunakan pemrograman HTML untuk menerapkan sistem informasi manajemen administrasi pada toko cantik Kota Tidore Kepulauan ?
2
1.3 Batasan Masalah
Batasan masalah pada tugas akhir ini dengan Judul “Sistem Informasi Manejmen barang toko cantik Kota Tidore kepulauan Menggunakan
Pemrograman HTML” ini adalah sebagai berikut :
a) Dreamweaver, Natepad++, Appserv, phpMyAdmin, dan Browser google
chrome, sebagai alat pembuatan dan pengujian aplikasi,
b) Hanya membahas tentang sistem administrasi toko cantik Kota Tidore Kepulauan.
1.4 Tujuan
Tujuan dari tugas akhir ini adalah :
1. Membuat sistem informasi manajemen administrasi pada toko cantik di Kota Tidore kepulauan
2. Membuat Aplikasi untuk menerapkan sistem informasi manajemen administrasi pada toko cantik menggunakan pemrograman HTML
3. Menguji hasil yang telah dibuat 1.5 Metodologi
Metode yang digunakan dalam penyusunan tugas akhir ini adalah bersifat apl ikatif dengan urutan sebagai berikut :
a. Study Literatur, untuk mendapatkan data primer dan sekunder yang
diperlukan sesuai dengan materi pembahasan pada tugas akhir ini yang menyangkut prisip kerja dan landasan teoritis, dimana data-data tersebut diperoleh dari buku-buku referensi yang bersangkutan.
b. Survey Lapangan, Untuk pengamatan dan pengumpulan data-data
yang akan digunakan untuk dianalisa.
c. Perancangan System, dari pengamatan dan pengumpulan data tersebut
kemudian dibuatkan suatu rancangan sistem yang digunakan untuk memproses data tersebut.
d. Pengujian dan Analisa, dengan menggunakan alat bantu yang sesuai
3
e. Penyusunan Tugas Akhir, dari hasil perencanaan dan pengujian sistem
aplikasi tersebut kemudian dianalisa dan diambil suatu kesimpulan yang akhirnya disusunlah buku naskah Tugas Akhir ini mencakup semua langkah dalam perencanaan.
1.6 Sistematika Penulisan
Sistematika penulisan pada Tugas Akhir ini adalah sebagai berikut:
BAB I PENDAHULUAN
Merupakan bab pendahuluan yang terdiri atas latar belakang, ruang lingkup permasalahan, tujuan, metode penelitian dan sistematika pembahasan tentang tugas akhir.
BAB II DASAR TEORI
Pada bab ini, dituliskan semua landasan teori dari topik Tugas Akhir. Dasar teori yang sudah terlalu umum tidak perlu dituliskan dengan panjang lebar, cukup ditulis ringkas saja. Sebaliknya, dasar teori yang benar-benar menjadi dasar teori Tugas Akhir harus dikupas secara mendalam, lengkap dengan referensinya. Bentuk kutipan yang dibuat harus mengacu pada aturan penulisan ilmiah. BAB III PERANCANGAN SISTEM
Berisi tentang penjelasan rangkaian secara terpisah berdasarkan blok diagram perancangannya.
BAB IV IMPLEMENTASI DAN PENGUJIAN
Bab ini berisi implementasi/realisasi dari desain di-bab 3 dan implementasi hasil pengujian atau dapat berupa analisis dari hasil pengujian.
BAB V PENUTUP
