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 PENGETAHUAN
DAN
ILMU
ALAM
(FMIPA)
UNIVERSITAS SUMATERAUTARA
Diluluskan di Medan, 5Oktober 2015
Komisi Pembimbing : Diketahui/ Disetujui oleh Ketua Prodi D3 Teknik Informatika
Dr. Elly Rosmaini, M.Si NIP.196005201985032002
Dosen Pembimbing
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
i ii
Penghargaan iii Abstrak v Daftar Isi vi Daftar Gambar viii Daftar Tabel ix BAB 1 PENDAHULUAN 1.1 1.2 1.3 1.4 1.5 1.6
Latar Belakang Permasalahan Maksud Dan Tujuan Metodologi Penelitian Lokasi Dan Waktu Sistematika Penulisan
BAB 2 LANDASAN TEORI 2.1 Pengertian Komputer 2.2 Internet 2.3 Word Wide Web (Web) 2.3.1 Lahirnya Web 2.3.2 Web Browser 2.3.3 Fungsi WWW 2.3.4 Web Server 2.4 HTML (Hypertext Markup Language) 2.4.1 Dokumen HTML 2.4.2 Tag Dan Elemen Dalam HTML 2.5 PHP (Hypertext Preprocessor) 2.5.1 Sejarah PHP 2.5.2 Hubungan PHP dengan HTML 2.5.3 Kelebihan PHP 2.6 CSS (Cassading Style-Sheet) 2.6.1 Sejarah CSS
1 1 3 4 4 5 5 7 7 10 11 13 13 15 15 16 17 17 20 21 23 24 25 27
2.6.2 Kelebihan Pengunaan CSS 2.7 MySQL 2.8 Sistem Informasi BAB 3 GAMBARAN SEKILAS TENTANG INTER CLUB INDONESIA KORDINATOR DAERAH SUMATERA UTARA 3.1 Latar Belakang Inter Club Indonesia Kordinator Daerah Sumatera Utara 3.2 Azaz, Sifat, Tujuan, Tugas Pokok dan Fungsi Inter Club Indonesia Kordinator Daerah Sumatera Utara 3.3 Kepengurusan dan Kegiatan Inter Club Indonesia Kordinator Daerah Sumatera Utara
28 28 29
32 32 33 34
BAB 4 PERANCANGAN SISTEM 4.1 Analisis Sistem 4.2 Perancangan Sistem 4.3 Metode Pengembangan Sistem 4.4 Metode Perancangan 4.4.1 Pembuatan Diagram Alir (Flowchart) 4.4.2 Diagram Konteks (Context Diagram) 4.4.3 Entity Relationship Diagram (ERD) 4.5 Table Database
35 35 35 36 37 38 45 55 58
BAB 5 IMPLEMENTASI SISTEM 5.1 Pengertian Implementasi Sistem 5.1.1 Tujuan Implementasi Sistem 5.2 Komponen Pada Sistem 5.2.1 Hardware 5.2.2 Software 5.2.3 Brainware 5.3 Uji program
62 62 62 63 63 63 66 67
BAB 6 KESIMPULAN DAN SARAN 6.1 Kesimpulan 6.2 Saran
72 72 73
DAFTAR PUSTAKA LISTING PROGRAM
DAFTAR GAMBAR
Gamba Nomor
Judul
Halaman
Gambar 2.1 Dokumen HTML5 Ditampilkan Pada Jendela Browser MozillaFirefox Gambar 4.1 Flowchart Perancangan Website Inter Club Indonesia Kordinator Daerah Sumatera Utara Gambar 4.2 Flowchart User Gambar 4.3 Flowchart Admin Gambar 4.4 Diagram Konteks Perancangan Website Inter Club Indonesia Kordinator Daerah Sumatera Utara Gambar 4.5 DFD Level 0 Gambar 4.6 DFD Level 1 News Gambar 4.7 DFD Level 1 Inter Gambar 4.8 DFD Level 1 ICI PROVSU Gambar 4.9 DFD Level 1 Gallery Gambar 4.10DFD Level 1 Store Gambar 4.11 DFD Level 1 Forum Gambar 4.12 DFD Level 1 Contact Gambar 4.13 ERD News Gambar 4.14 ERD Pertandingan Gambar 4.15 ERD ICIPROVSU Gambar 4.16 ERD Gallery Gambar 4.17 ERD Produk Gambar 4.18 ERD Forum Gambar 4.19 ERD Contact Gambar 4.20 ERD Admin dan User Gambar 5.1 Windows 8 Pro Gambar 5.2 Sublime Text 2 Gambar 5.3 XAMPP Control Panel Gambar 5.4 Localhost XAMPP Gambar 5.5 Adobe PhotoShop CS3 Extended Gambar 5.6 Tampilan Halaman Welcome Screen Gambar 5.7 Tampilan Halaman Home Gambar 5.8 Tampilan Halaman News Gambar 5.9 Tampilan Halaman Inter Gambar 5.10 Tampilan Halaman ICIPROVSU Gambar 5.11 Tampilan Halaman Gallery Gambar 5.12 Tampilan Halaman Store Gambar 5.13 Tampilan Halaman Forum Gambar 5.14 Tampilan Halaman Contact Gambar 5.15 Tampilan Halaman Admin
20 43 44 45 46 47 48 49 50 51 52 53 54 55 55 56 56 56 57 57 57 64 64 65 65 66 67 67 68 68 69 69 70 70 71 71
DAFTAR TABEL
Tabel Nomor
Judul
Tabel 4.1 Tabel Database News Tabel 4.2 Tabel Database Pertandingan Tabel 4.3 Tabel Database ICIPROVSU (Regional) Tabel 4.4 Tabel Database Gallery Tabel 4.5 Tabel Database Produk Tabel 4.6 Tabel Database Forum Tabel 4.7 Tabel Database Contact
Halaman
58 59 59 59 60 60 61