PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

178
PEMANFAATAN WEB SEBAGAI MEDIA PEMBELAJARAN BAHASA INGGRIS SKRIPSI diajukan Sebagai Syarat untuk mendapatkan Gelar Kesarjanan Strata Satu (S1) Program Studi Teknik Informatika oleh NAMA : NANANG CHOSIN NPM : 07 08 0085 PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS ISLAM ATTAHIRIYAH JAKARTA 2011

Transcript of PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

Page 1: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

PEMANFAATAN WEB SEBAGAI MEDIA

PEMBELAJARAN BAHASA INGGRIS

SKRIPSI

diajukan Sebagai Syarat untuk mendapatkan Gelar Kesarjanan Strata Satu (S1)

Program Studi Teknik Informatika

oleh

NAMA : NANANG CHOSIN

NPM : 07 08 0085

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS ISLAM ATTAHIRIYAH

JAKARTA

2011

Page 2: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

i

LEMBAR PERSETUJUAN

Dengan ini diterangkan bahwa, skripsi ini dari mahasisiwa :

Nama : Nanang Chosin

NPM : 07 08 0085

Fakultas : TEKNIK

Program Studi : TEKNIK INFORMATIKA

Judul : PEMANFAATAN WEB SEBAGAI MEDIA

PEMBELAJARAN BAHASA INGGRIS

Telah diterima dan disetujui untuk diujikan dalam siding skripsi pada Fakultas

Teknik, jurusan Teknik Informatika Universitas Islam Attahiriyah.

Pembimbing,

(Ir. Didin Syamsudin, M.Kom)

Page 3: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

ii

LEMBAR PENGESAHAN

Skripsi ini telah diuji dan dipertahankan dalam siding Skripsi Fakultas Teknik,

Program Studi Teknik Informatika pada :

Hari : Selasa

Tanggal : 3 Mei 2011

Tempat : Ruang Sidang Fakultas Teknik Universitas Islam Attahiriyah

Dinyatakan sah oleh panitia sidang Skripsi Tingkat Sarjana (S1) Fakultas Teknik,

Program Studi Teknik Informatika Universitas Islam Attahiriyah sebagai salah

satu syarat memperoleh gelar Sarjana Teknik.

Mengesahkan

Ketua Sidang Pembimbing

(Wahyu Nur Cholifah, M.kom.) (Ir. Didin Syamsudin, M.Kom)

Penguji I Penguji II

(Bambang Mulyatno, SE., M.kom.) (Iqbal, M.TI)

Mengetahui

Dekan Fakultas Teknik UNIAT

(Ir. Didin Syamsudin, M.Kom)

Page 4: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

iii

ABSTRAKSI

Latar Belakang adalah masalah yang terjadi di masyarakat yang menyebabkan penulis mengambil judul skipsi ini. Pertama, Banyak situs pendidikan bertebaran di dunia internet khususnya bahasa inggris. Ini membuat tidak fokus pelajar mencari informasi. Kedua,kebanyakan pelajar kurang aktif dengan berbagai alasan walaupun sudah diterapkan sistem KBK (Kurikulum Berbasis Kompetensi). Tujuan Penelitian adalah yang pertama supaya pelajar dan khusunya penulis mengerti bagaimana merancang web aplikasi pembelajaran bahasa inggris online. Kedua, supaya pelajar dan khusunya penulis bisa membedakan atau membandingkan sistem KBK dan sistem E-learning buatan penulis dari segi keaktifan pelajar. Terakhir, supaya teercipta proses belajar mengajar yang aktif. Metode Penelitian adalah cara yang dipakai penulis dalam membuat tulisan dan aplikasi skripsi ini. Pertama, melakukan studi kepustakaan bisa berupa buku dan sumber-sumber informasi dari internet. Topik yang akan dikaji antara lain Mengenal tentang Bahasa Inggris lebih jauh, Sistem KBK dan Bagaimana menginstal Joomla 1.5 serta mengenal software pendukungnya. Kedua, melakukan studi observasi dengan membuat program aplikasi Joomla 1.5 tingkat dasar. Ketiga,Melakukan studi eksperimen dengan cara membuat program yan telah direncanakan. Hasil yang ingin dicapai adalah pertama semoga program bermanfaat buat para pelajar khususnya dalam belajar bahasa inggris. Kedua, Tercipta proses belajar mengajar yang aktif dan terakhir semoga aplikasi bisa menggantikan sistem belajar yang lama yaitu Sistem KBK Kesimpulan adalah hasil penelitian dan pengamatan yang penulis lakukan pada system pembelajaran bahasa inggris. Pertama, dengan adanya standard (ukuran) persyaratan system KBK yang harus diterapkan oleh setiap sekolah, mungkin akan menyebabkan perbedaan hasil antara sekolah satu dengan sekolah yang lain. Kedua Antara anak didik (pelajar) yang satu dengan yang lain akan mendapatkan kebutuhan kurikulum yang sama walaupun kemampuan dan keaktifan setiap pelajar itu berbeda-beda. Semakin banyaknya situs website pendidikan khususnya dalam pelajaran bahasa inggris, akan menyebabkan pelajar tidak fokus dalam mencari informasi materi bahasa inggris. Kata Kunci : Internet, Website, Bahasa Inggris, KBK dan E-learning.

Page 5: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

iv

KATA PENGANTAR

Segala puji dan syukur kehadirat Allah SWT yang telah melimpahkan

rahmat dan hidayah Nya kepada penulis, sehingga dapat menyelesaikan penulisan

Skripsi ini . Shalawat dan salam semoga dilimpahkan kepada Rasulullah saw,

keluarga, sahabat dan para pengikutnya yang istiqomah hingga akhir zaman.

Penulisan Proposal ini yang berjudul : ”PEMANFAATAN WEB

SEBAGAI MEDIA PEMBELAJARAN BAHASA INGGRIS” ini disusun dalam

rangka memenuhi persyaratan untuk pengajuan pembuatan Skripsi untuk

mendapatkan gelar kesarjanaan Strata satu (S1) jurusan Teknik Informatika. pada

Fakultas Teknik , Universitas Islam Attahiriyah Jakarta

Pada kesempatan ini penulis ingin menyampaikan terima kasih kepada

semua pihak yang telah membantu baik secara langsung maupun tidak, sejak masa

awal perkuliahan hingga penulisan Skripsi ini dapat di selesaikan. Ucapan terima

kasih penulis sampaikan kepada :

1. Ayahanda terhormat Kasturi dan Ibunda Sunarsih selaku kedua orang tua

penulis yang telah mendidik dan membimbing penulis.

2. Paman dan bibi Penulis Subarno dan Lilik Suryaningsih yang mau

menyisihkan rejekinya untuk membiayai kuliah penulis.

3. Bapak Ir. Didin Syamsuddin, M.Kom. Selaku Dekan Fakultas Teknik

Universitas Islam Attahiriyah serta pembimbing bagi penulis.

4. Wakil Dekan Fakultas Teknik Universitas Islam Attahiriyah Jakarta, Ibu

Wahyu Nur Cholifah, M.Kom yang telah memotivasi penulis sejak awal

perkuliahan .

Page 6: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

v

5. Seluruh karyawan dan Staff Fakultas Teknik Universitas Islam

Attahiriyah.

6. Lembaga Pendidikan Komputer (LPIKOM) Bojonegoro yang telah

memberikan data referensi materi bahasa Inggris untuk melengkapi

penulisan skripsi penulis.

7. Teman-teman serta semua pihak yang tidak dapat penulis sebutkan satu

persatu yang telah membantu baik secara langsung maupun tidak langsung

dalam proses penulisan skripsi ini.

Penulis menyadari bahwa penulisan Proposal ini masih jauh dari

sempurna, dikarenakan kemampuan dan pengalaman penulis yang masih terbatas.

Untuk itu penulis sangat mengharapkan kritik serta saran guna perbaikan

penulisan ini di masa yang akan datang. Semoga penulisan ini dapat bermanfaat

bagi pembaca pada umumnya dan penulis pada khususnya.

Jakarta, Mei 2011

Nanang Chosin

Page 7: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

vi

DAFTAR ISI

Halaman

LEMBAR PERSETUJUAN .......................................................................... i

LEMBAR PENGESAHAN ............................................................................ ii

ABSTRAKSI .................................................................................................. iii

KATA PENGANTAR .................................................................................... iv

DAFTAR ISI ................................................................................................... vi

DAFTAR GAMBAR ...................................................................................... x

DAFTAR TABEL ........................................................................................... xiii

BAB I PENDAHULUAN

1.1 Latar Belakang ....................................................................... 1

1.2 Rumusan Masalah .................................................................. 3

1.3 Batasan Masalah ..................................................................... 3

1.4 Tujuan Penelitian ................................................................... 3

1.5 Metodologi Penelitian ............................................................ 4

1.6 Sistematika Penulisan ............................................................ 5

BAB II LANDASAN TEORI

2.1 Pengenalan Pemograman Web ............................................... 6

2.1.1 Pengenalan Website atau Situs .................................... 6

Page 8: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

vii

2.1.2 Unsur-Unsur website atau Situs ................................... 6

2.1.3 Pemeliharaan Website atau Situs ................................. 11

2.2 Bahasa-Bahasa pemograman Web ......................................... 12

2.2.1 Bahasa Pemograman HTML ........................................ 12

2.2.2 Bahasa Pemograman PHP ............................................ 13

2.2.3 Bahasa Pemograman ASP ............................................ 13

2.2.4 Bahasa Pemograman XML .......................................... 13

2.2.5 Bahasa Pemograman PERL ......................................... 14

2.2.7 Bahasa Pemograman CFM ........................................... 14

2.2.8 Bahasa Pemograman JavaScript .................................. 14

2.2.9 Bahasa Pemograman CSS ............................................ 15

2.3 Manfaat Website .................................................................... 15

2.4 Dunia Internet ......................................................................... 16

2.4.1 Pengertian Internet ....................................................... 16

2.4.2 Sejarah Internet ............................................................ 17

2.4.3 Manfaat Internet ........................................................... 19

2.5 Joomla .................................................................................... 20

2.5.1 Prinsip Dasar Joomla ................................................... 20

2.5.2 Riwayat Joomla ............................................................ 20

BAB III ANALISA SISTEM KBK (KURIKULUM BERBASIS

KOMPETENSI) YANG UMUM DIGUNAKAN

3.1 Sejarah Bahasa Inggris ........................................................... 24

Page 9: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

viii

3.2 Perkembangan Bahasa Inggris ........................................ 25

3.2.1 Bahasa Inggris Purba ................................................... 25

3.2.2 Bahasa Inggris Kuno .................................................... 27

3.2.3 Bahasa Inggris Pertengahan ......................................... 30

3.2.4 Bahasa Inggris Modern Awal ...................................... 33

3.3 Sistem KBK ........................................................................... 37

3.4 Kelemahan Sistem KBK ........................................................ 39

3.5 Sistem yang Disarankan ......................................................... 40

BAB IV SISTEM YANG DIUSULKAN

4.1 Proses Instalasi Joomla .......................................................... 48

4.1.1 Instalasi AppServ ........................................................... 48

4.1.2 Testing Web Server Local .............................................. 54

4.1.3 Instalasi Joomla 1.5 ........................................................ 56

4.2 Header .................................................................................... 69

4.2.1 Instal Template Joomla .................................................. 70

4.2.2 Banner Informasi ............................................................ 73

4.2.3 Search Engine ................................................................. 81

4.3 Body ....................................................................................... 82

4.3.1 Menu ............................................................................... 85

4.3.2 Banner Thanks To .......................................................... 154

4.3.3 Banner Forum Kami ....................................................... 155

4.4 Feet (Kaki) ............................................................................. 156

Page 10: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

ix

BAB V PENUTUP

5.1 Kesimpulan ............................................................................ 160

5.2 Saran ....................................................................................... 161

DAFTAR PUSTAKA ..................................................................................... 163

Page 11: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

x

DAFTAR GAMBAR

Gambar Halaman

4.1 Selamat Datng AppeServ ...................................................... 48

4.2 Memilih Tempat Instalasi ...................................................... 49

4.3 Memilih Komponen Instalasi ................................................ 50

4.4 Informasi Apache HTTP Server ............................................ 51

4.5 Konfigurasi MYSQL Server ................................................. 52

4.6 Proses Instalasi ...................................................................... 53

4.7 Instalasi Selesai ..................................................................... 54

4.8 AppServ Open Project ........................................................... 55

4.9 Folder C:\\AppServ ................................................................ 56

4.10 Folder C:\\AppServ\www ...................................................... 56

4.11 Folder C:\\AppServ\www\Latihan ........................................ 57

4.12 Pilih Bahasa ........................................................................... 58

4.13 Pemeriksaan Pra Pemograman .............................................. 59

4.14 Lisensi ................................................................................... 60

4.15 Pengaturan Basis Data ........................................................... 61

4.16 Pengaturan FTP ..................................................................... 63

4.17 Pengaturan Umum ................................................................. 64

4.18 Konfirmasi Pengaturan Umum .............................................. 65

4.19 Selesai Penginstalan .............................................................. 66

4.20 Hapus Folder Instalan ............................................................ 68

Page 12: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

xi

4.21 Joomla Log In ........................................................................ 67

4.22 Tampilan Joomla Setelah Log In ........................................... 68

4.23 Header ................................................................................... 69

4.24 Joomla Administrator Log In ................................................ 70

4.25 Menu Extention Install/Uninstall .......................................... 71

4.26 File Upload Template Joomla ............................................... 71

4.27 Konfirmasi Install Template .................................................. 72

4.28 Pengaturan Template ............................................................. 72

4.29 Menu Komponen Banner Category ....................................... 73

4.30 Form Banner Category .......................................................... 74

4.31 Menu Component Banner Client ........................................... 75

4.32 Form Banner Client ............................................................... 75

4.33 Menu Banner Banner ............................................................. 76

4.34 Form Banner Kritik dan Saran .............................................. 77

4.35 Menu Extention Module Manager ......................................... 79

4.36 Menu Module Manager ......................................................... 80

4.37 Form Manager Manager ........................................................ 81

4.38 Body ...................................................................................... 83

4.39 Daftar Menu Link .................................................................. 84

4.40 Menu Contact Section Manager ............................................ 85

4.41 Form Section Manager .......................................................... 86

4.42 Menu Content Category Manager ......................................... 88

Page 13: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

xii

4.43 Form Categoty Manager ........................................................ 89

4.44 Menu Contact Artikel Manager ............................................. 93

4.45 Menu Form Artikel ................................................................ 93

4.46 Letak Toggle Editor ............................................................... 94

4.47 Menu Manager ...................................................................... 113

4.48 Form Menu ............................................................................ 114

4.49 Menu Item ............................................................................. 115

4.50 Menu Item Type .................................................................... 116

4.51 Form Category List ............................................................... 117

4.52 Form Artikel Link Layout ..................................................... 122

4.53 Komponen Kontak Category ................................................. 139

4.54 Form Kategory Contact ......................................................... 140

4.55 Menu Komponen Kontak Kontak ......................................... 141

4.56 Form Komponen Kontak Kontak .......................................... 142

4.57 Tampilan Display Menu Website .......................................... 146

4.58 Komponen swMeneFree ........................................................ 147

4.59 Tampilan Depan swMenuFree .............................................. 148

4.60 Tampilan Menu Ukuran, Posisi swMenuFree ....................... 150

4.61 Menu Warna dan Background swMenuFree ......................... 151

4.62 Ukuran Huruf dan Jenis Huruf swMenuFree ........................ 152

4.63 Border dan Effect swMenuFree ............................................ 153

4.64 Feet (Kaki) ............................................................................. 159

Page 14: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

xiii

DAFTAR TABEL

Tabel Halaman

2.1 Perkembangan Versi Joomla .................................................. 23

3.1 Grammar ................................................................................ 41

Page 15: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

1

BAB I

PENDAHULUAN

1.1 Latar Belakang

Informasi mempunyai peranan penting untuk kelangsungan proses belajar

mengajar khusunya informasi materi bahasa inggris yang akan diajarkan pengajar

kepada pelajar. Website pada internet merupakan solusi bagi kebutuhan informasi

tersebut dan mempunyai nilai lebih bagi para pengajar dan pelajar baik

diperkotaan maupun pedesaan dalam mendapatkan informasi khususnya mata

pelajaran bahasa inggris untuk proses belajar mengajar. Dengan begitu maka tidak

heran banyak sekali bertebaran situs pendidikan yang kreatif, inovatif dan juga

interaktif dalam menunjang proses belajar mengajar mereka masing-masing.

Mereka mengandalkan jaringan global ini untuk mendapatkan informasi umum

tanpa batas yang akan memberikan data atau materi mata pelajaran bahasa inggris

yang akan digunakan dalam proses belajar mengajar. Selain itu banyak juga

berbagai macam software pembuat website tersebut, dari mulai Front Page pada

Microsoft Office, Web Page Maker, Wordpress, Blogspot, dan lain sebagainya.

Namun penulis memiliki pilihan untuk melakukan proses pembuatan website

perancangan aplikasi web pembelajaran bahasa inggris online dengan

menggunakan software Joomla 1.5 yang memiliki fitur yang lengkap dengan

disertai file browser yang memudahkan memasukkan file-file (upload file) secara

menyeluruh dalam menunjang pengolahan web sebuah situs pendidikan.

Page 16: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

2

Aplikasi web pembelajaran bahasa inggris online dirancang untuk

memudahkan para pelajar dan pengajar dalam mendapatkan materi untuk proses

belajar mengajar. Sekarang ini banyak sekali situs yang sama bertebaran di dunia

maya sehingga membuat para pelajar dan pengajar menjadi tidak fokus dalam

belajar, karena harus mengunduh data dari situs yang satu ke situs yang lain,

bahkan biasanya materinya mungkin kurang lengkap dan mencari pelengkapnya

ke situs yang lain dan akhirnya materi yang satu dengan yang lain tidak ada

hubungannya. Hal seperti ini akan mempersulit orang yang sedang belajar bahasa

ingggis khususnya pemula yang tidak ada pembimbingnya. Aplikasi web ini

berusaha untuk mengarahkan para pemula untuk belajar bahasa inggris yang benar

khususnya untuk bahasa inggris umum yang digunakan sehari-hari tanpa harus

beralih ke situs lain. Jadi, pelajar hanya fokus pada satu situs yaitu situs aplikasi

ini saja. Selain itu, situs ini hanya dibuat untuk pelajar yang benar-benar ingin

memahami bahasa inggris karena para pelajar akan dibuat aktif mencari jawaban

dari latihan-latihan soal yang telah tersedia. Jawaban bisa dicari pada forum

diskusi kami Facebook dan Twitter, bertanya pada guru bahasa inggris pelajar

masing-masing, maupun teman-teman pelajar yang pandai bahasa inggris. Dengan

cara itu, pelajar akan aktif bertanya dan terjadi proses belajar mengajar. Bagi para

pelajar yang malas di tahap latihan soal, secara otomatis akan mengundurkan diri

apabila mereka tidak aktif untuk bertanya, sehingga penulis tertarik untuk

mengadakan penelitian yang berjudul :

”PEMANFAATAN WEB SEBAGAI MEDIA PEMBELAJARAN

BAHASA INGGRIS”

Page 17: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

3

1.2 Rumusan masalah

Berdasarkan latar belakang masalah diatas, penulis mencoba menjabarkan

permasalahan menjadi beberapa masalah, yaitu :

1. Bagaimana cara merancang Aplikasi Web Pembelajaran Bahasa Inggris

Online agar para pelajar fokus dalam satu situs ?

2. Bagaimana membedakan atau membandingkan system KBK (Kurikulum

Berbasis Kompetensi) dengan Sistem E-lerning buatan penulis dari segi

keaktifan pelajar ?

1.3 Batasan Masalah

Dalam penulisan skripsi ini akan ditentukan batasan-batasan masalah yang

meliputi, antara lain :

1. Perancangan Aplikasi Web Pembelajaran Bahasa Inggis Online hanya

menggunakan sofware Joomla 1.5 serta software pendukungnya.

2. Bagaimana membedakan atau membandingkan Sistem KBK dengan

Sistem E-Learning buatan penulis dari segi ke aktifan pelajar.

3. Materi Bahasa Inggris yang digunakan hanya pada tingkat umum yang

digunakan sehari-hari.

1.4 Tujuan Penelitin

Adapun tujuan yang diharapkan penulis dalam penelitian ini adalah :

1. Agar pelajar dan khususnya penulis dapat mengerti bagaimana

merancang Web Aplikasi Pembelajaran Bahasa Inggris Online

menggunakan Joomla 1.5.

Page 18: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

4

2. Agar para pelajar, pengajar dan khususnya penulis dapat membedakan

atau membandingkan sistem KBK dan sistem E-Learning yang telah

dibuat penulis dari segi keaktifan pelajar.

3. Tercipta proses belajar mengajar yang aktif.

1.5 Metodologi Penelitian

Metode yang dipakai dalam penelitian sehingga dapat terselesainya penulisan

skripsi ini adalah :

1. Melakukan studi kepustakaan dari berbagai referensi yang berkaitan

dengan penelitian yang akan dilakukan, bisa berupa buku dan sumber-

sumber informasi dari internet. Topik yang akan dikaji antara lain

Mengenal tentang Bahasa Inggris lebih jauh khususunya pada tingkat

umum yang digunakan sehari-hari, Sistem KBK dan Bagaimana

menginstal Joomla 1.5 serta mengenal software pendukung apa saja

yang diperlukan untuk membuat aplikasi dari software Joomla 1.5

supaya lebih bagus.

2. Melakukan studi observasi dengan membuat program aplikasi Joomla

1.5 tingkat dasar untuk mengetahui fitur-fitur apa saja yang diitanamkan

pada software ini. Setelah mengetahui fitur-fiturnya, baru bisa

dikembangkan ke tingkat yang lebih tinggi sesuai keperluan program

aplikasi yang dibuat.

3. Melakukan studi eksperimen dengan cara membuat program yan telah

direncanakan khususnya membuat program aplikasi web pempelajaran

bahasa inggris online menggunakan Joomla 1.5.

Page 19: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

5

1.6 Sistematika Penulisan

Tugas akhir ini disusun menjadi beberapa bab dan sub-sub, dengan

sistematika sebagai berikut :

BAB I : PENDAHULUAN

Dalam bab ini dibahas mengenai : Latar Belakang,

Rumusan Masalah, Batasan Masalah, Tujuan Penelitian,

Metodologi Penulisan dan Sistematika Penulisan

BAB II : LANDASAN TEORI

Pada bab ini dibahas mengenai : Pengenalan Pemrograman

Web, Bahasa-bahasa Pemrograman Web, Manfaat Website,

Dunia Internet, Joomla 1.5.

BAB III : ANALISA SISTEM KBK (KURIKULUM BERBASIS

KOMPETENSI) YANG UMUM DIGUNAKAN

Pada bab ini dibahas mengenai : Sejarah Bahasa Inggris,

Perkembangan Bahasa Inggris, Sistem KBK, Kelemahan

Sistem KBK, Sistem yang Disarankan

BAB IV : SISTEM YANG DIUSULKAN

Pada bab ini dibahas mengenai : Pembuatan Desain Web

Aplikasi Pembelajaran Bahasa Inggris Online.

BAB V : PENUTUP

Pada bab ini dibahas mengenai : Kesimpulan dan Saran dari

seluruh uraian bab-bab sebelumnya.

Page 20: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

6

BAB II

LANDASAN TEORI

2.1 Pengenalan Pemograman Web

2.1.1 Pengertian Web Site atau Situs

Situs dapat diartikan sebagai kumpulan halaman-halaman yang digunakan

untuk menampilkan informasi, gambar gerak, suara, dan atau gabungan dari

semuanya itu baik yang bersifat statis maupun dinamis yang membentuk satu

rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan

dengan link-link.

2.1.2 Unsur-Unsur Web Site atau Situs

Untuk membangun situs diperlukan beberapa unsur yang harus ada agar

situs dapat berjalan dengan baik dan sesuai yang diharapkan. Unsur-unsur yang

harus ada dalam situs antara lain :

1. Domain Name.

Domain name atau biasa disebut nama domain adalah alamat permanen

situs di dunia internet yang digunakan untuk mengidentifikasi sebuah situs

atau dengan kata lain domain name adalah alamat yang digunakan untuk

menemukan situs kita pada dunia internet. Istilah yang umum digunakan

adalah URL (Uniform Resource Locator).

Contoh sebuah URL adalah http://www.yahoo.com dapat juga tanpa www

(World Wide Web) ada banyak macam nama domain yang dapat kita pilih

sesuai dengan keinginan.

Page 21: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

7

Berikut beberapa nama domain yang sering digunakan dan tersedia di

internet :

a. Generic Domains

Merupakan domain name yang berakhiran dengan .Com .Net .Org

.Edu .Mil atau .Gov. Jenis domain ini sering juga disebut top level

domain dan domain ini tidak berafiliasi berdasarkan negara,

sehingga siapapun dapat mendaftar.

1. .com : merupakan top level domain yang ditujukkan untuk

kebutuhan "commercial".

2. .edu : merupakan domain yang ditujukan untuk kebutuhan

dunia pendidikan (education)

3. .gov : merupakan domain untuk pemerintahan

4. .mil : merupakan domain untuk kebutuhan angkatan

bersenjata (military)

5. .org : domain untuk organisasi atau lembaga non profit

(Organization).

b. Country-Specific Domains

Yaitu domain yang berkaitan dengan dua huruf ekstensi, dan sering

juga disebut second level domain, seperti .id (Indonesia), .au

(Australia), .jp (Jepang) dan lain lain. Domain ini dioperasikan dan

di daftarkan di masing-masing negara. Di Indonesia, domain-

domain ini berakhiran, .co.id, .ac.id, .go.id, .mil.id, .or.id, dan pada

akhir-akhir ini ditambah dengan war.net.id, .mil.id, dan web.id.

Page 22: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

8

Penggunaan dari masing-masing akhiran tersebut berbeda

tergantung pengguna dan pengunaannya, antara lain :

1. .co.id : Untuk Badan Usaha yang mempunyai badan hukum

sah.

2. .ac.id : Untuk Lembaga Pendidikan

3. .go.id : Khusus untuk Lembaga Pemerintahan Republik

Indonesia

4. .mil.id : Khusus untuk Lembaga Militer Republik

Indonesia

5. .or.id : Untuk segala macam organisasi yand tidak

termasuk dalam kategori "ac.id", "co.id", "go.id", "mil.id"

dan lain

6. .war.net.id : untuk industri warung internet di Indonesia

7. .sch.id : khusus untuk Lembaga Pendidikan yang

menyelenggarakan pendidikan seperti SD, SMP dan atau

SMU

8. .web.id : Ditujukan bagi badan usaha, organisasi ataupun

perseorangan yang melakukan kegiatannya di World Wide

Web.

Nama domain dari tiap-tiap situs di seluruh dunia tidak ada yang

sama sehingga tidak ada satupun situs yang akan dijumpai tertukar

nama atau tertukar halaman situsnya. Untuk memperoleh nama

dilakukan penyewaan domain, biasanya dalam jangka tertentu

(tahunan).

Page 23: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

9

2. Hosting

Hosting dapat diartikan sebagai ruangan yang terdapat dalam harddisk

tempat menyimpan berbagai data, file-file, gambar dan lain sebagainya

yang akan ditampilkan di situs. Besarnya data yang bisa dimasukkan

tergantung dari besarnya hosting yang disewa atau dipunyai, semakin

besar hosting semakin besar pula data yang dapat dimasukkan dan

ditampilkan dalam situs. Hosting juga diperoleh dengan menyewa.

Besarnya hosting ditentukan ruangan harddisk dengan ukuran MB (Mega

Byte) atau GB (Giga Byte). Lama penyewaan hosting rata-rata dihitung per

tahun. Penyewaan hosting dilakukan dari perusahaan-perusahaan penyewa

web hosting yang banyak dijumpai baik di Indonesia maupun Luar Negri.

3. Scripts/Bahasa Program

Adalah bahasa yang digunakan untuk menerjemahkan setiap perintah

dalam situs yang pada saat diakses. Jenis scripts sangat menentukan statis,

dinamis atau interaktifnya sebuah situs. Semakin banyak ragam scripts

yang digunakan maka akan terlihat situs semakin dinamis, dan interaktif

serta terlihat bagus. Bagusnya situs dapat terlihat dengan tanggapan

pengunjung serta frekwensi kunjungan.

Beragam scripts saat ini telah hadir untuk mendukung kualitas situs. Jenis

jenis scripts yang banyak dipakai para designer antara lain HTML

(HyperText Markup Language), ASP (Active Server Pages), PHP

(Personal Home Page), JSP (Java Server Page), Java Scripts, Java

applets dan sebagainya. Bahasa dasar yang dipakai setiap situs adalah

Page 24: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

10

HTML sedangkan ASP dan lainnya merupakan bahasa pendukung yang

bertindak sebagai pengatur dinamis, dan interaktifnya situs.

Scripts ASP, PHP, JSP atau lainnya bisa dibuat sendiri, bisa juga dibeli

dari para penjual scripts yang biasanya berada di luar negeri. Harga Scripts

rata-rata sangat mahal karena sulitnya membuat, biasanya mencapai

puluhan juta. Scripts ini biasanya digunakan untuk membangun portal

berita, artikel, forum diskusi, buku tamu, anggota organisasi, email,

mailing list dan lain sebagainya yang memerlukan update setiap saat.

4. Design Web

Setelah melakukan penyewaan domain dan hosting serta penguasaan

scripts, unsur situs yang paling penting dan utama adalah design. Design

web sangat menentukan kualitas dan keindahan situs. Design sangat

berpengaruh kepada penilaian pengunjung akan bagus tidaknya sebuah

website.

Untuk membuat situs biasanya dapat dilakukan sendiri atau menyewa jasa

web designer. Saat ini sangat banyak jasa web designer, terutama di kota-

kota besar. Perlu diketahui bahwa kualitas situs sangat ditentukan oleh

kualitas designer. Semakin banyak penguasaan web designer tentang

beragam program atau software pendukung pembuatan situs maka akan

dihasilkan situs yang semakin berkualitas, demikian pula sebaliknya. Jasa

web designer ini yang umumnya memerlukan biaya yang tertinggi dari

seluruh biaya pembangunan situs dan semuanya itu tergantung kualitas

designer.

5. Publikasi

Page 25: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

11

Keberadaan situs tidak ada gunanya dibangun tanpa dikunjungi atau

dikenal oleh masyarakat atau pengunjung internet. Karena efektif tidaknya

situs sangat tergantung dari besarnya pengunjung dan komentar yang

masuk. Untuk mengenalkan situs kepada masyarakat memerlukan apa

yang disebut publikasi atau promosi. Publikasi situs di masyarakat dapat

dilakukan dengan berbagai cara seperti dengan pamlet-pamlet, selebaran,

baliho dan lain sebagainya tapi cara ini bisa dikatakan masih kurang

efektif dan sangat terbatas. cara yang biasanya dilakukan dan paling

efektif dengan tak terbatas ruang atau waktu adalah publikasi langsung di

internet melalui search engine (mesin pencari, seperti : Yahoo, Google,

Search Indonesia, dan sebagainya) Cara publikasi di search engine ada

yang gratis dan ada pula yang membayar. Yang gratis biasanya terbatas

dan cukup lama untuk bisa masuk dan dikenali di search engine terkenal

seperti Yahoo atau Google. Cara efektif publikasi adalah dengan

membayar, walaupun harus sedikit mengeluarkan akan tetapi situs cepat

masuk ke search engine dan dikenal oleh pengunjung.

2.1.3 Pemeliharaan Web Site atau Situs

Untuk mendukung kelanjutan dari situs diperlukan pemeliharaan setiap

waktu sesuai yang diinginkan seperti penambahan informasi, berita, artikel, link,

gambar atau lain sebagainya. Tanpa pemeliharaan yang baik situs akan terkesan

membosankan atau monoton juga akan segera ditinggal pengunjung.

Pemeliharaan situs dapat dilakukan per periode tertentu seperti tiap hari,

tiap minggu atau tiap bulan sekali secara rutin atau secara periodik saja tergantung

Page 26: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

12

kebutuhan (tidak rutin). Pemeliharaan rutin biasanya dipakai oleh situs-situs

berita, penyedia artikel, organisasi atau lembaga pemerintah. Sedangkan

pemeliharaan periodik biasanya untuk situs-situs pribadi, penjualan atau e-

commerce dan lain sebagainya.

2.2 Bahasa-bahasa Pemograman Web

Bagi anda yang bekerja dalam bidang web design pasti sudah tidak asing

lagi dengan macam-macam bahasa pemrograman. Bahasa pemrograman yang

umum dikenal adalah php dan html. Tapi sebenarnya masih banyak bahasa

pemrograman yang lain.

Berikut ini ada beberapa macam bahasa pemrograman yang perlu anda ketahui :

2.2.1 Bahasa Pemrograman HTML

HyperText Markup Language (HTML) adalah sebuah bahasa markup yang

digunakan untuk membuat sebuah halaman web dan menampilkan berbagai

informasi di dalam sebuah browser Internet. HTML saat ini merupakan standar

Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide

Web Consortium (W3C). HTML berupa kode-kode tag yang menginstruksikan

browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file

yang merupakan file HTML dapat dibuka dengan menggunakan browser web

seperti Mozilla Firefox atau Microsoft Internet Explorer.

Page 27: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

13

2.2.2 Bahasa Pemrograman PHP

PHP (Personal Home Page) adalah bahasa pemrograman script yang

paling banyak dipakai saat ini. PHP pertama kali dibuat oleh Rasmus Lerdorf

pada tahun 1995. Pada waktu itu PHP masih bernama FI (Form Interpreted), yang

wujudnya berupa sekumpulan script yang digunakan untuk mengolah data form

dari web. PHP banyak dipakai untuk membuat situs web yang dinamis, walaupun

tidak tertutup kemungkinan digunakan untuk pemakaian lain. PHP biasanya

berjalan pada sistem operasi linux (PHP juga bisa dijalankan dengan hosting

windows

2.2.3 Bahasa Pemrograman ASP

ASP adalah singkatan dari Active Server Pages yang merupakan salah satu

bahasa pemograman web untuk menciptakan halaman web yang dinamis. ASP

merupakan salah satu produk teknologi yang disediakan oleh Microsoft. ASP

bekerja pada web server dan merupakan server side scripting.

2.2.4 Bahasa Pemrograman XML

Extensible Markup Language (XML) adalah bahasa markup serbaguna

yang direkomendasikan W3C untuk mendiskripsikan berbagai macam data. XML

menggunakan markup tags seperti halnya HTML namun penggunaannya tidak

terbatas pada tampilan halaman web saja. XML merupakan suatu metode dalam

membuat penanda markup pada sebuah dokumen.

Page 28: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

14

2.2.5 Bahasa Pemrograman WML

WML adalah kepanjangan dari Wireless Markup Language, yaitu bahasa

pemrograman yang digunakan dalam aplikasi berbasis XML (eXtensible Markup

Langauge). WML ini adalah bahasa pemrograman yang digunakan dalam aplikasi

wireless. WML merupakan analogi dari HTML yang berjalan pada protocol

nirkabel.

2.2.6 Bahasa Pemrograman PERL

PERL adalah bahasa pemrograman untuk mesin dengan sistem operasi

Unix (SunOS, Linux, BSD, HP-UX), juga tersedia untuk sistem operasi seperti

DOS, Windows, PowerPC, BeOS, VMS, EBCDIC, dan PocketPC. PERL

merupakan bahasa pemograman yang mirip bahasa pemograman C.

2.2.7 Bahasa Pemrograman CFM

CFM (ColdFusion Macromedia) dibuat menggunakan tag ColdFusion

dengan software Adoben ColdFusion / BlueDragon / Coldfusion Studio. Syntax

coldfusion berbasis html.

2.2.8 Bahasa Pemrograman Javascript

Javascript adalah bahasa scripting yang handal yang berjalan pada sisi

client. JavaScript merupakan sebuah bahasa scripting yang dikembangkan oleh

Netscape. Untuk menjalankan script yang ditulis dengan JavaScript kita

membutuhkan JavaScript-enabled browser yaitu browser yang mampu

menjalankan JavaScript.

Page 29: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

15

2.2.9 Bahasa Pemrograman CSS

Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang

digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa

markup.

Penggunaan yang paling umum dari CSS adalah untuk memformat halaman

web yang ditulis dengan HTML dan XHTML. Walaupun demikian, bahasanya

sendiri dapat dipergunakan untuk semua jenis dokumen XML termasuk SVG dan

XUL. Spesifikasi CSS diatur oleh World Wide Web Consortium (W3C).

2.3 Manfaat Website

Website adalah salah satu alat penunjang, sebagai media untuk mendapatkan

informasi dan promosi di dunia internet. Profil sekolah, berita pendidikan, berita

terkini dan semua hal mengenai sekolah dapat diakses melalui website ini.

Apalagi dengan adanya fitur- fitur tambahan yang terdapat dalam website ini

memungkinkan pihak sekolah dengan para alumni sekolahan dan pihak

pengunjung dapat saling berinteraksi. Misalnya dengan adanya kotak shoutbox

(chatting), dan buku tamu, menu forum diskusi dan lain sebagainya.

Perkembangan Internet Mengutip pernyataan Bill Gates, Chairman of

Microsoft Corp, “Internet akan menyapu kita seperti sebuah gelombang pasang

yang akan menenggelamkan setiap orang yang dilewatinya yang tidak siap untuk

hidup dalam sebuah masyarakat informasi. Mungkin interaktifitas tanpa batas

yang ditawarkan oleh internet kepada umat manusialah yang membuat internet

tersosialisasi secara quantum (dengan sangat cepat).

Page 30: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

16

Selain itu, website merupakan salah satu indikator kredibilitas dan

prestige (gengsi) suatu sekolah. Dengan memiliki website, maka sekolah yang

Bapak Pimpin bisa sejajar dengan sekolah lain yang namanya terkenal luas di

seluruh Indonesia atau bahkan internasional. Hal ini dikarenakan internet tidak

mengenal batas wilayah negara ataupun batas-batas yang lain. Dengan selalu

mengupdate informasi – informasi terkini, maka website sekolah Bapak akan

menjadi pusat terminal pengunjung untuk mencari informasi tersebut, sehingga

secara otomatis sekolah Bapak akan menjadi terkenal diseluruh Indonesia.

Berikut ini beberapa manfaat website, antara lain sebagai berikut :

1. Jarak tidak menjadi masalah Dapat langsung berhubungan secara langsung

tanpa mengenal batas propinsi, kota, desa atau Negara

2. Dapat mengirim pesan sehingga suatu saat di update dapat melihat.

3. Merupakan sarana bisnis yang cepat dan tertarget.

4. Semua orang akan mengenal bisnis dan profil kita..

5. Membuka diri dengan dunia

6. Mengenalkan Daerah, Sekolah, Perusahaan atau Usaha kita

2.4 Dunia Internet

2.4.1 Pengertian Internet

Internet dapat diartikan sebagai jaringan komputer luas dan besar yang

mendunia, yaitu menghubungkan pemakai komputer dari suatu negara ke negara

lain di seluruh dunia, dimana di dalamnya terdapat berbagai sumber daya

informasi dari mulai yang statis hingga yang dinamis dan interaktif.

Page 31: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

17

2.4.2 Sejarah internet

Sejarah internet dimulai pada 1969 ketika Departemen Pertahanan

Amerika, U.S. Defense Advanced Research Projects Agency (DARPA)

memutuskan untuk mengadakan riset tentang bagaimana caranya menghubungkan

sejumlah komputer sehingga membentuk jaringan organik. Program riset ini

dikenal dengan nama ARPANET. Pada 1970, sudah lebih dari 10 komputer yang

berhasil dihubungkan satu sama lain sehingga mereka bisa saling berkomunikasi

dan membentuk sebuah jaringan.

Tahun 1972, Roy Tomlinson berhasil menyempurnakan program e-mail

yang ia ciptakan setahun yang lalu untuk ARPANET. Program e-mail ini begitu

mudah sehingga langsung menjadi populer. Pada tahun yang sama, icon @ juga

diperkenalkan sebagai lambang penting yang menunjukkan "at" atau "pada".

Tahun 1973, jaringan komputer ARPANET mulai dikembangkan ke luar

Amerika Serikat. Komputer University College di London merupakan komputer

pertama yang ada di luar Amerika yang menjadi anggota jaringan Arpanet. Pada

tahun yang sama, dua orang ahli komputer yakni Vinton Cerf dan Bob Kahn

mempresentasikan sebuah gagasan yang lebih besar, yang menjadi cikal bakal

pemikiran internet. Ide ini dipresentasikan untuk pertama kalinya di Universitas

Sussex.

Hari bersejarah berikutnya adalah tanggal 26 Maret 1976, ketika Ratu

Inggris berhasil mengirimkan e-mail dari Royal Signals and Radar Establishment

di Malvern. Setahun kemudian, sudah lebih dari 100 komputer yang bergabung di

ARPANET membentuk sebuah jaringan atau network.

Page 32: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

18

Pada 1979, Tom Truscott, Jim Ellis dan Steve Bellovin, menciptakan

newsgroups pertama yang diberi nama USENET.

Tahun 1981 France Telecom menciptakan gebrakan dengan meluncurkan

telpon televisi pertama, dimana orang bisa saling menelpon sambil berhubungan

dengan video link. Karena komputer yang membentuk jaringan semakin hari

semakin banyak, maka dibutuhkan sebuah protokol resmi yang diakui oleh semua

jaringan.

Pada tahun 1982 dibentuk Transmission Control Protocol atau TCP dan

Internet Protokol atau IP yang kita kenal semua. Sementara itu di Eropa muncul

jaringan komputer tandingan yang dikenal dengan Eunet, yang menyediakan jasa

jaringan komputer di negara-negara Belanda, Inggris, Denmark dan Swedia.

Jaringan Eunet menyediakan jasa e-mail dan newsgroup USENET.

Untuk menyeragamkan alamat di jaringan komputer yang ada, maka pada

tahun 1984 diperkenalkan sistem nama domain, yang kini kita kenal dengan DNS

atau Domain Name System. Komputer yang tersambung dengan jaringan yang

ada sudah melebihi 1000 komputer lebih.

Pada 1987 jumlah komputer yang tersambung ke jaringan melonjak 10 kali

lipat menjadi 10.000 lebih.

Tahun 1988, Jarko Oikarinen dari Finland menemukan dan sekaligus

memperkenalkan IRC atau Internet Relay Chat. Setahun kemudian, jumlah

komputer yang saling berhubungan kembali melonjak 10 kali lipat dalam setahun.

Tak kurang dari 100.000 komputer kini membentuk sebuah jaringan.

Tahun 1990 adalah tahun yang paling bersejarah, ketika Tim Berners Lee

menemukan program editor dan browser yang bisa menjelajah antara satu

Page 33: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

19

komputer dengan komputer yang lainnya, yang membentuk jaringan itu. Program

inilah yang disebut www, atau Worl Wide Web.

Tahun 1992, komputer yang saling tersambung membentuk jaringan sudah

melampaui sejuta komputer, dan di tahun yang sama muncul istilah surfing the

internet.

Tahun 1994, situs internet telah tumbuh menjadi 3000 alamat halaman, dan

untuk pertama kalinya virtual-shopping atau e-retail muncul di internet. Dunia

langsung berubah. Di tahun yang sama Yahoo! didirikan, yang juga sekaligus

kelahiran Netscape Navigator 1.0.

2.4.3 Manfaat internet

Secara umum ada banyak manfaat yang dapat diperoleh apabila seseorang

mempunyai akses ke internet. Berikut ini sebagian dari apa yang tersedia di

internet :

1. Informasi untuk kehidupan pribadi :kesehatan, rekreasi, hobby,

pengembangan pribadi, rohani, sosial.

2. Informasi untuk kehidupan profesional/pekerja :sains, teknologi,

perdagangan, saham, komoditas, berita bisnis, asosiasi profesi, asosiasi

bisnis, berbagai forum komunikasi.

Satu hal yang paling menarik ialah keanggotaan internet tidak mengenal batas

negara, ras, kelas ekonomi, ideologi atau faktor faktor lain yang biasanya dapat

menghambat pertukaran pikiran. Internet adalah suatu komunitas dunia yang

sifatnya sangat demokratis serta memiliki kode etik yang dihormati segenap

Page 34: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

20

anggotanya. Manfaat internet terutama diperoleh melalui kerjasama antar pribadi

atau kelompok tanpa mengenal batas jarak dan waktu.

Untuk lebih meningkatkan kualitas sumber daya manusia di Indonesia,

sudah waktunya para profesional Indonesia memanfaatkan jaringan internet dan

menjadi bagian dari masyarakat informasi dunia.

2.5 Joomla

Joomla adalah Sistem manajemen konten (SMK atau CMS) yang bebas

dan terbuka (free opensource) ditulis menggunakan PHP dan MySQL untuk

keperluan di internet maupun intranet. Joomla pertamakali dirilis dengan versi

1.0.0. Fitur-fitur Joomla diantaranya adalah sistem caching untuk peningkatan

performansi, RSS, blogs, poling, dan lain-lain. Joomla menggunakan lisensi GPL.

Asal kata Joomla sendiri berasal dari kata Swahili yang mengandung arti

"kebersamaan".

2.5.1 Prinsip Dasar Joomla

Secara garis besar dan gamblang, Joomla terdiri dari 3 elemen dasar,

yaitu server web (webserver), skrip PHP dan basisdata MySQL. Server web

diasumsikan terhubung dengan internet atau intranet yang berfungsi sebagai

penyedia layanan situs. Skrip PHP terdiri dari kode program dalam bahasa

PHP dan basisdata yang merupakan tempat penyimpanan konten. Joomla

menggunakan Apache sebagai server web dan MySQL untuk basisdatanya.

Page 35: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

21

Pertama kali, pengguna meminta akses terhadap halaman Joomla dengan

mengeksekusi URL pada browser web yang kemudian terhubung dengan server

web. Permintaan ini yang dalam istilah teknis lebih dikenal dengan query

string selain terdapat URL juga mengandung parameter konten (section, category,

ID article dan lain-lain). Berdasarkan parameter tersebut, sistem skrip Joomla

melakukan kontak dengan basisdata dan mengambil konten yang dimaksud

berdasarkan parameternya. Terakhir, konten dan templat (template) digabung

bersama dan kembali sebagai halaman html, gambar, css dan javascript.

Paket Joomla terdiri dari beberapa bagian yang terpisah dan termodul yang

sangat fleksibel, dapat dengan mudah dikembangkan dan diintegrasikan. Sebagai

contoh "plugins" WikiBot yang memperbolehkan penulis di Joomla menggunakan

"Wikitags" pada bagian artikel yang fungsinya secara otomatis membuat pranala

dinamis ke artikel Wikipedia pada saat ditampilkan. Ada lebih tersedia 1,700

"plugins" yang secara resmi didelegasikan oleh Open Source Matters tersedia di

http://extensions.joomla.org/ dan saat ini secara resmi dipindahkan ke

http://joomlacode.org dengan dukungan server yang lebih lengkap.

2.5.2 Riwayat Joomla

Pada tanggal 17 September 2005, diluncurkan Joomla versi awal yaitu 1.0.0

yang merupakan versi alias dari Mambo 4.5.2.3 yang dikembangkan oleh

"Pengembang Inti Mambo hingga Agustus 2005" yang hengkang dari Mambo.

Page 36: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

22

Pemimpin Tim saat itu Andrew Eddie yang dikenal dengan sebutan

"Master Chief" menulis surat terbuka di komunitas dan diumumkan di forum

mamboserver.com. Tim pengembang kemudian membuat situs Open Source

Matters untuk mendistrubusikan informasi ke pengguna, pengembang, desainer

web dan komunitas lain pada umumnya.

Perkembangan Joomla berawal dari Joomla 1.0.0 sampai dengan tahap

yang luar biasa yaitu Joomla 1.0.15. Namun seiring dengan perkembangan versi

Joomla 1.0.x ini, sekitar tahun 2007 telah dimulai pengembangan Joomla 1.5.x

yang memiliki beberapa persamaan dan perbedaan yang cukup signifikan. Saat ini

Joomla 1.5.x telah mencapai pada tahap Joomla 1.5.17.Untuk versi Joomla 1.6

sudah pada tahap versi beta dan dapat diunduh di www.joomla.org. Semakin baru

versi Joomla memiliki penyempurnaan dari versi-versi sebelumnya.

Masing-masing punya daya tarik tersendiri, Joomla 1.5.9 menawarkan

nuansa baru dan lebih modern termasuk dalam systemya. Sedangkan Joomla

1.0.15 lebih stabil dan terdukung oleh banyak aplikasi dan developer.

Berikut perkembangan versi Joomla sampai dengan saat ini :

Page 37: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

23

Tabel 2.1 Perkembangan Versi Joomla

No. Versi Tanggal Diluncurkan Nama Kode 1 1.0.0 17 September 2005 Sunrise 2 1.0.1 21 September 2005 Sunburst 3 1.0.2 02 Oktober 2005 Sunset 4 1.0.3 14 Oktober 2005 Sunlight 5 1.0.4 21 Nopember 2005 Sundial 6 1.0.5 24 Desember 2005 Sunspot 7 1.0.6 15 Januari 2006, 16:00 Sunscreen 8 1.0.7 15 Januari 2006, 21:00 Sunburst 9 1.0.8 26 Februari 2006 Sunshade 10 1.0.9 05 Juni 2006 Sunshine 11 1.0.10 26 Juni 2006 Sundown 12 1.0.11 29 Agustus 2006 Sunbow 13 1.0.12 25 Desember 2006 Sunfire 14 1.0.13 2007 Sunglow 15 1.0.14 2008 16 1.0.15 2008 17 1.5 Stable 22 Januari 2008 Stable

Seperti yang disampaikan oleh Pihak Pengembang Inti Joomla, Joomla 1.0.x akan

berakhir pada Joomla 1.0.15. Tidak ada support dan pengembangan selanjutnya.

Dan mereka akan berkonsentrasi pada Joomla 1.5.x

Joomla secara terus menerus dikembangkan melalui berbagai aktivitas oleh

komunitas yang sangat aktif dan tertarik dengan sistem ini.

Page 38: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

24

BAB III

ANALISA SISTEM KBK (KURIKULUM BERBASIS KOMPETENSI)

YANG UMUM DIGUNAKAN

3.1 Sejarah Bahasa Inggris

Sejarah bahasa Inggris bermula dari lahirnya bahasa Inggis di pulau

Britania kurang lebih 1.500 tahun yang lalu. Bahasa Inggris adalah sebuah bahasa

Jermanik Barat yang berasal dari dialek-dialek Anglo-Frisia yang dibawa ke pulau

Britania oleh para imigran Jermanik dari beberapa bagian daerah barat laut yang

sekarang disebut Belanda dan Jerman. Pada awalnya, bahasa Inggris Kuno adalah

sekelompok dialek yang mencerminkan asal-usul beragam kerajaan-kerajaan

Anglo-Saxon di Inggris. Salah satu dialek ini, Saxon Barat akhirnya yang

mendominasi. Lalu bahasa Inggris Kuno yang asli kemudian dipengaruhi oleh dua

gelombang penguasa.

Gelombang penguasa pertama adalah penguasa para penutur bahasa dari

cabang Skandinavia keluarga bahasa Jerman. Mereka menaklukkan dan menghuni

beberapa bagian Britania pada abad ke-8 dan ke-9.

Lalu gelombang penguasa kedua adalah suku Norman pada abad ke-

11 yang bertuturkan sebuah dialek bahasa Perancis. Kedua penguasa ini

mengakibatkan bahasa Inggris "bercampur" sampai kadar tertentu (meskipun

tidak pernah menjadi sebuah bahasa campuran secara harafiah).

Page 39: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

25

Hidup bersama dengan anggota suku bangsa Skandinavia akhirnya

menciptakan penyederhanaan (simplifikasi) tata bahasa dan pengkayaan inti

Anglo-Inggris dari bahasa Inggris

3.2 Perkembangan Bahasa Inggris

Perkembangan bahasa inggris terbagi menjadi tiga fase, antara lain sebagai

berikut :

3.2.1 Bahasa Inggris Purba (Bahasa Inggris Proto)

Suku-suku bangsa Jermanik yang mempelopori bahasa Inggris

(suku Anglia, Saxon, Frisia, Jute dan mungkin juga Frank). Mereka berdagang

dan berperang dengan rakyat Kekaisaran Romawi. Mereka menggunakan bahasa

Latin dalam proses penguasaan bangsa Jermanik ke Eropa dari timur. Dengan itu

banyak kata-kata Latin yang masuk kosa kata bangsa-bangsa Jermanik ini

sebelum mereka mencapai pulau Britania.

Contohnya antara lain adalah :

1. camp (kamp) 9. kettle (ketel) 17. pin (paku)

2. cheese (keju) 10. kitchen (dapur) 18. pound (pon)

3. cook (memasak) 11. linen (kain linen) 19. soap (sabun)

4. dragon (naga) 12. mile (mil) 20. street (jalan)

5. fork (porok, garpu) 13. mill (kincir angin) 21. table (meja)

6. giant (raksasa), 14. noon (siang) 22. wall (tembok)

7. gem (permata), 15. oil (oli, minyak) 23. wine (anggur)

8. inch(inci) 16. pillow (bantal)

Page 40: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

26

Bangsa Romawi juga memberi bahasa Inggris dengan beberapa kata yang mereka

sendiri pinjam dari bahasa-bahasa lain seperti kata-kata :

1. anchor (jangkar) 5. devil (iblis)

2. butter (mentega) 6. dish (piring, makanan)

3. cat (kucing) 7. sack (saku)

4. chest(dada)

Menurut Anglo-Saxon Chronicle, sekitar tahun 449, Vortigern,

Raja Kepulauan Britania, mengundang "Angle kin" (Suku Anglia yang dipimpin

oleh Hengest dan Horsa) untuk menolongnya dalam penengahan konflik dengan

suku Pict. Sebagai balasannya, suku Angles diberi tanah di sebelah tenggara

Inggris. Pertolongan selanjutnya dibutuhkan dan sebagai reaksi "datanglah orang-

orang dari Ald Seaxum dari Anglum dari Iotum" (bangsa Saxon, suku Anglia,

dan suku Jute). Chronicle ini membicarakan masuknya banyak imigran atau

pendatang yang akhirnya mendirikan tujuh kerajaan yang disebut dengan

istilah heptarchy. Para pakar modern berpendapat bahwa sebagian besar cerita ini

merupakan legenda dan memiliki motif politik. Selain itu identifikasi para

pendatang di Inggris dengan suku Angle, Saxon, dan Jute tidak diterima lagi

dewasa ini (Myres, 1986, p. 46 dst.), terutama setelah diterima bahwa bahasa

Anglo-Saxon ternyata lebih mirip dengan bahasa Frisia daripada bahasa salah satu

sukubangsa yang disebut di atas ini.

Page 41: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

27

3.2.2 Bahasa Inggris kuno

Para pendatang yang menguasai pulau Britania mendominasi penduduk

setempat yang menggunakan bahasa Keltik. Bahasa Keltik akhirnya bisa

dikembangkan di Skotlandia, Wales dan Cornwall. Dialek-dialek yang digunakan

oleh para pendatang yang menguasai Britania pada zaman sekarang disebut

dengan nama bahasa Inggris Kuno, dan akhirnya dikenal menjadi bahasa Anglo-

Saxon. Kemudian hari, bahasa ini dipengaruhi bahasa Jermanik Utara; bahasa

Norwegia Kuno yang digunkankan oleh kaum Viking yang menguasai dan

akhirnya bermukim di sebelah timur laut Inggris. Para pendatang yang bermukim

lebih awal menuturkan bahasa-bahasa Jermanik dari cabang yang berbeda.

Banyak dari akar kosakata mereka memang sama atau mirip, meski tata

bahasanya agak lebih berbeda termasuk prefiks (awalan), sufiks (akhiran), dan

hukum infleksi (takrifan) dari banyak kata-kata. Bahasa Jermanik dari orang-

orang Britania yang berbahasa Inggris Kuno ini, terpengaruhi kontak dengan

orang-orang Norwegia yang menginvasi Britania. Hal ini kemungkinan besar

merupakan alasan daripada penyederhanaan morfologis bahasa Inggris Kuno,

termasuk hilangnya jenis kelamin kata benda dan kasus (kecuali pronominal).

Karya sastra ternama yang masih lestari dari masa Inggris Kuno ini adalah sebuah

fragmen wiracarita "Beowulf". Penulisnya tidak diketahui, dan karya ini sudah

dimodifikasi secara besar oleh para rohaniwan Kristen, lama setelah digubah.

Kemudian pengenalan agama Kristen di Britania menambah sebuah

gelombang baru yang membawa banyak kata-kata pinjaman dari bahasa Latin dan

bahasa Yunani. Selain itu, ada yang berpendapat bahwa pengaruh bahasa

Norwegia berlangsung sampai pada Abad Pertengahan awal. Masa Inggris Kuno

Page 42: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

28

secara resmi berakhir dengan Penaklukan Norman, ketika bahasa Inggris secara

drastis dipengaruhi bahasa kaum Norman ini yang disebut bahasa Norman dan

merupakan sebuah dialek bahasa Perancis.

Penggunaan istilah Anglo-Saxon untuk menggambarkankan pembauran

antara bahasa serta budaya Anglia dan Saxon merupakan sebuah perkembangan

modern.

"The first citation for the second definition of 'A nglo-

Saxon', referring to early English language or a ce rtain

dialect thereof, comes during the reign of Elizabeth I, from

an historian named Camden, who seems to be the person most

responsible for the term becoming well- known in modern

times."

Artinya :

Kutipan pertama untuk definisi kedua 'Anglo- Saxon', merujuk

pada bahasa Inggris awal atau dialek tertentu dari bahasa

ini, muncul selama pemerintahan Elizabeth I, dari seorang

sejarawan bernama Camden, yang kelihatannya menjadi orang

paling bertanggung jawab untuk menjadi terkenalnya istilah

ini pada masa modern."

Fragmen bahasa Inggris Kuno

Beowulf baris 1 sampai 11, kurang lebih 900 Masehi

Page 43: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

29

Hwæt! Wē Gār-Dena in ge ārdagum,

þēodcyninga, þrym gefr ūnon,

hū ð ā æþelingas ellen fremedon.

Oft Scyld Sc ēfing sceaþena þr ēatum,

monegum mǣgþum, meodosetla oft ēah,

egsode eorlas. Syððan ǣrest wearð

f ēasceaft funden, h ē þæs fr ōfre geb ād,

wēox under wolcnum, weorðmyndum þ āh,

oðþæt him ǣghwylc þ āra ymbsittendra

ofer hronr āde h ȳran scolde,

gomban gyldan. þæt wæs g ōd cyning!

Artinya :

Lihat, pujian keahlian rakyat raja-raja

Orang Denmark yang dipersenjatai dengan tombak diha ri

panjang meluncur,

Kami sudah mendengar, dan kehormatan dimana para atheling

(“pangeran mahkota”) menang !

Oft Scyld Scefing dari musuh yang dibagi menjadi sk uadron,

Dari banyak suku, merusak bangku pesta,

Membuat para bangsawan terpesona. Sejak pertama dia ialah

Tanpa teman, seorang bayi terlantar, nasib membalas nya :

Karena dia membesar dibawah angkasa, di kekayaan di a

berkembang pesat,

Sampai di hadapannya rakyat, baik jauh maupun dekat ,

Page 44: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

30

Yang memilih rumah dekat jalan ikan paus,

Mendengar amanatnya

Memberikan hadiah : seorang raja baik dia

3.2.3 Bahasa Inggris Pertengahan

Selama 300 tahun setelah berkuasa kaum Norman di Britania pada

tahun 1066, raja-raja Norman dan kaum bangsawan hanya menggunakan bahasa

Perancis dialek Norman saja yang disebut dengan nama bahasa Anglo-Norman.

Sementara itu bahasa Inggris berlanjut sebagai bahasa rakyat. Sementara Anglo-

Saxon Chronicle tetap ditulis sampai tahun 1154, sebagian besar karya sastra

lainnya dari masa ini ditulis dalam bahasa Perancis Kuna atau bahasa Latin.

Sejumlah besar kata-kata Norman dipinjam dalam bahasa Inggris Kuno dan

menghasilkan banyak sinonim

Sebagai contoh diambil :

1. ox/beef (sapi)

2. sheep/mutton (kambing)

Pengaruh Norman ini memperkuat kesinambungan perubahan-perubahan bahasa

Inggris pada abad-abad selanjutnya dan menghasilkan sebuah bahasa yang

sekarang disebut dengan istilah bahasa Inggris Pertengahan. Salah satu

perubahannya adalah meningkatnya pemakaian sebuah aspek unik tata bahasa

Inggris yang disebut dengan istilah continuous tense dengan imbuhan atau sufiks -

ing.

Page 45: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

31

Ejaan bahasa Inggris juga dipengaruhi bahasa Perancis pada periode ini.

Bunyi-bunyi /θ/ dan /ð/ sekarang dieja sebagai th dan bukan dengan huruf Inggris

Kuno þ and ð, yang tidak ada dalam bahasa Perancis.

Selama abad ke-15, bahasa Inggris Pertengahan berubah lebih lanjut lagi.

Perubahan ini disebut sebagai The Great Vowel Shift ("Pergeseran Vokal Besar"),

dan dimulai dengan penyebaran dialek London bahasa Inggris yang mulai dipakai

oleh pemerintahan dan munculnya buku-buku cetak. Bahasa Inggris modern

sendiri bisa dikatakan muncul pada masa William Shakespeare. Penulis ternama

dari masa Inggris Pertengahan ini ialah Geoffrey Chaucer, dengan karyanya yang

terkenal The Canterbury Tales.

Banyak sumber sezaman menyatakan bahwa dalam kurun waktu lima puluh

tahun setelah Invasi kaum Norman, sebagian besar kaum Norman di luar istana

berganti bahasa dan menggunakan bahasa Inggris. Bahasa Perancis kala itu tetap

menjadi bahasa resmi pemerintahan dan perundang-undangan yang bergengsi di

luar dinamika sosial. Sebagai contoh, Orderic Vitalis, seorang sejarawan yang

lahir pada tahun 1075 dan seorang anak ksatria Norman, menyatakan bahwa ia

hanya mempelajari bahasa Perancis sebagai bahasa kedua.

Sastra Inggris mulai muncul kembali pada sekitar tahun 1200 Masehi ketika

perubahan iklim politik dan jatuhnya bahasa Anglo-Norman membuat hal ini

lebih bisa diterima. Pada akhir abad tersebut, bahkan kalangan kerajaan sudah

berganti menuturkan bahasa Inggris. Sedangkan bahasa Anglo-Norman masih

tetap dipakai pada kalangan tertentu sampai agak lama, namun akhirnya bahasa

ini juga tidak merupakan bahasa hidup lagi.

Page 46: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

32

Fragmen Bahasa Inggris Pertengahan

Kutipan dari The Canterbury Tales oleh Geoffrey Chaucer, abad ke-14

Here byggynneth the Book of the Tales of Caunterbur y

Whan that Aprill, with his shoures soote

The droghte of March hath perced to the roote

And bathet every veyne in swich licour,

Of which vertu engendred is the flour;

Whan Zephirus eek with his sweete breeth

Inspired hath in every holt and heath

The tender croppes, and the younge sonne

Hath in the Ram his halfe cours yronne,

And smale foweless maken melodye,

That Sleepn al the nyght with open eye-

So priketh hem Nature in hir corages);

Thanne longen folk to goon on pilgrimages

Artinya :

Di sini bermula Kitab Cerita-Cerita dari Centerbury

Ketika bulan april, dengan hujannya yang manis

Kekeringan bulan Maret terus menembus akarnya

Dan memandikan semua pembuluh darah dengan cairan

seperti ini,

Untuk menghasilkan di dalam dan menumbuhkan bunga;

Juga ketika zephirus (“angin barat”) dengan nafasny a

yang manis

Page 47: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

33

Memberikan ilham pada semua pohon dan heath

Tunas-tunas lembut dan matahari muda

Telah berlari separuh jalan pada rasi Aries,

Dan burung-burung kecil bernyanyi,

Yang pada malam hari tidur dengan mata terbuka-

Dan kemudian alam menusuki keberaniannya);

Kemudian orang-orang menginginkan untuk pergi berzi arah

3.2.4 Bahasa Inggris Modern Awal

Mulai dari abad ke-15, bahasa Inggris berubah menjadi bahasa Inggris

Modern, yang bermula dengan Great Vowel Shift (“Pergeseran Bunyi Besar”).

Setelah itu bahasa Inggris mulai banyak mengambil kata-kata pungutan dari

bahasa-bahasa asing, terutama bahasa Latin dan bahasa Yunani semenjak

zaman Renaisans. Karena banyak kata-kata dipinjam dari bahasa yang berbeda-

beda, dan ejaan bahasa Inggris bisa dikatakan tidak konsisten, maka risiko

pelafalan salah kata-kata cukup tinggi. Namun sisa-sisa dari bentuk-bentuk yang

lebih kuna masih ada pada beberapa dialek regional, terutama pada dialek-dialek

di West Country.

Pada tahun 1755 Samuel Johnson menerbitkan kamus penting bahasa

Inggris pertama, yang berjudul Dictionary of the English Language.

Fragmen Bahasa Inggris Modern Awal

Dari Paradise Lost oleh John Milton, 1667

Of man’s disobedience, and the fruit

Page 48: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

34

Of that forbidden tree, whose mortal taste

Brought death into the world, and all our woe,

With loss of Edden. Till one greater Man

Restore us , and regain the blissful seat,

Sing, Heavenly Muse, that on the secret top

Of Oreb, or of Sinai, didst ispire

That shepherd, who first taught the chosen seed,

In the beginning how the Heavens and Earth

Rose out of chaos : or if Sion hill

Delight thee more, and Siloa’s brook that flowed

Fast by the oracle of God, I thence

Invoke thy aid to my adventures song,

That with no middle Filight intends to soar

Above the Aonian mount, whyle it pursues

Things unattemted yet in prose of rhyme.

Artinya :

Ketidakpatuhan manusia, dan buah pohon terlarang it u,

di mana rasanya yang mematikan

Membawa kematian ke dalam dunia, dan sama sekali

kesengsaraan kami,

Dengan kehilangan firdaus, sampai seorang manusia y ang

lebih hebat

Mengambalikan kami, dan mendapat kembali tempat dud uk

yang terberkati,

Menyanyilah, Dewa lagu Surgawi, bahwa dia puncak

Page 49: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

35

rahasia

Oreb, atau Sinai, memberikan semangat

Pada gembala itu, yang terlebih dulu mengajar bibit

yang dipilih,

Pada mulanya bagaimana Langit dan Bumi

Muncul dari kekacauan: atau jika bukit Zion

Menerangumu lebih banyak, dan parit Siloa yang meng alir

Cepat oleh sang orakel, lalu akupun

Memanggil bantuanmu pada lagu pertualangannya,

Bahwa dengan tak ada penerbangan tengah bermaksud

berteriak

Di atas sandaran Aonian, ketika ia mengajar

Hal yang masih tak dicoba pada syair ganjaran

Fragmen Bahasa Inggris Modern

Kutipan dari Proklamasi Kemerdekaan Amerika Serikat, 1776, oleh Thomas

Jefferson

IN CONGRESS, July 4, 1776.

The unanimous Declaration of the thirteen united States

Of America,

When in the Coyrse of human events, it becomes

necessary for one people to

dissolve the political bands which have connected t hem

with another, and to

Page 50: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

36

assume among the powers of the earth, the separate and

equal station to which

the Laws of Nature and Of Nature’s God entitle them , a

decent respect to the

opinions of mankind requires that they should decla re

the causes which impel

them to the separation.

Artinya :

DI CONGRESS, 4 Juli 1776.

Deklarasi unanim tigabelas Negara Bagian Amerika,

Kalau di Jalan peristiwa manuasia, menjadi perlu un tuk

Membubarkan ikatan politik yang sudah menyambung

mereka dengan lain, dan untuk

Bergambung di antara penguasa Bumi, posisi pisah da n

setara di mana

Hukum alam dan Sifat Tuhan memberi hak mereka, hal

pantas kepada

Pendapat manusia yang mememerlukan bahwa mereka

sebaiknya mengumumkan sebab yang mendorong mereka

sampai pemisahan.

Page 51: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

37

3.3 Sistem KBK (Kurikulum Berbasis Kompetensi)

Metode pembelajaran active learning (belajar aktif) dengan Siatem KBK

(Kurikulum Berbasis Kompetensi) ini sebenarnya bukan metode baru jika

dibandingkan dengan perkembangan metode pembelajaran terkini misalnya

project-based learning (pembelajaran berbasis proyek atau percontohan). Namun

kondisi masyarakat Indonesia dan system kurikulum yang KBK, bagi penulis

terlihat mensyaratkan penggunaan metode active learning tersebut. Ada beberapa

asumsi dalam pembelajaran active learning dengan sistem KBK

1. Siswa atau anak didik adalah subjek inti dalam proses pembelajaran

sehingga merekalah yang aktif dalam proses belajar mengajar dan harus

mempertimbangkan kemampuan anak didik masing-masing.

2. Guru merupakan sosok fasilitator yang membimbing anak didik untuk

belajar mandiri, guru bukanlah penceramah atau nara sumber.

3. Kurikulum seharusnya sesuai dengan kemampuan anak didik dan juga

sesuai dengan kebutuhan mereka.

4. Lingkungan terutama kelas harus diatur sedemikian rupa sehingga anak

didik merasakan siap untuk belajar saat masuk didalamnya.

Dengan demikian pembelajaran bahasapun termasuk bahasa inggris harus

mampu mempertimbangkan empat hal diatas ditambah dengan nilai atau norma

yang kita selipkan dalam proses pembelajaran, dalam hal ini tentunya nilai-nilai

Islam. Bagi penulis ada lima tahap dalam pembelajaran bahasa inggris yaitu :

Page 52: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

38

1. Settingan (pengaturan) kelas, lembaga pendidikan seharusnya memiliki

kelas khusus untuk pembelajaran bahasa (baik inggris, arab maupun yang

lain) sehingga anak didik yang masuk dalam ruangan tersebut sudah

sangat siap untuk belajar bahasa. Pengajar atau kita bisa meletakkan

beberapa motto disana misalanya ‘English speaking area’, ‘be brave to

speak English’, ‘do it now’ dan seterusnya.

2. Need Assessment (NA) yaitu penilaian kebutuhan atau taksiran. Proses

NA ini seharusnya dilakukan sebelum pembelajaran. Misalnya, apa yang

akan diajarkan di pertemuan kedua kita bisa melakukan NA di pertemuan

pertama, hal ini penting agar anak didik belajar sesuai dengan

kebutuhannya dan juga tahu apa yang akan dipelajari dipertemuan

selanjutnya.

3. Planning (Rencana), seorang guru harus merancang apa yang akan

diajarkan yaitu misalnya berupa Lesson Plan (rencana pelajaran) dan

harus dibuat sebelum melakukan proses pembelajaran.

4. Implementation (Pelaksanaan), disinilah inti dari Implementasi. Proses

pembelajaran diawali dengan pembukaan bisa berupa salam atau bisa

ditambahkan beberapa kata untuk mempererat hubungan anak didik

dengan pengajar, kemudian pengajar menjelaskan apa yang akan

dilakukan dipertemuan itu, dan proses pembelajaran berlangsung dengan

mempertimbangkan keaktifan anak didik serta kemampuan anak didik

masing-masing.

5. Evaluation (evaluasi) ; proses ini bisa dilakukan dengan bentuk

permainan, tetapi yang terpenting evaluasi ini dapat digunakan sebagai

Needs Assessment (Taksiran atau penilaian kebutuhan) untuk pertemuan

yang mendatang

Page 53: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

39

3.4 Kelemahan Sistem KBK (Kurikulum Berbasis Kompetensi)

Melihat permasalahan proses belajar mengajar diatas yang menggunakan

Aktif learning dengan system KBK. Penulis tidak yakin syarat-syarat penggunaan

system aktif learning dapat dipenuhi di setiap sekolah. Sebab, antara sekolah satu

dengan sekolah lain mempunyai perbedaan fasilitas serta tenaga pengajar yang

kemungkinan ini juga mempengaruhi hasil dari proses pembelajaran aktif learning

dengan system KBK. Jadi, bila sekolah mempunyai fasilitas dan tenaga pengajar

yang sesuai standart atau ukuran yang disyaratkan KBK maka kemungkinan

system KBK akan berhasil diterapkan tetapi bila sebaliknya maka system KBK

akan susah diterapkan.

Sesuai permasalahan diatas penulis akan mencoba menerapkan metode

pembelajaran bahasa inggris dengan system e-learning (belajar melalui media

elektronik khususnya computer). Disini ada beberapa kelebihan metode e-learning

dan beberapa kelemahan system KBK antara lain.

1. Didalam sistem KBK pelajar belum terseleksi mana yang suka dan mana

yang tidak suka pelajaran bahasa inggris, ini berpengaruh pada kemauan

pelajar untuk mempelajari mata pelajaran tersebut. Di sistem E-Leraning,

Pelajar sudah terseleksi, jika mereka tidak suka mereka tidak akan

mengunjungi situs ini untuk mempelajarinya lebih dalam karena kendali

ada tangannya sendiri.

2. Sistem KBK di lakukan di sekolah dan terikat waktu sedangkan E-Lerning

dilakukan dimana saja tidak terikat waktu asalkan di depan komputer

terkoneksi internet

Page 54: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

40

3. Kurikulum Sistem KBK akan mendapatkan sama dengan yang lain, tidak

mempertimbangkan kemampuan pelajar itu sendiri, karena disesuaikan

oleh pengajar sedangkan kurikulum E-learning seseuai tingkat

kemampuan pelajar karena materi bisa dipilih sendiri oleh pelajar. bila

tidak bisa, ada forum tanya jawab. Ini juga buat melatih keaktifan pelajar.

3.5 Sistem E-learning Bahasa Inggris yang Disarankan

Sistem Aplikasi e-learning bahasa inggris terdiri dari lima pokok

pembahasan yaitu Grammar (Tata Bahasa), Vocabulary/Reading (Kosa

kata/Bacaan), Listening (Mendengarkan), Special Diffuculty (Kesulitan Khusus),

dan Forum Diskusi.

1. Tata bahasa (Grammar)

Grammar digunakan untuk membuat susunan kalimat atau tata bahasa

dalam bahasa inggris. Berikut adalah beberapa hal yang kan dibahas pada

tahap grammar.

Page 55: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

41

Tabel 3.1 Grammar

No

Nama Grammar

Utama Pengelompokan I Pengelompokan II

1 Tobe

To be (Present Tense)

To be (Past Tense)

Future (Wth Will)

2 a/an

3 Present Tense

Simple Present Tense

Present Continous

Tense

Present Continous Tense

Present Continous Tense

(Future Tense)

Present Perfect Tense

Present Perfect

Continous Tense

After If, When, Until etc

4 Past Tense

Simple Past Tense

Past Continous Tense

Past Perfect Tense

Past Perfect Continous

Tense

5 Future Tense

Simple Future Tense

Future Continous Tense

Future Perfect Tense

Future Perfect

Continous Tense

6 Have/Had

To Have (Presebt Tense)

To Had (Past Tense)

Have To/ Must

Have To (Perfect Form)

Had Better

Must Have/May Have

7 Plural Nouns

8 Possessive

Possessive Adjectives

Possessive Form Of

Nouns

Possessive Pronouns

9 There/It

There Is/There Are

It There

It Takes

10 This/That ; These/Those

11 Object Object Pronouns

Inderect Object

Page 56: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

42

12 Imperative Form

13 Regular/Irregular Verb

14 Adjectives and Adverbs

Adjectives and Adverbs

Adjectives

(Comperative Degree)

Adverbs (Comperative

Degree)

Adjectives (Superlative

Degree)

Position Of Adverbs

15 Preposition Prepositions

Position Of Preposition

16 Gerunds and Invinitives

Invinitives

Gerunds

Gerunds and Invinitives

17 Contraction

18 Article

19 Going To Going To Future

Going To Past

20 Auxiliary Verbs

21 Short Answer

22 Also/Too/Either/Neither

Also/Too/Either

Either/Neither

Too/So

23 Some/any Some/Any

Someone/Anyone

24 Reflexive Pronouns

25 Sequense Of Tense

26 Passive Voice

27 Tag Ending

28 Direct and Inderect

Speech

29 Causative Form

30 Puntuation (Comma)

31 Sentences

Conditional Sentences

Future-Possible

Present-Unreal

Past-Unreal

Emphatic Sentences

Exclamontary

Sentences

32 Lain - Lain

Subject Question

Wish

Should/Ought To

Still/Anymore

Would Rather

Page 57: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

43

2. K

osa Kata (Vocabulary/Reading)

Used To

Supposed To

As … As

May

Say/Tell

Yet/Already

For/Since

Much/Many

Word Order

Who/Whom/Which

Good/Well

Negative Questions

Page 58: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

44

Vocabulary atau Reading berarti kosa kata atau bacaan. Kosa kata ini

berguna untuk menambah pemendaharaan kata dalam bahasa inggris

semakin banyak kosa kata baru yang dikuasai semakin mudah orang

memahami bahasa inggris.

Selain bacaan, penulis juga akan memberikan pertanyaan-pertanyaan

yang berhubungan dengan bacaan dengan jawaban panjang.

Misalnya :

Where are you come from ?

Jawab : I am come from japan

I am come from adalah pengulangan kata dari kalimat tanya, dan

seharunya jawaban hanya pada kata japan saja. Dari pengulangan kata

tersebutlah yang dimaksud dengan jawaban panjang. Ini bertujuan

supaya kalimat terlihat lebih sopan.

Untuk reading penulis membaginya dalam tiga tingkatan yaitu tingkatan

dasar (lebih mudah), tingkat medium (tingkat kesulitannya tengah-

tengah) dan tingkat atas (sulit dipahami).

3. Mendengarkan (Listening)

Listening berarti mendengar. Dalam bahasa inggris hal ini sangat penting

sebab setiap negara mempunyai accent (logat) masing-masing.

Page 59: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

45

Contohnya :

Orang Indonesia mungkin lebih mudah memahami bahasa inggris yang

diucapkan oleh sesama orang Indonesia sebab mereka mempunyai logat

yang sama. Tetapi, orang Indonesia belum tentu memahami bahasa

inggris yang diucapkan oleh orang jepang, inggris, amerika, arab, afrika

dan lainnya sebab mereka mempunyai logat yang berbeda dengan orang

Indonesia.

Untuk Listening, penulis tidak akan memberikan rekaman percakapan

yang dilakukan beberapa orang yang biasanya digunakan untuk listening

di sekolah-sekolah. Tetapi, penulis akan memberikan lagu-lagu berbahasa

inggris yang menyangkut beberapa hal yaitu :

a. Tempo irama pengucapan : Irama pengucapan yang digunakan

menggunakan irama sedang (lagu-lagu pop), irama cepat (lagu-

lagu Rap)

b. Penyanyi : Penyanyi perempuan dan laki-laki, penyanyi luar negeri

dan indonesia. Ini tujuannya lebih berhubungan dengan accent

(logat) yang digunakan.

Selain mendapatkan lagu-lagu bahasa inggris, penulis juga akan

memberikan lirik lagunya pada setiap judul lagu. Ini bertujuan supaya

mereka bisa mencocokkan pengucapan dengan tulisan. Hal ini juga

berguna untuk mengusir rasa jenuh dari proses belajar mengajar. Bila

penulis paksakan menggunakan listening percakapan mungkin akan

berdampak membosankan pada saat proses belajar.

Page 60: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

46

4. Kesulitan Khusus (Special Diffuculty)

Special Diffuculty (Kesulitan Khusus) dalam bahasa inggris berguna

untuk memecahkan arti dari sebuah kata dan biasanya tidak ditemukan di

kamus bahasa inggris.

Misalnya :

Set out : Berangkat

Throw away : membuang

Knock out : merobohkan

Berikut adalah beberapa hal yang akan dibahas di tahap special difficulty

tetapi ini hanya sebagian kecil kesulitan bahasa inggris, karena masih

banyak kesulitan bahasa inggris lain yang mungkin penulis belum

ketahui.

a. Affect and Advice

b. As

c. Be and Set

d. Call

e. Give

f. Hold and Look

g. In and Into

h. Knock

i. Made

j. No and Not

k. Pick

l. Put

Page 61: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

47

m. Put, Took and Look

n. Receive and Take

o. Rob and Steal

p. Some and Somewhat

q. Spare and to Spare

r. Spill and Pour

s. Until, To and As For As

t. Way

5. Forum Diskusi

Forum diskusi berfungsi sebagai tempat tanya jawab apabila mempunyai

kesulitan-kuslitan dalam makna kata, penyusunan kalimat, jawaban dari

suatu pertanyaan dan masih banyak yang lainnya.

Untuk forum diskusi penulis menggunakan situs jejaring sosial facebook

dan twitter. Sebab, situs tersebut bisa di akses dimana saja lewat

computer, hp, blackberry dan lain-lain. Banyak orang Indonesia yang

sudah memiliki akun jejaring tersebut khususnya kalangan remaja. Ini

akan mempermudah proses tanya jawab antar anggota forum, tidak

dibatasi waktu, bisa dilakukan dimana saja asalkan terkoneksi internet.

Semoga dengan fitur yang sudah disediakan penulis membuat para pelajar

fokus serta memudahkan dalam belajar khususnya belajar bahasa inggris.

Page 62: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

48

BAB IV

SISTEM YANG DIUSULKAN

4.1 Proses Instalasi Jommla 1.5

4.1.1 Instalasi Appserv

Untuk install AppSrve caranya cukup klik dua kali file appserv-

win32.2.5.9.exe. Setelah di klik maka akan tampil seperti berikut ini:

Gambar 4.1 Selamat Datang AppServ 2.5.9

Selanjutnya pilih Next.

Page 63: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

49

Gambar 4.2 Memilih Lokasi Instal

Pilih Lokasi pengistalan AppServ. Pilihan istalan diatas akan meletakkan AppServ

di drive C: . Selanjutnya pilih Next.

Page 64: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

50

Gambar 4.3 Memilih Komponen

Pilih Option yang ada dan selanjutnya pilih Next

Page 65: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

51

Gambar 4.4 Informasi Apache HTTP Server

Isi Server name : localhost

Email Administrator isikan dengan alamat email kalian masing-masing.

Dan biarkan port seperti apa adanya, kemudian

tekan Next

Page 66: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

52

Gambar 4.5 Konfigurasi MySQL Server

Masukan password standar untuk proteksi di komputer lokal.

Install

Page 67: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

53

Gambar 4.6 Proses Instalasi

Proses instalasi sedang berjalan, tunggu instalasi sampai selesai, silahkan boleh

ditinggal dulu atau mengisi kegiatan lain.

Page 68: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

54

Gambar 4.7 Setup Selesai

Klik Tombol finish

4.1.2 Testing Web Server local

Untuk menguji apakah webserver local kita sudah berjalan dengan normal,

bukalan browser favorit kalian.

Page 69: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

55

Misalnya : Mozilla FireFox.

Gambar 4.8 The AppServ Open Project

Ketik di Addres bar : localhost kemudian tekan tombol Enter. Jika tampilan

sama dengan diatas maka webserver anda sudah berhasil terinstal dan Aplikasi

sudah bisa digunakan.

Page 70: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

56

4.1.3 Instalasi Joomla 1.5

Langkah-langkah instalasi Joomla 1.5 adalah sebagai berikut :

1. Download dan Unzip Jommla 1.5

2. Kita perlu folder Joomla, Buka Appeserv yang telah diinstal

C:\AppServ\

Gambar 4.9 Folder C:\AppServ

Buat baru di dalam folder “www” misalnya : latihan

Gambar 4.10 Folder C:\AppServ\www

Buka folder latihan dan Extract File Joomla 1.5 di dalam folder

Latihan, bila sudah diextract akan tampil gambar dibawah ini.

Page 71: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

57

Gambar 4.11 Folder C:\AppServ\www\Latihan

3. Buka Internet Browser, misalnya : Mozilla Firefox

Ketik : http://localhost/latihan

Maka akan tampil gambar di bawah ini :

Page 72: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

58

Gambar 4.12 Pilih Bahasa

Pilih Bahasa : Bahasa Indonesia

Tekan Berikutnya

Page 73: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

59

Gambar 4.13 Pemeriksaan Pra-Pemasangan

Pemeriksaan Pra-Pemasangan : Biarkan apa adanya

Tekan Berikutnya

Page 74: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

60

Gambar 4.14 Lisensi

Lisensi : Biarkan apa adanya, Tekan Berikutnya

Page 75: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

61

Gambar 4.15 Pengaturan Basis Data

Page 76: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

62

Pengaturan Basis Data

Type Basis data : mysql

Nama Host : localhost

Nama Pengguna : root

Sandi Lewat : Terserah, misalnya : 12345

Nama Basis Data : Terserah, misalnya : latihan

Tekan Berikutnya

Page 77: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

63

Gambar 4.16 Pengaturan FTP

Page 78: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

64

Pengaturan FTP : Biarkan apa adanya,

Tekan berikutnya

Gambar 4.17 Pengaturan Umum

Page 79: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

65

Nama situs : Terserah, misalnya : Latihan

Alamat surat anda : Terserah

Sandi Lewat admin : Terserah (digunakan saat Log In)

Selain itu biarkan apa adanya, tekan Berikutnya

Gambar 4.18 Konfirmasi Pengaturan Umum

Page 80: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

66

Tekan OK

Gambar 4.19 Selesai Penginstalan

Selesai, Jangan lupa hapus instalasi pada Folder

Page 81: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

67

C:\AppServ\www\latihan sebelum digunakan.

Gambar 4.20 Hapus Folder Instalasi

Tekan Yes

Gambar 4.21 Joomla Log In

Page 82: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

68

Log In

Username : admin

Password : (password yang ditulis dipengaturan)

Gambar 4.22 Tampilan Joomla Setelah Log In

Page 83: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

69

4.2 Header

Isi header akan terbagi menjadi tiga yaitu, gambar header dari tamplete

joomla itu sendiri, tulisan berjalan yang berisi informasi-informasi yang akan

muncul secara acak. Tulisan tersebut dibuat melalui fitur banner yang telah

tersedia pada paket program joomla. Lalu yang terakhir adalah search engine

yang berfungsi untuk mencari artikel yang diperlukan secara cepat. Tidak berbeda

jauh sama banner, search engine dibuat dari fitur yang telah tersedia pada paket

pemograman joomla yaitu Modul Manager. Header yang akan dibuat akan seperti

gambar dibawah ini.

Gambar 4.23 Header

Page 84: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

70

4.2.1 Instal Template Joomla

Didalam pemograman joomla kita hanya diberikan template yang standart.

Kita bisa mendapatkan template joomla yang kita inginkan dengan mengunduh di

internet, bisa juga dicari melalui google. Banyak situs yang sudah menyediakan

template joomla yang gratis maupun berbayar. Lalu bagaimana mengistalnya,

ikuti langkah-langkah berikut ini :

1. Download paket template joomla di internet

2. Masuk ke joomla administrator login

Gambar 4.24 Joomla Administration Login

3. Klik menus Extentions ~ Instal/Unistal

Page 85: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

71

Gambar 4.25 Menu Extention Install/Unistall

4. Upload file template yang ingin di instal. Tekan Telusuri, cari dimana file

template disimpan. Kemudian tekan open

5. Tekan Upload File & Install

Gambar 4.26 File Upload Template Joomla

Page 86: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

72

6. Bila istalasi sukses akan ada tulisan “Install Template Success”

Gambar 4.27 Konfirmasi Install Template

Untuk mengatur template langkah-langkahnya sebagai berikut :

a. Ketik Menus ~ Extention ~ Template Manager

Kemudian akan muncul gambar seperti di bawah ini

Gambar 4.28 Pengaturan Template

Page 87: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

73

b. Untuk menjadikannya sebagai template. Pilih template yang

didinginkan kemudian tekan default yang bergambar bintang.

4.2.2 Banner Informasi (Tulisan Berjalan)

Banner informasi berfungsi memberikan informasi secara acak tulisan

berjalan yang terdapat pada header website. Banner akan terbagi menjadi tiga

macam yaitu banner category, banner client dan banner banner

1. Banner Category

Berfungsi untuk mengelompokkan banner dalam satu kelompok. Langkah-

langkah membuatnya adalah sebagai berikut :

a. Klik Menus ~ Component ~ Banner Category

Gambar 4.29 Menu Component Banner Category

b. Klik New

Page 88: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

74

Gambar 4.30 Form Banner Category

IsilahTitle : Terserah kamu

Alias : Kosongin saja (Akan terisi otomatis setelah kita save)

Published : No = tidak diumumkan Yes = Diumumkan

Yang lain Biarkan apa adanya

c. Klik save

2. Banner Client

Page 89: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

75

Fungsinya untuk memberitahukan identitas pembuatnya. Langkah-langkah

membuatnya adalah sebagai berikut :

a. Klik Menus ~ Component ~ Banner Client

Gambar 4.31 Menu Component Banner Client

b. Klik New

Gambar 4.32 Form Banner Client

Page 90: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

76

c. Isilah Client Name : Namamu

Contact Name : Nama Kontak kamu

Contact E-mail : Isikan Alamat E-mail kamu

d. Klik save

3. Banner Banner

Fungsinya untuk membuat banner dan menempatkan bahasa pemograman

ke dalam aplikasi agar bisa berjalan.

a. Banner Kritik dan Saran

Lankah-langkah membuatmya sebagai berikut :

1. Klik Menus ~ Banner ~ Banner

Gambar 4.33 Menu Banner Banner

2. Klik new

Page 91: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

77

Gambar 4.34 Form Baneer Kritik dan Saran

Isikan Name : Kritik dan Saran

Alias : Kosong (terisi otomomatis setelah disave)

Show banner : Yes

Stcky : No

Category : Pilih Informasi (yang telah dibuat tadi)

b. Client Name : Nanang Chosin (yang telah kita buat sebelumny)

Banner Code : Bahasa Pemograman

Page 92: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

78

Yang lain biarkan seperti adanya.

4. Klik Save

c. Banner Informasi

Lankah-langkah sama dengan diatas yang membedakan hanya

pada isiannya, yaitu :

Name : Informasi

Alias : Kosong (terisi otomomatis setelah disave)

Show banner : Yes

Stcky : No

Category : Pilih Informasi (yang telah dibuat tadi)

Client Name : Nanang Chosin (yang telah kita buat tadi)

Banner Code : Bahasa Pemograman

d. Banner Voting

Lankah-langkah sama dengan diatas yang membedakan hanya

pada isiannya, yaitu :

Name : Voting

Alias : Kosong (terisi otomomatis setelah disave)

Show banner : Yes

Stcky : No

Category : Pilih Informasi (yang telah dibuat tadi)

Client Name : Nanang Chosin (yang telah kita buat tadi)

Banner Code : Bahasa Pemograman

Page 93: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

79

e. Banner Search

Lankah-langkah sama dengan diatas yang membedakan hanya

pada isiannya, yaitu :

Name : Search

Alias : Kosong (terisi otomomatis setelah disave)

Show banner : Yes

Stcky : No

Category : Pilih Informasi (yang telah dibuat tadi)

Client Name : Nanang Chosin (yang telah kita buat tadi)

Banner Code : Bahasa Pemograman

4. Membuat Module Banner header

Langkah-langkah membuat Module Banner yaitu, sebagai berikut

a. Klik Exstention ~ Module manager

Gambar 4.35 Menu Extention Module Manager

b. Klik New ~ Pilih Search ~ Next

Page 94: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

80

Gambar 4.36 Menu Module Manager

c. Isikan

Title : PENGUMUMAN

Show Title : No

Enabled : Yes

Position : User 3

Acces Level : Public

Banner Client : Nanang Chosin

Banner Category : Informasi

Randomise : Sticky, Randomize

Yang lain biarkan apa adanya

Page 95: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

81

Gambar 4.37 Form Module Manager

d. Klik save

4.2.3 Search Engine

Fungsinya untuk mempercepat pencarian aritkel yang diperlukan. Langkah

- langkah membuat search engine pada Joomla adalah sebagai berikut :

1. Klik Exstention ~ Module manager

2. Klik New ~ Pilih Search ~ Next

3. Isikan

Title : Search

Show Title : No

Enabled : Yes

Page 96: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

82

Position : User 4

Acces Level : Public

Yang lain biarkan apa adanya

4. Klik save.

4.3 Body

Setelah header, kita bahas selanjutnya adalah body (bagian tubuh) website.

Body website akan terbagi menjadi tiga tempat. Pertama, sebelah kiri digunakan

sebagai tempat menu link yang akan membawa pengunjung ke artikel yang

diperlukan. Kedua adalah tengah body yaitu sebagai tempat memuat artikel atau

bacaan setelah link diklik. Terakhir bagian kanan akan terdiri dari banner thanks

to, banner forum dan banner sponsor. Untuk lebih detailnya bisa lihat gambar di

bawah ini.

Page 97: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

83

Gambar 4.38 Body

Page 98: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

84

Gambar 4.39 Daftar menu Link

Page 99: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

85

4.3.1 Menu

Menu disini berfungsi untuk menyusun daftar link yang berisi artikel-

artikel dan untuk mempermudah mencari artikel yang diperlukan oleh

pengunjung. Untuk menbuat menu diperlukan tahapan-tahapan yang panjang yang

akan di bahas pada sub bab ini. Langkah-langkah tahapan tersebut adalah sebagai

berikut :

1. Section

Section ini berfungsi untuk mengelompokkan kategori yang sejenis dalam

satu kelompok.

a. Section Present

Langkah-langkah membuatnya :

1. Klik Menus ~ Content ~ Section Manager

Gambar 4.40 Menu Content Section Manager

2. Klik New

Page 100: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

86

Gambar 4.41 Form Section Manager

3. Isikan

Title : Present

Published : Yes

Acces level : Public

Yang lain biarkan apa adanya.

4. Klik Save

Keterangan :

Untuk section yang berikutnya langkah-langkahnya sama hanya

berbeda pada form isian. Form Isian yang berbeda hanya pada title

yang lain termasuk published dan Acces level semua sama.

Page 101: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

87

b. Section Past:

Title : Past

c. Section Future

Title : Futur

d. Section To Be

Title : To be

e. Section To Have

Title : To Have

f. Section Possesive

Title : Possesive

g. Section Adjective and Adverbs

Title : Adjective and Adverbs

h. Section Object

Title : Object

i. Section Going to

Title : Going to

j. Section Gerunds and Invinitive

Title : Gerunds and Invinitive

k. Section Also/Too/Either/Neither

Title : Also/Too/Either/Neither

l. Section Some/Any

Title : Some/Any

m. Section There/It

Title : There/It

Page 102: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

88

n. Section Preposition

Title : Preposition

o. Section Sentences

Title : Sentences

p. Section Lain-lain

Title : Lain-lain

q. Section Conditional Sentences

Title : Conditional Sentences

r. Section Present Continous

Title : Present Continous

2. Category

Kategori berfungsi untuk mengelompokkan artikel yang saling berkaitan

dalam satu kategori yang sama.

a. Category Adjective dan Adverbs

Langkah-langkah membuatnya :

1. Klik Menus ~ Content ~ Category Manager

Gambar 4.42 Menu Content Category Manager

Page 103: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

89

2. Klik New

Gambar 4.43 Form Category Manager

3. Isikan

Title : Adjectives and Adverbs

Published : Yes

Section : Adjectives and Adverbs

Access Level : Public

Yang lain biarkan apa adanya.

4. Klik Save

Page 104: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

90

Keterangan :

Untuk category yang berikutnya langkah-langkahnya sama hanya

berbeda pada form isian. Form Isian yang berbeda hanya pada title

dan section yang lain termasuk published dan Acces level semua

sama.

b. Category Also/Too/Either/Neither

Title : Adjectives and Adverbs

Section : Adjectives and Adverbs

c. Category Conditional Sentences

Title : Conditional Sentences

Section : Conditional Sentences

d. Category Future Tense

Title : Future Tense

Section : Future

e. Category Gerunds and Infinitives

Title : Gerunds and Infinitives

Section : Gerunds and Infinitives

f. Category Going to

Title : Going to

Section : Going to

g. Category Lain-lain

Title : Lain-lain

Page 105: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

91

Section : Lain-lain

h. Category Object

Title : Object

Section : Object

i. Category Past Tense

Title : Past Tense

Section : Past

j. Category Possessive

Title : Possessive

Section : Possessive

k. Category Prepositions

Title : Prepositions

Section : Prepositions

l. Category Present Tense

Title : Present Tense

Section : Present

m. Category Present Continous

Title : Present Continous

Section : Present Continous

n. Category Sentences

Title : Sentences

Section : Sentences

o. Category Some/Any

Title : Some/Any

Page 106: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

92

Section : Some/Any

p. Category There/It

Title : There/It

Section : There/It

q. Category To be

Title : To be

Section : To be

r. Category To have

Title : To have

Section : To have

3. Artikel

Berfungsi sebagai tempat menuliskan artikel yang akan ditempatkan ke

website. Dibawah ini adalah susunan artikel yang akan ditempatkan ke

website.

1. Artikel Download

Langkah-langkah membuatnya :

a. Klik Menus ~ Content ~ Article Manager

Page 107: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

93

Gambar 4.44 Menu Content Artikel Manager

b. Klik New

Gambar 4.45 Menu Form Artikel

Page 108: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

94

c. Isikan

Title : Download

Section : Uncategorised

Category : Uncategorised

Togle Editor : Bahasa Pemograman

Gambar 4.46 Letak Toggle editor

Yang lain biarkan seperti apa adanya, tetapi jika ingin mengubah

parameter silahkan sesuai kamauan kalian.

d. Klik save

Keterangan :

Untuk Artikel yang berikutnya langkah-langkahnya sama hanya

berbeda pada form isian. Form Isian yang berbeda yaitu title, section,

category dan toggle editor.

2. Artikel Listening

Title : Listening

Section : Uncategorised

Category : Uncategorised

Togle Editor : Bahasa Pemograman

Page 109: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

95

3. Artikel Reading

Title : Reading

Section : Uncategorised

Category : Uncategorised

Togle Editor : Bahasa Pemograman

4. Artikel Special Difficulties

Title : Special Difficulties

Section : Uncategorised

Category : Uncategorised

Togle Editor : Bahasa Pemograman

5. Artikel Article

Title : Articles

Section : Uncategorised

Category : Uncategorised

Togle Editor : Bahasa Pemograman

6. Artikel Punctuation (Comma Semicolon)

Title : Punctuation (Comma Semicolon)

Section : Uncategorised

Category : Uncategorised

Togle Editor : Bahasa Pemograman

7. Artikel Causative Form

Title : Causative Form

Section : Uncategorised

Category : Uncategorised

Page 110: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

96

Togle Editor : Bahasa Pemograman

8. Artikel Direct and Indirect Speech

Title : Direct and Indirect Speech

Section : Uncategorised

Category : Uncategorised

Togle Editor : Bahasa Pemograman

9. Artikel Tag Ending

Title : Tag Ending

Section : Uncategorised

Category : Uncategorised

Togle Editor : Bahasa Pemograman

10. Artikel Passive Voice

Title : Passive Voice

Section : Uncategorised

Category : Uncategorised

Togle Editor : Bahasa Pemograman

11. Artikel Sequence Of Tenses

Title : Sequence Of Tenses

Section : Uncategorised

Category : Uncategorised

Togle Editor : Bahasa Pemograman

12. Artikel Reflexive Pronouns

Title : Reflexive Pronouns

Section : Uncategorised

Page 111: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

97

Category : Uncategorised

Togle Editor : Bahasa Pemograman

13. Artikel Auxiliary Verbs

Title : Auxiliary Verbs

Section : Uncategorised

Category : Uncategorised

Togle Editor : Bahasa Pemograman

14. Artikel Short Answer

Title : Short Answer

Section : Uncategorised

Category : Uncategorised

Togle Editor : Bahasa Pemograman

15. Artikel Contraction

Title : Contraction

Section : Uncategorised

Category : Uncategorised

Togle Editor : Bahasa Pemograman

16. Artikel Regular/Irregular Verb (Past Tenses)

Title : Regular/Irregular Verb (Past Tenses)

Section : Uncategorised

Category : Uncategorised

Togle Editor : Bahasa Pemograman

17. Artikel Imperative Form

Title : Imperative Form

Page 112: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

98

Section : Uncategorised

Category : Uncategorised

Togle Editor : Bahasa Pemograman

18. Artikel This/That ; These/Those

Title : This/That ; These/Those

Section : Uncategorised

Category : Uncategorised

Togle Editor : Bahasa Pemograman

19. Artikel Plural Nouns

Title : Plural Nouns

Section : Uncategorised

Category : Uncategorised

Togle Editor : Bahasa Pemograman

20. Artikel a/an

Title : a/an

Section : Uncategorised

Category : Uncategorised

Togle Editor : Bahasa Pemograman

21. Artikel Position Of Adverbs

Title : Position Of Adverbs

Section : Adjective and Adverbs

Category : Adjective and Adverbs

Togle Editor : Bahasa Pemograman

22. Artikel Adjectives (Superlative Degree)

Page 113: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

99

Title : Adjectives (Superlative Degree)

Section : Adjective and Adverbs

Category : Adjective and Adverbs

Togle Editor : Bahasa Pemograman

23. Artikel Adverbs (Comperative Degree)

Title : Adverbs (Comperative Degree)

Section : Adjective and Adverbs

Category : Adjective and Adverbs

Togle Editor : Bahasa Pemograman

24. Artikel Adjectives (Comperative Degree)

Title : Adjectives (Comperative Degree)

Section : Adjective and Adverbs

Category : Adjective and Adverbs

Togle Editor : Bahasa Pemograman

25. Artikel Adjectives and Adverbs

Title : Adjectives and Adverbs

Section : Adjective and Adverbs

Category : Adjective and Adverbs

Togle Editor : Bahasa Pemograman

26. Artikel Either/Neither

Title : Either/Neither

Section : Also/Too/Either/Neither

Category : Also/Too/Either/Neither

Togle Editor : Bahasa Pemograman

Page 114: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

100

27. Artikel Too/So

Title : Too/So

Section : Also/Too/Either/Neither

Category : Also/Too/Either/Neither

Togle Editor : Bahasa Pemograman

28. Artikel Also/Too/Either

Title : Also/Too/Either

Section : Also/Too/Either/Neither

Category : Also/Too/Either/Neither

Togle Editor : Bahasa Pemograman

29. Artikel Coditional Sentences (Past-Unreal)

Title : Coditional Sentences (Past-Unreal)

Section : Coditional Sentences

Category : Coditional Sentences

Togle Editor : Bahasa Pemograman

30. Artikel Coditional Sentences (Present-Unreal)

Title : Coditional Sentences (Present-Unreal)

Section : Coditional Sentences

Category : Coditional Sentences

Togle Editor : Bahasa Pemograman

31. Artikel Coditional Sentences (Future-Possible)

Title : Coditional Sentences (Future-Possible)

Section : Coditional Sentences

Category : Coditional Sentences

Page 115: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

101

Togle Editor : Bahasa Pemograman

32. Artikel Future Perfect Continuous Tense

Title : Future Perfect Continuous Tense

Section : Future

Category : Future Tense

Togle Editor : Bahasa Pemograman

33. Artikel Future Perfect Tense

Title : Future Perfect Tense

Section : Future

Category : Future Tense

Togle Editor : Bahasa Pemograman

34. Artikel Future Continuous Tense

Title : Future Continuous Tense

Section : Future

Category : Future Tense

Togle Editor : Bahasa Pemograman

35. Artikel Simple Future Tense

Title : Simple Future Tense

Section : Future

Category : Future Tense

Togle Editor : Bahasa Pemograman

36. Artikel Infinitives

Title : Infinitives

Section : Gerunds and Infinitives

Page 116: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

102

Category : Gerunds and Infinitives

Togle Editor : Bahasa Pemograman

37. Artikel Gerunds and Infinitives

Title : Gerunds and Infinitives

Section : Gerunds and Infinitives

Category : Gerunds and Infinitives

Togle Editor : Bahasa Pemograman

38. Artikel Gerunds

Title : Gerunds

Section : Gerunds and Infinitives

Category : Gerunds and Infinitives

Togle Editor : Bahasa Pemograman

39. Artikel Going To Past

Title : Going To Past

Section : Going To

Category : Going To

Togle Editor : Bahasa Pemograman

40. Artikel Going To Future

Title : Going To Future

Section : Going To

Category : Going To

Togle Editor : Bahasa Pemograman

41. Artikel Negative Questions

Title : Negative Questions

Page 117: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

103

Section : Lain-Lain

Category : Lain-Lain

Togle Editor : Bahasa Pemograman

42. Artikel Word Order

Title : Word Order

Section : Lain-Lain

Category : Lain-Lain

Togle Editor : Bahasa Pemograman

43. Artikel Who/Whom/Which

Title : Who/Whom/Which

Section : Lain-Lain

Category : Lain-Lain

Togle Editor : Bahasa Pemograman

44. Artikel Good/Well

Title : Good/Well

Section : Lain-Lain

Category : Lain-Lain

Togle Editor : Bahasa Pemograman

45. Artikel Much/Many

Title : Much/Many

Section : Lain-Lain

Category : Lain-Lain

Togle Editor : Bahasa Pemograman

46. Artikel For/Since

Page 118: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

104

Title : For/Since

Section : Lain-Lain

Category : Lain-Lain

Toggle Editor : Bahasa Pemograman

47. Artikel Yet/Already

Title : Yet/Already

Section : Lain-Lain

Category : Lain-Lain

Togle Editor : Bahasa Pemograman

48. Artikel Say/Tell

Title : Say/Tell

Section : Lain-Lain

Category : Lain-Lain

Togle Editor : Bahasa Pemograman

49. Artikel May

Title : May

Section : Lain-Lain

Category : Lain-Lain

Togle Editor : Bahasa Pemograman

50. Artikel As…As

Title : As…As

Section : Lain-Lain

Category : Lain-Lain

Togle Editor : Bahasa Pemograman

Page 119: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

105

51. Artikel Supposed To

Title : Supposed To

Section : Lain-Lain

Category : Lain-Lain

Togle Editor : Bahasa Pemograman

52. Artikel Used To

Title : Used To

Section : Lain-Lain

Category : Lain-Lain

Togle Editor : Bahasa Pemograman

53. Artikel Would Rather

Title : Would Rather

Section : Lain-Lain

Category : Lain-Lain

Togle Editor : Bahasa Pemograman

54. Artikel Still/Anymore

Title : Still/Anymore

Section : Lain-Lain

Category : Lain-Lain

Togle Editor : Bahasa Pemograman

55. Artikel Wish

Title : Wish

Section : Lain-Lain

Category : Lain-Lain

Page 120: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

106

Togle Editor : Bahasa Pemograman

56. Artikel Should/Ought To

Title : Should/Ought To

Section : Lain-Lain

Category : Lain-Lain

Togle Editor : Bahasa Pemograman

57. Artikel Subject Questions

Title : Subject Questions

Section : Lain-Lain

Category : Lain-Lain

Togle Editor : Bahasa Pemograman

58. Artikel Inderect Object (Position)

Title : Inderect Object (Position)

Section : Object

Category : Object

Togle Editor : Bahasa Pemograman

59. Artikel Object Pronouns

Title : Object Pronouns

Section : Object

Category : Object

Togle Editor : Bahasa Pemograman

60. Artikel Past Perfect Continuous Tense

Title : Past Perfect Continuous Tense

Section : Past

Page 121: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

107

Category : Past Tense

Togle Editor : Bahasa Pemograman

61. Artikel Past Perfect Tense

Title : Past Perfect Tense

Section : Past

Category : Past Tense

Togle Editor : Bahasa Pemograman

62. Artikel Past Continuous Tense

Title : Past Continuous Tense

Section : Past

Category : Past Tense

Toggle Editor : Bahasa Pemograman

63. Artikel Simple Past Tense

Title : Simple Past Tense

Section : Past

Category : Past Tense

Togle Editor : Bahasa Pemograman

64. Artikel Posssessive Pronouns

Title : Posssessive Pronouns

Section : Posssessive

Category : Posssessive

Togle Editor : Bahasa Pemograman

65. Artikel Posssessive Form of Nouns

Title : Posssessive Form of Nouns

Page 122: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

108

Section : Posssessive

Category : Posssessive

Togle Editor : Bahasa Pemograman

66. Artikel Posssessive Adjectives

Title : Posssessive Adjectives

Section : Posssessive

Category : Posssessive

Togle Editor : Bahasa Pemograman

67. Artikel Prepositions

Title : Prepositions

Section : Prepositions

Category : Prepositions

Toggle Editor : Bahasa Pemograman

68. Artikel Position Of Prepositions

Title : Position Of Prepositions

Section : Prepositions

Category : Prepositions

Togle Editor : Bahasa Pemograman

69. Artikel Present Tense After If, When Until etc.

Title : Present Tense After If, When Until etc.

Section : Present

Category : Present Tense

Togle Editor : Bahasa Pemograman

70. Artikel Present Perfect Continuous Tense

Page 123: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

109

Title : Present Perfect Continuous Tense

Section : Present

Category : Present Tense

Togle Editor : Bahasa Pemograman

71. Artikel Present Perfect Tense

Title : Present Perfect Tense

Section : Present

Category : Present Tense

Togle Editor : Bahasa Pemograman

72. Artikel Simple Present

Title : Simple Present

Section : Present

Category : Present Tense

Togle Editor : Bahasa Pemograman

73. Artikel Present Continuous Tense (Future Tense)

Title : Present Continuous Tense (Future Tense)

Section : Present Continuous Tense

Category : Present Continuous Tense

Togle Editor : Bahasa Pemograman

74. Artikel Present Continuous Tense

Title : Present Continuous Tense

Section : Present Continuous Tense

Category : Present Continuous Tense

Toggle Editor : Bahasa Pemograman

Page 124: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

110

75. Artikel Emphatic Sentences

Title : Emphatic Sentences

Section : Sentences

Category : Sentences

Toggle Editor : Bahasa Pemograman

76. Artikel Exclamatory Sentences

Title : Exclamatory Sentences

Section : Sentences

Category : Sentences

Toggle Editor : Bahasa Pemograman

77. Artikel Someone/Anyone

Title : Someone/Anyone

Section : Some/Any

Category : Some/Any

Togle Editor : Bahasa Pemograman

78. Artikel Some/Any

Title : Some/Any

Section : Some/Any

Category : Some/Any

Toggle Editor : Bahasa Pemograman

79. Artikel It Takes

Title : It Takes

Section : There/It

Category : There/It

Page 125: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

111

Toggle Editor : Bahasa Pemograman

80. Artikel It/There

Title : It/There

Section : There/It

Category : There/It

Togle Editor : Bahasa Pemograman

81. Artikel There is/There are

Title : There is/There are

Section : There/It

Category : There/It

Togle Editor : Bahasa Pemograman

82. Artikel Future With Will

Title : Future With Will

Section : To Be

Category : To Be

Toggle Editor : Bahasa Pemograman

83. Artikel To Be (Past Tense)

Title : To Be (Past Tense)

Section : To Be

Category : To Be

Toggle Editor : Bahasa Pemograman

84. Artikel To Be Present Tense

Title : To Be Present Tense

Section : To Be

Page 126: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

112

Category : To Be

Toggle Editor : Bahasa Pemograman

85. Artikel Must Have/May Have

Title : Must Have/May Have

Section : To Have

Category : To Have

Toggle Editor : Bahasa Pemograman

86. Artikel Had Better

Title : Had Better

Section : To Have

Category : To Have

Toggle Editor : Bahasa Pemograman

87. Artikel Have To (Present Perfect Form)

Title : Have To (Present Perfect Form)

Section : To Have

Category : To Have

Toggle Editor : Bahasa Pemograman

88. Artikel Must/Have To

Title : Must/Have To

Section : To Have

Category : To Have

Toggle Editor : Bahasa Pemograman

89. Artikel To Had (Past Tense)

Title : To Had (Past Tense)

Page 127: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

113

Section : To Have

Category : To Have

Toggle Editor : Bahasa Pemograman

90. Artikel To Have (Present Tense)

Title : To Have (Present Tense)

Section : To Have

Category : To Have

Toggle Editor : Bahasa Pemograman

4. Link Menu

a. Membuat Menu Baru

Langkah-Langkah membuat menu baru, antara lain sebagai berikut :

1. Klik Menus ~ Menu Manager

Gambar 4.47 Menu Manager

2. Klik New

Page 128: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

114

Gambar 4.48 Form Menu

3. Isikan

Unique Name : mainmenu

Title : Main Menu

Description : The main menu site

Keterangan :

Biasanya main menu sudah tersedia, tanpa membuat baru tinggal

pakai saja.

4. Klik Save

b. Menu Link Category

Di website ini ada banyak menu link category yaitu, sebagai berikut

1. Tobe

Langkah-langkah membuatnya sebagai berikut :

a. Klik Menus ~ Menu Manager

b. Klik Menu Item dari Main Menu

Page 129: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

115

Gambar 4.49 Menu Item

c. Klik New

d. Klik Menu Item Type : Category List Layout

Page 130: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

116

Gambar 4.50 Menu Item Type

Page 131: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

117

Gambar 4.51 Form Category List

e. Isikan

Tittle : To be

Page 132: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

118

Display In : Main Menu

Parent Item : Top

Access Level : Public

Parameter (Basic) ~ Category : Tobe/Tobe

Yang lain biarkan apa adanya, tetapi bila mau dirubah

setingannya silahkan saja sesuai keinginan kalian.

f. Klik Save

Keterangan :

Untuk membuat link kategori berikutnya semuanya sama yang

membedakan hanya pada isiannya, yaitu : Title, Parent Item,

Parameter (Basic) ~ Category dan yang lain langkah-langkahnya

sama atau biarkan apa adanya. Jika sudah mahir, apabila ingin

diubah sesuai keinginan, silahkan mengubahnya.

2. Present Tense

Tittle : Present Tense

Parent Item : Top

Parameter (Basic) ~ Category : Present/Present Tense

3. Present Continous Tense

Tittle : Present Continous Tense

Parent Item : Present Tense

Parameter (Basic) ~ Category : Present Continous/ Present

Continous

Page 133: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

119

4. Past Tense

Tittle : Past Tense

Parent Item : Top

Parameter (Basic) ~ Category : Past / Past Tense

5. Future Tense

Tittle : Future Tense

Parent Item : Top

Parameter (Basic) ~ Category : Future / Future Tense

6. Have/Had

Tittle : Have/Had

Parent Item : Top

Parameter (Basic) ~ Category : To Have/To Have

7. Possessive

Tittle : Possessive

Parent Item : Top

Parameter (Basic) ~ Category : Possessive/ Possessive

8. There/It

Tittle : There/It

Parent Item : Top

Parameter (Basic) ~ Category : There/It/There/It

9. Object

Tittle : Object

Parent Item : Top

Parameter (Basic) ~ Category : Object/ Object

Page 134: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

120

10. Adjectives and Adverbs

Tittle : Adjectives and Adverbs

Parent Item : Top

Parameter (Basic) ~ Category : Adjectives and Adverbs/

Adjectives and Adverbs

11. Prepositions

Tittle : Prepositions

Parent Item : Top

Parameter (Basic) ~ Category : Prepositions/ Prepositions

12. Gerunds and Infinitives

Tittle : Gerunds and Infinitives

Parent Item : Top

Parameter (Basic) ~ Category : Gerunds and Infinitives/ Gerunds

and Infinitives

13. Going To

Tittle : Going To

Parent Item : Top

Parameter (Basic) ~ Category : Going To/ Going To

14. Also/Too/Either/Neither

Tittle : Also/Too/Either/Neither

Parent Item : Top

Parameter (Basic) ~ Category : Also/Too/Either/Neither /

Also/Too/Either/Neither

15. Some/Any

Page 135: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

121

Tittle : Some/Any

Parent Item : Top

Parameter (Basic) ~ Category : Some/Any/ Some/Any

16. Sentences

Tittle : Sentences

Parent Item : Top

Parameter (Basic) ~ Category : Sentences/ Sentences

17. Conditional Sentences

Tittle : Conditional Sentences

Parent Item : Sentences

Parameter (Basic) ~ Category : Conditional Sentences/

Conditional Sentences

18. Lain-lain

Tittle : Lain-lain

Parent Item : Top

Parameter (Basic) ~ Category : Lain-lain/ Lain-lain

c. Menu Link Artikel

Di website ini ada banyak Menu link Artikel, antara lain sebagai

berikut :

1. To be (Present Tense)

Langkah-langkah membuatnya adalah sebagai berikut :

a. Klik Menus ~ Menu Manager

b. Klik Menu Item dari Main Menu

Page 136: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

122

c. Klik New

d. Klik Menu Item Type : Article Layout

Gambar 4.52 Form Article link layout

e. Isikan

Tittle : To Be (Present Tense)

Display In : Main Menu

Page 137: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

123

Parent Item : To Be

Access Level : Public

Parameter (Basic) ~ Select Article : To be (Present Tense)

Yang lain biarkan apa adanya, tetapi bila mau dirubah

setingannya silahkan saja sesuai keinginan kalian.

f. Klik Save

Keterangan :

Untuk membuat link artikel berikutnya semuanya sama yang

membedakan hanya pada isiannya saja, yaitu : Title, Parent Item,

Parameter (Basic) ~ Article dan yang lain langkah-langkahnya sama

atau biarkan apa adanya. Jika sudah mahir, apabila ingin diubah

sesuai keinginan, silahkan mengubahnya

2. To be (Past Tense)

Tittle : To be (Past Tense)

Parent Item : To Be

Parameter (Basic) ~ Select Article : To be (Past Tense)

3. Future with Will

Tittle : Future with Will

Parent Item : To Be

Parameter (Basic) ~ Select Article : Future with Will

4. a/an

Tittle : a/an

Page 138: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

124

Parent Item : Top

Parameter (Basic) ~ Select Article : a/an

5. Simple Present Tense

Tittle : Simple Present Tense

Parent Item : Present Tense

Parameter (Basic) ~ Select Article : Simple Present Tense

6. Present Continous Tense

Tittle : Present Continous Tense

Parent Item : Present Continous Tense

Parameter (Basic) ~ Select Article : Present Continous Tense

7. Present Continous Tense (Future Tense)

Tittle : Present Continous Tense (Future Tense)

Parent Item : Present Continous Tense

Parameter (Basic) ~ Select Article : Present Continous Tense

(Future Tense)

8. Present Perfect Tense

Tittle : Present Perfect Tense

Parent Item : Present Tense

Parameter (Basic) ~ Select Article : Present Perfect Tense

9. Present Perfect Continous Tense

Tittle : Present Perfect Continous Tense

Parent Item : Present Tense

Parameter (Basic) ~ Select Article : Present Perfect Continous

Tense

Page 139: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

125

10. After, If, When, Until etc

Tittle : After, If, When, Until etc

Parent Item : Present Tense

Parameter (Basic) ~ Select Article : After, If, When, Until etc

11. Simple Past Tense

Tittle : Simple Past Tense

Parent Item : Past Tense

Parameter (Basic) ~ Select Article : Simple Past Tense

12. Past Continous Tense

Tittle : Past Continous Tense

Parent Item : Past Tense

Parameter (Basic) ~ Select Article : Past Continous Tense

13. Past Perfect Tense

Tittle : Past Perfect Tense

Parent Item : Past Tense

Parameter (Basic) ~ Select Article : Past Perfect Tense

14. Past Perfect Continous Tense

Tittle : Past Perfect Continous Tense

Parent Item : Past Tense

Parameter (Basic) ~ Select Article : Past Perfect Continous Tense

15. Simple Future Tense

Tittle : Simple Future Tense

Parent Item : Future Tense

Parameter (Basic) ~ Select Article : Simple Future Tense

Page 140: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

126

16. Future Continuous Tense

Tittle : Future Continuous Tense

Parent Item : Future Tense

Parameter (Basic) ~ Select Article : Future Continuous Tense

17. Future Perfect Tense

Tittle : Future Perfect Tense

Parent Item : Future Tense

Parameter (Basic) ~ Select Article : Future Perfect Tense

18. Future Perfect Continuos Tense

Tittle : Future Perfect Continuos Tense

Parent Item : Future Tense

Parameter (Basic) ~ Select Article : Future Perfect Continuos

Tense

19. To Have (Present Tense)

Tittle : To Have (Present Tense)

Parent Item : Have/Had

Parameter (Basic) ~ Select Article : To Have (Present Tense)

20. To Had (Past Tense)

Tittle : To Had (Past Tense)

Parent Item : Have/Had

Parameter (Basic) ~ Select Article : To Had (Past Tense)

21. Have To/Must

Tittle : Have To/Must

Parent Item : Have/Had

Page 141: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

127

Parameter (Basic) ~ Select Article : Have To/Must

22. Have To (Perfect Forms)

Tittle : Have To (Perfect Forms)

Parent Item : Have/Had

Parameter (Basic) ~ Select Article : Have To (Perfect Forms)

23. Had Better

Tittle : Had Better

Parent Item : Have/Had

Parameter (Basic) ~ Select Article : Had Better

24. Must Have/May Have

Tittle : Must Have/May Have

Parent Item : Have/Had

Parameter (Basic) ~ Select Article : Must Have/May Have

25. Plural Nouns

Tittle : Plural Nouns

Parent Item : Top

Parameter (Basic) ~ Select Article : Plural Nouns

26. Possessive Adjectives

Tittle : Possessive Adjectives

Parent Item : Possessive

Parameter (Basic) ~ Select Article : Possessive Adjectives

27. Possessive Form of Nouns

Tittle : Possessive Form of Nouns

Parent Item : Possessive

Page 142: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

128

Parameter (Basic) ~ Select Article : Possessive Form of Nouns

28. Possessive Pronouns

Tittle : Possessive Pronouns

Parent Item : Possessive

Parameter (Basic) ~ Select Article : Possessive Pronouns

29. There is /There are

Tittle : There is /There are

Parent Item : There/It

Parameter (Basic) ~ Select Article : There is /There are

30. It/There

Tittle : It/There

Parent Item : There/It

Parameter (Basic) ~ Select Article : It/There

31. It/Takes

Tittle : It/Takes

Parent Item : There/It

Parameter (Basic) ~ Select Article : It/Takes

32. This/That ; These /Those

Tittle : This/That ; These /Those

Parent Item : Top

Parameter (Basic) ~ Select Article : This/That ; These /Those

33. Object Pronouns

Tittle : Object Pronouns

Parent Item : Object

Page 143: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

129

Parameter (Basic) ~ Select Article : Object Pronouns

34. Inderect Object

Tittle : Inderect Object

Parent Item : Object

Parameter (Basic) ~ Select Article : Inderect Object

35. Imperative Form

Tittle : Imperative Form

Parent Item : Top

Parameter (Basic) ~ Select Article : Imperative Form

36. Regular/Irregular Verb

Tittle : Regular/Irregular Verb

Parent Item : Top

Parameter (Basic) ~ Select Article : Regular/Irregular Verb

37. Adjectives and Adverbs

Tittle : Adjectives and Adverbs

Parent Item : Adjectives and Adverbs

Parameter (Basic) ~ Select Article : Adjectives and Adverbs

38. Adjectives (Comparative Degree)

Tittle : Adjectives (Comparative Degree)

Parent Item : Adjectives and Adverbs

Parameter (Basic) ~ Select Article : Adjectives (Comparative

Degree)

39. Adverbs (Comparative Degree)

Tittle : Adverbs (Comparative Degree)

Page 144: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

130

Parent Item : Adjectives and Adverbs

Parameter (Basic) ~ Select Article : Adverbs (Comparative

Degree)

40. Adjectives (Superlative Degree)

Tittle : Adjectives (Superlative Degree)

Parent Item : Adjectives and Adverbs

Parameter (Basic) ~ Select Article : Adjectives (Superlative

Degree)

41. Position Of Adverbs

Tittle : Position Of Adverbs

Parent Item : Adjectives and Adverbs

Parameter (Basic) ~ Select Article : Position Of Adverbs

42. Prepositions

Tittle : Prepositions

Parent Item : Prepositions

Parameter (Basic) ~ Select Article : Prepositions

43. Position Of Prepositions

Tittle : Position Of Prepositions

Parent Item : Prepositions

Parameter (Basic) ~ Select Article : Position Of Prepositions

44. Infinitives

Tittle : Infinitives

Parent Item : Gerunds and Infinitives

Parameter (Basic) ~ Select Article : Infinitives

Page 145: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

131

45. Gerunds

Tittle : Gerunds

Parent Item : Gerunds and Infinitives

Parameter (Basic) ~ Select Article : Gerunds

46. Gerunds and Infinitives

Tittle : Gerunds and Infinitives

Parent Item : Gerunds and Infinitives

Parameter (Basic) ~ Select Article : Gerunds and Infinitives

47. Contractions

Tittle : Contractions

Parent Item : Top

Parameter (Basic) ~ Select Article : Contractions

48. Articles

Tittle : Articles

Parent Item : Top

Parameter (Basic) ~ Select Article : Articles

49. Going To Future

Tittle : Going To Future

Parent Item : Going To

Parameter (Basic) ~ Select Article : Going To Future

50. Going To Past

Tittle : Going To Past

Parent Item : Going To

Parameter (Basic) ~ Select Article : Going To Past

Page 146: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

132

51. Auxiliary Verbs

Tittle : Auxiliary Verbs

Parent Item : Top

Parameter (Basic) ~ Select Article : Auxiliary Verbs

52. Short Answer

Tittle : Short Answer

Parent Item : Top

Parameter (Basic) ~ Select Article : Short Answer

53. Also/Too/Either

Tittle : Also/Too/Either

Parent Item : Also/Too/Either/Neither

Parameter (Basic) ~ Select Article : Also/Too/Either

54. Either/Neither

Tittle : Either/Neither

Parent Item : Also/Too/Either/Neither

Parameter (Basic) ~ Select Article : Either/Neither

55. Too/So

Tittle : Too/So

Parent Item : Also/Too/Either/Neither

Parameter (Basic) ~ Select Article : Too/So

56. Some/Any

Tittle : Some/Any

Parent Item : Some/Any

Parameter (Basic) ~ Select Article : Some/Any

Page 147: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

133

57. Someone/Anyone

Tittle : Someone/Anyone

Parent Item : Some/Any

Parameter (Basic) ~ Select Article : Someone/Anyone

58. Reflexives Pronouns

Tittle : Reflexives Pronouns

Parent Item : Top

Parameter (Basic) ~ Select Article : Reflexives Pronouns

59. Sequence Of Tense

Tittle : Sequence Of Tense

Parent Item : Top

Parameter (Basic) ~ Select Article : Sequence Of Tense

60. Passive Voice

Tittle : Passive Voice

Parent Item : Top

Parameter (Basic) ~ Select Article : Passive Voice

61. Tag Ending

Tittle : Tag Ending

Parent Item : Top

Parameter (Basic) ~ Select Article : Tag Ending

62. Direct and Inderect Speech

Tittle : Direct and Inderect Speech

Parent Item : Top

Parameter (Basic) ~ Select Article : Direct and Inderect Speech

Page 148: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

134

63. Causative Form

Tittle : Causative Form

Parent Item : Top

Parameter (Basic) ~ Select Article : Causative Form

64. Punctuations (Comma)

Tittle : Punctuations (Comma)

Parent Item : Top

Parameter (Basic) ~ Select Article : Punctuations (Comma)

65. Emphatic Sentences

Tittle : Emphatic Sentences

Parent Item : Sentences

Parameter (Basic) ~ Select Article : Emphatic Sentences

66. Exclamantory Sentences

Tittle : Exclamantory Sentences

Parent Item : Sentences

Parameter (Basic) ~ Select Article : Exclamantory Sentences

67. Future-Possible

Tittle : Future-Possible

Parent Item : Conditional Sentences

Parameter (Basic) ~ Select Article : Future-Possible

68. Present-Unreal

Tittle : Present-Unreal

Parent Item : Conditional Sentences

Parameter (Basic) ~ Select Article : Present-Unreal

Page 149: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

135

69. Past-Unreal

Tittle : Past-Unreal

Parent Item : Conditional Sentences

Parameter (Basic) ~ Select Article : Past-Unreal

70. Subject Question

Tittle : Subject Question

Parent Item : Lain-lain

Parameter (Basic) ~ Select Article : Subject Question

71. Wish

Tittle : Wish

Parent Item : Lain-lain

Parameter (Basic) ~ Select Article : Wish

72. Should/Ought To

Tittle : Should/Ought To

Parent Item : Lain-lain

Parameter (Basic) ~ Select Article : Should/Ought To

73. Still/Anymore

Tittle : Still/Anymore

Parent Item : Lain-lain

Parameter (Basic) ~ Select Article : Still/Anymore

74. Would Rather

Tittle : Would Rather

Parent Item : Lain-lain

Parameter (Basic) ~ Select Article : Would Rather

Page 150: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

136

75. Used To

Tittle : Used To

Parent Item : Lain-lain

Parameter (Basic) ~ Select Article : Used To

76. Supposed To

Tittle : Supposed To

Parent Item : Lain-lain

Parameter (Basic) ~ Select Article : Supposed To

77. As … As

Tittle : As … As

Parent Item : Lain-lain

Parameter (Basic) ~ Select Article : As … As

78. May

Tittle : May

Parent Item : Lain-lain

Parameter (Basic) ~ Select Article : May

79. Say/Tell

Tittle : Say/Tell

Parent Item : Lain-lain

Parameter (Basic) ~ Select Article : Say/Tell

80. Yet/Already

Tittle : Yet/Already

Parent Item : Lain-lain

Parameter (Basic) ~ Select Article : Yet/Already

Page 151: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

137

81. For/Since

Tittle : For/Since

Parent Item : Lain-lain

Parameter (Basic) ~ Select Article : For/Since

82. Much/Many

Tittle : Much/Many

Parent Item : Lain-lain

Parameter (Basic) ~ Select Article : Much/Many

83. Word Order

Tittle : Word Order

Parent Item : Lain-lain

Parameter (Basic) ~ Select Article : Word Order

84. Who/Whom/Which

Tittle : Who/Whom/Which

Parent Item : Lain-lain

Parameter (Basic) ~ Select Article : Who/Whom/Which

85. Good/Well

Tittle : Good/Well

Parent Item : Lain-lain

Parameter (Basic) ~ Select Article : Good/Well

86. Negative Questions

Tittle : Negative Questions

Parent Item : Lain-lain

Parameter (Basic) ~ Select Article : Negative Questions

Page 152: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

138

87. Special Difficulties

Tittle : Special Difficulties

Parent Item : Top

Parameter (Basic) ~ Select Article : Special Difficulties

88. Reading

Tittle : Reading

Parent Item : Top

Parameter (Basic) ~ Select Article : Reading

89. Listening

Tittle : Listening

Parent Item : Top

Parameter (Basic) ~ Select Article : Listening

90. Download

Tittle : Download

Parent Item : Top

Parameter (Basic) ~ Select Article : Download

d. Kontak

Kontak berfungsi sebagai penghubung antara admin dan pengunjung

website atau pembaca. Kontak terdiri dari dua jenis antara lain sebagai

berikut :

Page 153: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

139

1. Category Contact

Berfungsi sebagai pengelompok kontak yang sejenis dalam satu

kelompok. Di website ini hanya terdapat satu category contact

yaitu, Kontak.

Langkah-langkah membuatnya adalah sebagai berikut :

a. Klik Menus ~ Components ~ Contact ~ Category

Gambar 4.53 Component Contacts Category

b. Klik New

Page 154: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

140

Gambar 4.54 Form Category Contact

c. Isikan

Title : Kontak

Publised : Yes

Access Level : Public

Selain itu, biarkan apa adanya tetapi bila ingin

menambahkan sesuatu silahkan saja.

Page 155: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

141

d. Klik Save

2. Contact Contact

Berfungsi untuk menuliskan informasi alamat admin yang bisa

dihubungi. Contact contact di website ini hanya terdiri dua fitur,

yaitu :

a. Kritik dan Saran

Langkah-langkah membuatnya adalah sebagai berikut :

1. Klik Menus ~ Component ~ Contact ~ Contact

Gambar 4.55 Menu Component Contact Contact

2. Klik New

Page 156: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

142

Gambar 4.56 Form Component Contact Contact

3. Isikan

Name : Kritik dan Saran

Page 157: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

143

Published : Yes

Category : Kontak

Access Level : Public

Contact Positions : [email protected]

Email : nanang.chosin : [email protected]

Identitas yang lain berikan tanda (-)

Untuk Paremeter Terserah kalian

4. Klik save

b. Kirim Artikel

Langkah-langkahnya sama dengan diatas yang berbeda

Cuma isiannya, selain itu semuanya semua.

Name : Kirim Artikel

Category : Kontak

Contact Positions : [email protected]

Email : nanang.chosin : [email protected]

3. Menu Link Contact

Menu link contact berfungsi untuk mengarahkan ke artikel

contact yang dituju. Di dalam website ini terdapat dua macam

menu link contact, yaitu :

a. Menu Link Contact category

Page 158: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

144

Berfungsi untuk mengelompokkan link yang berhubungan

dalam satu kelompok. Di dalam website ini terdapat satu

menu link category contact, yaitu Kontak Kami.

Langkah-langkah membuatnya adalah sebagai berikut :

1. Klik Menus ~ Menu Manager

2. Klik Menu Item dari Main Menu

3. Klik New

4. Klik Meni Item Type : Article Layout

5. Isikan

Tittle : Kontak Kami

Display In : Main Menu

Parent Item : Top

Access Level : Public

Parameter (Basic) ~ Select Category : Kontak

Yang lain biarkan apa adanya, tetapi bila mau dirubah

setingannya silahkan saja sesuai keinginan kalian.

6. Klik Save

4. Menu Link Contact Contact

Berfungsi sebagai mengarahkan ke artikel contact yang dituju. Di

dalam website ini terdapat dua Menu Link Contact Contact yaitu

sbgai berikut :

a. Menu Link Kirim Artikel

Langkah-langkah membuatnya adalah sebagai berikut :

Page 159: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

145

1. Klik Menus ~ Menu Manager

2. Klik Menu Item dari Main Menu

3. Klik New

4. Klik Meni Item Type : Standart Contact Layout

5. Isikan

Tittle : Kirim Artikel

Display In : Main Menu

Parent Item : Kontak Kami

Access Level : Public

Parameter (Basic) ~ Select Contact :

Kirim Artikel [email protected]

Yang lain biarkan apa adanya, tetapi bila mau dirubah

setingannya silahkan saja sesuai keinginan kalian.

6. Klik Save

b. Menu Link Kritik dan Saran

Langkah-langkah sama dengan diatas yang membedakan

pada isiannya, selain itu semuanya sama.

Tittle : Kritik dan Saran

Parameter (Basic) ~ Select Contact :

Kritik dan Saran [email protected]

Page 160: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

146

5. Display Menu

Display menu atau tampilan menu di website ini berfungsi memperindah

website sekaligus mempermudah pengunjung dalam mencari artikel yang

diperlukan melalui menu link. Untuk cara membuat display menu tarik,

kami menggunakan komponen joomla tambahan atau pendukung yaitu

swMenuFree. Cara mendapatkan swMenuFree sangat mudah dengan

searching lewat google. Apabila menu display swMenuFree sudah terinstal

menu website akan tampak seperti gambar dibawah ini

Gambar 4.57 Tampilan Display Menu Website

Page 161: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

147

a. Cara install swMenu Free

Untuk cara install swMenuFree sama dengan cara mengistal template

baru pada joomla. Silahkan lihat pada sub bab “Cara Mengistal

Template”. Apabila komponen sudah terinstal secara otomatis akan

menambah satu component lagi pada Menus ~ Component.

Gambar 4.58 Component swMenuFree

b. Setting swMenuFree

Langkah-Langkah setting swMenuFree

1. Klik Menus ~ Component ~ swMenuFree

Page 162: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

148

Gambar 4.59 Tampilan Depan swMenuFree

Page 163: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

149

2. Pada Menu Module Setting, Isikan :

Module Name : Menu Kami (Terserah)

Menu System :TransMenu

Menu Source : Main Menu

Parents : Top

Load Style site : Write Style site directly into page

Untuk yang lain bisa lihat gambar diatas.

3. Klik save

c. Fitur swMenuFree

1. Size, Position & Offsets

Digunakan untuk menentukan ukuran, posisi dan orentasi menu.

Page 164: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

150

Gambar 4.60 Tampilan Menu Ukuran, Possisi & Offsets

Page 165: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

151

2. Colors dan Background

Digunakan untuk menentukan warna tulisan dan background dari

menu. Cara penggunaanya gampang tinggal memilih warna dan

copy code warna lalu paste pada kolom warna yang ingin diubah.

Gambar 4.61 Menu Warna dan Background

Page 166: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

152

3. Fonts and Padding

Digunakan untuk menentukan huruf atau garis yang digunakan

dan juga mengatur ketebalan huruf dan garis.

Gambar 4.62 Ukuran Huruf and Jenis Huruf

Page 167: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

153

4. Border dan Effect

Digunakan untuk menentukan border garis dan memberikan

effect tertentu pada display menu.

Gambar 4.63 Border dan Effect

Catatan :

Bila sudah menggunakan fitur untuk mengubah warna, border,

huruf, font dan lain-lain. Jangan lupa disimpan terlebih dahulu.

Page 168: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

154

4.3.2 Banner Thanks To

Bannner thanks to dimanfaatkan bagi admin untuk mengucapakan terima

kasih kepada pihak-pihak yang telah membantu pembuatan website ini secara

langsung atau tidak langsung. Cara membuat banner thanks to, antara lain sebagai

berikut.

1. Membuat Category Banner (Top)

Lamgkah-langkah membuatnya adalah sebagai berikut :

a. Klik link Menus ~ Componnent ~ Banner ~ Category

b. Klik New

c. Isikan

Title : Top

Publised : Yes

Acces Level : Public

Yang lain biarkan seperti apa adanya.

d. Klik Save

2. Membuat Banner Mozilla

Langkah-langkah membuatnya adalah sebagai berikut :

a. Klik link Menus ~ Component ~ Banner ~ Banner

b. Klik New

c. Isikan

Title : Mozilla

Sticky : No

Page 169: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

155

Category : Top

Client Name : Nanang Chosin

Inpresent Purchased : centang (Unlimited)

d. Custom Banner Code : Bahasa Pemograman

e. Klik Save

4.3.3 Banner Forum Kami

Banner Forum kami digunakan admin untuk menghubungkan pengunjung

ke sebuah situs jejaring yang bermanfaat sebagai forum diskusi kami. Langkah-

langkah membuatnya adalah sebgai beikut :

1. Membuat Category Banner (Facebook)

Lamgkah-langkah membuatnya adalah sebagai berikut :

a. Klik link Menus ~ Componnent ~ Banner ~ Category

b. Klik New

c. Isikan

Title : Facebook

Publised : Yes

Acces Level : Public

Yang lain biarkan seperti apa adanya.

d. Klik Save

2. Membuat Banner Facebook

Langkah-langkah membuatnya adalah sebagai berikut :

a. Klik link Menus ~ Component ~ Banner ~ Banner

Page 170: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

156

b. Klik New

c. Isikan

Title : Facebook 1

Sticky : No

Category : Facebook

Client Name : Nanang Chosin

Inpresent Purchased : centang (Unlimited)

Custom Banner Code : Bahasa Pemograman

d. Klik Save

4.4 Feet (Kaki website)

Feet website banner disini berisi ucapan terima kasih kepada seseorang yang

telah membantu admin dalam mengerjakan website ini secara langsung atau tidak

langsung. Khususnya ucapan tersebut diperuntukkan untuk keluarga, teman-teman

kuliah, dosen pengajar dan laiun-lain.

Langkah-langkah membuatnya adalah sebagai berikut :

1. Membuat Category Banner (Thanks)

Lamgkah-langkah membuatnya adalah sebagai berikut :

a. Klik link Menus ~ Componnent ~ Banner ~ Category

b. Klik New

c. Isikan

Title : Thanks

Publised : Yes

Page 171: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

157

Acces Level : Public

Yang lain biarkan seperti apa adanya.

d. Klik Save

2. Membuat Banner Thanks

a. Membuat banner thanks 1

Langkah-langkah membuatnya adalah sebagai berikut :

1. Klik link Menus ~ Component ~ Banner ~ Banner

2. Klik New

3. Isikan

Title : Thanks 1

Sticky : No

Category : Thanks

Client Name : Nanang Chosin

Inpresent Purchased : centang (Unlimited)

Custom Banner Code : Bahasa Pemograman

4. Klik Save

b. Membuat banner thanks 2

Langkah-langkah sama dengan diatas yang beda pada isianya saja,

isikan isian dibawah ini :

Title : Thanks 2

Sticky : No

Category : Thanks

Page 172: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

158

Client Name : Nanang Chosin

Inpresent Purchased : centang (Unlimited)

Custom Banner Code : Bahasa Pemograman

c. Membuat banner thanks 3

Title : Thanks 3

Sticky : No

Category : Thanks

Client Name : Nanang Chosin

Inpresent Purchased : centang (Unlimited)

Custom Banner Code : (Lampiran 99 : banner thanks 3 hal 258)

d. Membuat banner thanks 4

Langkah-langkah membuatnya adalah sebagai berikut :

Title : Thanks 4

Sticky : No

Category : Thanks

Client Name : Nanang Chosin

Inpresent Purchased : centang (Unlimited)

Custom Banner Code : Bahasa Pemograman

Page 173: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

159

Gambar 4.64 Feet (Kaki)

Page 174: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

160

BAB V

PENUTUP

Berdasarkan hasil penelitian dan pengamatan yang penulis lakukan pada

system pembelajaran bahasa inggris yang sekarang khususnya pada system KBK

(Kurikulum Berbasis Kompetensi) yang mengharuskan para pelajar aktif dalam

mengikuti proses belajar mengajar, maka penulis dapat menarik kesimpulan dan

beberapa alternatif saran yang diperlukan.

5.1 Kesimpulan

Dari hasil data dan informasi yang diterima oleh penulis dalam

mengadakan penelitian pada system pembelajaran bahasa inggris yang sekarang

khususnya pada system KBK (Kurikulum Berbasis Kompetensi) maka akan

ditarik kesimpulan sebagai berikut :

1. Dengan adanya standard (ukuran) persyaratan system KBK yang harus

diterapkan oleh setiap sekolah, mungkin akan menyebabkan perbedaan hasil

antara sekolah satu dengan sekolah yang lain karena dipengaruhi oleh

tenaga pengajar, fasilitas dan kemapuan anak didik itu sendiri pada setiap

sekolah.

2. Antara anak didik (pelajar) yang satu dengan yang lain akan mendapatkan

kebutuhan kurikulum yang sama walaupun kemampuan dan keaktifan setiap

pelajar itu berbeda-beda. Ini menyebabkan pelajar yang kurang mampu dan

Page 175: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

161

kurang aktif dalam proses belajar mengajar akan mendapatkan materi sama

yang belum tentu mereka pahami.

3. Semakin banyaknya situs website pendidikan khususnya dalam pelajaran

bahasa inggris, akan menyebabkan pelajar tidak fokus dalam mencari

informasi materi bahasa inggris. Sebab antara situs yang satu dengan yang

lain kemungkinan berbeda bahkan informasinya kurang lengkap dan

akhirnya pelajar mencari pelengkapnya ke situs lain yang tak ada

hubungannya dengan informasi tersebut. Hal inilah yang menyebabkan

kebingungan pelajar (pemula) dalam mempelajari bahasa inggris, informasi

yang kurang lengkap dan ketiadaan pembimbing menyebabkan pelajar

malas dan sulit mempelajari bahasa inggris.

5.2 Saran

Dengan memperhatikan banyak informasi tentang situs-situs pendidikan

yang bertebaran di dunia internet maka penulis mencoba memberikan saran-saran

yang mungkin diperlukan dan dapat dijadikan sebagai bahan pertimbangan oleh

pihak-pihak yang bersangkutan. Adapun saran-saran itu adalah sebagai berikut :

1. Karena keterbatasan waktu penulis dalam membuat system e-learning ini.

Desain system masih sangat sederhana mungkin dengan seiring berjalannya

system, desain system bisa diperbagus lagi supaya para pengunjung tidak

bosan dengan tampilannya.

2. File pertanyaan-pertanyaan harus diupdate atau diperbaharui terus menerus.

File pertanyaan-pertanyaan ini bisa diambil dari buku bahasa inggris terkini,

Page 176: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

162

dari para pengajar yang ingin menyumbangkan soal-soal latihan dan dari

berbagai sumber yang lain.

3. Bila kurikulum bahasa inggris ada perubahan atau ada tambahan, file

kurikulum harus selalu diperbaharui disesuaikan dengan kurikulum yang

berlaku sekarang.

4. Lagu-lagu bahasa inggris yang diperuntukkan untuk listening juga harus

diperbaharui atau ditambahkan dengan lagu-lagu yang terkini supaya para

pengunjung tidak bosan dan banyak pilihan lagu yang bisa diunduh.

5. Forum diskusi harus mengikuti perkembangan situs jejaring social terkini.

Karena sekarang ini yang terkenal facebook dan twitter jadi penulis

menggunakan dua situs jejaring tersebut. Tetapi tidak menutup

kemungkinan facebook dan twitter akan ditinggalkan oleh para pengguna

karena muncul situs jejaring social baru yang lebih menarik.

Demikian kesimpulan dan saran yang dapat penulis sampaikan semoga

dapat berguna bagi perkembangan system pembelajaran bahasa inggris sehingga

memudahkan pelajar dalam mencari informasi dan mempelajari bahasa inggris.

Page 177: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

163

DAFTAR PUSTAKA

Chan Syahrial. “Graded Exercises In English”. Bojonegoro : LPIKOM

Bojonegoro, 2001.

Triswanto Sugeng. “Practice and Progress”. Bojonegoro : LPIKOM Bojonegoro,

2000.

Edi S.Mulyanta, 212 Tip Menguasai Adobe Photoshop CS, Andi Offset : Cet II,

Yogyakarta, 2004.

Rachmad Hakim, S., Nanang Indra P., Professional Website dengan Joomla 1.5.,

Elex Media Komputindo : Cet I, Jakarta, 2009

Sampurna, “Belajar Sendiri Membbuat Home Page dengan HTML”. Elex Media

Komputindo : Cet I, Jakarta, 1996

Website :

Rusmanto Adi, Macam-Macam Bahasa Pemograman,

[http://www.ruzman.co.tv/2009/06/macam-macam-bahasa-

pemrograman.html], diakses tanggal 12 mei 2011.

Arifust, Pengenalan Website,

[http://arifust.web.id/2010/04/15/pengenalan-website/], diakses tanggal 12

Mei 2011.

Page 178: PEMANFAATAN WEB SEBAGAI M EDIA PEMBELAJARAN BAHASA INGGRIS

164

Ozasi Owin, Riwayat Joomla,

[http://olwin.wordpress.com/2011/05/07/riwayat-joomla], Diakses tanggal

12 mei 2011.

Yudhi, Sejarah Internet,

[http://yudhim.blogspot.com/2008/02/sejarah-internet.html] Diakses

tanggal 12 mei 2011.

- , Joomla, [http://id.wikipedia.org/wiki/Joomla!], Diakses tanggal 12 mei 2011

- , Sejarah Bahasa Inggris, [http://id.wikipedia.org/wiki/Sejarah_bahasa_Inggris],

Diakses tanggal 12 mei 2011.

- , Kurikulum Berbasis Kompetensi,

[http://www.ditpertais.net/swara/warta17-03.asp], Diakses tanggal 12 mei

2011