Perancangan Website Untuk Survei Proses Belajar Mengajar di SMA "X".

(1)

Universitas Kristen Maranatha

ABSTRAK

Semakin banyaknya lembaga-lembaga survei baik pemerintah maupun non pemerintah yang melakukan survei terhadap suatu target yang ingin dianalisa. Survei yang dilakukan kebanyakan masih menggunakan cara manual yaitu dengan membagi kuisioner kepada responden sehingga responden harus mengisi kuisioner dan kuisioner harus dikumpulkan kembali untuk dilakukan pemrosesan hasil. Hal ini dirasa kurang efektif dan memakan waktu lama, sehingga dicari sarana alternatif lain dengan menggunakan media internet yaitu melalui website. Dengan menggunakan internet akses lebih cepat dan mudah, jadi responden cukup membuka website dan mengisi pertanyaan-pertanyaan yang tersedia di dalam

website. Data yang diproses juga dapat disimpan dan diatur dengan sedemikian rupa sehingga memudahkan di dalam merekap data karena data tersimpan di dalamdatabase.

(2)

ABSTRACT

More number of survey agencies both government and non-government conducted a survey of a target to analyzed. Most survey still used a manual way to divide the questionnaire to the respondent so that respondent should fill out that and should be collected again to process the results. This method was uneffective and time consuming, so the alternative way by using the internet through a website. By using the internet access become more faster and more easier, so the respondents just open the website and fill out a questionnaire which is available on the website. The processed data can also be stored and managed in such a way to facilitate in recapitalize the data and stored in the database.

(3)

DAFTAR ISI

ABSTRAK………i

ABSTRACT………ii

KATA PENGANTAR………..iii

DAFTAR ISI……….v

DAFTAR GAMBAR………viii

BAB I PENDAHULUAN 1.1. Latar Belakang Masalah……….1

1.2. Identifikasi Masalah………...1

1.3. Tujuan……….………1

1.4. Pembatasan Masalah……….…..1

1.5. Sistematika Penulisan……….….2

BAB II LANDASAN TEORI 2.1. Pengertian HTML………...3

2.1.1. Sejarah HTML……….3

2.1.2.Form………....4

2.1.3. Tabel………....5

2.2. Pengertian PHP………..6

2.2.1. Sejarah PHP………....6

(4)

2.2.3. Kelebihan PHP………....7

2.2.4. Percabangan……….9

2.2.5. Perulangan………...11

2.2.6.Array………13

2.3. Pengertian Database………..………….13

2.4. Pengertian MySQL……….14

2.4.1.Relational Database Management System(RDBMS)…….14

2.4.2. Fitur-fitur MySQL………...15

2.4.3. Keunggulan MySQL………16

2.5. Pengertian SQL…...………17

2.5.1. Sejarah SQL...17

2.5.2. Pemakaian Dasar………..………18

2.5.2.1.Data Definition Language(DDL)..………18

2.5.2.2.Data Manipulation Language(DML)..………...19

2.6. Pengertian XAMPP…...……….……19

2.6.1. Pengertian Apache...19

2.6.2. Pengertian phpMyAdmin…….…..………..………20

BAB III PERANCANGAN DAN PEMODELAN 3.1. Skema Rancangan………...21

3.2. Peta Situs………....22

3.3. Rancangan Tampilan………...24

(5)

3.5. PembuatanDatabase………..33

3.6. Perancangan pembuatan Simpan Data………...39

3.7. Perancangan pembuatan Program Rekapitulasi………..39

3.8. Perancangan pembuatan Program Detail Data………...39

BAB IV HASIL DAN PEMBAHASAN 4.1. TampilanHome………..41

4.2. Tampilan Kuisioner………42

4.3. TampilanDetailData……….44

4.4. Tampilan Rekapitulasi………54

BAB V KESIMPULAN DAN SARAN 5.1. Kesimpulan………66

5.2. Saran………..66

DAFTAR PUSTAKA………..67

(6)

DAFTAR GAMBAR

Gambar 3.1. Diagram AlirWebsiteuntuk Survei Proses Belajar Mengajar di SMA

“X” ………...……….22

Gambar 3.2. Peta Situs Website untuk Survei Proses Belajar Mengajar di SMA “X” ………..………..23

Gambar 3.3. KerangkaLink Home………24

Gambar 3.4. Diagram AlirLink Home………..25

Gambar 3.5. KerangkaLinkKuisioner………..26

Gambar 3.6. Diagram AlirLinkKuisioner………27

Gambar 3.7. KerangkaLink DetailData………...28

Gambar 3.8. Diagram AlirLink DetailData……….29

Gambar 3.9. KerangkaLinkRekapitulasi………..………30

Gambar 3.10. Diagram Alir Rekapitulasi………..31

Gambar 3.11.StartApacheConsole……….32

Gambar 3.12. TampilanStartApache………...32

Gambar 3.13.StopApacheConsole………..33

Gambar 3.14. MySQL………..…….33

Gambar 3.15. Tampilan pembuatanDatabase………..34

Gambar 3.16. TampilanDatabasebaru……….…34

Gambar 3.17. Tampilan pembuatan Tabel……….35

Gambar 3.18. Tampilan pembuatanField……….36

(7)

Gambar 3.20. Tampilan kolomRunSQLquery/queries on databasesekolah…38

Gambar 3.21. TampilanPrimary Key………38

Gambar 4.1. TampilanHome……….41

Gambar 4.2. Tampilan Kuisioner………...42

Gambar 4.3. Tampilan Gagal Simpan………43

Gambar 4.4. Tampilan Simpan Data……….44

Gambar 4.5. TampilanDetailData………...45

Gambar 4.6. TampilanDetailData Kelas X-1………..46

Gambar 4.9. TampilanDetailData Kelas XI-1……….49

Gambar 4.10. TampilanDetailData Kelas XI-2………...50

Gambar 4.11. TampilanDetailData Kelas XI-3………...51

Gambar 4.12. TampilanDetailData Kelas XII-1……….52

Gambar 4.15. Tampilan Rekapitulasi………55

Gambar 4.16. Tampilan Rekapitulasi Kelas X-1………...57

Gambar 4.19. Tampilan Rekapitulasi Kelas XI-1……….60

Gambar 4.20. Tampilan Rekapitulasi Kelas XI-2……….61

(8)

(9)

A-1

LAMPIRAN A

LISTING PROGRAM

• Home.html <html> <head>

<title>Tampilan Kuisioner</title> </head>

</td> <tr> <td>

<marquee tools="right">Selamat Datang di Website kami . . . </td>

</tr> <tr> <td>

</tr>

<td>

</p> <li>

<a href="Kuisioner.html">Kuisioner </a>

(10)

A-2 Universitas Kristen Maranatha

</td> </table>

<td>

      Mewujudkan generasi penerus yang cerdas, terampil, taqwa kepada Tuhan Yang Maha Esa, serta bertanggung jawab atas diri sendiri dan masyarakat / bangsa.

      Mendidik dan mengajar serta memberikan dorongan dan kesempatan kepada setiap peserta didik untuk dapat mengembangkan bakat dan kemampuannya sebaik mungkin.<br>

       Mempersiapkan peserta didik agar memiliki kemampuan dasar yang baik dalam bidang akademis serta memiliki mental dan sikap yang baik pula, sehingga peserta didik memiliki kesiapan saat melanjutkan pendidikan ke perguruan tinggi atau saat terjun dalam kehidupan masyarakat.<br>

      Menciptakan suatu lingkungan dimana pendidik menikmati peran mereka dalam membagikan pengalaman dan ilmunya, dan dalam membimbing siswa-siswanya.

</div> </font> </td> </table> </body> </html>

• Kuisioner.html <html>

<head>

(11)

<td>

<td>

</td> <tr> <td>

<td>

No Absen   <input type="text" name="noabsen" size="18"> </td>

<td>

Kelas &nbsp<select name="kelas"> <option value="X-1">X-1

</td> <td>

Mata Pelajaran &nbsp<select name="pelajaran"> <option value="Ppkn1">Ppkn1

<option value="Ppkn2">Ppkn2 <option Value="Bi1">Bi1 <option Value="Bi2">Bi2

<option value="Agama1">Agama1 <option value="Agama2">Agama2 <option Value="Sejarah1">Sejarah1 <option Value="Sejarah2">Sejarah2 <option value="Kimia1">Kimia1 <option value="Kimia2">Kimia2 <option Value="Fisika1">Fisika1 <option Value="Fisika2">Fisika2

(12)

<option value="Matematika2">Matematika2 </select>

</td> </tr> </table>

<td>

</p> <li>

</p> <li>

<a href="Detail Data.html">Detail Data </a>

</p> <li>

<a href="Rekapitulasi.html">Rekapitulasi </a>

</p> </ul> </td> </table>

<td>

Bagaimana dengan materi yang diberikan? <br>

<input type="radio" name="jawab1" value="sangat baik">Sangat Baik  

<input type="radio" name="jawab1" value="baik">Baik   <input type="radio" name="jawab1" value="cukup">Cukup   <input type="radio" name="jawab1" value="kurang">Kurang  

<input type="radio" name="jawab1" value="sangat kurang">Sangat Kurang  

(13)

Apakah materi yang diberikan sesuai dengan buku pelajaran? <br>

Apakah anda puas dengan cara memberikan materi? <br>

Apakah guru mengajar dengan antusias? <br>

Bagaimana dengan ketepatan waktu guru? <br>

(14)

</table> </form> </body> </html>

• Inputdata.php <html> <head>

</td> <tr> <td>

</tr>

<td>

</p> <li>

(15)

</a> </p> </td> </table>

<td>

<font face="Arial"> <p align="center"> <?

$user="root"; $password=""; $db="sekolah";

if(!$nama||!$noabsen||!$kelas||!$pelajaran||!$jawab1||!$jawab2||!$jawab3||!$ja wab4||!$jawab5)

{

echo("Anda Harus Mengisi Semua Form !!! <br> <br>");

echo("<input type=button value=Kembali onclick=\"self.history.back();\">"); }

else {

mysql_connect('localhost',$user,$password);

mysql_select_db("$db") or die ("database tidak ditemukan");

mysql_query("insert into kuisioner (nama,noabsen,kelas,pelajaran,jawaban1,jawaban2,jawaban3,jawaban4,jawab

an5) values

('$nama','$noabsen','$kelas','$pelajaran','$jawab1','$jawab2','$jawab3','$jawab4 ','$jawab5')");

echo("Data Berhasil Dimasukkan !!!<br> <br>");

echo("<a href='kuisioner.html' input type='button'> Kembali"); }

?> </td> </table> </body> </html>

• Detail Data.html <html>

<head>

(16)

</td> <tr> <td>

</tr>

<td>

</p> <li>

</p> <li>

</p> <li>

</p> </td> </table>

(17)

<p align="center"> Kelas X

</td>

<p align="center"> Kelas XI

</td>

<p align="center"> Kelas XII

</td> </td> </table> </body> </html>

• Program Detail Data <html>

<head>

<title>rekapan</title> </head>

(18)

<p align="center"> X-1

<br> <?php

$conn=mysql_connect("localhost","root","") or die("please check server connection");

mysql_select_db("sekolah");

$query="SELECT nama,noabsen, jawaban1,jawaban2,jawaban3,jawaban4,jawaban5 FROM kuisioner where kelas='X-1' and pelajaran='Ppkn1' order by 'noabsen'";

$result=mysql_query($query);

// Menampilkan Hasil if($result==0)

{

echo "Error".mysql_errno().":".mysql_error()."br"; }

else

echo"<table border=1><thead><tr>"; echo"<br>";

echo"PPKN1"; {

// Membuat Kolom

for($i=0;$i<mysql_num_fields($result);$i++)

{ echo"<th>".mysql_field_name($result,$i)."</th>";} echo"</tr></thead><tbody>";

//Menampilkan Hasil

for($i=0;$i<mysql_num_rows($result);$i++) {

echo "<tr>";

$row_array=mysql_fetch_row($result); for($j=0;$j<mysql_num_fields($result);$j++) {

echo "<td>".$row_array[$j]."</td>"; }

echo "</tr>"; }

}

$query="SELECT nama,noabsen, jawaban1,jawaban2,jawaban3,jawaban4,jawaban5 FROM kuisioner where kelas='X-1' and pelajaran='Ppkn2' order by 'noabsen'";

(19)

{

else

echo"PPKN2"; {

// Membuat Kolom

//Menampilkan Hasil

echo "<tr>";

echo "</tr>"; }

}

$query="SELECT nama,noabsen, jawaban1,jawaban2,jawaban3,jawaban4,jawaban5 FROM kuisioner where kelas='X-1' and pelajaran='Bi1' order by 'noabsen'";

{

else

echo"<table border=1><thead><tr>"; echo "<br>";

echo "BI1"; {

(20)

//Menampilkan Hasil

echo "<tr>";

echo "</tr>"; }

}

$query="SELECT nama,noabsen, jawaban1,jawaban2,jawaban3,jawaban4,jawaban5 FROM kuisioner where kelas='X-1' and pelajaran='Bi2' order by 'noabsen'";

{

else

echo "BI2"; {

// Membuat Kolom

//Menampilkan Hasil

echo "<tr>";

(21)

}

echo "</tr>"; }

}

$query="SELECT nama,noabsen, jawaban1,jawaban2,jawaban3,jawaban4,jawaban5 FROM kuisioner where kelas='X-1' and pelajaran='Agama1' order by 'noabsen'";

{

else

echo"AGAMA1"; {

// Membuat Kolom

//Menampilkan Hasil

echo "<tr>";

echo "</tr>"; }

}

$query="SELECT nama,noabsen, jawaban1,jawaban2,jawaban3,jawaban4,jawaban5 FROM kuisioner where kelas='X-1' and pelajaran='Agama2' order by 'noabsen'";

(22)

{

else

echo"AGAMA2"; {

// Membuat Kolom

//Menampilkan Hasil

echo "<tr>";

echo "</tr>"; }

}

$query="SELECT nama,noabsen, jawaban1,jawaban2,jawaban3,jawaban4,jawaban5 FROM kuisioner where kelas='X-1' and pelajaran='Sejarah1' order by 'noabsen'";

{

else

echo"SEJARAH1"; {

// Membuat Kolom

(23)

echo"</tr></thead><tbody>";

//Menampilkan Hasil

echo "<tr>";

echo "</tr>"; }

}

$query="SELECT nama,noabsen, jawaban1,jawaban2,jawaban3,jawaban4,jawaban5 FROM kuisioner where kelas='X-1' and pelajaran='Sejarah2' order by 'noabsen'";

{

else

echo"SEJARAH2"; {

// Membuat Kolom

//Menampilkan Hasil

echo "<tr>";

(24)

} }

$query="SELECT nama,noabsen, jawaban1,jawaban2,jawaban3,jawaban4,jawaban5 FROM kuisioner where kelas='X-1' and pelajaran='Kimia1' order by 'noabsen'";

{

else

echo"KIMIA1"; {

// Membuat Kolom

//Menampilkan Hasil

echo "<tr>";

echo "</tr>"; }

}

$query="SELECT nama,noabsen, jawaban1,jawaban2,jawaban3,jawaban4,jawaban5 FROM kuisioner where kelas='X-1' and pelajaran='Kimia2' order by 'noabsen'";

{

(25)

} else

echo"KIMIA2"; {

// Membuat Kolom

//Menampilkan Hasil

echo "<tr>";

echo "</tr>"; }

}

$query="SELECT nama,noabsen, jawaban1,jawaban2,jawaban3,jawaban4,jawaban5 FROM kuisioner where kelas='X-1' and pelajaran='Fisika1' order by 'noabsen'";

{

else

echo"FISIKA1"; {

// Membuat Kolom

(26)

//Menampilkan Hasil

echo "<tr>";

echo "</tr>"; }

}

$query="SELECT nama,noabsen, jawaban1,jawaban2,jawaban3,jawaban4,jawaban5 FROM kuisioner where kelas='X-1' and pelajaran='Fisika2' order by 'noabsen'";

{

else

echo"FISIKA2"; {

// Membuat Kolom

//Menampilkan Hasil

echo "<tr>";

echo "</tr>"; }

(27)

$query="SELECT nama,noabsen, jawaban1,jawaban2,jawaban3,jawaban4,jawaban5 FROM kuisioner where kelas='X-1' and pelajaran='Matematika1' order by 'noabsen'";

{

else

echo"MATEMATIKA1"; {

// Membuat Kolom

//Menampilkan Hasil

echo "<tr>";

echo "</tr>"; }

}

$query="SELECT nama,noabsen, jawaban1,jawaban2,jawaban3,jawaban4,jawaban5 FROM kuisioner where kelas='X-1' and pelajaran='Matematika2' order by 'noabsen'";

{

(28)

echo"MATEMATIKA2"; {

// Membuat Kolom

//Menampilkan Hasil

echo "<tr>";

echo "</tr>"; }

}

?> </body> </html>

• Rekapitulasi.html <html>

<head>

</td> <tr> <td>

(29)

</tr>

<td>

</p> <li>

</p> <li>

</p> <li>

</p> </td> </table>

<p align="center"> Kelas X

</td>

(30)

Kelas XI

</td>

<p align="center"> Kelas XII

</td> </td> </table> </body> </html>

• Program Rekapitulasi <html>

<head>

<title>rekapan</title> </head>

<p align="center"> X-1

<br> <?php

$conn=mysql_connect("localhost","root","") or die("please check server connection");

mysql_select_db("sekolah");

// Ppkn1

$query="SELECT nama,noabsen,kelas,pelajaran, jawaban1,jawaban2,jawaban3,jawaban4,jawaban5 FROM kuisioner where kelas='X-1' and pelajaran='Ppkn1' order by 'noabsen'";

(31)

{

else

echo"PPKN1"; {

// Membuat Variable $sangatbaik1=0; $sangatbaik2=0; $sangatbaik3=0; $sangatbaik4=0; $sangatbaik5=0; $baik1=0; $baik2=0; $baik3=0; $baik4=0; $baik5=0; $cukup1=0; $cukup2=0; $cukup3=0; $cukup4=0; $cukup5=0; $kurang1=0; $kurang2=0; $kurang3=0; $kurang4=0; $kurang5=0; $sangatkurang1=0; $sangatkurang2=0; $sangatkurang3=0; $sangatkurang4=0; $sangatkurang5=0;

// Membuat Kolom

//Menampilkan Hasil

(32)

{

echo "<tr>";

echo "<td>".$row_array[$j]."</td>"; if($j==4){

if($row_array[$j]=="sangat baik"){ $sangatbaik1+=1;

}

if($row_array[$j]=="baik"){ $baik1+=1;

}

if($row_array[$j]=="cukup"){ $cukup1+=1;

}

if($row_array[$j]=="kurang"){ $kurang1+=1;

}

if($row_array[$j]=="sangat kurang"){ $sangatkurang1+=1;

}

}else if($j==5){

}

}else if($j==6){

}

(33)

$cukup3+=1; }

}

}else if($j==7){

}

}else if($j==8){

}

} }

}

echo "</tr>"; }

(34)

$rata1 = (($sangatbaik1*5)+($baik1*4)+($cukup1*3)+($kurang1*2)+($sangatkurang1

*1))/($sangatbaik1+$baik1+$cukup1+$kurang1+$sangatkurang1);

*1))/($sangatbaik5+$baik5+$cukup5+$kurang5+$sangatkurang5); $rataall = (($rata1)+($rata2)+($rata3)+($rata4)+($rata5))/(5); echo "<table border=1 align=center><br>";

echo "<tr>";

echo "<td colspan=5>"; echo "<p align=center>";

echo "Jawaban 1<br><hr color=black> Sangat Baik = $sangatbaik1<br> Baik = $baik1<br>

Cukup = $cukup1<br> Kurang = $kurang1<br>

Sangat Kurang = $sangatkurang1<br>"; echo "<hr color=black>";

echo "Rata-rata : "; echo round($rata1,2); echo "</td>";

echo "<td>";

echo "<p align=center>";

echo "<td>";

(35)

Baik = $baik3<br> Cukup = $cukup3<br> Kurang = $kurang3<br>

echo "<td>";

echo "Rata-rata seluruhnya : "; echo round($rataall,2);

echo "</td>"; echo "</tr>"; echo "</table>";

// Ppkn2

$query="SELECT nama,noabsen,kelas,pelajaran, jawaban1,jawaban2,jawaban3,jawaban4,jawaban5 FROM kuisioner where kelas='X-1' and pelajaran='Ppkn2' order by 'noabsen'";

(36)

if($result==0) {

else

echo"PPKN2"; {

// Membuat Kolom

//Menampilkan Hasil

(37)

}

}else if($j==5){

}

}else if($j==6){

}

(38)

}

}else if($j==7){

}

}else if($j==8){

}

} }

}

echo "</tr>"; }

(39)

echo "<tr>";

echo "<td>";

(40)

Baik = $baik3<br> Cukup = $cukup3<br> Kurang = $kurang3<br>

echo "<td>";

// Bahasa Indonesia1

$query="SELECT nama,noabsen,kelas,pelajaran, jawaban1,jawaban2,jawaban3,jawaban4,jawaban5 FROM kuisioner where kelas='X-1' and pelajaran='Bi1' order by 'noabsen'";

(41)

if($result==0) {

else

echo "BI1"; {

// Membuat Kolom

//Menampilkan Hasil

(42)

}

}else if($j==5){

}

}else if($j==6){

}

(43)

}

}else if($j==7){

}

}else if($j==8){

}

} }

}

echo "</tr>"; }

}

(44)

echo "<tr>";

echo "<td>";

(45)

echo "<td>";

// Bahasa Indonesia2

$query="SELECT nama,noabsen,kelas,pelajaran, jawaban1,jawaban2,jawaban3,jawaban4,jawaban5 FROM kuisioner where kelas='X-1' and pelajaran='Bi2' order by 'noabsen'";

{

(46)

} else

echo "BI2"; {

// Membuat Kolom

//Menampilkan Hasil

echo "<tr>";

(47)

}

}else if($j==5){

}

}else if($j==6){

}

(48)

}

}else if($j==7){

}

}else if($j==8){

}

} }

}

echo "</tr>"; }

}

(49)

echo "<tr>";

echo "<td>";

(50)

echo round($rata3,2); echo "</td>";

echo "<td>";

// Agama1

$query="SELECT nama,noabsen,kelas,pelajaran, jawaban1,jawaban2,jawaban3,jawaban4,jawaban5 FROM kuisioner where kelas='X-1' and pelajaran='Agama1' order by 'noabsen'";

{

else