E-LEARNING SMA NEGERI 3 PONOROGO TUGAS AKHIR

Transkripsi

1 E-LEARNING SMA NEGERI 3 PONOROGO TUGAS AKHIR Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya Program Diploma III Teknik Informatika Oleh TAUFIQUR ROHMAN M PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET 2013

2 HALAMAN PERSETUJUAN E-LEARNING SMA NEGERI 3 PONOROGO Disusun Oleh : TAUFIQUR ROHMAN NIM M Tugas Akhir ini telah disetujui dan dipresentasikan Pada Ujian TA pada tanggal Pembimbing, Endar Suprih W., S.T., M.Eng NIP HALAMAN PENGESAHAN

3 E-LEARNING SMA NEGERI 3 PONOROGO Disusun oleh : TAUFIQUR ROHMAN NIM. M Dibimbing oleh : Pembimbing Utama Endar Suprih W., S.T., M.Eng NIP Tugas akhir ini telah diterima dan disahkan oleh dewan penguji tugas akhir Program Diploma III Teknik Informatika pada Dewan Penguji : 1. Endar Suprih W., S.T., M.Eng ( ) NIP : Abdul Aziz, S.Kom., M.Cs ( ) NIP : Liliek Triyono, S.T., M.Kom ( ) NIDN : Disahkan Oleh Dekan Fakultas MIPA Universitas Sebelas Maret Ketua Program Diploma III Teknik Informatika Prof.Ir.Ari Handono Ramelan,M.Sc.(Hons),Ph.D. Drs.Y.SPalgunadi,M.Sc. NIP NIP ABSTRACT

4 Taufiqur, Rohman E-Learning at SMA Negeri 3 Ponorogo. Final Project, Computer Science Undergraduate Program, Informatics Engineering Department, Mathematics and Sciences Faculty, Sebelas Maret University. E-Learning at SMA Negeri 3 Ponorogo is an innovation for the SMA Negeri (Public Senior High School) 3 Ponorogo that is pioneering the superiority school. There are two urgent reasons underlying the development of e-learning web: firstly, the weakness of learning pattern or face-to-face learning in the classroom used by SMA Negeri 3 Ponorogo. Secondly, the rapidly development of technology shall be taken into account by the stakeholders of education to improve the learning condition. The main objective of final project is E-Learning development in SMA Negeri 3 Ponorogo. The analysis method used in designing and developing the e-learning application is an object-oriented design through developing UML including Use case, Sequence, Activity and Class diagram, database design development, and screen designing. The Program was developed by PHP and MySQL was used to manage the database. The result achieved was the availability of teaching-learning activity supporting application that can be accessed online. The web-based e-learning application can help to increase the teacher and student facilities in the term of communicating, providing learning material, providing and collecting task, and increasing knowledge sharing facility in discussion forum. Keywords: e-learning, web, application, analysis method, object oriented.

5 ABSTRAK Taufiqur, Rohman Tugas Akhir, D3 Ilmu Komputer, Jurusan Teknik Informatika, Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Negeri Sebelas Maret. merupakan suatu inovasi bagi SMA Negeri 3 Ponorogo yang sedang merintis sekolah unggulan. Ada dua hal mendesak yang melatarbelakangi pembuatan web ini, yaitu: Pertama, kelemahan pola pembelajaran atau pembelajaran tatap muka di dalam kelas yang dipakai oleh SMA Negeri 3 Ponorogo. Kedua, perkembangan teknologi yang telah maju dengan pesat perlu dipikir oleh para pendidikan guna meningkatkan kondisi pembelajaran. Tujuan utama tugas akhir ini adalah pembuatan. Metode analisis yang digunakan dalam perancangan dan pembangunan aplikasi adalah perancangan berbasis melalui tahapan pembuatan UML yang mencakup, dan diagram, pembuatan rancangan basis data, dan pembuatan rancangan layar. Program ini dikembangkan dengan menggunakan PHP dan MySQL digunakan untuk mengelola database. Hasil yang dicapai adalah ketersediaan aplikasi pendukung kegiatan belajar mengajar yang dapat diakses secara online. Aplikasi e berbasis web ini menambah fasilitas guru dan siswa dalam hal berkomunikasi, pemberian materi pelajaran, pemberian dan pengumpulan tugas, dan menambah fasilitas berbagi ilmu dalam forum diskusi. Kata Kunci:, web, aplikasi, metode analisis,

6 MOTTO DAN PERSEMBAHAN

7 KATA PENGANTAR Puji dan syukur penulis panjatkan kehadirat Allah SWT atas limpahan rahmat dan hidayah-nya sehingga penulis dapat menyelesaikan tugas akhir dengan judul E-Learning SMA Negeri 3 Ponorogo. Tugas Akhit ini merupakan syarat mencapai Gelar Ahli Madya Program Diploma III Teknik Informatika Universitas Sebelas Maret. Selama menyelesaikan laporan ini, penulisa telah menerima banyak bantuan, bimbingan pengarahan, petunjuk dan saran, serta fasilitas yang membantu hingga akhir dari penulisan laporan ini. Untuk itu penulis menyampaikan ucapan terima kasih kepada : 1. Prof. Ir. Ari Handono Ramelan, MSc, (Hons) Ph.D selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta. 2. Drs. YS. Palgunadi, M.Sc selaku Ketua Program D-III Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta. 3. Endar Suprih W., S.T., M.Eng selaku dosen pembimbing yang telah memberikan pengarahan dalam pelaksanaan Tugas Akhir ini. 4. Dan semua pihak yang telah memberikan dukungan baik materiil, maupun immateriil. Sebagai akhir kata, semoga laporan ini dapat bermanfaat khususnya bagi penulis dan pihak-pihak yang terkait dan bermanfaat bagi pembaca pada umumnya. Amin. Surakarta, 25 Juni 2010

8 Penulis DAFTAR ISI Halaman HALAMAN JUDUL... i HALAMAN PERSETUJUAN... ii HALAMAN PENGESAHAN... iii ABSTRACT... iv ABSTRAK... v MOTTO DAN PERSEMBAHAN... vi KATA PENGANTAR... vii DAFTAR ISI... viii DAFTAR GAMBAR... xi DAFTAR TABEL... xv BAB I PENDAHULUAN 1.1 Latar Belakang Perumusan Masalah Batasan Masalah Tujuan dan Manfaat Penulisan Tujuan Penulisan Manfaat Penulisan Metode Penelitian Sistematika Penulisan... 5 BAB II LANDASAN TEORI 2.1 E-Learning Web Protocol... 8

9 2.2.2 Address HTML Sisi Server PHP sebagai Aplikasi Server Database Server MySQL Web Server Sisi Client Web Browser UML (Unified Modeling Language) Use Case Diagram Sequence Diagram Activity Diagram Class Diagram BAB III ANALISA KEBUTUHAN DAN PERANCANGAN APLIKASI 3.1 Kebutuhan Sistem Kebutuhan Fungsional Kebutuhan Non Fungsional Pengembangan Sistem Analisa Perancangan Pembuatan Uji Coba Perancangan Sistem Use Case Diagram Sequence Diagram Activity Diagram Class Diagram Skema Diagram Kamus Data Desain Antar Muka... 52

10 3.6.1 Desain Halaman Antar Halaman Utama Desain Halaman Login Desain Home Admin Desain Home Guru Desain Home Siswa BAB IV : IMPLEMENTASI DAN ANALISA 4.1 Detail Aplikasi Implementasi pada Aplikasi E-Learning Tampilan Halaman Utama Tampilan Form Login Tampilan Halaman Admin Tampilan Halaman Guru Tampilan Halaman Siswa BAB V : PENUTUP 5.1 Kesimpulan Saran DAFTAR PUSTAKA. 88

11 DAFTAR GAMBAR Halaman Gambar 3.1 Metode Water Fall dalam Pengembangan Sistem Gambar 3.2 Use Case Admin Gambar 3.3 Use Case Guru Gambar 3.4 Use Case Siswa Gambar 3.5 Sequence Admin Manjemen Jurusan Gambar 3.6 Sequence Admin Manjemen Kelas Gambar 3.7 Sequence Admin Manjemen Mata Pelajaran Gambar 3.8 Sequence Admin Melihat Berita Gambar 3.9 Sequence Admin Manajemen User Gambar 3.10 Sequence Guru Manajemen Biodata Gambar 3.11 Sequence Guru Ganti Password Gambar 3.12 Sequence Guru Manajemen Berita Gambar 3.13 Sequence Guru Manajemen Mata Pelajaran Gambar 3.14 Sequence Guru Forum Diskusi Gambar 3.15 Sequence Siswa Mendaftar Akun Gambar 3.16 Sequence Siswa Manajemen Biodata Gambar 3.17 Sequence Siswa Ganti Password Gambar 3.18 Sequence Siswa Melihat Berita Gambar 3.19 Sequence Siswa Manajemen Pelajaran Gambar 3.20 Sequence Siswa Ganti Password Gambar 3.21 Activity Admin Manajemen Jurusan Gambar 3.22 Activity Admin Manajemen Kelas... 38

12 Gambar 3.23 Activity Admin Manajemen Mata Pelajaran Gambar 3.24 Activity Admin Manajemen Mata Pelajaran Gambar 3.25 Activity Admin Melihat Berita Gambar 3.26 Activity Guru Manajemen Biodata Gambar 3.27 Activity Guru Ganti Password Gambar 3.28 Activity Guru Manajemen Berita Gambar 3.29 Activity Guru Manajemen Mata Pelajaran Gambar 3.30 Activity Guru Forum Diskusi Gambar 3.31 Activity Siswa Mendaftar Akun Gambar 3.32 Activity Siswa Manajemen Biodata Gambar 3.33 Activity Siswa Ganti Password Gambar 3.34 Activity Siswa Melihat Berita Gambar 3.35 Activity Siswa Manajemen Mata Pelajaran Gambar 3.36 Activity Siswa Manajemen Forum Diskusi Gambar 3.37 Class Diagram Gambar 3.38 Entity Relationship Diagram Gambar 3.39 Skema Diagram Gambar 3.40 Antar Muka Halaman Utama Gambar 3.41 Antar Muka Halaman Login Gambar 3.42 Antar Muka Home Admin Gambar 3.43 Antar Muka Halaman Lihat Berita Gambar 3.44 Antar Muka Halaman Admin Form Input Jurusan Gambar 3.45 Antar Muka Halaman Admin Form Input Kelas Gambar 3.46 Antar Muka Halaman Admin Form Input Mata Pelajaran Gambar 3.47 Antar Muka Halaman Admin Form Input Admin... 57

13 Gambar 3.48 Antar Muka Halaman Admin Form Input Guru Gambar 3.49 Antar Muka Halaman Admin Edit Siswa Gambar 3.50 Antar Muka Halaman Admin Edit Aktifasi Gambar 3.51 Antar Muka Home Guru Gambar 3.52 Antar Muka Halaman Guru Biodata Gambar 3.53 Antar Muka Halaman Guru Edit Biodata Gambar 3.54 Antar Muka Halaman Guru Edit Password Gambar 3.55 Antar Muka Halaman Guru Lihat Berita Gambar 3.56 Antar Muka Halaman Guru Tambah Berita Gambar 3.57 Antar Muka Halaman Guru Mata Pelajaran Gambar 3.58 Antar Muka Halaman Guru Mata Pelajaran Gambar 3.59 Antar Muka Home Guru Gambar 3.60 Antar Muka Halaman Siswa Biodata Gambar 3.61 Antar Muka Halaman Siswa Edit Biodata Gambar 3.62 Antar Muka Halaman Siswa Edit Password Gambar 3.63 Antar Muka Halaman Siswa Lihat Berita Gambar 3.64 Antar Muka Halaman Siswa Mata Pelajaran Gambar 3.65 Antar Muka Halaman Siswa Forum Gambar 4.1 Implementasi Halaman Utama Gambar 4.2 Implementasi Form Login Gambar 4.3 Implementasi Halaman Admin Gambar 4.4 Implementasi Halaman Admin Menu Berita Gambar 4.5 Implementasi Halaman Admin Menu Berita Lengkap Gambar 4.6 Implementasi Halaman Admin Menu Jurusan Gambar 4.7 Implementasi Halaman Admin Menu Kelas... 71

14 Gambar 4.8 Implementasi Halaman Admin Menu Mata Pelajaran Gambar 4.9 Implementasi Halaman Admin Menu User Gambar 4.10 Implementasi Halaman Menu User Form Admin Gambar 4.11 Implementasi Halaman Menu User Form Guru Gambar 4.12 Implementasi Halaman Menu User Form Siswa Gambar 4.13 Implementasi Halaman Menu User form Aktifasi Gambar 4.14 Implementasi Halaman Guru Gambar 4.15 Implementasi Halaman Guru Menu Biodata Guru Gambar 4.16 Implementasi Halaman Guru Menu Edit Biodata Guru Gambar 4.17 Implementasi Halaman Guru Menu Ganti Password Gambar 4.18 Implementasi Halaman Guru Menu Lihat Berita Gambar 4.19 Implementasi Halaman Guru Menu Tambah Berita Gambar 4.20 Implementasi Halaman Guru Menu Mata Pelajaran Gambar 4.21 Implementasi Halaman Guru Menu Forum Diskusi Gambar 4.22 Implementasi Halaman Siswa Gambar 4.23 Implementasi Halaman Siswa Menu Biodata Siswa Gambar 4.24 Implementasi Halaman Siswa Menu Edit Biodata Siswa Gambar 4.25 Implementasi Halaman Siswa Menu Ganti Password Gambar 4.26 Implementasi Halaman Siswa Menu Lihat Berita Gambar 4.27 Implementasi Halaman Siswa Menu Mata Pelajaran Gambar 4.28 Implementasi Halaman Siswa Menu Forum... 85

15 DAFTAR TABEL Halaman Tabel 2.1 Simbol Tabel 2.2 Simbol 12 Tabel 2.3 Simbol Tabel 2.4 Simbol 14 Tabel 3.1 Skenario Manajemen Jurusan Tabel 3.2 Skenario Manajemen Kelas Tabel 3.3 Skenario Manajemen Mata Pelajaran Tabel 3.4 Skenario Melihat Berita Tabel 3.5 Skenario Manajemen User Tabel 3.6 Skenario Manajemen Biodata Tabel 3.7 Skenario Ganti Password Tabel 3.8 Skenario Manajemen Mata Pelajaran Tabel 3.9 Skenario Manajemen Berita Tabel 3.10 Skenario Forum Diskusi Tabel 3.11 Skenario Mendaftar Akun Tabel 3.12 Skenario Manajemen Biodata Tabel 3.13 Skenario Edit Password Tabel 3.14 Skenario Manajemen Mata Pelajaran Tabel 3.15 Skenario Melihat Berita Tabel 3.16 Tabel Jurusan Tabel 3.17 Tabel Kelas... 48

16 Tabel 3.18 Tabel Mata Pelajaran Tabel 3.19 Tabel Sub Mata Pelajaran Tabel 3.20 Tabel User Tabel 3.21 Tabel Admin Tabel 3.22 Tabel Guru Tabel 3.23 Tabel Siswa Tabel 3.24 Tabel Berita Tabel 3.25 Tabel Forum Jawab Tabel 3.26 Tabel Forum Tanya Tabel 3.27 Tabel Upload Tabel 3.28 Tabel Tugas Tabel 3.29 Tabel Materi Tabel 4.1 Pengujian Aplikasi... 86