BAB III ANALISA DAN PEMBAHASAN MASALAH

Transkripsi

1 17 BAB III ANALISA DAN PEMBAHASAN MASALAH 3.1 Analisa Analisa yang penulis lakukan adalah memberikan ilustrasi berupa gambaran umum, keadaan saat ini dan kendala yang dihadapi sebagai berikut : Gambaran Umum Sepintas pengertian mengajar hampir sama dengan pembelajaran namun pada dasarnya berbeda. Dalam pembelajaran kondisi atau situasi yang memungkinkan terjadinya proses belajar harus dirancang dan dipertimbangkan terlebih dahulu oleh perancang atau pengajar. Sementara itu dalam keseharian di sekolah-sekolah istilah pembelajaran atau proses pembelajaran sering dipahami sama dengan proses belajar mengajar dimana di dalamnya ada interaksi guru dan siswa dan antara sesama siswa untuk mencapai suatu tujuan yaitu terjadinya perubahan sikap dan tingkah laku siswa. Pembelajaran mengubah masukan yang berupa siswa yang belum terdidik menjadi siswa yang terdidik. Dalam pembelajaran hasil belajar dapat dilihat langsung, oleh karena itu agar kemampuan siswa dapat dikontrol dan berkembang semaksimal mungkin dalam proses belajar, maka program pembelajaran tersebut harus dirancang terlebih dahulu oleh para guru dengan memperhatikan berbagai prinsip-prinsip pembelajaran yang telah diuji keunggulannya. Melihat konsep pembelajaran tradisional yang mengharuskan para siswa dan guru bertemu pada suatu waktu dan tempat tertentu akan bergeser ke konsep yang tidak banyak menyita waktu dan tempat yaitu konsep pembelajaran jarak jauh. Di dalam pembelajaran jarak jauh fokus utamanya adalah pelajar. Pelajar bersikap mandiri pada waktu tertentu dan bertanggung-jawab untuk pembelajarannya. Suasana pembelajaran jarak jauh akan memaksa pelajar memainkan peranan yang lebih aktif dalam pembelajarannya.

2 Keadaan Saat ini Membiasakan diri terhadap bahasa Inggris sejak usia SD merupakan salah satu cara terbaik agar anak-anak dapat fasih berbahasa Inggris di kemudian hari. Usia SD merupakan waktu yang tepat untuk memperkenalkan bahasa Inggris pada anak karena anak usia SD memiliki rasa ingin tahu yang besar sehingga mampu menyerap pelajaran lebih cepat. Mengajarkan bahasa Inggris kepada anak-anak menuntut pemahaman perkembangan dan psikologi anak serta kemampuan untuk memotivasi dan memberi dukungan. Demikian juga, pengujian kemampuan anak menuntut pemahaman akan perkembangan kecakapan dalam berbahasa Inggris dan sosial mereka. Adapun kurikulum Bahasa Inggris yang terdapat di SD kelas 4 sampai dengan 6 adalah sebagai berikut : a. Kelas 4 1. Alpabet 2. Angka 3. Bagaian tubuh b. Kelas 5 1. Hobi 2. Makanan 3. Minuman c. Kelas 6 1. Penunjukan arah 2. Lokasi Kendala Yang Dihadapi Kendala yang dihadapi pada tempat-tempat kursus saat ini adalah: a. Bagi pemilik kursus harus menyediakan tempat atau infrastruktur yang memadai.

3 19 b. Bagi peserta kursus harus menempuh jarak yang relatih jauh atau meluangkan banyak waktu untuk pergi ke tempat kursus. 3.2 Pembahasan Masalah Pembelajaran jarak jauh merupakan cara yang tepat untuk mengatasi kendala yang dihadapi oleh sistem pembelajaran tradisional, pembelajaran jarak jauh tercipta untuk mengatasi keterbatasan antara pendidik dan peserta didik, terutama dalam hal waktu dan ruang. Dengan pembelajaran jarak jauh maka pendidik dan peserta didik tidak harus berada dalam satu dimensi ruang dan waktu. Proses pendidikan dapat berjalan kapan saja dengan mengabaikan kedua hal tersebut Usulan Pada kesempatan penulisan kali ini penulis mengusulkan sistem pembelajaran jarak jauh berbasis web pada kursus Bahasa Inggris dengan materi ditujukan untuk kelas 4 sampai dengan kelas 6 SD berupa pendalaman materi yang dibrikan di sekolah dengan penambahan beberapa materi yaitu : a. Pada kelas 4 ditambahkan materi percakapan salam pembuka. b. Pada kelas 5 ditambahkan materi pengenalan alat transportasi dan c. Pada kelas 6 ditambahkan materi grammar dan percakapannya Perancangan Pembuatan Website Penulis menggunakan struktur navigasi untuk membuat perancangan pembelajaran jarak jauh berbasis web.

4 20 Home Halaman Introducing Kategori SD kls 4 Menu Utama SD kls 5 SD kls 6 Kurikulum Materi Latihan Ujian Nilai Daftar Form Daftar Edit Pengajar Profile Tentang Kami Login Upload Materi Upload Nilai Gambar 3.1. Navigasi Menu Utama

5 21 Form Login Halaman User Download Materi Ujian Lihat Nilai Gambar 3.2. Navigasi Menu Form Login Link Halaman yang dituju Menu Utama Home Form Login Gambar 3.3. Navigasi Menu Link

6 Tahapan Pembuatan Program Pada tahap pembuatan program kali ini penulis terlebih dahulu mengelompokan file-file yang digunakan untuk pembuatan design atau pengkodean hal ini bertujuan agar penulisan syntax program ataupun design tampilan yanng sama tidak ditulis berulang-ulang selain itu juga bertujuan agar penyusunan file terlihat rapi. Adapun file-file terebut tersimpan dalam folder yang berbeda berdasarkan tipe dan fungsi yang sama: 1. File gambar berada di folder images 2. File php berada di folder scrip 3. File content berada di folder content 4. file database berada di folder database Tabel 3.1. File yang terdapat di folder images NO NAMA FILE TYPE header menu menu1 footer art_bg bottom2 bottom_source jpg jpg jpg jpg jpg jpg jpg

7 23 Tabel 3.2. File yang terdapat di folder script NO NAMA FILE TYPE Index Kategori Kurikulum Daftar Tentang kami Pengajar Php Php Php Php Php Php Tabel 3.3. File yang terdapat di folder content NO NAMA FILE TYPE Contenhome Contenkategori Contenkurikulum Contendaftar Contententang kami Contenpengajar Htm Htm Htm Htm Htm Htm Tabel File yang terdapat di folder database NO NAMA FILE TYPE 1. Daftar Database

8 Tampilan Website Dalam pembuatan website, Penulis memberikan gambaran dan penjelasan dari beberapa halaman web. 1. Index.php Berikut adalah halaman home atau halaman muka website dari Kursus Bahasa Inggris Online yang dibuka oleh pengunjung situs pada saat mereka membuka situs tersebut. Gambar 3.4. Tampilan website pada menu Home

9 25 2. Daftar.php Berikut adalah halaman daftar untuk user yang ingin mendaftarkan diri untuk mengikuti kursus Bahasa Inggris Online. Gambar 3.5. Tampilan website pada menu Daftar

10 26 3. Halaman user.php Berikut adalah halaman user ketika user sudah mempunyai user name dan password melalui fasilitas daftar dan sudah login. Gambar 3.6. Tampilan website pada Halaman User Design database Database sangat penting perananya dalam pembuatan website ini, karena digunakan untuk menyimpan data user, pengajar, dan materi pembelajaran selain itu juga untuk memudahkan pengelolaan website.

11 27 Database ini memiliki tabel yang berisi field-field untuk menyimpan data. Tabel-tabel tersebut adalah: a. Tabel anggota Table ini berfungsi untuk menyimpan semua data anggota. Tabel 3.5. Struktur tabel anggota Field Tipe data Ukuran Keterangan Id Nama Uname Pswd Ttl Salsek Kategori Interger Penomoran data Nama anggota User name Password Tanggal lahir Asal sekolah Kategori materi b. Tabel pengajar Tabel 3.6. Struktur tabel pengajar Field Tipe data Ukuran Keterangan Id Nama Uname Pswd Interger Penomoran data Nama anggota User name Password Ajar 20 Kelas yang diajarkan

12 28 c. Tabel materi Tabel 3.7. Struktur tabel materi Field Tipe data Ukuran Keterangan Id Mapel Kelas Pengajar Interger Penomoran data Mata pelajaran Untuk kelas Pengajar Kode Program File dengan nama index wajib ada pada setiap pembuatan website, karena file pertama yang dicari pada awal pembuatan website adalah file tersebut. Dibawah ini akan penulis jabarkan sintak-sintak pada pembuatan website ini. 1. kode program index <html > <head> <link rel="stylesheet" type="text/css" href="css_index2.css" /> <title>index2</title> </head> <body bgcolor="#cf4c36" class="body"> <form action='index.php' method='get' style="margin-bottom: 0;"> <center> <table width="760" border="0" cellspacing="0" cellpadding="0" class="main_table"> <tr><td>colspan="3"bgcolor="#999966"height="6"> Com<width="758" height="6" alt="" /></td> </tr><tr><td colspan="2" bgcolor="#999966" width="50%" height="123"class="header"><width="758" height="6" alt="" /> </td> </tr> <tr valign="top"> <td width="50" bgcolor="#ffe3a4" class="table_menu"> <!--start disini tempat menu utama-->

13 29 <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr><td height="34" style="padding:4px 36px;" class="menu_header"> <p class=font_menuheader>menu UTAMA</p> </td></tr> <tr><td><div id=content_menu> <ahref="#"><p>home</p></a> <ahref="kategori.php"><p>kategori</p></a> <ahref="kurikulum.php"><p>kurikulum</p></a> <ahref="daftar.php"><p>daftar</p></a> <ahref="tentangkami.php"><p>tentangkami</p></a> <ahref="pengajar.php"><p>pengajar</p></a> </div></td></tr> <!--end menu utama--> </form> <!--start tempat login form--> <tr> <td> <? require ("loginform.inc.php")?> <!--end loginform--> <tr><td> <tr><td height="34" style="padding:4px 55px;" class="menu_header"><p class=font_menuheader> LINK </p> </td> </tr><t><td><table height="0"> <tr> <td style="padding:4px 15px;"><a href=#> <tr> <td style="padding:4px 15px;"> <tr valign="top"> <td style="padding:4px 15px;" height="120"> </table> </td></tr> </table></tr></tr></table> <td width="578" bgcolor="#ffffff" class="grs_bawah"> <!--disini tempat content-->

14 30 <? require ("contenthome.htm")?></td> </tr> <tr valign="middle" bgcolor="#feb05e"> <td width="178" height="34" class="bot_td1"><img src="images/footer.jpg"> <alt="" width="178" height="34" border="0" /></td> <td width="578" align="right" class="bot_td2"> Copy Right <div align="left"></div></td> </tr></td> </tr></table> <table width="760" border="0" cellspacing="0" cellpadding="0"> <tr valign="middle"> <td height="30" align="right">free Design by [ Anch ] <a href=" target="_blank" title="template Support Site"><font color="#333300">gorsk.net Studio</font></a></td> </tr> </table> </center> </form> </body> </html> 2. kode program daftar <html> <head></head> <body> <table bgcolor="#dfedc5"width="100%" border="1" cellspacing="1" cellpadding="1" layout="fixed"> <tr valign="top"> <td colspan="2" height="23"style="padding:4px 30px;" bgcolor="#ffffff" class="mod_top">daftar</td> </tr> <tr valign="top"><td colspan="2" align="left" widht="150"height="750" style="padding:4px 1px;" >

15 31 <table widht="400" border="0" align="center" cellspacing="15" cellpadding="4" layout="fixed"> <tr bgcolor="#dfedc5"><td widht="126"> <font face="book antiqua" size="2"> Nama Lengkap</font></td> <td widht="268"> <input type="text" name="nama" size="30" maxlenght="30"></tr> <tr bgcolor="#dfedc5"><td widht="126"> <font face="book antiqua" size="2"> User Name</font></td> <td widht="268"> <input type="text" name="uname" size="30" maxlenght="30"> <td widht="126"> <font face="book antiqua" size="1"> (User Name yang diinginkan untuk Login)</font></td></tr> <tr bgcolor="#dfedc5"><td widht="126"> <font face="book antiqua" size="2"> Password</font></td> <td widht="268"> <input type="text" name="pswd" size="30" maxlenght="30"><td widht="126"> <font face="book antiqua" size="1"> (Password yang diinginkan untuk Login)</font></td></tr> <tr bgcolor="#dfedc5"><td widht="126"> <font face="book antiqua" size="2"> TTL</font></td> <td widht="268"> <input type="text" name="ttl" size="30" maxlenght="30"></td><td widht="126"> <font face="book antiqua" size="1"> (contoh : jakarta, )</font></td></tr> <tr bgcolor="#dfedc5"><td widht="126"> <font face="book antiqua" size="2">asal Sekolah</font></td> <td widht="268"> <input type="text" name="salsek" size="30" maxlenght="30"></tr> <tr bgcolor="#dfedc5"> <td widht="126"> <font face="book antiqua" size="2">kategori</font></td> <td widht="268">

16 32 <INPUT TYPE="RADIO" NAME="kategori" VALUE="sd4">Kategori kelas 4 SD<br> <INPUT TYPE="RADIO" NAME="kategori" VALUE="sd5">Kategori kelas 5 SD<br> <INPUT TYPE="RADIO" NAME="kategori" VALUE="sd6">Kategori kelas 6 SD<br></tr> <tr bgcolor="#dfedc5"><td clospan="2"> <div align="center"> <input type="submit" name="submit" value="simpan"> <input type="reset" name="reset" value="hapus Form"> </div></td></tr></table> </td> </tr> </table></body></html> File Proses_daftar.php <HTML> <HEAD> <TITLE> Processing your Account </TITLE> </HEAD> <BODY> <? $uname = $_POST['uname']; $pswd = md5($_post['pswd']); $host = "localhost"; $user = ""; $pwd = ""; $db = "daftar"; $stop = 0; $sql = "select uname from anggota"; $conn or die("koneksi gagal : ". mysql_error());

17 33 mysql_select_db($db); $qry = mysql_query($sql) or die("query salah : ". mysql_error()); while ($row = mysql_fetch_array($qry)) { if ($uname == $row['uname']) { echo "Username $uname was already chosen by someone else <BR>"; echo "Go back and choose another username"; $stop = 1; break; } } if ($stop==0) { $sql = "insert into anggota values ('$id','$nama','$uname','$pswd','$ttl','$salsek','$kategori')"; $qry = mysql_query($sql) or die("query gagal : ". mysql_error()); echo "Your account is successfully created <BR>"; echo "<A HREF='login.php'> Click here </A> to login"; }?> </BODY> </HTML> 3. kode program login dan logout Pada pengkodean di fasilitas login ini, penulis membuat lima buah file untuk membuat fasilitas login dengan pertimbangan keamanan website Dibawah ini penulis mencoba menjabarkan sedikit tentang file-file tersebut.

18 34 File login.php <HTML> <HEAD> <TITLE> Login </TITLE> </HEAD> <BODY> Registered user log in: <BR> <PRE> <FORM NAME="frmLogIn" METHOD="post" ACTION="cekpswd.php"> Username : <INPUT TYPE="text" NAME="uname"> Password : <INPUT TYPE="password" NAME="pswd"> <INPUT TYPE="submit" VALUE="Submit"> </FORM> </BODY> </HTML> File ini hanyalah form login biasa. Parameter ACTION dari tag <FORM> diisi dengan cekpswd.php, karena isian dari form ini akan diperiksa oleh file cekpswd.php. File cekpswd.php <? session_start(); $uname = $_POST['uname']; $pswd = md5($_post['pswd']); $host = "localhost"; $user = "root"; $pwd = ""; $db = "daftar";

19 35 $sql = "select * from anggota where uname='$uname'"; $conn or die("koneksi gagal : ". mysql_error()); mysql_select_db($db); $qry = mysql_query($sql) or die("query salah : ". mysql_error()); $num = mysql_num_rows($qry); $row = mysql_fetch_array($qry); if ($num==0 OR $pswd!=$row['pswd']) { header("location: sorry.php"); } else { $_SESSION['login']=1; header("location: main.php"); }?> File ini digunakan untuk memeriksa username dan password yang dimasukkan pada file login.php. Pada file ini mulai diinisiasi sebuah session. Langkah selanjutnya adalah mencocokkan username dan password dengan record yang terdapat pada database. Jika username dan password itu tidak cocok bisa usernamenya tidak terdaftar atau passwordnya yang salah maka skrip tersebut akan mengarahkan langkahnya menuju ke file sorry.php, tapi jika benar maka arahnya akan menuju ke file main.php dan sebuah variabel session diinisiasi. (Pada skrip ini variabel tersebut diberi nama $_SESSION[ login ]). Yang berfungsi sebagai pengatur arah adalah fungsi header(). Fungsi header() akan memberikan output berupa HTTP header yang harus diberikan sebelum ada tag HTML apapun. Itu sebabnya file cekpswd.php hanya terdiri dari skrip php saja dan tidak memiliki tag HTML

20 36 File main.php <? session_start(); if(!isset($_session['login'])) { include("login.php"); } else {?> <HTML> <HEAD> <TITLE> Main Page </TITLE> </HEAD> <BODY> You are successfully logged in <BR> You can access this application <BR> <BR> <A HREF="logout.php"> Log Out </A> </BODY> </HTML> <? }?> File main.php adalah file yang akan dipanggil apabila username dan password yang dimasukkan pada halaman login.php berhasil melewati cekpswd.php. Sebelumnya pada bagian awal dari file ini diperiksa terlebih dahulu apakah variabel $_SESSION[ login ] sudah pernah diinisiasi dengan fungsi isset(). Seandainya belum, itu artinya user yang mengakses halaman main.php belum login. Jika demikian, maka orang tersebut akan dibawa menuju ke halaman login.php untuk login terlebih dahulu.

21 37 File sorry.php <HTML> <HEAD> <TITLE> Sorry </TITLE> </HEAD> <BODY> Your user name or password is incorrect <BR> Sorry, you are not allowed to access this page </BODY> </HTML> File ini akan muncul apabila user salah memasukkan user name atau password pada halaman login. File logout.php <? session_start(); unset($_session['login']); session_destroy(); header("location: login.php");?> File ini digunakan untuk melakukan proses logout. Pada file ini variabel $_SESSION['login'] dihilangkan sekaligus bersama dengan sessionnya. Langkah selanjutnya adalah mengarahkan aplikasi ke halaman login.php. Setelah session dihilangkan, maka user harus login lagi untuk dapat mengakses halaman tersebut.