Perancangan Website Chelsea Indonesia Supporters Club Regional Medan Menggunakan PHP Dan MYSQL
PERANCANGAN WEBSITE
CHELSEA INDONESIA SUPPORTERS CLUB REGIONAL MEDAN
MENGGUNAKAN PHP DAN MYSQL
TUGAS AKHIR
IMAM ANUGRAH
102406213
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2013
Universitas Sumatera Utara
PERANCANGAN WEBSITE
CHELSEA INDONESIA SUPPORTERS CLUB REGIONAL MEDAN
MENGGUNAKAN PHP DAN MYSQL
Diajukan untuk melengkapi tugas akhir dan memenuhi syarat memperoleh gelar Ahli
Madya
IMAM ANUGRAH
102406213
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2013
Universitas Sumatera Utara
v
ABSTRAK
Pada penulisan Tugas Akhir ini, penulis membuat perancangan website Chelsea
Indonesia Supporters Club Regional Medan merupakan sebuah website yang
digunakan untuk mengakses dan menginput data dari website pada internet.
Metode dan rancangan website Chelsea Indonesia Supporters Club Regional
Medan ini dengan menggunakan PHP dan MYSQL sebagai bahasa pemrogramannya.
Cara kerja dari website yang dibuat adalah dengan mengakses data yang terdapat di
website Chelsea Indonesia Supporters Club Regional Medan.
Hasil rancangan dari website Chelsea Indonesia Supporters Club Regional
Medan ini adalah dapat memberikan informasi tentang organisasi atau kelompok
supporter Chelsea Indonesia Supporters Club Regional Medan. Target yang akan
dicapai dari perancangan website Chelsea Indonesia Supporters Club Regional Medan
ini adalah user mampu mengakses informasi tentang website Chelsea Indonesia
Supporters Club Regional Medan. Kajian ini dibuat bertujuan untuk menambah
wawasan cara membuat website yang sederhana.
Universitas Sumatera Utara
vi
DAFTAR ISI
Halaman
Persetujuan
Pernyataan
Penghargaan
Abstrak
Daftar Isi
Daftar Gambar
Daftar Tabel
ii
iii
iv
v
vi
viii
ix
BAB 1 PENDAHULUAN
1.1 Latar Belakang
1.2 Permasalahan
1.3 Maksud dan Tujuan
1.4 Metodologi Penelitian
1.5 Lokasi dan Waktu
1.6 Sistematika Penulisan
1
1
3
4
4
5
5
BAB 2 LANDASAN TEORI
2.1 Pengertian komputer
2.2 Sejarah Internet
2.3 World Wide Web
2.3.1 Lahirnya Web
2.3.2 Browser Web
2.3.3 Server Web
2.3.4 Istilah-istilah umum yang harus diketahui
2.4 HTML
2.4.1 Dokumen HTML
2.4.2 Penamaan dokumen HTML
2.4.3 Elemen dan tag HTML
2.5 PHP
2.5.1 Sejarah PHP
2.5.2 PHP/FI
2.5.3 Kelebihan PHP
2.5.4 Script PHP
2.5.5 Integrasi dengan Database
2.6 MySQL
2.7 Macromedia
2.8 Pengertian Sistem Informasi
7
7
10
11
12
13
14
15
16
16
16
17
20
20
21
22
23
24
26
27
28
Universitas Sumatera Utara
vii
BAB 3 GAMBARAN UMUM ORGANISASI
3.1 Latar Belakang CISC Regional Medan
3.2 Visi & Misi CISC Regional Medan
3.3 Struktur Organisasi CISC Regional Medan
30
30
31
31
BAB 4 PERANCANGAN SISTEM
4.1 Analisis Data
4.2 Perancangan Sistem
4.3 Metode Pengembangan Sistem
4.4.Metode Perancangan
4.4.1.Pembuatan Flowchat (Diagram Air)
4.4.2 Diagram Konteks (Context Diagram)
4.4.3 Entity Relationship Diagram (ERD)
4.5.Tabel Database
33
33
33
34
34
35
38
42
42
BAB 5 IMPLEMENTASI SISTEM
5.1 Pengertian Implementasi Sistem
5.1.1 Tujuan Implementasi Sistem
5.2 Komponen-komponen Sistem
5.2.1 Hardware
5.2.2 Software
5.2.3 Brainware
5.3 Uji Program
44
44
44
45
45
45
48
48
BAB 6 KESIMPULAN DAN SARAN
6.1 Kesimpulan
6.2 Saran
51
51
52
DAFTAR PUSTAKA
LISTING PROGRAM
Universitas Sumatera Utara
viii
DAFTAR GAMBAR
Gambar
Nomor
Gambar 2.1
Gambar 2.2
Gambar 4.1
Gambar 4.2
Gambar 4.3
Gambar 4.4
Gambar 4.5
Gambar 4.6
Gambar 4.7
Gambar 4.8
Gambar 5.1
Gambar 5.2
Gambar 5.3
Gambar 5.4
Gambar 5.5
Gambar 5.6
Gambar 5.7
Gambar 5.8
Gambar 5.9
Judul
Halaman
Dokumen HTML Ditampilkan Dibrowser Google Chrome
Tampilan Editor Dreamweaver
Flowchart Perancangan Website CISC Regional Medan
Flowchart Admin
Diagram Konteks Perancangan Website
DFD level 0
DFD level 1
ERD Pengurus
ERD Gallery
ERD Admin
Windows 7 Ultimate
Macromedia Dreamwever 8
Mengaktifkan Xampp
Xampp
Tampilan Halaman Home
Tampilan Halaman Kepengurusan
Tampilan Halaman Membership
Tampilan Halaman Kegiatan
Tampilan Halaman Gallery
20
28
37
38
39
40
41
42
42
42
46
46
47
47
48
49
49
50
50
Universitas Sumatera Utara
ix
DAFTAR TABEL
Tabel
Nomor
Tabel 2.1
Tabel 2.2
Tabel 4.1
Tabel 4.2
Tabel 4.3
Judul
Daftar Database Yang Didukung PHP
Defenisi Sistem Informasi
Tabel Database Pengurus
Tabel Database Gallery
Tabel Database Admin
Halaman
24
29
43
43
43
Universitas Sumatera Utara
CHELSEA INDONESIA SUPPORTERS CLUB REGIONAL MEDAN
MENGGUNAKAN PHP DAN MYSQL
TUGAS AKHIR
IMAM ANUGRAH
102406213
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2013
Universitas Sumatera Utara
PERANCANGAN WEBSITE
CHELSEA INDONESIA SUPPORTERS CLUB REGIONAL MEDAN
MENGGUNAKAN PHP DAN MYSQL
Diajukan untuk melengkapi tugas akhir dan memenuhi syarat memperoleh gelar Ahli
Madya
IMAM ANUGRAH
102406213
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2013
Universitas Sumatera Utara
v
ABSTRAK
Pada penulisan Tugas Akhir ini, penulis membuat perancangan website Chelsea
Indonesia Supporters Club Regional Medan merupakan sebuah website yang
digunakan untuk mengakses dan menginput data dari website pada internet.
Metode dan rancangan website Chelsea Indonesia Supporters Club Regional
Medan ini dengan menggunakan PHP dan MYSQL sebagai bahasa pemrogramannya.
Cara kerja dari website yang dibuat adalah dengan mengakses data yang terdapat di
website Chelsea Indonesia Supporters Club Regional Medan.
Hasil rancangan dari website Chelsea Indonesia Supporters Club Regional
Medan ini adalah dapat memberikan informasi tentang organisasi atau kelompok
supporter Chelsea Indonesia Supporters Club Regional Medan. Target yang akan
dicapai dari perancangan website Chelsea Indonesia Supporters Club Regional Medan
ini adalah user mampu mengakses informasi tentang website Chelsea Indonesia
Supporters Club Regional Medan. Kajian ini dibuat bertujuan untuk menambah
wawasan cara membuat website yang sederhana.
Universitas Sumatera Utara
vi
DAFTAR ISI
Halaman
Persetujuan
Pernyataan
Penghargaan
Abstrak
Daftar Isi
Daftar Gambar
Daftar Tabel
ii
iii
iv
v
vi
viii
ix
BAB 1 PENDAHULUAN
1.1 Latar Belakang
1.2 Permasalahan
1.3 Maksud dan Tujuan
1.4 Metodologi Penelitian
1.5 Lokasi dan Waktu
1.6 Sistematika Penulisan
1
1
3
4
4
5
5
BAB 2 LANDASAN TEORI
2.1 Pengertian komputer
2.2 Sejarah Internet
2.3 World Wide Web
2.3.1 Lahirnya Web
2.3.2 Browser Web
2.3.3 Server Web
2.3.4 Istilah-istilah umum yang harus diketahui
2.4 HTML
2.4.1 Dokumen HTML
2.4.2 Penamaan dokumen HTML
2.4.3 Elemen dan tag HTML
2.5 PHP
2.5.1 Sejarah PHP
2.5.2 PHP/FI
2.5.3 Kelebihan PHP
2.5.4 Script PHP
2.5.5 Integrasi dengan Database
2.6 MySQL
2.7 Macromedia
2.8 Pengertian Sistem Informasi
7
7
10
11
12
13
14
15
16
16
16
17
20
20
21
22
23
24
26
27
28
Universitas Sumatera Utara
vii
BAB 3 GAMBARAN UMUM ORGANISASI
3.1 Latar Belakang CISC Regional Medan
3.2 Visi & Misi CISC Regional Medan
3.3 Struktur Organisasi CISC Regional Medan
30
30
31
31
BAB 4 PERANCANGAN SISTEM
4.1 Analisis Data
4.2 Perancangan Sistem
4.3 Metode Pengembangan Sistem
4.4.Metode Perancangan
4.4.1.Pembuatan Flowchat (Diagram Air)
4.4.2 Diagram Konteks (Context Diagram)
4.4.3 Entity Relationship Diagram (ERD)
4.5.Tabel Database
33
33
33
34
34
35
38
42
42
BAB 5 IMPLEMENTASI SISTEM
5.1 Pengertian Implementasi Sistem
5.1.1 Tujuan Implementasi Sistem
5.2 Komponen-komponen Sistem
5.2.1 Hardware
5.2.2 Software
5.2.3 Brainware
5.3 Uji Program
44
44
44
45
45
45
48
48
BAB 6 KESIMPULAN DAN SARAN
6.1 Kesimpulan
6.2 Saran
51
51
52
DAFTAR PUSTAKA
LISTING PROGRAM
Universitas Sumatera Utara
viii
DAFTAR GAMBAR
Gambar
Nomor
Gambar 2.1
Gambar 2.2
Gambar 4.1
Gambar 4.2
Gambar 4.3
Gambar 4.4
Gambar 4.5
Gambar 4.6
Gambar 4.7
Gambar 4.8
Gambar 5.1
Gambar 5.2
Gambar 5.3
Gambar 5.4
Gambar 5.5
Gambar 5.6
Gambar 5.7
Gambar 5.8
Gambar 5.9
Judul
Halaman
Dokumen HTML Ditampilkan Dibrowser Google Chrome
Tampilan Editor Dreamweaver
Flowchart Perancangan Website CISC Regional Medan
Flowchart Admin
Diagram Konteks Perancangan Website
DFD level 0
DFD level 1
ERD Pengurus
ERD Gallery
ERD Admin
Windows 7 Ultimate
Macromedia Dreamwever 8
Mengaktifkan Xampp
Xampp
Tampilan Halaman Home
Tampilan Halaman Kepengurusan
Tampilan Halaman Membership
Tampilan Halaman Kegiatan
Tampilan Halaman Gallery
20
28
37
38
39
40
41
42
42
42
46
46
47
47
48
49
49
50
50
Universitas Sumatera Utara
ix
DAFTAR TABEL
Tabel
Nomor
Tabel 2.1
Tabel 2.2
Tabel 4.1
Tabel 4.2
Tabel 4.3
Judul
Daftar Database Yang Didukung PHP
Defenisi Sistem Informasi
Tabel Database Pengurus
Tabel Database Gallery
Tabel Database Admin
Halaman
24
29
43
43
43
Universitas Sumatera Utara