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 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
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 i Pernyataan ii Penghargaan iii Abstrak v Daftar Isi vi Daftar Gambar viii Daftar Tabel ix BAB 1 PENDAHULUAN 1 1.1 Latar Belakang 1 1.2 Permasalahan 31.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
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
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