Sistem Informasi Alumni SMA Negeri 1 Merbau Berbasis Web
1
SISTEM INFORMASI ALUMNI SMA NEGERI 1 MERBAU
BERBASIS WEB
TUGAS AKHIR
DESI ANDRIANI
142406005
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
2
SISTEM INFORMASI ALUMNI SMA NEGERI 1 MERBAU
BERBASIS WEB
TUGAS AKHIR
Diajukam untuk melengkapi tugas dan memenuhi syarat memperoleh
Ahli Madya
DESI ANDRIANI
142406005
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
3
PERSETUJUAN
Judul
Kategori
Nama
Nomor Induk Mahasiswa
Program Studi
Departemen
Fakultas
: Sistem Informasi Alumni SMA Negeri 1 Merbau
Berbasis Web
: Tugas Akhir
: Desi Andriani
: 142406005
: D3 Teknik Informatika
: Matematika
: Matematika dan Ilmu Pengetahuan Alam
Universitas Sumatera Utara
Disetujui di
Medan, Juli 2017
Disetujui oleh
Program Studi D3 Teknik Informatika
Ketua,
Pembimbing,
Dra. Normalina Napitupulu, M.sc
NIP.19631106 198902 2 001
Dr. Suyanto, M.Kom
NIP 19590813 198601 1 002
Universitas Sumatera Utara
4
PERNYATAAN
SISTEM INFORMASI ALUMNI SMA NEGERI 1 MERBAU
BERBASIS WEB
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil karya sendiri. Kecuali beberapa
kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, Juni 2017
DESI ANDRIANI
142406005
Universitas Sumatera Utara
5
PENGHARGAAN
Puji dan syukur penulis panjatkan kehadirat Allah SWT, yang telah melimpahkan
karunia-Nya dalam mengerjakan Tugas Akhir ini. Karena berkat rahmat dan ridhoNya pula penulis dapat menyelesaikan Tugas Akhir ini dengan judul Sistem
Informasi Alumni SMA Negeri 1 Merbau Berbasis Web.
Terima kasih penulis sampaikan kepada Bapak Dr. Suyanto, M.Kom selaku
Dosen Pembimbing yang telah meluangkan waktunya selama penyusunan Tugas
Akhir ini. Terima kasih kepada Ibu Dra. Normalina Napitupulu, M.sc, dan Bapak
Drs. James Piter Marbun, M.Kom Selaku ketua dan Sekretaris Program Studi D3
Teknik Informatika FMIPA USU Medan. Dekan dan Wakil Dekan FMIPA USU,
seluruh staf dan Dosen Program Studi D3 Teknik Informatika FMIPA USU,
pegawai FMIPA USU dan rekan-rekan kuliah. Akhirnya tidak terlupakan kepada
Bapak, Ibu dan keluarga yang selama ini memberikan bantuan dan dorongan yang
diperlukan. Semoga Tuhan Yang Maha Esa akan membalasnya.
Medan, Juli 2017
Desi Andriani
Universitas Sumatera Utara
6
SISTEM INFORMASI ALUMNI SMA NEGERI 1 MERBAU
BERBASIS WEB
ABSTRAK
Tugas akhir ini bertujuan membangun sebuah sistem informasi yang berbasis web.
Dengan adanya Sistem Informasi Alumni SMA Negeri 1 Merbau ini, alumni dapat
berinteraksi dan bertukar informasi seperti saling bertukar informasi seperti saling
berbagi ilmu pengetahuan, lowongan pekerjaan, dunia kampus, dan lain-lain.
Sistem Informasi Alumni SMA Negeri 1 Merbau Berbasis Web ini dapat diakses
secara online sehingga batasan waktu dan jarak tidak menjadi masalah bagi alumni
untuk berinteraksi. Sistem ini dikembangkan dengan menggunakan perangkat
lunak Sublime Text 2, XAMPP, PHP, Mysql, dan browser Google Chrome.
Universitas Sumatera Utara
7
INFORMATION SYSTEM ALUMNI SMA NEGERI 1 MERBAU
WEB-BASED
ABSTRACT
This final project aims to build a web-based information system. With the Alumni
Information System SMA Negeri 1 Merbau, alumni can interact and exchange
information such as exchanging information such as sharing knowledge, job
vacancies, campus world, and others. Alumni Information System SMA Negeri 1
Merbau Web-Based can be accessed online so that time and distance limitation is
not a problem for alumni to interact. The system was developed using Sublime Text
2, XAMPP, PHP, Mysql, and Google Chrome browser software.
Universitas Sumatera Utara
8
DAFTAR ISI
Halaman
i
ii
iii
iv
v
vi
viii
ix
PERSETUJUAN
PERNYATAAN
PENGHARGAAN
ABSTRAK
ABSTRACK
DAFTAR ISI
DAFTAR TABEL
DAFTAR GAMBAR
BAB 1 PENDAHULUAN
1.1 Latar Belakang
1.2 Perumusan Masalah
1.3 Batasan Masalah
1.4 Tujuan Penelitian
1.5 Manfaat Penelitian
1.6 Metodologi Penelitian
1.7 Sistematika Penulisan
1
2
3
3
4
5
6
7
BAB 2 LANDASAN TEORI
2.1 Pengertian Sistem Informasi
2.2 Pengertian Database dan MySQL
2.3 XAMPP Control Panel
2.4 HTML 5
2.5 CSS3
2.6 Sublime Text
2.7 PHP : Hypertext Preprocessor
2.8 Javascript
2.9 Flowchart
2.10 Entity Relationship Diagram
2.11 Data Flow Diagram
9
9
9
12
12
13
13
14
14
15
18
20
BAB 3 PERANCANGAN SISTEM
3.1 Analisis Sistem
3.2 Perancangan Sistem
3.2.1 Perancangan Keluaran (Output)
3.2.2 Perancangan Masukan (Input)
3.2.3 Perancangan Dialog
3.3.4 Perancangan File
3.2.5 Perancangan Database
3.2.5.1 ERD (Entity Relationship Diagram)
3.2.5.2 Normalisasi
3.2.5.3 Diagram Konteks
22
22
23
24
25
27
29
31
32
33
36
Universitas Sumatera Utara
9
3.2.5.4 Perancangan Data Flow Diagram (DFD)
3.2.6 Perancangan Komunikasi Data
3.2.7 Perancangan Program
3.2.7.1 Flowchart Login
3.2.7.2 Flowchart Halaman Utama
3.2.7.3 Flowchart Halaman Admin
3.2.7.4 Flowchart Alumni
3.2.7.5 Flowchart Anggota
37
38
39
39
40
41
42
43
BAB 4 IMPLEMENTASI SISTEM
4.1 Pengertian Implementasi Sistem
4.2 Tujuan Implementasi Sistem
4.3 Spesifikasi Hardware
4.4 Software
4.5 Brainware
4.6 Demonstrasi Program
4.6.1 Tampilan Menu Utama
4.6.2 Tampilan Menu Login
4.6.3 Tampilan Menu Admin
4.6.4 Tampilan Menu Input Data Alumni
4.6.5 Tampilan Data Alumni Yang Terdaftar
4.6.6 Tampilan Detail Data Alumni
44
44
44
45
46
46
47
47
48
49
50
51
52
BAB 5 PENUTUP
5.1 Kesimpulan
5.2 Saran
53
53
54
DAFTAR PUSTAKA
LAMPIRAN
Universitas Sumatera Utara
10
DAFTAR TABEL
Nomor
Tabel
2.1
2.2
2.3
3.1
3.2
3.3
3.4
3.5
3.6
3.7
3.8
Judul
Simbol Flowchart
Komponen ERD
Simbol Data Flow Diagram
Tabel Kategori
Tabel Baner
Tabel File User
Tabel Berita
Tabel Agenda
Tabel Alumni
Tabel Alumni
Tabel Berita
Halaman
16
19
21
29
29
30
30
31
35
35
35
Universitas Sumatera Utara
11
TABEL GAMBAR
Nomor
Gambar
3.1
3.2
3.3
3.4
3.5
3.6
3.7
3.8
3.9
3.10
3.11
3.12
4.1
4.2
4.3
4.4
4.5
4.6
Judul
Halaman
Perancangan Keluaran (Output)
Perancangan Masukan (Input)
Hasil Input
Alur Dialog Sistem Informasi Alumni SMA N 1 Merbau
ERD (Entity Relationship Diagram)
Diagram Konteks Alumni
Diagram Konteks Alumni
Flowchart Login
Flowchart Halaman Utama
Flowchart Halaman Admin
Flowchart Alumni
Flowchart Anggota
Tampilan Menu Utama
Tampilan Menu Login
Tampilan Menu Admin
Tampilan Menu Input Data Alumni
Tampilan Data Alumni Yang Terdaftar
Tampilan Detail Data Alumni
24
25
27
28
32
36
37
39
40
41
42
42
47
48
49
50
51
53
Universitas Sumatera Utara
SISTEM INFORMASI ALUMNI SMA NEGERI 1 MERBAU
BERBASIS WEB
TUGAS AKHIR
DESI ANDRIANI
142406005
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
2
SISTEM INFORMASI ALUMNI SMA NEGERI 1 MERBAU
BERBASIS WEB
TUGAS AKHIR
Diajukam untuk melengkapi tugas dan memenuhi syarat memperoleh
Ahli Madya
DESI ANDRIANI
142406005
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
3
PERSETUJUAN
Judul
Kategori
Nama
Nomor Induk Mahasiswa
Program Studi
Departemen
Fakultas
: Sistem Informasi Alumni SMA Negeri 1 Merbau
Berbasis Web
: Tugas Akhir
: Desi Andriani
: 142406005
: D3 Teknik Informatika
: Matematika
: Matematika dan Ilmu Pengetahuan Alam
Universitas Sumatera Utara
Disetujui di
Medan, Juli 2017
Disetujui oleh
Program Studi D3 Teknik Informatika
Ketua,
Pembimbing,
Dra. Normalina Napitupulu, M.sc
NIP.19631106 198902 2 001
Dr. Suyanto, M.Kom
NIP 19590813 198601 1 002
Universitas Sumatera Utara
4
PERNYATAAN
SISTEM INFORMASI ALUMNI SMA NEGERI 1 MERBAU
BERBASIS WEB
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil karya sendiri. Kecuali beberapa
kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, Juni 2017
DESI ANDRIANI
142406005
Universitas Sumatera Utara
5
PENGHARGAAN
Puji dan syukur penulis panjatkan kehadirat Allah SWT, yang telah melimpahkan
karunia-Nya dalam mengerjakan Tugas Akhir ini. Karena berkat rahmat dan ridhoNya pula penulis dapat menyelesaikan Tugas Akhir ini dengan judul Sistem
Informasi Alumni SMA Negeri 1 Merbau Berbasis Web.
Terima kasih penulis sampaikan kepada Bapak Dr. Suyanto, M.Kom selaku
Dosen Pembimbing yang telah meluangkan waktunya selama penyusunan Tugas
Akhir ini. Terima kasih kepada Ibu Dra. Normalina Napitupulu, M.sc, dan Bapak
Drs. James Piter Marbun, M.Kom Selaku ketua dan Sekretaris Program Studi D3
Teknik Informatika FMIPA USU Medan. Dekan dan Wakil Dekan FMIPA USU,
seluruh staf dan Dosen Program Studi D3 Teknik Informatika FMIPA USU,
pegawai FMIPA USU dan rekan-rekan kuliah. Akhirnya tidak terlupakan kepada
Bapak, Ibu dan keluarga yang selama ini memberikan bantuan dan dorongan yang
diperlukan. Semoga Tuhan Yang Maha Esa akan membalasnya.
Medan, Juli 2017
Desi Andriani
Universitas Sumatera Utara
6
SISTEM INFORMASI ALUMNI SMA NEGERI 1 MERBAU
BERBASIS WEB
ABSTRAK
Tugas akhir ini bertujuan membangun sebuah sistem informasi yang berbasis web.
Dengan adanya Sistem Informasi Alumni SMA Negeri 1 Merbau ini, alumni dapat
berinteraksi dan bertukar informasi seperti saling bertukar informasi seperti saling
berbagi ilmu pengetahuan, lowongan pekerjaan, dunia kampus, dan lain-lain.
Sistem Informasi Alumni SMA Negeri 1 Merbau Berbasis Web ini dapat diakses
secara online sehingga batasan waktu dan jarak tidak menjadi masalah bagi alumni
untuk berinteraksi. Sistem ini dikembangkan dengan menggunakan perangkat
lunak Sublime Text 2, XAMPP, PHP, Mysql, dan browser Google Chrome.
Universitas Sumatera Utara
7
INFORMATION SYSTEM ALUMNI SMA NEGERI 1 MERBAU
WEB-BASED
ABSTRACT
This final project aims to build a web-based information system. With the Alumni
Information System SMA Negeri 1 Merbau, alumni can interact and exchange
information such as exchanging information such as sharing knowledge, job
vacancies, campus world, and others. Alumni Information System SMA Negeri 1
Merbau Web-Based can be accessed online so that time and distance limitation is
not a problem for alumni to interact. The system was developed using Sublime Text
2, XAMPP, PHP, Mysql, and Google Chrome browser software.
Universitas Sumatera Utara
8
DAFTAR ISI
Halaman
i
ii
iii
iv
v
vi
viii
ix
PERSETUJUAN
PERNYATAAN
PENGHARGAAN
ABSTRAK
ABSTRACK
DAFTAR ISI
DAFTAR TABEL
DAFTAR GAMBAR
BAB 1 PENDAHULUAN
1.1 Latar Belakang
1.2 Perumusan Masalah
1.3 Batasan Masalah
1.4 Tujuan Penelitian
1.5 Manfaat Penelitian
1.6 Metodologi Penelitian
1.7 Sistematika Penulisan
1
2
3
3
4
5
6
7
BAB 2 LANDASAN TEORI
2.1 Pengertian Sistem Informasi
2.2 Pengertian Database dan MySQL
2.3 XAMPP Control Panel
2.4 HTML 5
2.5 CSS3
2.6 Sublime Text
2.7 PHP : Hypertext Preprocessor
2.8 Javascript
2.9 Flowchart
2.10 Entity Relationship Diagram
2.11 Data Flow Diagram
9
9
9
12
12
13
13
14
14
15
18
20
BAB 3 PERANCANGAN SISTEM
3.1 Analisis Sistem
3.2 Perancangan Sistem
3.2.1 Perancangan Keluaran (Output)
3.2.2 Perancangan Masukan (Input)
3.2.3 Perancangan Dialog
3.3.4 Perancangan File
3.2.5 Perancangan Database
3.2.5.1 ERD (Entity Relationship Diagram)
3.2.5.2 Normalisasi
3.2.5.3 Diagram Konteks
22
22
23
24
25
27
29
31
32
33
36
Universitas Sumatera Utara
9
3.2.5.4 Perancangan Data Flow Diagram (DFD)
3.2.6 Perancangan Komunikasi Data
3.2.7 Perancangan Program
3.2.7.1 Flowchart Login
3.2.7.2 Flowchart Halaman Utama
3.2.7.3 Flowchart Halaman Admin
3.2.7.4 Flowchart Alumni
3.2.7.5 Flowchart Anggota
37
38
39
39
40
41
42
43
BAB 4 IMPLEMENTASI SISTEM
4.1 Pengertian Implementasi Sistem
4.2 Tujuan Implementasi Sistem
4.3 Spesifikasi Hardware
4.4 Software
4.5 Brainware
4.6 Demonstrasi Program
4.6.1 Tampilan Menu Utama
4.6.2 Tampilan Menu Login
4.6.3 Tampilan Menu Admin
4.6.4 Tampilan Menu Input Data Alumni
4.6.5 Tampilan Data Alumni Yang Terdaftar
4.6.6 Tampilan Detail Data Alumni
44
44
44
45
46
46
47
47
48
49
50
51
52
BAB 5 PENUTUP
5.1 Kesimpulan
5.2 Saran
53
53
54
DAFTAR PUSTAKA
LAMPIRAN
Universitas Sumatera Utara
10
DAFTAR TABEL
Nomor
Tabel
2.1
2.2
2.3
3.1
3.2
3.3
3.4
3.5
3.6
3.7
3.8
Judul
Simbol Flowchart
Komponen ERD
Simbol Data Flow Diagram
Tabel Kategori
Tabel Baner
Tabel File User
Tabel Berita
Tabel Agenda
Tabel Alumni
Tabel Alumni
Tabel Berita
Halaman
16
19
21
29
29
30
30
31
35
35
35
Universitas Sumatera Utara
11
TABEL GAMBAR
Nomor
Gambar
3.1
3.2
3.3
3.4
3.5
3.6
3.7
3.8
3.9
3.10
3.11
3.12
4.1
4.2
4.3
4.4
4.5
4.6
Judul
Halaman
Perancangan Keluaran (Output)
Perancangan Masukan (Input)
Hasil Input
Alur Dialog Sistem Informasi Alumni SMA N 1 Merbau
ERD (Entity Relationship Diagram)
Diagram Konteks Alumni
Diagram Konteks Alumni
Flowchart Login
Flowchart Halaman Utama
Flowchart Halaman Admin
Flowchart Alumni
Flowchart Anggota
Tampilan Menu Utama
Tampilan Menu Login
Tampilan Menu Admin
Tampilan Menu Input Data Alumni
Tampilan Data Alumni Yang Terdaftar
Tampilan Detail Data Alumni
24
25
27
28
32
36
37
39
40
41
42
42
47
48
49
50
51
53
Universitas Sumatera Utara