PERANCANGAN SISTEM INFORMASI UKM TENIS MEJA USU BERBASIS WEB TUGAS AKHIR MUHAMMAD AGUS TRI MUNANDAR 122406054 PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2015
ii PERANCANGAN SISTEM INFORMASI UKM TENIS MEJA USU BERBASIS WEB TUGAS AKHIR Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya MUHAMMAD AGUS TRI MUNANDAR 122406054 PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2015
iii PERSETUJUAN Judul : Perancangan Sistem Inormasi UKM Tenis Meja USU Berbasis Web Kategori : Tugas Akhir Nama : Muhammad Agus Tri Munandar Nomor Induk Mahasiswa : 122406054 Program Studi : Diploma 3 Teknik Informatika Departemen : Matematika Fakultas : Matematika Dan Ilmu Pengetahuan Alam Disetujui di Medan, Juli 2015 Disetujui Oleh Program Studi D3 Teknik Informatika FMIPA USU Ketua, Pembimbing, Dr.Elly Rosmaini, M.Si Prof.Dr. Saib Suwilo, M.Sc NIP.196005201985032002 NIP. 196401091988031004
iv PERNYATAAN PERANCANGAN SISTEM INFORMASI UKM TENIS MEJA USU BERBASIS WEB TUGAS AKHIR Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya. Medan, Juli 2015 MUHAMMAD AGUS TRI MUNANDAR 122406054
v PENGHARGAAN Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan Maha Penyayang, dengan limpah karunia-nya Penulis dapat menyelesaikan penyusunan tugas akhir ini dengan judul Perancangan Sistem Informasi UKM Tenis Meja USU Berbasis Web. Terimakasih penulis sampaikan kepada Dr. Sutarman, M.Sc selaku pembimbing sekaligus Dekan FMIPA USU Medan yang telah meluangkan waktunya selama penyusunan tugas akhir ini. 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, Prof.Dr. Tulus, M.Si. Ph.D dan Ibu Dra. Mardiningsih, M.Sc selaku Ketua Departemen dan Sekretaris Departemen Matematika FMIPA-USU Medan dan Pembantu Dekan FMIPA USU, seluruh Staff dan Dosen Matematika FMIPA USU, pegawai FMIPA USU dan rekan-rekan kuliah. Akhirnya tidak terlupakan kepada Ayah tercinta Sucipto, Ibu Sumarni dan keluarga yang selama ini memberikan bantuan dan dorongan yang diperlukan. Semoga Tuhan Yang Maha Esa akan membalasnya.
vi PERANCANGAN SISTEM INFORMASI UKM TENIS MEJA USU BERBASIS WEB ABSTRAK Pada penulisan tugas akhir ini, penulis membuat perancangan sistem informasi berbasis web. Web ini merupakan sebuah sistem informasi yang digunakan untuk pendaftaran anggota baru pada ukm tenis meja usu. Web ini digunakan untuk calon anggota baru yang memiliki kesulitan dalam pendaftaran sehingga mempermudah calon anggota baru untuk mendaftar dengan lebih cepat dan efisien. Web ini juga membantu para perusahaan dalam mencari atlet unggulan olahraga tenis meja USU. Karena web ini mempunyai halaman untuk mendata dan mengurutkan perintah anggota secara otomatis. Untuk mempermudah pembuatan program website, penulis menggunakan sublime karena software tersebut dirasakan cocok untuk membantu penulis dalam membuat perintah untuk sistem informasi web ini. Aplikasi ini juga di kembangkan dengan menggunakan perangkat lunak adobe photoshop CS5. Metode penelitian yang digunakan penulis adalah studi pustaka yaitu mengambil bahan dari buku-buku.
vii DAFTAR ISI Persetujuan Pernyataan Penghargaan Abstrak Daftar Isi Daftar Tabel Daftar Gambar Halaman ii iii iv v vi ix x BAB 1 Pendahuluan 1 1.1 Latar Belakang Masalah 1 1.2 Identifikasi Masalah 2 1.3 Batasan Masalah 3 1.4 Tujuan 3 1.5 Manfaat 4 1.6 Metodologi 4 1.7 Sistematika Penulisan 6 BAB 2 Landasan Teori 8 2.1 Website 8 2.1.1 Sejarah Website 8 2.1.2 Pengertian Website 8 2.1.3 Browser 10 2.2 Pengertian Sistem Informasi 12 2.2.1 Pengertian Data 12 2.2.2 Pengolahan Data 12 2.2.3 Pengertian Sistem 13 2.2.4 Pengertian Informasi 14 2.2.5 Pengertian Sistem Informasi 15
viii 2.2.6 Pengertian Basis Data 15 2.2.7 Pengertian Perancangan Informasi 16 2.3 PHP 17 2.3.1 Sejarah PHP 17 2.3.2 Pengertian PHP 18 2.3.3 Penggabungan Script PHP dan HTML 18 2.3.4 Kelebihan dan Kelemahan PHP 20 2.3.5 Fungsi PHP dan MySQL 21 2.4 MySQL 22 2.4.1 Sejarah MySQL 22 2.4.2 Pengertian DBMS MySQL 23 2.4.3 Perintah SQL 24 2.5 Data 25 2.5.1 Pengertian Data 25 2.5.2 Pengertian Database 26 2.5.3 Perancangan Database 26 2.5.4 Contex Diagram 27 2.5.5 Data Flow Diagram (DFD) 28 2.5.6 Entity Relationship Diagram (ERD) 29 2.5.7 Flowchart 30 2.6 Macromedia Dreamweaver 34 2.6.1 Pengertian Macromedia Dreamweaver 34 2.6.2 Macromedia Dreamweaver 8 35 2.7 Sublime Text 43
ix BAB 3 Analisis dan Perancangan Sistem 44 3.1 Analisis Sistem 44 3.2 Perancangan Sistem 44 3.2.1 Desain Sistem 45 3.2.2 Desain Basis Data (Database) 47 3.2.3 Flowchart Sistem 52 3.2.3.1 Flowchart Halaman Utama 52 3.2.3.2 Flowchart Halaman Login Admin 53 3.2.3.3 Flowchart Halaman Login Member 54 3.2.3.4 Flowchart Halaman Menu Admin 55 3.2.3.5 Flowchart Halaman Menu Member 56 3.3 Desain Visitor Area 57 3.3.1 Desain Halaman Utama 57 3.3.2 Desain Halaman About 58 3.3.3 Desain Halaman Sejarah 59 3.3.4 Desain Halaman Visimisi 60 3.3.5 Desain Halaman Prestasi 61 3.3.6 Desain Halaman Kegiatan 62 3.3.7 Desain Halaman Peringkat 63 3.3.8 Desain Halaman Registrasi Member 64 3.4 Desain Member Area 65 3.4.1 Desain Halaman Utama Member 65 3.4.2 Desain Halaman Menu Anggota Baru 66 3.4.3 Desain Halaman Aturan Pertandingan 66 3.4.4 Desain Halaman Sanksi - Sanksi 67 3.4.5 Desain Halaman Daftar Anggota Aktif 68 3.4.6 Desain Halaman Download file 69 3.4.7 Desain Halaman Data Iuran 70 3.4.8 Desain Halaman Logout 71 3.5 Desain Admin Area 73 3.5.1 Desain Halaman Utama Admin 73 3.5.2 Desain Halaman Input Data Iuran 74
x 3.5.3 Desain Halaman Upload Data Anggota 75 3.5.4 Desain Halaman Input Peringkat Anggota 76 3.5.6 Desain Halaman Lihat Data Anggota 77 3.5.7 Desain Halaman Lihat Data Iuran 78 3.5.8 Desain Halaman Lihat Data Peringkat 79 3.5.9 Desain Halaman Profil Admin 80 3.5.10 Desain Halaman Edit Profil Admin 81 3.5.11 Desain Halaman Ganti Password Admin 81 BAB 4 Implementasi dan Pembahasan 83 4.1 Implementasi Sistem 83 4.2 Halaman Sistem Informasi UKM Tenis Meja USU Berbasis Web 83 4.2.1 Visitor Area 84 4.2.1.1 Halaman Utama 84 4.2.1.2 Halaman About 85 4.2.1.3 Halaman Sejarah 85 4.2.1.4 Halaman Visi Misi 86 ` 4.2.1.5 Halaman Halaman Prestasi 87 4.2.1.6 Halaman Kegiatan 88 4.2.1.7 Halaman Peringkat 88 4.2.1.1 Halaman Member 89 4.2.2 Member Area 90 4.2.2.1 Halaman Utama Member 90 4.2.2.2 Halaman Menu Anggota Baru Member 91 4.2.2.3 Halaman Aturan Pertandingan Member 92 4.2.2.4 Halaman Sanksi sanks Memberi 93 4.2.2.5 Halaman Daftar Anggota Aktif Member 94 4.2.2.6 Halaman Download File Member 95 4.2.2.7 Halaman Data Iuran Member 96 4.2.2.8 Halaman Logout 98 4.2.3 Admin Area 4.2.3.1 Halaman Home Admin 98
xi 4.2.3.1 Halaman Input Data Iuran Admin 99 4.2.3.1 Halaman Home Upload Data Anggota 100 4.2.3.1 Halaman Input Data Peringkat Admin 101 4.2.3.1 Halaman Lihat Data Anggota Admin 102 4.2.3.1 Halaman Lihat Data Iuran Admin 103 4.2.3.1 Halaman Lihat Data Peringkat Admin 104 4.2.3.1 Halaman Profil Admin 105 4.2.3.1 Halaman Edit Profil Admin 106 4.2.3.1 Halaman Ganti Password Admin 106 4.2.3.1 Halaman Logout Admin 107 BAB 5 Penutup 108 5.1 Kesimpulan 108 5.2 Saran 110 Daftar Pustaka 88 LAMPIRAN
xii DAFTAR TABEL Nomor Judul Halaman Tabel 3.1. Tabel Admin 48 3.2. Tabel Data Peringkat 48 3.3. Tabel Data iuran 49 3.4. Tabel Member 50 3.5. Tabel Download 51
xiii DAFTAR GAMBAR Nomor Halaman Gambar Judul 2.5.5 Simbol simbol DFD 29 2.5.6 Simbol Dalam ERD 30 2.5.7 Simbol Flochart 33 2.6.2 Halaman Awal Dreamweaver 8 35 2.6.3 Halaman Utama Dreamweaver 8 37 2.6.4 Tampilan Insert bar sebagai menu 38 2.6.5 Manage Site 41 3.1 Diagram Konteks 45 3.2 Data Flo Diagram level 1 46 3.3 Entity Relationship Diagram(ERD) 47 3.4 Flochart Halaman Utama 52 3.5 Flochart Halaman Login Admin 53 3.6 Flochart Halaman Login Member 54 3.7 Flochart Halaman Menu Admin 55 3.8 Flochart Halaman Menu Member 56 3.9 Tampilan Halaman Utama 57 3.10 Tampilan Halaman About 58 3.11 Tampilan Halaman Sejarah 59 3.12 Tampilan Halaman Visi Misi 60 3.13 Tampilan Halaman Prestasi 61 3.14 Tampilan Halaman Kegiatan 62 3.15 Tampilan Halaman Peringkat 63 3.16 Tampilan Halaman Registrasi Member 64 3.17 Tampilan Halaman Utama Member 65 3.18 Tampilan Halaman Menu Anggota Baru Member 66 3.19 Tampilan Halaman Aturan Pertandingan Member 67 3.20 Tampilan Halaman Menu sanksi sanksi Member 68 3.21 Tampilan Halaman Menu Daftar Anggota Aktif Member 68 3.22 Tampilan Halaman Menu Download file Member 68 3.23 Tampilan Halaman Menu Data Iuran Member 68 3.24 Tampilan Halaman Menu Logout Member 68 3.25 Tampilan Halaman Utama Admin 68 3.26 Tampilan Halaman Input Data Iuran 68 3.27 Tampilan Halaman Upload Data 68 3.28 Tampilan Halaman Halaman Input Peringkat 68 3.29 Tampilan Halaman Lihat Anggota 68 3.30 Tampilan Halaman Lihat Data Iuran 68 3.31 Tampilan Halaman Lihat Data Peringkat 68 3.32 Tampilan Halaman Profil Admin 68 3.33 Tampilan Halaman Edit Profil Admin 68
xiv 3.34 Tampilan Halaman Ganti Password Admin 68 4.1 Tampilan Halaman Utama 84 4.2 Tampilan Halaman About 85 4.3 Tampilan Halaman Sejarah 86 4.4 Tampilan Halaman Visi Misi 87 4.5 Tampilan Halaman Prestasi 88 4.6 Tampilan Halaman Kegiatan 89 4.7 Tampilan Halaman Peringkat 90 4.8 Tampilan Halaman Registrasi Member 91 4.9 Tampilan Halaman Utama Member 92 4.10 Tampilan Halaman Menu Anggota Baru Member 93 4.11 Tampilan Halaman Aturan Pertandingan Member 94 4.12 Tampilan Halaman Menu sanksi sanksi Member 95 4.13 Tampilan Halaman Menu Daftar Anggota Aktif Member 96 4.14 Tampilan Halaman Menu Download file Member 97 4.15 Tampilan Halaman Menu Data Iuran Member 98 4.16 Tampilan Halaman Menu Logout Member 99 4.17 Tampilan Halaman Utama Admin 100 4.18 Tampilan Halaman Input Data Iuran 101 4.19 Tampilan Halaman Upload Data 102 4.20 Tampilan Halaman Halaman Input Peringkat 103 4.21 Tampilan Halaman Lihat Anggota 104 4.22 Tampilan Halaman Lihat Data Iuran 105 4.23 Tampilan Halaman Lihat Data Peringkat 106 4.24 Tampilan Halaman Profil Admin 107 4.25 Tampilan Halaman Edit Profil Admin 108 4.26 Tampilan Halaman Ganti Password Admin 109