Perancangan Sistem Informasi Inter Club Indonesia Kordinator Daerah Sumatera Utara Berbasis Web

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