TUGAS TEKNOLOGI INFORMASI Perancangan Website Ujian Teknik Elektro UNDIP Berbasis HTML OLEH: AULIA RAHMAN 21060113120007 JURUSAN TEKNIK ELEKTRO FAKULTAS TEKNIK UNIVERSITAS DIPONEGORO SEMARANG 2014
Abstrak Era globalisasi telah berkembang pesat saat ini. Teknologi informasi dan komunikasi telah menjadi kebutuhan hidup masyarakat modern. Terkait dengan proses pembelajaran di institusi pendidikan, teknologi yang telah ada nyatanya belum dapat dimanfaatkan secara penuh. Salah satunya adalah proses ujian. Metode ujian yang masih dilakukan saat ini dirasa masih tradisional dan manual. Ujian menggunakan lembaran kertas kurang efektif dalam manajemen nilai serta manajemen waktu. Padahal, kampus Teknik Elektro UNDIP memiliki banyak fasilitas canggih seperti jaringan komputer yang kompleks, perangkat-perangkat komputer dan akses internet yang cepat, sangat di sayangkan jika tidak di maksimalkan. Ditambah lagi proses penilaian oleh para dosen yang nyatanya banyak menyita waktu mereka. Solusinya yakni website offline ujian Jurusan Teknik Elektro UNDIP berbasis HTML. Kali ini penulis mengambil tema soal-soal kelistrikan. Website lokal ini menyajikan soal ujian dengan tampilan elegan dan mudah digunakan bagi para mahasiswa. Selain itu memudahkan dalam proses penilaian, jumlah soal benar dan salah akan diinput ke dalam database lokal. sebuah keuntungan tersendiri bagi dosen. Dosen tinggal mengunduh transkrip nilai mahasiswa di daftar nilai pada database. Ujian pun menjadi mudah, menarik dan fleksibel. Hanya membutuhkan komputer dengan browser dan mahasiswa dapat menjawab dengan praktis. Dengan adanya website ini diharapkan proses belajar mengajar terlebih pada saat ujian menjadi lebih efektif dalam hal waktu serta efisien dalam penggunaan kertas. Dosen pun dapat menggunakan waktunya dengan baik dan tidak terbebani lagi oleh menumpuknya tugas mengoreksi ujian para mahasiswa. Kata Kunci Ujian Online, HTML
Latar Belakang Metode ujian dalam kegiatan balajar mengajar, saat ini masih mengandalkan kertas sebagai sarananya. Kertas hanya membantu kita disaat ujian berlangsung, setelah penggunaannya selesai, mayoritas kertas justru dibuang dan tidak digunakan kembali, sehingga sangat di sayangkan ketika faktanya kita bertarung melawan global warming. Selain itu waktu yang diperlukan untuk mencetak lembar ujian juga tidaklah sebentar. Mengingat biaya dan waktu yang di perlukan untuk metode ini kurang efisien, maka kami mencoba membuat metode baru, yakni berlandaskan komputerisasi. Dengan bahasa pemrograman yang kini banyak berkembang dan semakin polpuler kami mengusung aplikasi Ujian Online Mahasiswa berbasis HTML yang di dukung oleh database lokal di hardisk.
1.1 Tujuan Mengembangkan metode ujian menggunakan metode virtual, yakni dengan halaman web berbasis HTML dengan di lengkapi database lokal 1.2 Pembatasan Masalah 1. Menggunakan bahasa pemrograman HTML, dengan bantuan aplikasi Adobe Dreamweaver, XAMPP dan Notepad++ 2. Menggunakan database lokal dengan menggunakan PHP MYADMIN 3. Terdiri atas fungsi: - LOGIN FORM (Admin, Mahasiswa) - EDITING FORM (Input soal, Input Jawaban) *Khusus Admin - UJIAN FORM (Terdiri atas 6 soal) *sebagai tes - RESULT FORM (Menunjukkan Nilai hasil ujian) *setelah form ujian 4. Menggunakan fungsi radio button sebagai fungsi utama metode pemilihan jawaban 5. Menggunakan sebuah database yang menampung data login, data soal & jawaban
II DASAR TEORI 2.1 Web Web adalah fasilitas hypertext untuk menampilkan data berupa teks, gambar, bunyi, dan animasi dan data multimedia lainnya, yang di antara data tersebut saling berhubungan satu sama lainnya. Website merupakan tempat penyimpanan data dan informasi dengan topic tertentu. 2.2 Website Lokal Website yang hostingnya atau tempat penyimpanan datanya berada di drive komputer sendiri yang ada di rumah sebagai personal computer atau yang berada pada sebuah jaringan LAN. Website ini sifatnya offline, yakni tidak membutuhkan koneksi internet sebagai databasenya. Selain itu bekerja cepat karena langsung diakses dari dalam komputer. 2.3 Basis Data Basis data dimaksudkan untuk mengatasi problem pada sistem yang memakai pendekatan berbasis berkas. Sistem basis data adalah suatu sistem menyusun dan mengelola record-record menggunakan komputer untuk menyimpan atau merekam serta memelihara data opersional lengkap sebuah organisasi/perusahaan sehingga mampu menyediakan informasi yang optimal yang diperlukan pemakai untuk proses mengambil keputusan. Untuk mengelola basis data diperlukan perangkat lunak yang disebut DBMS. DBMS adalah perangkat lunak sistem yang memungkinkan para pemakai membuat, memelihara, mengontrol, dan mengakses basis data dengan cara yang praktis dan efisien
2.4 HTML HTML (Hypertext Markup Language) merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. HTTP (Hypertext Transfer Protocol) merupakan protokol yang digunakan untuk mentransfer data antara web server ke web browser. Protokol ini mentransfer dokumen-dokumen web yang ditulis atau berformat HTML (Hypertext Markup Language). Dikatakan markup language karena HTML berfungsi untuk memformat file dokumen teks biasa untuk bisa ditampilkan pada web browser dengan bantuan tanda-tanda yang sudah ditentukan. Hal tersebut dapat dilakukan dengan menambahkan elemen atau yang sering disebut sebagai tag. 2.5 PHP Pengenalan: PHP singkatan dari PHP Hypertext Preprocessor. PHP adalah bahasa server-side scripting yang menyatu dengan halaman HTML untuk membuat halaman web yang dinamis. Maksud dari server-side scripting adalah sintaks dan perintah-perintah yang diberikan akan sepenuhnya dijalankan di server tetapi disertakan pada dokumen HTML. Pembuatan web ini merupakan kombinasi antara PHP sendiri sebagai bahasa pemrograman dan HTML sebagai pembangun halaman web. Ketika seorang pengguna internet akan membuka suatu situs yang menggunakan fasilitas server-side scripting PHP, maka terlebih dahulu server yang bersangkutan akan memproses semua perintah PHP di server lalu mengirimkan hasilnya dalam format HTML ke web browser pengguna internet tadi. Dengan demikian seorang pengguna internet tidak dapat melihat kode program yang ditulis dalam PHP sehingga keamanan dari halaman web menjadi lebih terjamin.
Sintaks Dasar PHP Script PHP disisipkan langsung dalam tubuh file HTML yang ditandai dengan tag pembuka dan penutup. Sebagaimana diketahui, HTML (HyperText Markup Language) adalah bahasa standar untuk membuat halaman-halaman web. Ada dua pasang tag PHP yang dapat digunakan yaitu: <?php > dan <script language= php > </script>. Kode-kode PHP ditulis diantara tag pembuka dan penutup seperti dalam contoh-contoh berikut: HTML <?php Kode PHP di sini;?> HTML Dan HTML <script language= php > kode PHP di sini; </script> HTML Konsep kerja PHP Konsep kerja PHP diawali dengan permintaan suatu halaman web oleh browser. Berdasarkan URL (Uniform Resource Locator) atau dikenal dengan sebuah alamat internet, browser mendapatkan alamat dari web server, browser kemudian mengidentifikasi halaman yang dikehendaki dan menyampaikan segala informasi yang dibutuhkan oleh web server. Selanjutnya web server akan mencarikan berkas yang diminta dan mengirimkan isinya ke mesin PHP dan mesin inilah yang memproses dan memberikan hasilnya (berupa kode HTML) ke web server. Kemudian web server menyampaikan ke klien.
2.6 MySQL MySQL adalah multiuser database yang menggunakan bahasa Structured Query Language (SQL). MySQL dalam operasi client-server melibatkan server daemon MySQL di sisi server dan berbagai macam program serta library yang berjalan di sisi client. MySQL mampu menangani data yang cukup besar. SQL adalah bahasa standar yang digunakan untuk mengakses database server. Bahasa ini pada awalnya dikembangkan oleh IBM, namun telah diadopsi dan digunakan sebagai standar industri. Dengan menggunakan SQL, proses akses database menjadi lebih userfriendly dibandingkan dengan menggunakan dbase atau Clipper yang masih menggunakan perintah-perintah pemrograman. MySQL menawarkan berbagai keunggulan dibandingkan database server lain. Berikut ini adalah beberapa keunggulan MySQL : waktu yang bersamaan. user dalam 50.000.000 record. user privilege system yang mudah dan efisien. 2.7 XAMPP XAMPP adalah sebuah software web server apache yang didalamnya sudah tersedia database server mysql dan support php programming. XAMPP merupakan software yang mudah digunakan, gratis dan mendukung instalasi di Linux dan Windows. Keuntungan lainnya adalah cuma menginstal satu kali sudah tersedia Apache Web Server, MySQL Database Server, PHP Support (PHP 4 dan PHP 5) dan beberapa module lainnya. Hanya bedanya kalau yang versi untuk Windows sudah dalam bentuk instalasi grafis dan yang Linux dalam bentuk file terkompresi tar.gz. Kelebihan lain yang berbeda dari versi untuk Windows adalah memiliki fitur untuk mengaktifkan sebuah server secara grafis.
3.1 Algoritma I. PERANCANGAN SISTEM / METODE PENELITIAN Algoritma untuk menjalankan web ujian biologi online adalah: a) Pertama masuk kehalaman login atau form login. b) Setelah itu masukkan input berupa username dan password yang telah tersimpan dalam database. Ada 3 Kategori user (Admin, Guru, Siswa) c) Lalu masuk ke Halaman awal website ujian. d) Admin= mengelola user (Admin, Guru dan Siswa), soal dan jawaban Guru= kuasa untuk memantau guru yang lain, serta mengedit nilai ujian Siswa= hanya berwenang mengerjakan ujian dan melihat grafik perkembangan nilai e) Admin= Proses pengelolaan user, soal dan jawaban Guru= Proses pengeditan dan pemantauan nilai User= Proses mengerjakan ujian f) Proses selesai g) Keluar
3.2 Flowchart Jadi aliran data yang menghubungkan setiap form dapat dilihat melalui flowchart berikut. \ Gambar 3.1: Flowchart dari web ujian biologi online
3.3 Perbandingan Gambar pada database dan halaman website 3.3.1 Tabel User (SISWA) 3.3.1 Tabel User (SISWA) 3.3.1 Tabel User (SISWA) 3.3.1 Tabel User (SISWA)
3.3.1 Tabel User (SISWA) 3.3.1 Tabel User (SISWA) 3.3.1 Tabel User (SISWA)
3.3.1 Tabel User (SISWA) 3.3.1 Tabel User (SISWA)
II. PENGUJIAN ATAU ANALISIS SISTEM Pengujian dilakukan menggunakan browser Google Chrome sebagai pengoperasi script PHP yang telah dibuat. Setelah browser terbuka, masukkan pada Address bar alamat localhost/ta/login.php. Apa maksudnya?, alamat ini menandakan bahwa file utama terletak pada folder C:\xampp\htdocs\TA\login.php, lalu mengapa tidak di tulis lokasi aslinya seperti itu?, karena localhost telah mewakili file sebuah sistem yang berada di dalam folder htdocs. Localhost dengan sendirinya mengidentifikasi sebuah file yang ada dalam tubuhnya, sehingga tidak perlu menuliskan lokasi drive yang ada pada komputer seperti C\:. Setelah di tekan enter maka akan muncul tampilan LOGIN FORM seperti gambar berikut ini: Gambar 4.1: Tampilan LOGIN FORM yang mengawali ujian
Tampilan LOGIN FORM terdiri atas 2 buah kolom, 2 buah label, dan dua buah tombol. Kolom pertama yakni username, kolom kedua yakni password. Kemudian 2 buah label yang menampilkan keterangan kolom textbox. Terakhir adalah tombol Login dan tombol Batal. Tombol LOGIN berfungsi untuk masuk ke lembar soal. Sedangkan tombol Batal untuk menghapus tulisan yang telah di ketik di kolom textbox.
III. PENUTUP 5.1 Kesimpulan Berdasarkan hasil dan pembahasan sebelumnya maka dapat disimpulkan bahwa: Dalam pembuatan suatu situs penerimaan mahasiswa baru berbasiskan website dibutuhkan suatu pengetahuan dalam pembuatan web dan bahasa pemograman web agar tidak terjadi kesalahan dalam pembuatannya. Pemrograman web dapat menggunakan bahasa pemograman web seperti PHP, HTML, MysSQL dan aplikasi XAMPP sebagai server buatan juga membuat databasenya. Website ujian online bermanfaat bagi pelajar SMP dalam memudahkan proses ujian tampa harus menggunakan kertas. Website ini diharapkan dapat membantu guru dalam pengoreksian ujian siswa karena hasil ujian dapat langsung dihitung di website ini. 5.2 Saran Membangun website local ujian biologi dengan bab yang lebih beragam. Membuat fitur kategori untuk memilih bab yang lainnya. Menggunakan bahasa pemrograman web yang lebih variatif seperti javascript dan lainnya. Membuat website ujian local yang berisi materi, kuis dan ujian dalam satu kesatuan. Mempublikasikan website ujian local tersebut menjadi online dan dapat di manfaatkan oleh para pengajar institusi pendidikan [1] http// www.w3schools.com [2] http://www. blog.rosihanari.net IV. DAFTAR PUSTAKA