PERANCANGAN MODEL PEMBELAJARAN TATA BAHASA INGGRIS (ENGLISH GRAMMAR) BERBASIS WEB SKRIPSI WINDA HAFILIA 061401019 PROGRAM STUDI S1 ILMU KOMPUTER DEPARTEMEN ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2010
PERANCANGAN MODEL PEMBELAJARAN TATA BAHASA INGGRIS (ENGLISH GRAMMAR) BERBASIS WEB SKRIPSI WINDA HAFILIA 061401019 PROGRAM STUDI S1 ILMU KOMPUTER DEPARTEMEN ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2010
PERSETUJUAN Judul : Perancangan Model Pembelajaran Tata Bahasa Inggris (English Grammar) Berbasis Web Kategori : SKRIPSI Nama : WINDA HAFILIA Nomor Induk Mahasiswa : 061401019 Program Studi : SARJANA (S1) ILMU KOMPUTER Departemen : ILMU KOMPUTER Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA Komisi Pembimbing : Diluluskan di Medan, Juli 2010 Pembimbing 2 Pembimbing 1 Syahriol Sitorus, S.Si, MIT Drs. M. Situmorang, M. Kom NIP. 197103101997031004 NIP. 131 859 487 Diketahui/Disetujui oleh Program Studi S1 Ilmu Komputer Ketua, Prof. Dr. Muhammad Zarlis NIP. 195707011986011003
PERNYATAAN PERANCANGAN MODEL PEMBELAJARAN TATA BAHASA INGGRIS (ENGLISH GRAMMAR) BERBASIS WEB SKRIPSI Saya mengakui bahwa skripsi ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya. Medan, Juli 2010 WINDA HAFILIA 061401019
PENGHARGAAN Alhamdulillah penulis ucapkan kepada Sang Khaliq Allah SWT yang melimpahkan rahmat dan karunia-nya sehingga skripsi ini berhasil diselesaikan dalam waktu yang telah ditetapkan sebagai syarat untuk memperoleh gelar Sarjana Komputer Program Studi S1 Ilmu Komputer. Ucapan terima kasih yang sebesar-besarnya penulis sampaikan kepada Bapak Drs. M. Situmorang, M. Kom. selaku Dosen Pembimbing I dan Bapak Syahriol, S.Si., MIT. selaku Dosen Pembimbing II yang telah memberikan bimbingan, saran dan masukan kepada penulis untuk menyempurnakan tulisan ini. Selanjutnya kepada para Dosen Pembanding Bapak Prof. Dr. Muhammad Zarlis dan Bapak Drs. Agus Salim Harahap, M.Si. atas kritik dan saran yang sangat berguna bagi penulis. Ucapan terima kasih juga ditujukan kepada Ketua dan Sekretaris Program Studi S1 Ilmu Komputer, Bapak Prof. Dr. Muhammad Zarlis dan Bapak Syahriol Sitorus, S.Si, MIT., Dekan dan Pembantu Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara serta semua dosen dan pegawai Program Studi S1 Ilmu Komputer. Tidak lupa penulis juga menghaturkan terima kasih kepada ayahanda dan ibunda tercinta, Suheri dan Asmawati serta seluruh keluarga tersayang yang telah banyak berjasa dan selalu memberi dorongan serta bantuan baik moril maupun meteril. Selain itu, penulis juga mengucapkan banyak terima kasih kepada sahabatsahabat (Emnita, Deri Fani, Vera dan Tio) dan rekan-rekan kuliah lainnya yang telah memberi motivasi, semangat serta bantuan dalam menyelesaikan skripsi ini. Semoga Allah SWT akan membalasnya. Amin ya Rabbal alamin. Penulis menyadari bahwa skripsi ini masih terdapat kekurangan. Oleh karena itu, kepada pembaca agar kiranya memberikan kritik dan saran yang sifatnya membangun demi kesempurnaan skripsi ini, sehingga dapat bermanfaat bagi kita semuanya.
ABSTRAK Sekarang ini, proses pengajaran dan pembelajaran lebih sering menggunakan komputer sebagai media penyampaian materi belajar. Ini dapat dilakukan dengan mengacu pada teknologi berbasis multimedia atau berbasis web. Dalam mengerjakan skripsi ini, penulis membuat sebuah aplikasi yang berbasis web untuk mempelajari mata pelajaran bahasa Inggris (english) yang mana hanya membahas tentang tata bahasanya (grammar) saja. Pembuatan aplikasi ini didasarkan pada kenyataan yang menunjukkan bahwa masih banyak masyarakat atau pelajar yang belum benar-benar memahami tata bahasa Inggris yang baik dan benar, dimana mereka sering berbicara atau menulis sesuatu dengan menggunakan bahasa Inggris dengan struktur bahasa yang tidak sesuai. Oleh karena itu, penulis membuat aplikasi berbasis web karena melalui sebuah web seseorang dapat belajar secara interaktif. Dalam hal ini, teori yang digunakan ialah behaviorisme dan model yang diterapkan ialah drill/practice dan tutorial. Aplikasi ini menampilkan beberapa materi yang disertakan dengan rumus, contoh soal dan soal. Aplikasi ini juga dirancang dengan antar muka yang menarik dan user friendly. Diharapkan hasil dari aplikasi ini dapat menjadi alternatif yang tepat bagi pengguna untuk menambah pengetahuan dan belajar secara mandiri sehingga tidak lagi mengalami kesulitan dalam memahami tata bahasa Inggris..
DESIGN OF ENGLISH GRAMMAR LEARNING MODEL BASED ON WEB ABSTRACT Nowdays, learning and teaching process more often use computer as a delivery media of learning materials. It can be applied by referring to multimedia based technology or web based technology. In doing this minithesis, the writer made an application of web based one to learn english subject which only study about the grammar. The making of this application is based on the fact which shows that there are still many people or students who really haven t understood the true and good english grammar, where they often speak or write something by using english with unappropriate structure. Therefore, the writer did because through a web somone can learn interactively. Teory used is behaviorism and model applied is drill/practice and tutorial. This application shows some materials which are enclosed with formulas, examples and excercises. It is also designed with user friendly and interesting design. By this application, it is expected to be the appropriate alternative for the users to increase their knowledge and learn antonomously so that they will not have any problem to understand english grammar.
DAFTAR ISI Halaman Persetujuan Pernyataan Penghargaan Abstrak Abstract Daftar Isi Daftar Tabel Daftar Gambar ii iii iv v vi vii x xi Bab 1 Pendahuluan 1 1.1 Latar Belakang 1 1.2 Rumusan Masalah 2 1.3 Batasan Masalah 3 1.4 Tujuan Penelitian 3 1.5 Manfaat Penelitian 4 1.6 Metodologi Penelitian 4 1.7 Sistematika Penulisan 6 Bab 2 Landasan Teori 7 2.1 Model Pembelajaran 7 2.1.1 Definisi Model 7 2.1.2 Definisi Model Pembelajaran 7 2.1.3 Jenis-Jenis Model Pembelajaran 8 2.2 Pengajaran Berbantuan Komputer 9 2.2.1 Definisi Pengajaran Berbantuan Komputer (PBK) 9 2.2.2 Teori Belajar pada PBK 11 2.2.3 Kategori PBK 11 2.2.4 Aspek-Aspek Penting PBK 12 2.2.5 Hasil Kegiatan Belajar 15 2.2.6 Keuntungan dan Keterbatasan PBK 15 2.2.6.1 Keuntungan PBK 16 2.2.6.2 Keterbatasan 17 2.3 Tata Bahasa Inggris (English Grammar) 17 2.3.1 Definisi Tata Bahasa (Grammar) 17 2.3.2 Jenis-Jenis Materi Grammar 18 2.3.2.1 Participle dan Gerund 18 2.3.2.2 Causative 19 2.3.2.3 Question Tag 19 2.3.2.4 Tenses 19 2.4 Aplikasi Website 20
2.5 Macromedia Dreamweaver 8 21 2.6 PHP dan MySQL 22 2.6.1 Definisi PHP 23 2.6.1.1 Sejarah PHP dan Perkembangannya 23 2.6.1.2 Penulisan Script PHP 24 2.6.1.3 Keunggulan PHP 24 2.6.2 Definisi MySQL 25 2.6.2.1 Sejarah MySQL 25 2.6.2.7 Keuntungan MySQL 25 2.7 Diagram Alir Data (Data Flow Diagram) 26 2.8 Diagram Alir (Flowchart 27 2.9 Metode Alpha dan Beta 28 2.10 Skala Likert 29 Bab 3 Analisis dan Perancangan 30 3.1 Analisis Sistem 30 3.2 Perancangan Sistem 31 3.3 Perancangan DFD Aplikasi 32 3.3.1 Diagram Konteks 32 3.3.2 DFD Level 1 33 3.3.3 DFD Level 2 35 3.3.3.1 DFD Level 2 untuk Proses Update 35 3.3.3.2 DFD Level 2 untuk Proses Daftar 36 3.3.3.3 DFD Level 2 untuk Proses Login 37 3.3.3.4 DFD Level 2 untuk Proses Penampilan 38 3.3.3.5 DFD Level 2 untuk Proses Penyelesaian Soal 39 3.3.3.6 DFD Level 2 untuk Proses Pencarian 39 3.3.3.7 DFD Level 2 untuk Proses Logout 40 3.4 Kamus Data (Data Dictionary)Aplikasi 41 3.5 Perancangan Flowchart Sistem Aplikasi 42 3.6 Perancangan Papan Cerita (Story Board)Aplikasi 44 3.6.1 Rancangan Tampilan Halaman Pembuka 44 3.6.2 Rancangan Tampilan Halaman Utama (Menu Beranda) 45 3.6.3 Rancangan Tampilan Menu Materi 47 3.6.4 Rancangan Tampilan untuk Tampilan Soal Menu Materi 48 3.6.5 Rancangan Tampilan Menu Kesalahan-Kesalahan Umum 49 3.6.6 Rancangan Tampilan untuk Menu Latihan 51 3.6.7 Rancangan Tampilan untuk Menu Profil 52 Bab 4 Implementasi 54 4.1 Implementasi 54 4.2 Tampilan Antarmuka (Interface) Aplikasi 54 4.2.1 Tampilan Halaman Pembuka 55 4.2.2 Tampilan Halaman Menu Utama (Menu Beranda) 56 4.2.3 Tampilan Menu Materi 57 4.2.4 Tampilan Menu Kesalahan-Kesalahan Umum 60 4.2.5 Tampilan Menu Latihan 60 4.2.6 Tampilan Menu Profil 62
4.2.7 Tampilan Kotak Pencarian 63 4.3 Pengujian Aplikasi 64 4.3.1 Hasil Pengujian 66 Bab 5 Kesimpulan dan Saran 69 5.1 Kesimpulan 69 5.2 Saran Daftar Pustaka 70
DAFTAR TABEL Halaman Tabel 2.1 Simbol-Simbol DFD 26 Tabel 2.2 Simbol-simbol Flowchart 27 Table 3.1 Kamus Data Aplikasi 41 Tabel 4.1 Penilaian Kuisioner 64 Tabel 4.2 Rata-Rata Penilaian 66 Tabel 4.3 Hasil Penilaian Akhir 68
DAFTAR GAMBAR Halaman Gambar 1.1 Tahap Perancangan Pengajaran Berbantuan Komputer Model Waterfall 5 Gambar 3.1 Diagram Pohon 31 Gambar 3.2 Diagram Konteks 32 Gambar 3.3 DFD Level 1 33 Gambar 3.4 DFD Level 2 untuk Proses Update 35 Gambar 3.5 DFD Level 2 untuk Proses Daftar 36 Gambar 3.6 Diagram Level 2 untuk Proses Login 37 Gambar 3.7 Diagram Level 2 untuk Proses Tampil 38 Gambar 3.8 Diagram Level 2 untuk Proses Penyelesaian Soal 39 Gambar 3.9 Diagram Level 2 untuk Proses Pencarian 40 Gambar 3.10 Diagram Level 2 untuk Proses Logout 40 Gambar 3.11 Flowchart Sistem Aplikasi 42 Gambar 3.12 Tampilan Halaman Pembuka (Proses Login/Daftar) 45 Gambar 3.13 Tampilan Halaman Utama (Menu Beranda) 46 Gambar 3.14 Tampilan Menu Materi 48 Gambar 3.15 Tampilan Soal sesuai Materi 49 Gambar 3.16 Tampilan Menu Kesalahan-Kesalahan Umum 50 Gambar 3.17 Tampilan Menu Latihan 52 Gambar 3.18 Tampilan Menu Profil 53 Gambar 4.1 Tampilan Halaman Pembuka Website (a) 55 Gambar 4.2 Tampilan Halaman Pembuka Website (b) 56 Gambar 4.3 Tampilan Halaman Menu Utama (Menu Beranda) 56 Gambar 4.4 Tampilan Menu Sebelum Memilih Sub Materi 57 Gambar 4.5 Tampilan Salah Satu Sub Menu Materi 58 Gambar 4.6 Tampilan Menu Materi di Halaman Terakhir pada Setiap Sub Menu 59 Gambar 4.7 Tampilan Menu Materi Setelah Memilih Menjawab Soal 59 Gambar 4.8 Tampilan Menu Kesalahan-kesalahan Umum 60 Gambar 4.9 Tampilan Menu Latihan Halaman Pertama 61 Gambar 4.10 Tampilan Menu Latihan Halaman Terakhir untuk Menampilkan Nilai dan Jawaban 62 Gambar 4.11 Tampilan Menu Profil 62 Gambar 4.12 Tampilan Pengisian Kotak Pencarian 63 Gambar 4.13 Tampilan Hasil Pencarian 63