PERANCANGAN SISTEM INFORMASI BERBASIS WEB PADA TOKO CAHAYA BARU PONSEL KOTA PADANGSIDIMPUAN TUGAS AKHIR MAYA MASYITA K NST 112406042 PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2014
PERANCANGAN SISTEM INFORMASI BERBASIS WEB PADA TOKO CAHAYA BARU PONSEL KOTA PADANGSIDIMPUAN TUGAS AKHIR Diajukan untuk melengkapi tugas akhir dan memenuhi syarat memperoleh gelar Ahli Madya MAYA MASYITA K NST 112406042 PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2014
ii PERSETUJUAN Judul : PERANCANGAN SISTEM INFORMASI BERBASIS WEB PADA TOKO CAHAYA BARU PONSEL KOTA PADANGSIDIMPUAN Kategori : TUGAS AKHIR Nama : MAYA MASYITA K NST Nomor Induk Mahasiswa : 112406042 Program Studi : DIPLOMA (D3) TEKNIK INFORMATIKA Departemen Fakultas : MATEMATIKA : MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA Disetujui di Medan, Juni 2014 Disetujui Oleh Program Studi D3 Teknik Informatika FMIPA USU Ketua, Pembimbing Dr. Elly Rosmaini, M.Si Drs. Ujian Sinulingga, M.Si NIP. 19600520 198503 2 002 NIP. 19560303 198403 1 004
iii PERNYATAAN PERANCANGAN SISTEM INFORMASI BERBASIS WEB PADA TOKO CAHAYA BARU PONSEL KOTA PADANGSIDIMPUAN TUGAS AKHIR Saya mengakui bahwa tugas akhir ini adalah hasil karya saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya. Medan, Juni 2014 MAYA MASYITA K NST 112406042
iv PENGHARGAAN Puji dan syukur penulis ucapkan atas kehadirat Allah SWT yang telah memberikan Rahmat serta Hidayah kepada kita semua, sehingga berkat Karunia- Nya penulis dapat menyelesaikan Tugas Akhir dengan baik yang berjudul Perancangan Sistem Informasi Berbasis Web Pada Toko Cahaya Baru Ponsel Kota Padangsidimpuan pada waktu yang telah ditetapkan. Terimakasih penulis sampaikan kepada bapak Drs. Ujian Sinulingga, M.Si, selaku pembimbing yang telah meluangkan waktunya selama penyusunan tugas akhir. Terimakasih kepada Ibu Dr. Elly Rosmaini, M.Si dan Bapak Syahriol Sitorus, S.Si, M.IT selaku Ketua dan Sekretaris Program Studi D3 Teknik Informatika FMIPA USU, Bapak Prof. Dr. Tulus, M.Si dan Ibu Dr. Mardiningsih, M.Si selaku Ketua Departemen dan Sekertaris Departemen Matematika FMIPA USU, Bapak Dr. Sutarman M.Sc selaku Dekan FMIPA USU, seluruh Staff dan Dosen Program Studi D3 Teknik Informatika FMIPA USU, pegawai FMIPA USU dan rekan-rekan kuliah. Teristimewa kepada kedua Orang tua Ayahanda Alm. Zulkarnain, Ibunda Siti Aisyah dan adinda tersayang Salina Ramadhani K Nst yang selama ini memberikan bantuan dan dorongan yang diperlukan. Semoga Allah SWT akan membalasnya.
v ABSTRAK Perkembangan teknologi saat ini semakin berkembang pesat dan teknologi sekarang ini sangat erat kaitannya dengan kehidupan masyarakat. Handphone merupakan salah satu alat telekomunikasi yang perkembangan teknologinya sangatlah pesat. Sekarang handphone bukanlah termasuk barang mewah yang susah didapatkan. Selain itu, baik kalangan remaja, orangtua bahkan anak-anak dapat menggunakan alat telekomunikasi ini. Karena perkembangan teknologi handphone yang pesat sekarang ini sehingga memicu Toko Cahaya Baru Ponsel Kota Padangsidimpuan menjual berbagai jenis handphone kepada konsumen. Sistem informasi transaksi penjualan, pembelian bahkan persediaan barang di Toko Cahaya Baru Ponsel masih menggunakan sistem manual. Jadi, memungkinkan terjadinya kesalahan dalam mengolah data barang yang ada di toko tersebut. Oleh sebab itu penulis mencoba merancang suatu sistem informasi berbasis web yang bersifat komputerisasi dalam pengolahan data dan pembuatan laporan transaksi penjualan, pembelian dan persediaan barang. Sehingga diharapkan agar dapat mengatasi kesalahan-kesalahan dari sistem yang manual. Sistem informasi berbasis web ini dirancang dengan menggunakan bahasa pemrograman web, yaitu PHP 5.0 dan MySQL 5.0 sebagai server database serta XAMPP sebagai web server. Sistem informasi ini bersifat offline, yaitu penggunaannya hanya di toko Cahaya Baru Ponsel Kota Padangsidimpuan.
vi DAFTAR ISI Persetujuan Pernyataan Penghargaan Abstrak Daftas Isi Daftar Tabel Daftar Gambar Halaman ii iii iv v vi viii ix Bab 1 Pendahuluan 1 1.1 Latar Belakang 3 1.2 PerumusanMasalah 3 1.3 Batasan Masalah 3 1.4 Maksud dan Tujuan Penelitian 4 1.5 Metodologi Penelitian 4 1.6 Lokasi dan Waktu Penelitian 5 1.7 Sistematika Penulisan 6 Bab 2 Landasan Teori 8 2.1 Pengertian Sistem Informasi 8 2.1.1 Data 9 2.1.2 Sistem 9 2.1.3 Informasi 10 2.2 Pengertian Handphone (Telepon Seluler) 10 2.3 Bagan Alir (Flowchart) 11 2.4 Entity Diagram Realtionship (ERD) 13 2.5 HTML 13 2.5.1 Kelebihan dan Kekurangan HTML 15 2.5.2 Refensi HTML 16 2.6 WWW (World Wide Web) 19 2.7 Pengenalan PHP 20 2.7.1 Kelebihan dan Kelemahan PHP 21 2.7.2 Konsep Dasar PHP 22 2.7.3 Variabel pada PHP 24 2.7.4 Operator pada PHP 25 2.8 Pengenalan XAMPP 28 2.9 Pengenalan MySQL 28 2.9.1 Kelebihan MySQL 29 2.10 CSS ( Cascading Style Sheet) 30 2.11 Pengenalan Adobe Dreamweaver CS5.5 31 2.11.1 Ruang Kerja Adobe Dreamweaver CS5.5 32
vii Bab 3 Perancangan Sistem 35 3.1 Perancangan Sistem 35 3.2 Metode Pengembangan Sistem 35 3.3 Data Flow Diagram (DFD) 36 3.4 Bagan Alir (Flowchart) 38 3.4.1 Flowchart Login Admin 38 3.4.2 Flowchart Halaman Utama 39 3.5 Entity Relationship Diagram (ERD) 40 3.6 Perancangan Database 42 Bab 4 Implementasi Sistem 45 4.1 Pengertian Implementasi Sistem 45 4.2 Tujuan Implementasi Sistem 45 4.3 Komponen Utama dalam Implementasi Sistem 46 4.4 Pemeliharaan Sistem 48 4.5 Demonstrasi Program 48 4.5.1 Tampilan Halaman Utama 49 4.5.2 Tampilan Form Menu 49 4.5.3 Tampilan Halaman Penjualan 50 4.5.4 Tampilan Form Input Data Penjualan 50 4.5.5 Tampilan Form Edit Data Penjualan 51 4.5.6 Tampilan Form Hapus Data Penjualan 51 4.5.7 Tampilan Halaman Pembelian 52 4.5.8 Tampilan Form Input Data Pembelian 52 4.5.9 Tampilan Form Edit Data Pembelian 53 4.5.10 Tampilan Form Hapus Data Pembelian 53 4.5.11 Tampilan Halaman Persediaan 54 4.5.12 Tampilan Form Input Data Persediaan 54 4.5.13 Tampilan Form Edit Data Pembelian 55 4.5.14 Tampilan Form Hapus Data Persediaan 55 4.5.15 Tampilan Halaman Cetak Data 56 Bab 5 Kesimpulan dan Saran 52 5.1 Kesimpulan 52 5.2 Saran 53 Daftar Pustaka 54 Lampiran 55
viii DAFTAR TABEL Halaman Tabel 2.1 Tabel Simbol-Simbol Data Flow Diagram 11 Tabel 2.2 Tabel Simbol-Simbol Entity Diagram Realtionship 13 Tabel 2.3 Tabel Refensi Tag HTML 17 Tabel 2.4 Operator Aritmatika pada PHP 25 Tabel 2.5 Operator Penegasan pada PHP 26 Tabel 2.6 Operator Perbandingan pada PHP 27 Tabel 2.7 Operator Logika pada PHP 27 Tabel 3.1 Tabel Login Admin 43 Tabel 3.2 Tabel Penjualan 43 Tabel 3.3 Tabel Pembelian 44 Tabel 3.4 Tabel Data Barang 44
ix DAFTAR GAMBAR Halaman Gambar 2.1 Tampilan Awal pada Adobe Dreamweaver CS5.5 32 Gambar 2.2 Tampilan Ruang Kerja pada Adobe Dreamweaver CS5.5 32 Gambar 3.1 Diagram Konteks Perancangan Sistem Informasi 37 Gambar 3.2 Diagram Alir Level Nol Perancangan Sistem Informasi 38 Gambar 3.3 Flowchart Login Admin 39 Gambar 3.4 Flowchart Halaman Utama 40 Gambar 3.5 Entity Relationship Diagram Perancangan Sistem Informasi 41 Gambar 4.1 Tampilan Halaman Utama 49 Gambar 4.2 Tampilan Form Menu 49 Gambar 4.3 Tampilan Halaman Penjualan 50 Gambar 4.4 Tampilan Form Input Data Penjualan 50 Gambar 4.5 Tampilan Form Edit Data Penjualan 51 Gambar 4.6 Tampilan Form Hapus Data Penjualan 51 Gambar 4.7 Tampilan Halaman Pembelian 52 Gambar 4.8 Tampilan Form Input Data Pembelian 52 Gambar 4.9 Tampilan Form Edit Data Pembelian 53 Gambar 4.10 Tampilan Form Hapus Data Pembelian 53 Gambar 4.11 Tampilan Halaman Persediaan 54 Gambar 4.12 Tampilan Form Input Data Persediaan 54 Gambar 4.13 Tampilan Form Edit Data Pembelian 55 Gambar 4.14 Tampilan Form Hapus Data Persediaan 55 Gambar 4.15 Tampilan Halaman Cetak Data 56