PAPYRUS TEKNIK ELEKTRO UNIVERSITAS MUHAMMADIYAH SURAKARTA BERBASIS WEB Papyrus Teknik elektro Universitas Muhammadiyah Surakarta Berbasis Web.
PAPYRUS TEKNIK ELEKTRO UNIVERSITAS
MUHAMMADIYAH SURAKARTA BERBASIS WEB
TUGAS AKHIR
Diajukan untuk Memenuhi Tugas dan Syarat-syarat
Guna Memperoleh Gelar Sarjana Teknik
Pada Fakultas Teknik Jurusan Teknik Elektro
Universitas Muhammadiyah Surakarta
Disusun Oleh :
NAMA
: SIGIT PRABOWO
NIM
: D400 060 054
JURUSAN TEKNIK ELEKTRO FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH SURAKARTA
2011
i
HALAMAN PERSETUJUAN
Tugas
Akhir
dengan
judul
“PAPYRUS
TEKNIK
ELEKTRO
UNIVERSITAS MUHAMMADIYAH SURAKARTA BERBASIS WEB” ini
telah disetujui untuk disampaikan dihadapan Dewan Penguji Tugas Akhir Fakultas
Teknik Jurusan Teknik Elektro Universitas Muhammadiyah Surakarta pada :
Hari
:
Tanggal
:
Pembimbing I
Pembimbing II
(Muhammad Kusban, S.T.,M.T.)
(Mochammad Muslich, S.T)
ii
HALAMAN PENGESAHAN
Tugas Akhir dengan judul “PAPYRUS TEKNIK ELEKTRO UNIVERSITAS
MUHAMMADIYAH SURAKARTA BERBASIS WEB” ini telah dipertahankan
dan dipertanggung jawabkan dihadapan Dewan Penguji Tugas Akhir Fakultas Teknik
Jurusan Teknik Elektro Universitas Muhammadiyah Surakarta, pada :
Hari
:………………………………….
Tanggal
:………………………………….
Dewan Penguji :
1. Muhammad Kusban, S.T, M.T.
(
)
2. Mochammad Muslich, S.T.
(
)
3. Agus Supardi, S.T, M.T.
(
)
4. Umi Fadlilah, S.T., M.Eng.
(
)
Mengetahui,
Dekan Fakultas Teknik
Ketua Jurusan Teknik Elektro
Universitas Muhammadiyah Surakarta
Universitas Muhammadiyah Surakarta
(Ir. Agus Riyanto, M.T.)
(Ir. Jatmiko, M.T)
iii
DAFTAR KONTRIBUSI
Dalam Tugas Akhir ini saya merancang dan membangun Sistem
Pembelajaran Online dengan web sebagai aplikasi interfacenya. Berikut ini adalah
daftar kerja yang ada dalam tugas akhir ini :
-
Saya merancang dan membangun sendiri Sistem Pembelajaran ini dengan
panduan buku – buku yang ada dalam daftar pustaka.
-
Saya Menggunakan software XAMPP 1.7 yang terdiri dari MySQL sebagai
pengolah databsenya dan PHPmyAdmin sebagai editornya. PHP sebagai
bahasa pemrograman
untuk tampilan
interfacenya dan
Macromedia
Dreamweaver sebagai editornya sedangkan Apache sebagai servernya.
Demikian daftar kontribusi ini saya buat dengan sejujurnya. Saya
bertanggung jawab atas isi dan kebenaran daftar diatas.
Surakarta, 7 Agustus 2011
Diketahui Oleh Dosen Pembimbing
Mahasiswa Tugas Akhir
Muhammad Kusban, S.T, M.T.
Sigit Prabowo
iv
HALAMAN MOTTO
Jadikanlah sabar dan sholat sebagai penolongmu dan sesungguhnya yang demikian itu sungguh
berat kecuali bagi orang-orang yang khusu’
(QS Al Baqarah 45)
Allah akan meninggikan orang-orang beriman diantaramu dan orang-orang yang diberi ilmu
pengetahuan beberapa derajat
(Q.S. Al Mujadalah: 11)
Suatu saat kita akan merasakan segala sesuatu yang kita miliki, namun telah kita sadari semua
hanya sementara. Hidup seperti mimpi, terjadi begitu saja dan akan berakhir. Kita sering
bertanya tentang apa arti lahir, hidup dan mati. Umur tak menjamin nafas. Apalah daya kita
dibawah sang penguasa, dialah Allah SWT.
(Betrayer)
v
HALAMAN PERSEMBAHAN
Sebuah hasil karya kecil yang sangat berharga dalam hidupku ini, aku
persembahkan kepada mereka yang telah
memberikan semangat, do’a, dan
menyayangiku dengan tulus dan iklhas.
Sebagai wujud syukur dan ucapan terimakasih yang tiada tara karya ini
kupersembahkan kepada :
1.
Kedua Orang tuaku yang telah merawatku dan menyayangiku sepenuh hati
sehingga aku bisa seperti saat ini.
2.
Adik-adikku dan semua keluarga yang telah mendukungku terima kasih.
3.
Teman-temanku satu angkatan satu perjuangan yang telah membantuku
disaat aku kesulitan dan kesusahan terimakasih banyak kalian semua takkan
terlupakan.
vi
KATA PENGANTAR
Assalamualaikum Wr.Wb.
Puji syukur kehadirat Allah SWT yang telah memberikan kenikmatan,
hidayah serta inayahnya sehingga kita semua masih diberikan waktu untuk
menunaikan kewajiban kita sehari – hari. Sholawat serta salam kita panjatkan kepada
junjungan Nabi besar Muhammad SAW, sebagai suri tauladan kita semua dan kita
nantikan syafaatnya.
Tugas akhir ini merupakan salah satu syarat untuk memperoleh gelar
sarjana S1 pada Jurusan Teknik Elektro Unversitas Muhammadiyah Surakarta.
Alhamdulillah, tugas akhir ini akhirnya selesai walaupun jauh dari sempurna, dan tak
lepas dari bantuan dari berbagai pihak. Dengan rasa ikhlas dan tulus saya
mengucapkan terima kasih sebesar – besarnya kepada:
1. Bapak Ir. Jatmiko, MT, selaku Ketua Jurusan Teknik Elektro Universitas
Muhammadiyah Surakarta.
2. Bapak Muhammad Kusban, ST, M.T, selaku Pembimbing I dalam Tugas Akhir
ini
3. Bapak Mochammad Muslich, ST. selaku Pembimbing II dalam Tugas Akhir ini.
4. Bapak-bapak Penguji selaku Dewan Penguji dalam Tugas Akhir ini.
5. Bapak/Ibu Dosen yang telah membimbing dan memberikan ilmunya selama ini
kepada kami.
vii
6. Kedua orang tuaku tercinta, terima kasih atas doa, semangat dan perjuangan
yang tiada hentinya, juga atas curahan kasih sayang yang tiada pernah surut
dalam setiap langkah kehidupanku.
7. Adik-adikku tersayang, yang selalu membantu aku dari kesulitan.
8. Teman – teman kost yang gokil (Edi, Aris, Najib, Angga, Dwi, Ichsan, Rocker).
9. Teman – teman Katrox Gank (Si Je, Moye, Katul, Sondo).
10. Rekan-rekan Elektro angkatan 2006 dan lain-lainnya yang telah membantu
dalam penyelesaian Tugas Akhir ini.
Wassalamualaikum. Wr.Wb.
Surakarta, Agustus 2011
Penulis
viii
DAFTAR ISI
Halaman
HALAMAN JUDUL……………………………………………………………
i
HALAMAN PERSETUJUAN………………………………………………….
ii
HALAMAN PENGESAHAN………………………………………………….
iii
HALAMAN KONTRIBUSI……………………………………………………
iv
HALAMAN MOTTO…………………………………………………………..
v
HALAMAN PERSEMBAHAN………………………………………………..
vi
KATA PENGANTAR………………………………………………………….
vii
DAFTAR ISI……………………………………………………………………
ix
DAFTAR TABEL………………………………………………………………
xii
DAFTAR GAMBAR……………………………………………………………
xiii
ABSTRAKSI……………………………………………………………………
xv
BAB I PENDAHULUAN……………………………………………………...
1
1.1. Latar Belakang………………………………………………………
1
1.2. Rumusan Masalah…………………………………………………..
3
1.3. Batasan Masalah…………………………………………………….
3
1.4. Tujuan Penelitian…………………………………………………...
4
1.5. Manfaat Penelitian………………………………………………….
4
1.6. Tinjauan Pustaka……………………………………………………
5
1.7. Metode Penulisan …………………………………………………..
6
1.8. Sistematika Penulisan………………………………………………
6
BAB II TINJAUAN PUSTAKA DAN LANDASAN TEORI………………...
7
2.1. Tinjauan Pustaka………………………………………………….
7
2.2. Landasan Teori…………………………………………………….
12
2.2.1.
Sistem Informasi Pembelajaran…………………………
12
2.2.2.
PHP (Hypertext Processor)……………………………..
16
ix
BAB III
2.2.3.
MySQL Database……………………………………….
17
2.2.4.
PHPMyAdmin………………………………………….
20
2.2.5.
Apache Web Server…………………………………….
21
2.2.6.
Basis Data (Database)………………………………….
22
LANGKAH – LANGKAH
DALAM MENERAPKAN DAN
MERANCANG SISTEM……………………………………………………….
26
Konsep Dasar Perancangan Sistem………………………………………….
26
Perencanaan Sistem………………………………………………………….
27
Perancangan Sistem………………………………………………………….
28
Perancangan Perangkat Pembelajaran……………………………………….
28
Perangkat Pengajaran...……………………………………………………...
28
Materi Pelajaran……………………………………………………………..
28
Informasi…………………………………………………………………….
29
Pengelolaan Tugas Belajar…………………………………………………..
29
Forum Diskusi………………………………………….................................
29
Struktur Tabel Database……………………………………………………..
30
Relasi Tabel………………………………………………………………….. 35
Pembuatan Form……………………………………………………………..
35
A. Autentifikasi Pemakai……………………………...……..
35
B. Struktur Halaman Utama……………………………..…...
38
Mengaplikasikan PHP dengan MySQL Server
…………………………..
50
Relasi Antar Tabel…………………………………………………………..
54
Site Navigation Diagram………………………………………..…………..
55
BAB IV PEMBAHASAN SISTEM……………………………………………
56
Implementasi
Papyrus
Teknik
Elektro
Universitas
Muhammadiyah
Surakarta…………………………………………………………................
56
Pengujian Sistem…………………………………………………………….
56
Menguji sistem ke berbagai browser………………………………………..
57
Quisioner…………………………………………………………………….
59
x
4.3. Pembahasan Sistem………………………………………………..
62
4.3.1. Halaman Login……………………………………………..
62
4.3.2. Halaman Akses Mahasiswa………………………………
63
4.3.3. Dosen………………………………………………………
64
4.3.4. Mahasiswa…………………………………………………
65
4.3.5. Mata Kuliah……………………………………………….
65
4.3.6. Kuliah……………………………………………………..
66
4.3.7. Informasi………………………………………………….
69
4.3.8. Ganti password…………………………………………….
69
4.3.9. Edit Profil ………………………………………………….
70
4.3.10. Logout………………………………………………………
70
4.3.11. Halaman Akses Dosen……………………………………..
70
4.3.12. Dosen………………………………………………………
71
4.3.13. Mahasiswa…………………………………………………
71
4.3.14. Mata Kuliah……………………………………………….
71
4.3.15. Halaman Akses Admin……………………………………
74
BAB V PENUTUP…………………………………………………………….
81
5.1. Kesimpulan………………………………………………………...
81
5.2. Saran ………………………………….……………………………
81
DAFTAR PUSTAKA ………………………………………………………….
83
LAMPIRAN…………………………………………………………………….
84
DAFTAR TABEL
Tabel 3.1 Struktur Tabel Mahasiswa…………………………………………..
30
Tabel 3.2 Tabel Mata Kuliah…………………………………………………..
31
Tabel 3.3 Tabel Materi…………………………………………………………
32
xi
Tabel 3.4 Tabel Nilai…………………………………………………………..
32
Tabel 3.5 Tabel Tugas………………………………………………………….
33
Tabel 3.6 Tabel Tugas Mahasiswa……………………………………………..
33
Tabel 3.7 Tabel Kuis …………………………………………………………...
34
Tabel 3.8 Tabel Jawaban Kuis………………………………………………….
34
Tabel 3.9 Tabel Informasi………………………………………………………
34
Tabel 3.10 Tabel Forum…………………………………………………………
34
Tabel 3.11 Tabel User Online ………………………………………………….
35
xii
DAFTAR GAMBAR
Ganbar 2.1
Skema Tugas Akhir……………………………………………...
8
Gambar 2.2
Rekayasa perangkat lunak……………………………………..
14
Gambar 2.3
Skema proses pengaksesan…………………………………….
14
Gambar 2.4
Skema struktur jalannya data…………………………………..
15
Gambar 2.5
Contoh relasi……………………………………………………
24
Gambar 2.6
Contoh relasi satu banyak………………………………………
25
Gambar 2.7
Contoh relasi banyak-banyak …………………………………..
25
Gambar 3.1
Tampilan Halaman Utama (index)………………………………
38
Gambar 3.2
Diagram alur login………………………………………………
39
Gambar 3.3
Diagram struktur link mahasiswa……………………………….
42
Gambar 3.4
Diagram alir sesi mahasiswa…………………………………….
43
Gambar 3.5
Diagram struktur link dosen……………………………………..
47
Gambar 3.6
Diagram alir sesi dosen………………………………………….
48
Gambar 3.7
Diagram struktur link administrator…………………………….
49
Gambar 3.8
Diagram alir sesi administrator………………………………….
50
Gambar 3.9
Koneksi PHP dengan MySQL…………………………………..
53
Gambar 3.10 Gambar relasi antar tabel………………………………………..
54
Gambar 3.11 Gambar site navigasi……………………………………………
55
Gambar 4.1
Hasil Pengujian dengan mozilla firefox……………………….
57
Gambar 4.2
Hasil Pengujian dengan google chrome……………………….
58
xiii
Gambar 4.3
Hasil Pengujian dengan Internet Explorer………………..……
58
Gambar 4.4
Grafik Penilaian Tampilan……………………………………....
59
Gambar 4.5
Grafik Penilaian Kemudahan Penggunaan……………………...
60
Gambar 4.6
Grafik Penilian Kecepatan Loading……………………………..
61
Gambar 4.7
Grafik Penilaian Komposisi Warna…………………………….
61
Gambar 4.8
Grafik Penilaian Content……………………………………….
62
Gambar 4.9
Halaman Login.……….……………………………………….
63
Gambar 4.10 Halaman utama Mahasiswa……………………………………
64
Gambar 4.11 Tampilan data dosen…………….……………………………..
64
Gambar 4.12 Tampilan data mahasiswa…..…………………………………
65
Gambar 4.13 Tampilan Data mata kuliah…………………………………..
66
Gambar 4.14 Tampilan Kuliah yang diambil..……………………………..
66
Gambar 4.15 Tampilan halaman materi……………………………………
67
Gambar 4.16 Tampilan tugas..……………………………………………...
67
Gambar 4.17 Tampilan Upload tugas….……………………………………..
68
Gambar 4.18 Tampilan Soal Kuis…………………………………………….
68
Gambar 4.19 Tampilan Informasi kampus……………………………………
69
Gambar 4.20 Tampilan Halaman Utama Dosen………………………………
70
Gambar 4.21 Tampilan Kuliah yang diampu…………………………………
72
Gambar 4.22 Tampilan Ganti Password……………………………………..
74
Gambar 4.23 Tampilan Halaman Utama Admin……………………………
75
Gambar 4.24 Tampilan Tampilan data Dosen………………………………
76
xiv
Gambar 4.25 Tampilan Menu Mata Kuliah…………………………………
77
Gambar 4.26 Tampilan data Kuliah………………………………………….
79
Gambar 4.27 Tampilan Edit Profil……………………………………………
80
xv
ABSTRAKSI
Papyrus E-Learning dalam dunia teknologi informasi merupakan sarana
belajar mengajar yang digunakan untuk menunjang atau mendukung kelancaran
kegiatan belajar mengajar. Dalam tugas akhir ini dirancang sebuah system
pembelajaran online berbasis web atau sebuah transformasi proses belajar
mengajar yang bersifat konvensional menjadi bentuk digital. Tujuan dirancangnya
sistem ini yaitu untuk membantu mahasiswa dalam mendapatkan informasi pelajaran
dimana mahasiswa dapat langsung mengakses melalui internet dengan cepat dan
tidak harus selalu datang ke tempat kuliah sehingga dapat menghemat waktu , biaya,
dan tenaga.
Sistem ini dirancang menggunakan PHP sebagai bahasa pemrograman yang
berfungsi sebagai interface webnya dan MySQL sebagai pengolah datanya. Sedang
untuk servernya menggunakan Apache. Dalam system ini dibagi dalam tiga user
yaitu Administrator, Dosen dan Mahasiswa. Setiap user diberi hak fasilitas sendiri –
sendiri yang tergantung dari level user saat login.
Berdasarkan hasil pengujian program dapat diambil kesimpulan bahwa
program ini dapat membantu perguruan tinggi dalam proses belajar mengajar dan
memberikan informasi baik menambah, mengubah atau menghapus data kepada
mahasiswa dengan cepat, efekti,f dan mudah digunakan oleh mahasiswa.
Kata Kunci: Apache, MySQL, Papyrus, PHP
xvi
MUHAMMADIYAH SURAKARTA BERBASIS WEB
TUGAS AKHIR
Diajukan untuk Memenuhi Tugas dan Syarat-syarat
Guna Memperoleh Gelar Sarjana Teknik
Pada Fakultas Teknik Jurusan Teknik Elektro
Universitas Muhammadiyah Surakarta
Disusun Oleh :
NAMA
: SIGIT PRABOWO
NIM
: D400 060 054
JURUSAN TEKNIK ELEKTRO FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH SURAKARTA
2011
i
HALAMAN PERSETUJUAN
Tugas
Akhir
dengan
judul
“PAPYRUS
TEKNIK
ELEKTRO
UNIVERSITAS MUHAMMADIYAH SURAKARTA BERBASIS WEB” ini
telah disetujui untuk disampaikan dihadapan Dewan Penguji Tugas Akhir Fakultas
Teknik Jurusan Teknik Elektro Universitas Muhammadiyah Surakarta pada :
Hari
:
Tanggal
:
Pembimbing I
Pembimbing II
(Muhammad Kusban, S.T.,M.T.)
(Mochammad Muslich, S.T)
ii
HALAMAN PENGESAHAN
Tugas Akhir dengan judul “PAPYRUS TEKNIK ELEKTRO UNIVERSITAS
MUHAMMADIYAH SURAKARTA BERBASIS WEB” ini telah dipertahankan
dan dipertanggung jawabkan dihadapan Dewan Penguji Tugas Akhir Fakultas Teknik
Jurusan Teknik Elektro Universitas Muhammadiyah Surakarta, pada :
Hari
:………………………………….
Tanggal
:………………………………….
Dewan Penguji :
1. Muhammad Kusban, S.T, M.T.
(
)
2. Mochammad Muslich, S.T.
(
)
3. Agus Supardi, S.T, M.T.
(
)
4. Umi Fadlilah, S.T., M.Eng.
(
)
Mengetahui,
Dekan Fakultas Teknik
Ketua Jurusan Teknik Elektro
Universitas Muhammadiyah Surakarta
Universitas Muhammadiyah Surakarta
(Ir. Agus Riyanto, M.T.)
(Ir. Jatmiko, M.T)
iii
DAFTAR KONTRIBUSI
Dalam Tugas Akhir ini saya merancang dan membangun Sistem
Pembelajaran Online dengan web sebagai aplikasi interfacenya. Berikut ini adalah
daftar kerja yang ada dalam tugas akhir ini :
-
Saya merancang dan membangun sendiri Sistem Pembelajaran ini dengan
panduan buku – buku yang ada dalam daftar pustaka.
-
Saya Menggunakan software XAMPP 1.7 yang terdiri dari MySQL sebagai
pengolah databsenya dan PHPmyAdmin sebagai editornya. PHP sebagai
bahasa pemrograman
untuk tampilan
interfacenya dan
Macromedia
Dreamweaver sebagai editornya sedangkan Apache sebagai servernya.
Demikian daftar kontribusi ini saya buat dengan sejujurnya. Saya
bertanggung jawab atas isi dan kebenaran daftar diatas.
Surakarta, 7 Agustus 2011
Diketahui Oleh Dosen Pembimbing
Mahasiswa Tugas Akhir
Muhammad Kusban, S.T, M.T.
Sigit Prabowo
iv
HALAMAN MOTTO
Jadikanlah sabar dan sholat sebagai penolongmu dan sesungguhnya yang demikian itu sungguh
berat kecuali bagi orang-orang yang khusu’
(QS Al Baqarah 45)
Allah akan meninggikan orang-orang beriman diantaramu dan orang-orang yang diberi ilmu
pengetahuan beberapa derajat
(Q.S. Al Mujadalah: 11)
Suatu saat kita akan merasakan segala sesuatu yang kita miliki, namun telah kita sadari semua
hanya sementara. Hidup seperti mimpi, terjadi begitu saja dan akan berakhir. Kita sering
bertanya tentang apa arti lahir, hidup dan mati. Umur tak menjamin nafas. Apalah daya kita
dibawah sang penguasa, dialah Allah SWT.
(Betrayer)
v
HALAMAN PERSEMBAHAN
Sebuah hasil karya kecil yang sangat berharga dalam hidupku ini, aku
persembahkan kepada mereka yang telah
memberikan semangat, do’a, dan
menyayangiku dengan tulus dan iklhas.
Sebagai wujud syukur dan ucapan terimakasih yang tiada tara karya ini
kupersembahkan kepada :
1.
Kedua Orang tuaku yang telah merawatku dan menyayangiku sepenuh hati
sehingga aku bisa seperti saat ini.
2.
Adik-adikku dan semua keluarga yang telah mendukungku terima kasih.
3.
Teman-temanku satu angkatan satu perjuangan yang telah membantuku
disaat aku kesulitan dan kesusahan terimakasih banyak kalian semua takkan
terlupakan.
vi
KATA PENGANTAR
Assalamualaikum Wr.Wb.
Puji syukur kehadirat Allah SWT yang telah memberikan kenikmatan,
hidayah serta inayahnya sehingga kita semua masih diberikan waktu untuk
menunaikan kewajiban kita sehari – hari. Sholawat serta salam kita panjatkan kepada
junjungan Nabi besar Muhammad SAW, sebagai suri tauladan kita semua dan kita
nantikan syafaatnya.
Tugas akhir ini merupakan salah satu syarat untuk memperoleh gelar
sarjana S1 pada Jurusan Teknik Elektro Unversitas Muhammadiyah Surakarta.
Alhamdulillah, tugas akhir ini akhirnya selesai walaupun jauh dari sempurna, dan tak
lepas dari bantuan dari berbagai pihak. Dengan rasa ikhlas dan tulus saya
mengucapkan terima kasih sebesar – besarnya kepada:
1. Bapak Ir. Jatmiko, MT, selaku Ketua Jurusan Teknik Elektro Universitas
Muhammadiyah Surakarta.
2. Bapak Muhammad Kusban, ST, M.T, selaku Pembimbing I dalam Tugas Akhir
ini
3. Bapak Mochammad Muslich, ST. selaku Pembimbing II dalam Tugas Akhir ini.
4. Bapak-bapak Penguji selaku Dewan Penguji dalam Tugas Akhir ini.
5. Bapak/Ibu Dosen yang telah membimbing dan memberikan ilmunya selama ini
kepada kami.
vii
6. Kedua orang tuaku tercinta, terima kasih atas doa, semangat dan perjuangan
yang tiada hentinya, juga atas curahan kasih sayang yang tiada pernah surut
dalam setiap langkah kehidupanku.
7. Adik-adikku tersayang, yang selalu membantu aku dari kesulitan.
8. Teman – teman kost yang gokil (Edi, Aris, Najib, Angga, Dwi, Ichsan, Rocker).
9. Teman – teman Katrox Gank (Si Je, Moye, Katul, Sondo).
10. Rekan-rekan Elektro angkatan 2006 dan lain-lainnya yang telah membantu
dalam penyelesaian Tugas Akhir ini.
Wassalamualaikum. Wr.Wb.
Surakarta, Agustus 2011
Penulis
viii
DAFTAR ISI
Halaman
HALAMAN JUDUL……………………………………………………………
i
HALAMAN PERSETUJUAN………………………………………………….
ii
HALAMAN PENGESAHAN………………………………………………….
iii
HALAMAN KONTRIBUSI……………………………………………………
iv
HALAMAN MOTTO…………………………………………………………..
v
HALAMAN PERSEMBAHAN………………………………………………..
vi
KATA PENGANTAR………………………………………………………….
vii
DAFTAR ISI……………………………………………………………………
ix
DAFTAR TABEL………………………………………………………………
xii
DAFTAR GAMBAR……………………………………………………………
xiii
ABSTRAKSI……………………………………………………………………
xv
BAB I PENDAHULUAN……………………………………………………...
1
1.1. Latar Belakang………………………………………………………
1
1.2. Rumusan Masalah…………………………………………………..
3
1.3. Batasan Masalah…………………………………………………….
3
1.4. Tujuan Penelitian…………………………………………………...
4
1.5. Manfaat Penelitian………………………………………………….
4
1.6. Tinjauan Pustaka……………………………………………………
5
1.7. Metode Penulisan …………………………………………………..
6
1.8. Sistematika Penulisan………………………………………………
6
BAB II TINJAUAN PUSTAKA DAN LANDASAN TEORI………………...
7
2.1. Tinjauan Pustaka………………………………………………….
7
2.2. Landasan Teori…………………………………………………….
12
2.2.1.
Sistem Informasi Pembelajaran…………………………
12
2.2.2.
PHP (Hypertext Processor)……………………………..
16
ix
BAB III
2.2.3.
MySQL Database……………………………………….
17
2.2.4.
PHPMyAdmin………………………………………….
20
2.2.5.
Apache Web Server…………………………………….
21
2.2.6.
Basis Data (Database)………………………………….
22
LANGKAH – LANGKAH
DALAM MENERAPKAN DAN
MERANCANG SISTEM……………………………………………………….
26
Konsep Dasar Perancangan Sistem………………………………………….
26
Perencanaan Sistem………………………………………………………….
27
Perancangan Sistem………………………………………………………….
28
Perancangan Perangkat Pembelajaran……………………………………….
28
Perangkat Pengajaran...……………………………………………………...
28
Materi Pelajaran……………………………………………………………..
28
Informasi…………………………………………………………………….
29
Pengelolaan Tugas Belajar…………………………………………………..
29
Forum Diskusi………………………………………….................................
29
Struktur Tabel Database……………………………………………………..
30
Relasi Tabel………………………………………………………………….. 35
Pembuatan Form……………………………………………………………..
35
A. Autentifikasi Pemakai……………………………...……..
35
B. Struktur Halaman Utama……………………………..…...
38
Mengaplikasikan PHP dengan MySQL Server
…………………………..
50
Relasi Antar Tabel…………………………………………………………..
54
Site Navigation Diagram………………………………………..…………..
55
BAB IV PEMBAHASAN SISTEM……………………………………………
56
Implementasi
Papyrus
Teknik
Elektro
Universitas
Muhammadiyah
Surakarta…………………………………………………………................
56
Pengujian Sistem…………………………………………………………….
56
Menguji sistem ke berbagai browser………………………………………..
57
Quisioner…………………………………………………………………….
59
x
4.3. Pembahasan Sistem………………………………………………..
62
4.3.1. Halaman Login……………………………………………..
62
4.3.2. Halaman Akses Mahasiswa………………………………
63
4.3.3. Dosen………………………………………………………
64
4.3.4. Mahasiswa…………………………………………………
65
4.3.5. Mata Kuliah……………………………………………….
65
4.3.6. Kuliah……………………………………………………..
66
4.3.7. Informasi………………………………………………….
69
4.3.8. Ganti password…………………………………………….
69
4.3.9. Edit Profil ………………………………………………….
70
4.3.10. Logout………………………………………………………
70
4.3.11. Halaman Akses Dosen……………………………………..
70
4.3.12. Dosen………………………………………………………
71
4.3.13. Mahasiswa…………………………………………………
71
4.3.14. Mata Kuliah……………………………………………….
71
4.3.15. Halaman Akses Admin……………………………………
74
BAB V PENUTUP…………………………………………………………….
81
5.1. Kesimpulan………………………………………………………...
81
5.2. Saran ………………………………….……………………………
81
DAFTAR PUSTAKA ………………………………………………………….
83
LAMPIRAN…………………………………………………………………….
84
DAFTAR TABEL
Tabel 3.1 Struktur Tabel Mahasiswa…………………………………………..
30
Tabel 3.2 Tabel Mata Kuliah…………………………………………………..
31
Tabel 3.3 Tabel Materi…………………………………………………………
32
xi
Tabel 3.4 Tabel Nilai…………………………………………………………..
32
Tabel 3.5 Tabel Tugas………………………………………………………….
33
Tabel 3.6 Tabel Tugas Mahasiswa……………………………………………..
33
Tabel 3.7 Tabel Kuis …………………………………………………………...
34
Tabel 3.8 Tabel Jawaban Kuis………………………………………………….
34
Tabel 3.9 Tabel Informasi………………………………………………………
34
Tabel 3.10 Tabel Forum…………………………………………………………
34
Tabel 3.11 Tabel User Online ………………………………………………….
35
xii
DAFTAR GAMBAR
Ganbar 2.1
Skema Tugas Akhir……………………………………………...
8
Gambar 2.2
Rekayasa perangkat lunak……………………………………..
14
Gambar 2.3
Skema proses pengaksesan…………………………………….
14
Gambar 2.4
Skema struktur jalannya data…………………………………..
15
Gambar 2.5
Contoh relasi……………………………………………………
24
Gambar 2.6
Contoh relasi satu banyak………………………………………
25
Gambar 2.7
Contoh relasi banyak-banyak …………………………………..
25
Gambar 3.1
Tampilan Halaman Utama (index)………………………………
38
Gambar 3.2
Diagram alur login………………………………………………
39
Gambar 3.3
Diagram struktur link mahasiswa……………………………….
42
Gambar 3.4
Diagram alir sesi mahasiswa…………………………………….
43
Gambar 3.5
Diagram struktur link dosen……………………………………..
47
Gambar 3.6
Diagram alir sesi dosen………………………………………….
48
Gambar 3.7
Diagram struktur link administrator…………………………….
49
Gambar 3.8
Diagram alir sesi administrator………………………………….
50
Gambar 3.9
Koneksi PHP dengan MySQL…………………………………..
53
Gambar 3.10 Gambar relasi antar tabel………………………………………..
54
Gambar 3.11 Gambar site navigasi……………………………………………
55
Gambar 4.1
Hasil Pengujian dengan mozilla firefox……………………….
57
Gambar 4.2
Hasil Pengujian dengan google chrome……………………….
58
xiii
Gambar 4.3
Hasil Pengujian dengan Internet Explorer………………..……
58
Gambar 4.4
Grafik Penilaian Tampilan……………………………………....
59
Gambar 4.5
Grafik Penilaian Kemudahan Penggunaan……………………...
60
Gambar 4.6
Grafik Penilian Kecepatan Loading……………………………..
61
Gambar 4.7
Grafik Penilaian Komposisi Warna…………………………….
61
Gambar 4.8
Grafik Penilaian Content……………………………………….
62
Gambar 4.9
Halaman Login.……….……………………………………….
63
Gambar 4.10 Halaman utama Mahasiswa……………………………………
64
Gambar 4.11 Tampilan data dosen…………….……………………………..
64
Gambar 4.12 Tampilan data mahasiswa…..…………………………………
65
Gambar 4.13 Tampilan Data mata kuliah…………………………………..
66
Gambar 4.14 Tampilan Kuliah yang diambil..……………………………..
66
Gambar 4.15 Tampilan halaman materi……………………………………
67
Gambar 4.16 Tampilan tugas..……………………………………………...
67
Gambar 4.17 Tampilan Upload tugas….……………………………………..
68
Gambar 4.18 Tampilan Soal Kuis…………………………………………….
68
Gambar 4.19 Tampilan Informasi kampus……………………………………
69
Gambar 4.20 Tampilan Halaman Utama Dosen………………………………
70
Gambar 4.21 Tampilan Kuliah yang diampu…………………………………
72
Gambar 4.22 Tampilan Ganti Password……………………………………..
74
Gambar 4.23 Tampilan Halaman Utama Admin……………………………
75
Gambar 4.24 Tampilan Tampilan data Dosen………………………………
76
xiv
Gambar 4.25 Tampilan Menu Mata Kuliah…………………………………
77
Gambar 4.26 Tampilan data Kuliah………………………………………….
79
Gambar 4.27 Tampilan Edit Profil……………………………………………
80
xv
ABSTRAKSI
Papyrus E-Learning dalam dunia teknologi informasi merupakan sarana
belajar mengajar yang digunakan untuk menunjang atau mendukung kelancaran
kegiatan belajar mengajar. Dalam tugas akhir ini dirancang sebuah system
pembelajaran online berbasis web atau sebuah transformasi proses belajar
mengajar yang bersifat konvensional menjadi bentuk digital. Tujuan dirancangnya
sistem ini yaitu untuk membantu mahasiswa dalam mendapatkan informasi pelajaran
dimana mahasiswa dapat langsung mengakses melalui internet dengan cepat dan
tidak harus selalu datang ke tempat kuliah sehingga dapat menghemat waktu , biaya,
dan tenaga.
Sistem ini dirancang menggunakan PHP sebagai bahasa pemrograman yang
berfungsi sebagai interface webnya dan MySQL sebagai pengolah datanya. Sedang
untuk servernya menggunakan Apache. Dalam system ini dibagi dalam tiga user
yaitu Administrator, Dosen dan Mahasiswa. Setiap user diberi hak fasilitas sendiri –
sendiri yang tergantung dari level user saat login.
Berdasarkan hasil pengujian program dapat diambil kesimpulan bahwa
program ini dapat membantu perguruan tinggi dalam proses belajar mengajar dan
memberikan informasi baik menambah, mengubah atau menghapus data kepada
mahasiswa dengan cepat, efekti,f dan mudah digunakan oleh mahasiswa.
Kata Kunci: Apache, MySQL, Papyrus, PHP
xvi