SISTEM INFORMASI MANAJEMEN BARANG TOKO CANTIK KOTA TIDORE KEPULAUAN MENGGUNAKAN BAHASA PEMROGRAMAN HTML : SISTEM ADMINISTRASI TUGAS AKHIR

Transkripsi

1 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 ( ) JURUSAN D-III ELEKTRO FAKULTAS TEKNIK UNIVERSITAS MUHAMAMDIYAH MALANG 2015

2 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 Diperiksa dan disetujui oleh : Pembimbing I Pembimbing II Eko Budhi Cahyono, S.Kom., M.T. NIP : Machmud Effendi S.T.,M.Eng. NIP : ii

3 LEMBAR PENGESAHAN SISTEM INFORMASI MANAJEMEN BARANG TOKO CANTIK KOTA TIDORE KEPULAUAN MENGGUNAKAN BAHASA PEMROGRAMAN HTML : SISTEM ADMINISTRASI Disetujui Oleh : Diajukan Untuk Memenuhi Persyaratan Guna Meraih Gelar Diploma (D3) Teknik Elektro Universitas Muhammadiyah Malang Disusun Oleh : MOHAMMAD TAUFAN PRAMONO Tanggal Ujian : 24 Oktober 2015 Tanggal Wisuda : 28 November Eko Budhi Cahyono, S.Kom., M.T. (Pembimbing I) NIP : Machmud Effendi, S.T.,M.Eng. (Pembimbing II) NIP : Dr.Ir. Lailis Syafa ah, M.T. (Penguji I) NIP : Ilyas Nuryasin, S.Kom., M.Kom. (Penguji II) NIP : Mengetahui, Ketua Jurusan Elektro iii Ir. Nur Alif Mardiyah, M.T NIP :

4 SURAT PERNYATAAN Yang bertanda tangan dibawah ini : NAMA : MOHAMMAD TAUFAN PRAMONO NIM : 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 Pembimbing I Mengetahui, Pembimbing II Eko Budhi Cahyono, S.Kom., M.T. NIP : Machmud Effendi S.T.,M.Eng. NIP : iv

5 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 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. Kata kunci: sistem informasi, pemrograman HTML, database, web browser, teknologi v

6 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 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. Keyword : information system, HTML programming, database, web browser, technology. vi

7 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 Penulis, vii

8 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 Rumusan Masalah Batasan Masalah Tujuan Metodologi Sistematika Penulisan... 3 BAB II. DASAR TEORI 2.1 Sistem Informasi Manajemen Sistem Informasi Manajemen Toko Dreamweaver Appserv Web server Browser Basis Data MySQL PHP (Personal Home Page) HTML (Hyper Text Markup Langguage) viii

9 BAB III. PERANCANGAN SISTEM 3.1 Analisa Deskripsi Sistem Analisa Kebutuhan Sistem Klasifikasi Pengguna Perangkat Lunak Spesifikasi Perangkat Lunak HPD (Hierarchy Process Diagram) Flowchart Context Diagram DFD (Data Flow Diagram) DFD (Data Flow Diagram) Level 2 Manajemen Barang DFD (Data Flow Diagram) Level 2 Manajemen User Design Basis Data Membangun Basis Data Design interface login Design interface Halaman Utama Design interface Home Design interface Administrator Design interface Data Supplier Design interface Data Kategori Design interface Data Barang Design interface Pembelian Design interface Penjualan BAB IV. IMPLEMENTASI DAN PENGUJIAN SISTEM 4.1 Implementasi Implementasi Sistem Administrasi Toko Cantik Login Halaman Utama Home Administrator Data Supplier Data Kategori Data Barang Pembelian ix

10 Penjualan Pengujian Hasil Program Pengujian Proses Program BAB IV. IMPLEMENTASI DAN PENGUJIAN SISTEM 5.1 Kesimpulan Saran DAFTAR PUSTAKA x

11 DAFTAR GAMBAR Gambar 3.1 Arsitektur Sistem Administrasi Secara Umum Gambar 3.2 HPD Sistem Administrasi Toko Cantik Gambar 3.3 Flowchart Sistem Administrasi Toko Cantik Gambar 3.4 Lanjutan flowchart Sistem Administrasi (Menu Administrator) Gambar 3.5 Lanjutan flowchart Sistem Administrasi (Menu Data Supplier) Gambar 3.6 Lanjutan flowchart Sistem Administrasi (Menu Data Kategori) Gambar 3.7 Lanjutan flowchart Sistem Administrasi (Menu Data Barang) Gambar 3.8 Lanjutan flowchart Sistem Administrasi (Menu Pembelian) Gambar 3.9 Lanjutan flowchart Sistem Administrasi (Menu Penjualan (Kasir)) Gambar 3.10 Context Diagram SIM barang Toko Cantik Kota Tidore Kepulauan Gambar 3.11 DFD Level 0 SIM Barang Toko Cantik Kota Tidore Kepulauan Gambar 3.12 DFD Level 1, Sistem Administrasi Toko Cantik Kota Tikep Gambar 3.13 DFD Level 2, Sistem Administrasi (Manajemen Barang) Gambar 3.14 DFD Level 2, Sistem Administrasi (Manajemen user) Gambar 3.15 Tabel Relasi Basis Data Gambar 3.16 Design Interface Form Login pada User Gambar 3.17 Design Interface Halaman Utama Sistem Administrasi Gambar 3.18 Design Interface Perngelolah Data Administrator Gambar 3.19 Design Interface Tambah Data Administrator Gambar 3.20 Design Interface Edit Data Administrator Gambar 3.21 Design Interface Pengelolahan Data Supplier Gambar 3.22 Design Interface Tambah Data Supplier Gambar 3.23 Design Interface Edit Data Supplier Gambar 3.24 Design Interface Pengelolahan Data Kategori Gambar 3.25 Design Interface Tambah Data Kategori Gambar 3.26 Design Interface Edit Data Kategori Gambar 3.27 Design Interface Pengelolahan Data Barang Gambar 3.28 Design Interface Tambah Data Barang Gambar 3.29 Design Interface Edit Data Barang Gambar 3.30 Design Interface Pengelolahan Data Pembelian Barang Gambar 3.31 Design Interface Menampilkan Riwayat Transaksi Gambar 3.32 Design Interface Pengelolahan Data Penjualan Barang xi

12 Gambar 3.33 Design Interface Menampilkan Riwayat Transaksi Gambar 4.1 Login Sistem Administrasi Toko Cantik Gambar 4.2 Login Tanpa Password Gambar 4.3 Login Tanpa Username Gambar 4.4 Login Tanpa Password & Username Gambar 4.5 Login Gagal (Tidak Terdaftar Di Basis Data) Gambar 4.6 Login Sukses (Halaman Utama) Gambar 4.7 Halaman Home Gambar 4.8 Manajemen Administrator Gambar 4.9 Add Data (Tambah Data) Administrator Gambar 4.10 Add Data (Tambah Data) Berhasil Gambar 4.11 Edit Data (Ubah Data) Administrator Gambar 4.12 Edit Data (Ubah Data) Administrator Berhasil Gambar 4.13 Hapus Data Administrator Gambar 4.14 Hapus Data Administrator Berhasil Gambar 4.15 Manajemen Data Supplier Gambar 4.16 Add Data (Tambah Data) Supplier Gambar 4.17 Add Data (Tambah Data) Supplier Berhasil Gambar 4.18 Edit Data (Ubah Data) Supplier Gambar 4.19 Edit Data (Ubah Data) Supplier Berhasil Gambar 4.20 Notifikasi Hapus Data Supplier Gambar 4.21 Hapus Data Supplier Berhasil Gambar 4.22 Data Kategori Gambar 4.23 Add Data (Tambah Data) Kategori Gambar 4.24 Add Data (Tambah Data) Kategori Berhasil Gambar 4.25 Edit Data (Ubah Data) Kategori Gambar 4.26 Edit Data (Ubah Data) Kategori Berhasil Gambar 4.27 Notifikasi Hapus Data Kategori Gambar 4.28 Hapus Data Kategori Berhasil Gambar 4.29 Data Barang Gambar 4.30 Tambah Data Barang Gambar 4.31 Tambah Data Barang Berhasil Gambar 4.32 Edit Data Barang Gambar 4.33 Edit Data Barang Berhasil xii

13 Gambar 4.34 Notifikasi Hapus Data Barang Gambar 4.35 Hapus Data Barang Berhasil Gambar 4.36 Pembelian Gambar 4.37 Hapus Daftar Barang Gambar 4.38 Hapus Daftar Barang Berhasil Gambar 4.39 Tampil Pembelian Gambar 4.40 Cetak Data Pembelian Gambar 4.41 Interface Print Menggunakan Browser Gambar 4.42 Notifikasi Hapus Data Pembelian Gambar 4.43 Hapus Data Pembelian Berhasil Gambar 4.44 Penjualan Gambar 4.45 Hapus Daftar Barang Gambar 4.46 Hapus Daftar Barang berhasil Gambar 4.47 Tampil Penjualan Gambar 4.48 Nota Belanja Pelanggan Gambar 4.49 Cetak Nota Belanja Pelanggan Gambar 4.50 Delete Data Transaksi Penjualan Gambar 4.51 Notifikasi Delete Data Transaksi Penjualan Gambar 4.52 Delete Data Transaksi Penjualan Berhasil Gambar 4.53 Proses Pembelian Barang Pada Sistem Administrasi xiii

14 DAFTAR TABEL Tabel 3.1 Desain Tabel Kasir Untuk Menyimpan Data Kasir Tabel 3.2 Desain Tabel Supplier Untuk Menyimpan Data Supplier Tabel 3.3 Desain Tabel Kategori Untuk Menyimpan Data Kategori Tabel 3.4 Desain Tabel Barang Untuk Menyimpan Data Barang Tabel 3.5 Desain Tabel Penjualan Tabel 3.6 Desain Tabel penjualan_item Tabel 3.7 Desain Tabel tmp_penjualan Tabel 3.8 Desain Tabel pembelian Tabel 3.9 Desain Tabel pembelian_item Tabel 3.10 Desain Tabel tmp_pembelian Tabel 4.1 Tabel Pengujian Fungsional Sistem Administrasi xiv

15 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 sebesarbesarnya 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, 8. Serta semua pihak yang tidak dapat disebutkan satu per satu yang telah berjasa dalam pengerjaan tugas akhir ini. xv