APLIKASI SISTEM UJIAN BERBASIS CLIENT SERVER DENGAN VISUAL BASIC 6.0, PHP DAN MYSQL TUGAS AKHIR RIRI INDRIATI PURBA

Transkripsi

1 APLIKASI SISTEM UJIAN BERBASIS CLIENT SERVER DENGAN VISUAL BASIC 6.0, PHP DAN MYSQL TUGAS AKHIR RIRI INDRIATI PURBA PROGRAM STUDI D3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2011

2 APLIKASI SISTEM UJIAN BERBASIS CLIENT SERVER DENGAN VISUAL BASIC 6.0, PHP DAN MYSQL TUGAS AKHIR Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya RIRI INDRIATI PURBA PROGRAM STUDI D3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2011

3 iii PERSETUJUAN Judul : APLIKASI SISTEM UJIAN BERBASIS CLIENT SERVER DENGAN VISUAL BASIC 6.0, PHP DAN MYSQL Kategori : TUGAS AKHIR Nama : RIRI INDRIATI PURBA Nomor Induk Mahasiswa : Program Studi : D3 TEKNIK INFORMATIKA Departemen Fakultas : MATEMATIKA : MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA Komisi Pembimbing : Diluluskan di Medan, Juni 2011 Diketahui/Disetujui oleh Departemen Matematika FMIPA USU Ketua Pembimbing Prof. Dr. Tulus, M.Si NIP Dra. Elly Rosmaini, M.Si NIP

4 iv PERNYATAAN APLIKASI SISTEM UJIAN BERBASIS CLIENT SERVER DENGAN VISUAL BASIC 6.0, PHP DAN MYSQL TUGAS AKHIR Saya mengakui bahwa Tugas Akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya. Medan, Mei 2011 RIRI INDRIATI PURBA

5 v PENGHARGAAN Bismillahirrahmanirrahim, Alhamdulillah. Segala puji bagi Allah SWT yang telah memberikan rahmat dan hidayat-nya, sehingga penulis berhasil menyelesaikan tugas akhir yang berjudul Aplikasi Sistem Ujian Berbasis Client Server dengan Visual Basic 6.0, Php dan Mysql ini tepat pada waktunya. Shalawat dan salam semoga selalu dilimpahkan kepada junjungan Nabi besar Muhammad SAW, keluarga, sahabat dan para pengikut sampai akhir zaman. Tugas akhir ini disusun sebagai salah satu syarat untuk menyelesaikan pendidikan Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatra Utara. Dalam tugas akhir ini, penulis banyak mendapat masukan serta dukungan dari berbagai pihak. Secara khusus penulis menyampaikan rasa terima kasih yang sedalam-dalamnya kepada Ayahanda Djadiaman Purba dan Ibunda Norma Pakpahan yang telah mendidik dan membesarkan penulis dengan segala pengorbanan yang tak terhitung nilainya serta kasih sayang yang tulus. Dan selalu memberikan doa dan dukungan baik moril maupun materil, sehingga penulis dapat mengikuti kuliah Diploma III Teknik Informatika dan menyelesaikan pendidikan ini tepat pada waktunya. Semoga Allah SWT membalas budi baik mereka. Amin. Ucapan terima kasih juga penulis sampaikan kepada kedua saudara kandung Rina dan Andika, terima kasih atas kasih sayangnya selama ini. Dalam kesempatan ini penulis juga ingin mengucapkan terima kasih kepada: 1. Dr. Sutarman, M.Sc, selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatra Utara 2. Dr. Marpongahtun, M.Sc, selaku Pembantu Dekan I 3. Prof. Dr. Tulus, M.Si. selaku Ketua Departemen Matematika 4. Syahril Effendi, S.Si, M.IT selaku Ketua Jurusan Program Studi Diploma III Teknik Informatika 5. Dra.Elly Rosmaini, M.Si, selaku Dosen Pembimbing tugas akhir yang telah memberikan bimbingan dan pengarahan kepada saya selama menyusun tugas akhir ini 6. Seluruh dosen program studi Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatra Utara yang telah memberikan ilmu pengetahuannya kepada penulis selama masa perkuliahan. 7. Bg Jeck selaku guru bimbingan belajar program khususnya Visual Basic 8. Yang saya sayangi Adam Kurniawan Mrg, yang telah banyak memberikan dukungan dan nasihat dalam penyusunan tugas akhir ini 9. Sahabat-sahabat penulis genk parbada Tari, Ade, Rysa, Uci dan Tata. Terima kasih atas nasehat dan ilmunya selama ini. Terkadang kita sering berselisih tetapi kalian adalah sahabat-sahabat terbaik

6 vi 10. Teman-teman komputer C08 khususnya kepada Ika, Inez, dan Ipit yang telah banyak memberikan ilmu kepada penulis baik dalam penyusunan tugas akhir ini maupun pada masa perkuliahan Pada penulisan tugas akhir ini, penulis telah berusaha semaksimal mungkin untuk mencapai kesempurnan. Namun penulis menyadari terdapat kelemahan dan kekurangan dalam penulisan tugas akhir ini. Untuk itu penulis mengharapkan kritik dan saran dari pembaca demi penyempurnaan. Demikian tugas akhir ini saya buat. Semoga tulisan ini bermanfaat bagi kita semua. Medan, Juni 2011 Penulis Riri Indriati Purba

7 vii ABSTRAK Seiring dengan berjalannya waktu dan teknologi harus diakui masih terbatasnya kualitas sarana dan prasarana pendidikan di Indonesia ditambah lagi kondisi demografis Indonesia yang merupakan kendala dalam proses pemerataan mutu pendidikan. Ketidakmeratan mutu pendidikan ini dipengaruhi antara lain ketersedian materi penunjang pelajaran baik buku maupun alat peraga pelajaran. Karena hal tersebut aplikasi ini dirancang guna membantu sistem ujian untuk para peserta maupun untuk membuat soal. Aplikasi ini dikembangkan dengan menggunakan perangkat lunak Microsoft Visual Basic 6.0, Adobe Photoshop CS3, Macromedia Dreamweaver 8, Xampp dan Mozilla Firefox. Aplikasi ujian berbasis clientserver saat ini adalah merupakan aplikasi independent tanpa terpusat pada satu lembaga. Aplikasi ini dirancang untuk mempermudah sistem dalam ujian dimana staf pengajar memilih optional jumlah soal dan waktu yang ditentukan oleh staf pengajar (si pembuat soal) tersebut. Soal yang sudah diinputkan akan masuk secara otomatis ke dalam database. Siswa (peserta ujian) akan membuka browser yang sudah diatur sedemikian rupa home-nya, lalu peserta diminta menjawab soal tersebut dengan waktu yang sudah ditentukan. Kemudian jawaban dari peserta akan diolah lagi dalam database soal dan masuk dalam database penilaian. Aplikasi ini juga memiliki berbagai tujuan yang diantaranya adalah menghasilkan sebuah nilai dari peserta dengan menggunakan sistem database terdistribusi dan melakukan distribusi data dan file antar server dan client.

8 viii DAFTAR ISI Halaman Persetujuan Pernyataan Penghargaan Abstrak Daftar Isi Daftar Tabel Daftar Gambar iii iv v vii viii xi xii BAB 1 Pendahuluan Pendahuluan Identifikasi Masalah Maksud dan Tujuan Metode Penelitian Batasan Masalah Sistematika Penulisan 19 BAB 2 Landasan Teori Visual Basic Sejarah Singkat Internet World Wide Web (WWW) Web Statis dan Web Dinamis Komponen-komponen Penyusun Web Web Browser Web Server Hypertext Preprocessor Sejarah PHP Keunggulan PHP Skrip PHP Integrasi dengan Database MySQL Bahasa Pemrograman Web HyperText Markup Language (HTML) Javascript Cascading Style Sheet (CSS) Jaringan Komputer Klasifikasi Jaringan Komputer Jaringan Broadcast Jaringan Point To Point Jaringan Komputer Berdasarkan Area Local Area Network (LAN) Metropolitan Area Network (MAN) Wide Area Network (WAN) 41

9 ix 2.10 IP Address Klasifikasi IP Address Jenis Topologi Pada Jaringan Komputer Topologi Bus Topologi Star/Bintang Topologi Ring/Cincin Topologi Mesh Topologi Tree Topologi Linier 45 BAB 3 Perancangan Sistem Pengertian Perancangan Sistem Data Flow Diagram (DFD) Database Flowchart Flowchart Admin Flowchart Server Flowchart Client Pembuatan Sitemap Algoritma Algoritma Pembuatan Situs Ujian Client Server Halaman Pertama Halaman Login Halaman Staff Halaman Soal Algoritma Pembuatan Aplikasi Ujian Client Server Halaman Pertama Halaman Kedua Algoritma Jaringan Ujian Client Server Mendesain Layout Web 66 BAB 4 Implementasi dan Pengujian Implementasi Kebutuhan Perangkat Keras Kebutuhan Perangkat Lunak Instalasi Software Instalasi Apache, PHP dan MySQL Instalasi XAMPP Instalasi Software Editor Instalasi Konektor ODBC Setting Jaringan Ujian Client Server Aplikasi Untuk Staff Pengajar (Server) Situs Untuk Peserta (Client) 96 BAB 5 Kesimpulan dan Saran Kesimpulan Saran 104

10 x Daftar Pustaka 106 Lampiran A Listing Program 107 Lampiran B Surat Keterangan 173

11 xi DAFTAR TABEL Halaman Tabel 2.1 Daftar Database Yang Mendukung PHP 32 Tabel 2.2 Class A 43 Tabel 2.3 Class B 43 Tabel 2.4 Class C 43 Tabel 3.1 Simbol-simbol DFD 48 Tabel 3.2 Tabel Admin 51 Tabel 3.3 Tabel Client 51 Tabel 3.4 Tabel Server 52 Tabel 3.5 Tabel JawabanClient 53 Tabel 3.6 Tabel Soal 53 Tabel 3.7 Tabel SoalDetail 54 Tabel 3.8 Simbol-Simbol Flowchart 55

12 xii DAFTAR GAMBAR Halaman Gambar 2.1 Dokumen PHP Ditampilkan di Web Browser 31 Gambar 2.2 Dokumen HTML Ditampilkan di Web Browser 35 Gambar Bits 42 Gambar 2.3 Pembagian 32 Bits 42 Gambar 2.5 Identify 32 Bit to Network 42 Gambar 2.6 Class IP versi 4 44 Gambar 3.1 DFD Ujian Client Server 50 Gambar 3.2 Flowchart Admin 57 Gambar 3.3 Flowchart Server 58 Gambar 3.4 Flowchart Client 59 Gambar 3.5 Sitemap Ujian Client Server 60 Gambar 3.6 Tampilan Isi Web Editor 66 Gambar 3.7 Rancangan Halaman Utama 67 Gambar 3.8 Rancangan Halaman Setelah Login 68 Gambar 4.1 XAMPP Installer 73 Gambar 4.2 Pemilihan Bahasa 74 Gambar 4.3 Welcome Wizard XAMPP 74 Gambar 4.4 Direktori Install XAMPP 75 Gambar 4.5 Pilihan Install 75 Gambar 4.6 Proses Install XAMPP 76 Gambar 4.7 Install XAMPP Berhasil 77 Gambar 4.8 XAMPP Control Panel 77 Gambar 4.9 PhpMyAdmin 78 Gambar 4.10 Macromedia Dreamweaver Gambar 4.11 Microsoft Visual Basic Gambar 4.12 Adobe Photoshop CS3 80 Gambar 4.13 Setup Wizard ODBC 81 Gambar 4.14 Setup Type ODBC 82 Gambar 4.15 Proses Setup ODBC 82 Gambar 4.16 Install ODBC Finish 83 Gambar 4.17 Administrative Tools 83 Gambar 4.18 ODBC Data Source Administrator 84 Gambar 4.19 ODBC Mysql Driver 84 Gambar 4.20 ODBC Data Source Configuration 85 Gambar 4.21 Test Result 85 Gambar 4.22 Netbook yang terhubung 86 Gambar 4.23 Network and Sharing Center 87 Gambar 4.24 Network Connection 87 Gambar 4.25 IP Versi 4 Properties 88 Gambar 4.26 Command Prompt dengan Perintah Ping 89 Gambar 4.27 Phpmyadmin Server 90 Gambar 4.28 Situs Ujian Client Server 90

13 xiii Gambar 4.29 Aplikasi Ujian Client Server 91 Gambar 4.30 Form Welcome Admin 91 Gambar 4.31 Form Edit Data untuk Server 92 Gambar 4.32 Form Edit Data untuk Client 93 Gambar 4.33 Form Welcome Server 93 Gambar 4.33 Form Cek Essay 94 Gambar 4.34 Form Profil Soal 95 Gambar 4.35 Form Edit Soal 95 Gambar 4.36 Halaman Beranda.php 96 Gambar 4.37 Halaman Login 97 Gambar 4.38 Halaman Start 97 Gambar 4.39 Halaman Soal Essay 98 Gambar 4.40 Halaman Nilai Essay 98 Gambar 4.41 Halaman Soal Pilihan Berganda 99 Gambar 4.42 Halaman Nilai Pilihan Berganda 100 Gambar 4.43 Halaman Keterangan Staff Pengajar 101 Gambar 4.44 Halaman Detail Staff Pengajar 101 Gambar 4.45 Halaman Keterangan Soal 10