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 i 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 Pembimbing II Eko Budhi Cahyono, S.Kom., MT. NIP : 10895040330 Machmud Effendi S.T.,M.Eng. NIP : 10802030363 ii 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 Tanggal Wisuda : 24 Oktober 2015 : 28 November 2015 Disetujui Oleh : 1. Eko Budhi Cahyono,S.Kom., ST NIP : 10895040330 (Pembimbing I) 2. Machmud Effendi, S.T.,M.Eng. NIP : 10802030363 (Pembimbing II) 3. Dr.Ir. Lailis Syafa’ah, M.T. NIP :10890090189 (Penguji I) 4. Ilyas Nuryasin, S.Kom., M.Kom NIP : 10814100561 (Penguji II) Mengetahui, Ketua Jurusan Elektro Ir. Nur Alif Mardiyah,M.T NIP : 10892030257 iii 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 Pembimbing II Eko Budhi Cahyono, S.Kom., ST NIP : 10895040330 Machmud Effendi S.T.,M.Eng. NIP : 10802030363 iv 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 v 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. vi LEMBAR PERSEMBAHAN Puji syukur kehadirat Allah SWT atas rahmat dan karunia-Nya sehingga penulis dapat menyelesaikan Tugas Akhir. Penulis menyampaikan ucapan terimakasih yang sebesarbesarnya 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. 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 : 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, viii 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 ix 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 x 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 xi 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 xii Gambar 4.14 Tab Daftar Barang Diskon Web Promosi ........................................... 50 xiii 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 xiv