PERANCANGAN SISTEM INFORMASI INTER CLUB INDONESIA KORDINATOR DAERAH SUMATERA UTARA BERBASIS WEB TUGAS AKHIR RAHMAD RIWANDA SIREGAR 112406248 PROGRAM STUDI D3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2015 PERANCANGAN SISTEM INFORMASI INTER CLUB INDONESIA KORDINATOR DAERAH SUMATERA UTARA
BERBASIS WEB Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh gelar Ahli Madya RAHMAD RIWANDA SIREGAR 112406248 PROGRAM STUDI D3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2015
PERSETUJUAN Judul : PERANCANGAN SISTEM INFORMASI INTER CLUB INDONESIA KORDINATOR DAERAH SUMATERA UTARA BERBASIS WEB Kategori : TUGAS AKHIR Nama : RAHMADRIWANDA SIREGAR Nomor Induk Mahasiswa : 112406248 Program Studi : D-3 TEKNIK INFORMATIKA Departemen : MATEMATIKA Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERAUTARA Diluluskan di Medan, 5Oktober 2015 Komisi Pembimbing : Diketahui/ Disetujui oleh Ketua Prodi D3 Teknik Informatika Dosen Pembimbing Dr. Elly Rosmaini, M.Si NIP.196005201985032002 Dr.Syahriol Sitorus,M.IT NIP.197103101997031004
PERNYATAAN PERANCANGAN SISTEM INFORMASI INTER CLUB INDONESIA KORDINATOR DAERAH SUMATERA UTARA 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, 5 Oktober 2015 Rahmad Riwanda Siregar 112406248
PENGHARGAAN Alhamdulillah, puji dan puja syukur penulis ucapkan kehadirat Allah SWT yang telah memberi rahmat dan hidayah-nya sehingga penulis dapat menyelesaikan Tugas Akhir ini tepat pada waktunya. Tugas Akhir ini dibuat sebagai salah satu syarat untuk menyelesaikan perkuliahan pada Program Studi D-3 Teknik Informasi Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara. Adapun judul Tugas Akhir yang penulis buat adalah PERANCANGAN SISTEM INFORMASI INTER CLUB INDONESIA KORDINATOR DAERAH SUMATERA UTARA BERBASIS WEB. Pada kesempatan ini penulis menghaturkan ucapan terima kasih kepada: 1. Bapak Dr. Syahriol Sitorus, M.IT. selaku Dosen Pembimbing penulis yang banyak sekali memberikan bantuan baik berupa saran maupun masukan dalam penyelesaian Tugas Akhit ini. 2. Bapak Dr. Sutarman, M.Sc. selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara. 3. Ibu Dra.Elly Rosmaini, M.Si. selaku Ketua Program Studi D3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara. 4. Djoko Sutejo, selaku kordinator daerah Inter Club Indonesia Kordinator Sumatera Utara. Terimakasih karena telah memberi banyak saran dan mempermudah dalam mendapatkan data data dalam pembuatan tugas akhir ini. 5. Teman Teman yang telah menjadi keluarga besar penulis di perantauan, para member ICI Medan, Forza Inter. 6. Keluarga di kampung, Ibunda Rima Zahara Nasution, Ayahanda Mazwar, dan tiga adik perempuan penulis Rahayu Septianda Siregar, Dinda Novita Lestari Siregar, dan Paradiba Apriliani Siregar yang terus memberi semangat dan motivasi yang besar kepada penulis dalam penyelesaian Tugas Akhir ini.
7. Keluarga kecil satu atap di perantauan, adik sepupu Cahya Rizky. Terimakasih kasih karena selalu memberi semangat. Kakak sepupu Shofia Mastura yang berniat mendukung sampai diselesaikannya tugas akhir ini. 8. Hengki Sardi Tanjung, tidak seperti teman melainkan keluarga. Terimakasih karena telah memberi semangat penulis dengan makian dan sindiran. 9. Teman yang sama berjuang dan hampir senasib. Ikhfal Fazwi, terimakasih karena tidak menunggu. Rio Manik, tetap berjuang! 10. Teman teman Teknik Kimia USU 2010, atas semangat dan dukungannya. Reaksikan!!! 11. Setiap teman yang mendukung penulis yang masih stay di Padangsidimpuan. 12. Sahabat sahabat yang telah wisuda terlebih dahulu, yang selalu bertanya kapan Tamat??. Terimakasih atas motivasi tiada tanding. 13. Semua sahabat, mungkin lebih pantasnya disebut sekutu yang mengatasnamakan 2010. Maaf penulis tidak dapat mencantumkan nama satu - persatu, kecuali Firman. 14. Mulut yang hampir berbuih karena mendesak penulis segera menyelesaikan tugas akhir ini. Kamu yang kerjaannya datang dan pergi, Aya Syarifah Nasution. Terimakasih atas desakan dengan menambah masalah. Penulis menyadari bahwa dalam penyelesaian Tugas Akhir ini banyak terdapat kekurangan dan kesalahan, untuk itu penulis berharap adanya kritikan dan juga saran yang membangun dari semua pihak untuk penyempurnaan Tugas Akhir ini. Pada akhirnya, semoga Tugas Akhir ini dapat berguna dan bermanfaat untuk kita semua dan untuk penulis khususnya. Medan, 5 Oktober 2015 Rahmad Riwanda Siregar ABSTRAK
Pada penulisan Tugas Akhir ini, penulis membuat Perancangan Sistem Informasi Inter Club Indonesia Kordinator Daerah Provinsi Sumatera Utara Berbasis Webmerupakan sebuah website yang akan digunakan untuk dapat mengakses data dari website pada internet. Metode dan rancangan website ini menggunakan PHP, HTML, MySQL, dan CSS sebagai bahasa pemrogramannya. Cara kerja dari website yang dibuat adalah dengan mengakses data yang terdapat di websiteinter Club Indonesia Kordinator Daerah Sumatera Utara. Hasil rancangan dari website ini dapat memberikan informasi tentang team sepak bola FC Internazionale, informasi Inter Club Indonesia, berbelanja secara online, dan berdiskusi dengan member lain yang telah terdaftar di website ini. Target yang akan dicapai dalam perancangan website Inter Club Indonesia Kordinator Daerah Sumatera Utara ini adalah user mampu mengakses informasi tentang FC Internazionale dan menjalin kekeluargaan antar user yang telah terdaftar di website ini. Kajian ini dibuat bertujuan untuk menambah wawasan merancang website yang sederhana.
DAFTAR ISI Halaman Persetujuan Pernyataan Penghargaan Abstrak Daftar Isi Daftar Gambar Daftar Tabel i ii iii v vi viii ix BAB 1 PENDAHULUAN 1 1.1 Latar Belakang 1 1.2 Permasalahan 3 1.3 Maksud Dan Tujuan 4 1.4 Metodologi Penelitian 4 1.5 Lokasi Dan Waktu 5 1.6 Sistematika Penulisan 5 BAB 2 LANDASAN TEORI 7 2.1 Pengertian Komputer 7 2.2 Internet 10 2.3 Word Wide Web (Web) 11 2.3.1 Lahirnya Web 13 2.3.2 Web Browser 13 2.3.3 Fungsi WWW 15 2.3.4 Web Server 15 2.4 HTML (Hypertext Markup Language) 16 2.4.1 Dokumen HTML 17 2.4.2 Tag Dan Elemen Dalam HTML 17 2.5 PHP (Hypertext Preprocessor) 20 2.5.1 Sejarah PHP 21 2.5.2 Hubungan PHP dengan HTML 23 2.5.3 Kelebihan PHP 24 2.6 CSS (Cassading Style-Sheet) 25 2.6.1 Sejarah CSS 27
2.6.2 Kelebihan Pengunaan CSS 28 2.7 MySQL 28 2.8 Sistem Informasi 29 BAB 3 GAMBARAN SEKILAS TENTANG INTER CLUB INDONESIA KORDINATOR DAERAH SUMATERA UTARA 32 3.1 Latar Belakang Inter Club Indonesia Kordinator Daerah Sumatera Utara 32 3.2 Azaz, Sifat, Tujuan, Tugas Pokok dan Fungsi Inter Club Indonesia Kordinator Daerah Sumatera Utara 33 3.3 Kepengurusan dan Kegiatan Inter Club Indonesia Kordinator Daerah Sumatera Utara 34 BAB 4 PERANCANGAN SISTEM 35 4.1 Analisis Sistem 35 4.2 Perancangan Sistem 35 4.3 Metode Pengembangan Sistem 36 4.4 Metode Perancangan 37 4.4.1 Pembuatan Diagram Alir (Flowchart) 38 4.4.2 Diagram Konteks (Context Diagram) 45 4.4.3 Entity Relationship Diagram (ERD) 55 4.5 Table Database 58 BAB 5 IMPLEMENTASI SISTEM 62 5.1 Pengertian Implementasi Sistem 62 5.1.1 Tujuan Implementasi Sistem 62 5.2 Komponen Pada Sistem 63 5.2.1 Hardware 63 5.2.2 Software 63 5.2.3 Brainware 66 5.3 Uji program 67 BAB 6 KESIMPULAN DAN SARAN 72 6.1 Kesimpulan 72 6.2 Saran 73 DAFTAR PUSTAKA LISTING PROGRAM DAFTAR GAMBAR
Gamba Judul Halaman Nomor Gambar 2.1 Dokumen HTML5 Ditampilkan Pada Jendela Browser MozillaFirefox 20 Gambar 4.1 Flowchart Perancangan Website Inter Club Indonesia Kordinator Daerah Sumatera Utara 43 Gambar 4.2 Flowchart User 44 Gambar 4.3 Flowchart Admin 45 Gambar 4.4 Diagram Konteks Perancangan Website Inter Club Indonesia Kordinator Daerah Sumatera Utara 46 Gambar 4.5 DFD Level 0 47 Gambar 4.6 DFD Level 1 News 48 Gambar 4.7 DFD Level 1 Inter 49 Gambar 4.8 DFD Level 1 ICI PROVSU 50 Gambar 4.9 DFD Level 1 Gallery 51 Gambar 4.10DFD Level 1 Store 52 Gambar 4.11 DFD Level 1 Forum 53 Gambar 4.12 DFD Level 1 Contact 54 Gambar 4.13 ERD News 55 Gambar 4.14 ERD Pertandingan 55 Gambar 4.15 ERD ICIPROVSU 56 Gambar 4.16 ERD Gallery 56 Gambar 4.17 ERD Produk 56 Gambar 4.18 ERD Forum 57 Gambar 4.19 ERD Contact 57 Gambar 4.20 ERD Admin dan User 57 Gambar 5.1 Windows 8 Pro 64 Gambar 5.2 Sublime Text 2 64 Gambar 5.3 XAMPP Control Panel 65 Gambar 5.4 Localhost XAMPP 65 Gambar 5.5 Adobe PhotoShop CS3 Extended 66 Gambar 5.6 Tampilan Halaman Welcome Screen 67 Gambar 5.7 Tampilan Halaman Home 67 Gambar 5.8 Tampilan Halaman News 68 Gambar 5.9 Tampilan Halaman Inter 68 Gambar 5.10 Tampilan Halaman ICIPROVSU 69 Gambar 5.11 Tampilan Halaman Gallery 69 Gambar 5.12 Tampilan Halaman Store 70 Gambar 5.13 Tampilan Halaman Forum 70 Gambar 5.14 Tampilan Halaman Contact 71 Gambar 5.15 Tampilan Halaman Admin 71
DAFTAR TABEL Tabel Judul Halaman Nomor Tabel 4.1 Tabel Database News 58 Tabel 4.2 Tabel Database Pertandingan 59 Tabel 4.3 Tabel Database ICIPROVSU (Regional) 59 Tabel 4.4 Tabel Database Gallery 59 Tabel 4.5 Tabel Database Produk 60 Tabel 4.6 Tabel Database Forum 60 Tabel 4.7 Tabel Database Contact 61