APLIKASI PEMBELAJARAN BERBANTUAN KOMPUTE pdf
APLIKASI PEMBELAJARAN BERBANTUAN KOMPUTER
MENGENAI SISTEM PEREDARAN DARAH MANUSIA
BERBASIS WEB
TUGAS AKHIR
HUSNI RIDHO
072406094
PROGRAM STUDI D-3 ILMU KOMPUTER
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2010
Universitas Sumatera Utara
APLIKASI PEMBELAJARAN BERBANTUAN KOMPUTER MENGENAI
SISTEM PEREDARAN DARAH MANUSIA BERBASIS WEB
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya
HUSNI RIDHO
072406094
PROGRAM STUDI D-3 ILMU KOMPUTER
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2010
Universitas Sumatera Utara
PERSETUJUAN
Judul
Kategori
Nama
Nomor Induk Mahasiswa
Program Studi
Departemen
Fakultas
: APLIKASI PEMBELAJARAN BERBANTUAN
KOMPUTER MENGENAI SISTEM PEREDARAN
DARAH MANUSIA BERBASIS WEB
: TUGAS AKHIR
: HUSNI RIDHO
: 072406094
: D3 KOMPUTER
: MATEMATIKA
: MATEMATIKA DAN ILMU PENGETAHUAN
ALAM (FMIPA) UNIVERSITAS SUMATERA
UTARA
Diluluskan di
Medan,
September 2010
Komisi Pembimbing
:
Diketahui/Disetujui oleh
Departemen Matematika FMIPA USU
Ketua,
Pembimbing
Dr. Saib Suwilo, M.Sc
NIP. 196401091988031004
Drs. Suyanto, M.Kom
NIP. 195908131986011002
Universitas Sumatera Utara
PERNYATAAN
APLIKASI PEMBELAJARAN BERBANTUAN KOMPUTER MENGENAI
SISTEM PEREDARAN DARAH MANUSIA 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,
September 2010
HUSNI RIDHO
072406094
Universitas Sumatera Utara
PENGHARGAAN
Puji dan syukur penulis panjatkan kehadirat Allah SWT atas segala berkat dan rahmatNya sehingga penulis dapat menyelesaikan Tugas Akhir ini dengan baik dan dalam
waktu yang telah ditetapkan.
Ucapan terima kasih penulis sampaikan kepada Drs. Suyanto, M. Kom selaku
pembimbing yang telah meluangkan waktunya dan membantu penulis dalam
penyelesaian tugas akhir ini. Ucapan terima kasih juga ditujukan kepada Bapak Dr.
Saib Suwilo, M. Sc selaku Ketua Departemen Matematika, Bapak Prof. Eddy
Marlianto,M. Sc dan Dr. Sutarman, M.Sc selaku Dekan dan Pembantu Dekan I
FMIPA USU, semua dosen dan pegawai FMIPA USU, dan teman-teman kuliah
Rudiansyah, Tanzilul, Insan Kamil, dan teman-teman yang telah memberikan
semangat dan doa, serta seluruh mahasiswa komputer angkatan 2007. Akhirnya, tidak
terlupakan kepada kedua orang tua tercinta yang telah memberikan dorongan, nasehat,
kasih sayang, doa, dukungan material dan spritual, dan semua ahli keluarga yang
selama ini memberikan bantuan dan dorongan yang diperlukan. Semoga amal baik
mereka mendapatkan balasan yang setimpal dari Allah SWT, Amin.
Universitas Sumatera Utara
ABSTRAK
Tugas akhir ini bertujuan membangun sebuah aplikasi yang berbasis web. Sistem
perancangan dalam pembuatan website aplikasi pembelajaran berbantuan komputer
ini dikembangkan dengan menggunakan beberapa software yakni Macromedia
Dreamweaver 8, XAMPP yang merupakan gabungan dari Apache Web Server, PHP
dan MySQL. Dengan menggunakan Macromedia Dreamweaver 8 maka pengerjaan
website akan lebih cepat dan mudah. Adapun tabel-tabel yang dipakai dalam
pembuatan sistem informasi tugas akhir ini adalah tabel admin, tabel contact, tabel
tamu. Semua tabel ini nantinya digunakan untuk menampung data-data yang
diperlukan dalam pembangunan website aplikasi pembelajaran berbantuan komputer
mengenai sistem peredaran darah manusia.
Dengan adanya aplikasi pembelajaran berbantuan komputer ini para siswa
sekolah mengengah atas (SMA) dapat lebih mudah dalam mempelajari materi
pembelajaran yang diberikan. Sebelum adanya aplikasi ini, siswa kesulitan untuk
memahami materi pembelajaran khususnya di bidang biologi, dikarenakan harus
membaca teks yang sifatnya baku dan terlalu ilmiah. Dengan adanya aplikasi ini para
siswa tidak lagi jenuh dalam melakukan proses pembelajaran, dikarenakan aplikasi ini
dapat menampilkan animasi-animasi yang bisa membantu siswa untuk bisa lebih
memahami isi materi yang diberikan.
Universitas Sumatera Utara
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 Identifikasi masalah
1.3 Batasan Masalah
1.4 Tujuan
1.5 Metode Penelitian
1.6 Tinjauan Pustaka
1.7 Sistematika Penulisan
1
2
2
2
3
3
4
Bab 2 Tinjauan Teoritis
2.1 Pengenalan Internet
2.1.1. Network
2.2 Pengenalan HTML
2.2.1.Pendahuluan HTML
2.2.2. Bagian-bagian HTML
2.3 Pengenalan PHP
2.3.1. Sejarah PHP
2.3.2. Kelebihan dan Kelemahan PHP
2.3.3. Penggabungan Script HTML dan PHP
2.4 Pengenalan MySQL
2.4.1. Sejarah MySQL
2.5 Mengenal Macromedia Dreamweaver
2.5.1. Memulai Dreamweaver
2.5.2. Area Kerja pada Dreamweaver
2.5.3. Menu Bar Area Kerja
2.5.4. CAL (Computer Assisted Learning)
6
7
7
8
8
9
9
10
11
12
12
14
15
15
16
17
Bab 3 Analisis dan Perancangan Sistem
3.1 Analisis Sistem
3.2 Perancangan Sistem
18
19
Universitas Sumatera Utara
3.2.1.PBK (pembelajaran berbantuan komputer)
3.2.2. Diagram Konteks
3.2.3. Perancangan Keluaran (Output)
3.2.4. Perancangan Masukan (Input)
3.2.5. Perancangan File
3.2.6. Perancangan Database
3.2.6.1. Perancangan Data Flow Diagram (DFD)
3.2.6.2. ERD (Entity Relationship Diagram)
3.2.6.3. Normalisasi
3.2.7. Perancangan Komunikasi Data
3.2.7.1. Komponen Dasar Sistem Komunikasi Data
3.2.8. Perancangan Program
19
20
20
21
22
23
25
26
27
29
29
31
Bab 4 Implementasi Sistem
4.1 Pengertian dan Tujuan Implementasi Sistem
4.2 Komponen Utama dalam Implementasi Sistem
4.2.1. Perangkat Keras (hardware)
4.2.2. Perangkat Lunak (software)
4.2.3. Unsur Manusia (brainware)
4.3 Instalasi Apache, PHP, dan MySQL
4.3.1. Instalasi XAMPP 1.7.1
4.4 Prosedur Penggunaan Program
32
32
33
33
34
34
35
35
Bab 5 Kesimpulan dan Saran
5.1 Kesimpulan
5.2 Saran
40
41
Daftar Pustaka
x
Lampiran
Universitas Sumatera Utara
DAFTAR GAMBAR
Halaman
Gambar 3.1 PBK
Gambar 3.2 Diagram konteks
Gambar 3.3 Perancangan keluaran (output)
Gambar 3.4 Perancangan masukan (input)
Gambar 3.5 ERD (Entity Relationship Diagram)
Gambar 3.6 flowchart login admin
Gambar 3.7 flowchart pengunjung
Gambar 4.1 utama halaman website
Gambar 4.2 link materi
Gambar 4.3 Struktur Alat Peredaran Darah pada Manuasia
Gambar 4.4 link guest book
Gambar 4.5 link contact us
19
20
21
22
27
31
31
36
37
38
39
39
Universitas Sumatera Utara
DAFTAR TABEL
Halaman
Tabel 3.1 Tabel admin
Tabel 3.2 Tabel contact
Tabel 3.3 Tabel tamu
Tabel 3.4 Simbol-simbol DFD
24
24
25
26
Universitas Sumatera Utara
MENGENAI SISTEM PEREDARAN DARAH MANUSIA
BERBASIS WEB
TUGAS AKHIR
HUSNI RIDHO
072406094
PROGRAM STUDI D-3 ILMU KOMPUTER
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2010
Universitas Sumatera Utara
APLIKASI PEMBELAJARAN BERBANTUAN KOMPUTER MENGENAI
SISTEM PEREDARAN DARAH MANUSIA BERBASIS WEB
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya
HUSNI RIDHO
072406094
PROGRAM STUDI D-3 ILMU KOMPUTER
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2010
Universitas Sumatera Utara
PERSETUJUAN
Judul
Kategori
Nama
Nomor Induk Mahasiswa
Program Studi
Departemen
Fakultas
: APLIKASI PEMBELAJARAN BERBANTUAN
KOMPUTER MENGENAI SISTEM PEREDARAN
DARAH MANUSIA BERBASIS WEB
: TUGAS AKHIR
: HUSNI RIDHO
: 072406094
: D3 KOMPUTER
: MATEMATIKA
: MATEMATIKA DAN ILMU PENGETAHUAN
ALAM (FMIPA) UNIVERSITAS SUMATERA
UTARA
Diluluskan di
Medan,
September 2010
Komisi Pembimbing
:
Diketahui/Disetujui oleh
Departemen Matematika FMIPA USU
Ketua,
Pembimbing
Dr. Saib Suwilo, M.Sc
NIP. 196401091988031004
Drs. Suyanto, M.Kom
NIP. 195908131986011002
Universitas Sumatera Utara
PERNYATAAN
APLIKASI PEMBELAJARAN BERBANTUAN KOMPUTER MENGENAI
SISTEM PEREDARAN DARAH MANUSIA 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,
September 2010
HUSNI RIDHO
072406094
Universitas Sumatera Utara
PENGHARGAAN
Puji dan syukur penulis panjatkan kehadirat Allah SWT atas segala berkat dan rahmatNya sehingga penulis dapat menyelesaikan Tugas Akhir ini dengan baik dan dalam
waktu yang telah ditetapkan.
Ucapan terima kasih penulis sampaikan kepada Drs. Suyanto, M. Kom selaku
pembimbing yang telah meluangkan waktunya dan membantu penulis dalam
penyelesaian tugas akhir ini. Ucapan terima kasih juga ditujukan kepada Bapak Dr.
Saib Suwilo, M. Sc selaku Ketua Departemen Matematika, Bapak Prof. Eddy
Marlianto,M. Sc dan Dr. Sutarman, M.Sc selaku Dekan dan Pembantu Dekan I
FMIPA USU, semua dosen dan pegawai FMIPA USU, dan teman-teman kuliah
Rudiansyah, Tanzilul, Insan Kamil, dan teman-teman yang telah memberikan
semangat dan doa, serta seluruh mahasiswa komputer angkatan 2007. Akhirnya, tidak
terlupakan kepada kedua orang tua tercinta yang telah memberikan dorongan, nasehat,
kasih sayang, doa, dukungan material dan spritual, dan semua ahli keluarga yang
selama ini memberikan bantuan dan dorongan yang diperlukan. Semoga amal baik
mereka mendapatkan balasan yang setimpal dari Allah SWT, Amin.
Universitas Sumatera Utara
ABSTRAK
Tugas akhir ini bertujuan membangun sebuah aplikasi yang berbasis web. Sistem
perancangan dalam pembuatan website aplikasi pembelajaran berbantuan komputer
ini dikembangkan dengan menggunakan beberapa software yakni Macromedia
Dreamweaver 8, XAMPP yang merupakan gabungan dari Apache Web Server, PHP
dan MySQL. Dengan menggunakan Macromedia Dreamweaver 8 maka pengerjaan
website akan lebih cepat dan mudah. Adapun tabel-tabel yang dipakai dalam
pembuatan sistem informasi tugas akhir ini adalah tabel admin, tabel contact, tabel
tamu. Semua tabel ini nantinya digunakan untuk menampung data-data yang
diperlukan dalam pembangunan website aplikasi pembelajaran berbantuan komputer
mengenai sistem peredaran darah manusia.
Dengan adanya aplikasi pembelajaran berbantuan komputer ini para siswa
sekolah mengengah atas (SMA) dapat lebih mudah dalam mempelajari materi
pembelajaran yang diberikan. Sebelum adanya aplikasi ini, siswa kesulitan untuk
memahami materi pembelajaran khususnya di bidang biologi, dikarenakan harus
membaca teks yang sifatnya baku dan terlalu ilmiah. Dengan adanya aplikasi ini para
siswa tidak lagi jenuh dalam melakukan proses pembelajaran, dikarenakan aplikasi ini
dapat menampilkan animasi-animasi yang bisa membantu siswa untuk bisa lebih
memahami isi materi yang diberikan.
Universitas Sumatera Utara
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 Identifikasi masalah
1.3 Batasan Masalah
1.4 Tujuan
1.5 Metode Penelitian
1.6 Tinjauan Pustaka
1.7 Sistematika Penulisan
1
2
2
2
3
3
4
Bab 2 Tinjauan Teoritis
2.1 Pengenalan Internet
2.1.1. Network
2.2 Pengenalan HTML
2.2.1.Pendahuluan HTML
2.2.2. Bagian-bagian HTML
2.3 Pengenalan PHP
2.3.1. Sejarah PHP
2.3.2. Kelebihan dan Kelemahan PHP
2.3.3. Penggabungan Script HTML dan PHP
2.4 Pengenalan MySQL
2.4.1. Sejarah MySQL
2.5 Mengenal Macromedia Dreamweaver
2.5.1. Memulai Dreamweaver
2.5.2. Area Kerja pada Dreamweaver
2.5.3. Menu Bar Area Kerja
2.5.4. CAL (Computer Assisted Learning)
6
7
7
8
8
9
9
10
11
12
12
14
15
15
16
17
Bab 3 Analisis dan Perancangan Sistem
3.1 Analisis Sistem
3.2 Perancangan Sistem
18
19
Universitas Sumatera Utara
3.2.1.PBK (pembelajaran berbantuan komputer)
3.2.2. Diagram Konteks
3.2.3. Perancangan Keluaran (Output)
3.2.4. Perancangan Masukan (Input)
3.2.5. Perancangan File
3.2.6. Perancangan Database
3.2.6.1. Perancangan Data Flow Diagram (DFD)
3.2.6.2. ERD (Entity Relationship Diagram)
3.2.6.3. Normalisasi
3.2.7. Perancangan Komunikasi Data
3.2.7.1. Komponen Dasar Sistem Komunikasi Data
3.2.8. Perancangan Program
19
20
20
21
22
23
25
26
27
29
29
31
Bab 4 Implementasi Sistem
4.1 Pengertian dan Tujuan Implementasi Sistem
4.2 Komponen Utama dalam Implementasi Sistem
4.2.1. Perangkat Keras (hardware)
4.2.2. Perangkat Lunak (software)
4.2.3. Unsur Manusia (brainware)
4.3 Instalasi Apache, PHP, dan MySQL
4.3.1. Instalasi XAMPP 1.7.1
4.4 Prosedur Penggunaan Program
32
32
33
33
34
34
35
35
Bab 5 Kesimpulan dan Saran
5.1 Kesimpulan
5.2 Saran
40
41
Daftar Pustaka
x
Lampiran
Universitas Sumatera Utara
DAFTAR GAMBAR
Halaman
Gambar 3.1 PBK
Gambar 3.2 Diagram konteks
Gambar 3.3 Perancangan keluaran (output)
Gambar 3.4 Perancangan masukan (input)
Gambar 3.5 ERD (Entity Relationship Diagram)
Gambar 3.6 flowchart login admin
Gambar 3.7 flowchart pengunjung
Gambar 4.1 utama halaman website
Gambar 4.2 link materi
Gambar 4.3 Struktur Alat Peredaran Darah pada Manuasia
Gambar 4.4 link guest book
Gambar 4.5 link contact us
19
20
21
22
27
31
31
36
37
38
39
39
Universitas Sumatera Utara
DAFTAR TABEL
Halaman
Tabel 3.1 Tabel admin
Tabel 3.2 Tabel contact
Tabel 3.3 Tabel tamu
Tabel 3.4 Simbol-simbol DFD
24
24
25
26
Universitas Sumatera Utara