Source Code Ujian Online dengan PHP Web Responsive

Salam sejahtera untuk kita semua, kembali saya bagikan Full source code ujian online 

berbasis web (responsive )

Program ini sudah cukup lengkap, dimana fasilitas yang diberikan adalah :

1. Modul Administrator
2. Modul Center ( Guru )
3. Modul Student ( Siswa )

Menu pilihan yang bisa digunakan :

1. Dashboard
2. Category
3. Sub Category
4. Subject
5. Center
6. Batch
7. Student
8. Exam
9. Question
10. Settings
11. Notice
12. View Result
13. Export dan Import File

Ujian merupakan salah satu cara untuk mengevaluasi proses belajar. Dalam dunia pendidikan ujian dimaksudnkan untuk mengukur taraf pencapaian suatu tujuan pengajaran oleh siswa atau mahasiswa sebagai peserta didik, sehingga siswa atau mahasiswa dapat mengetahui kemampuannya dalam memahami bidang studi yang sedang ditempuh. Bila ternyata hasilnya belum maksimal, maka proses belajar harus ditingkatkan baik kualitas maupun kuantitas (Clara, 2006)

Dengan kemajuan teknologi saat ini pendidikan turut mengalami peningkatan dalam hal kualitas, kecepatan dan juga kemudahan, salahsatunya dengan adanya ujian online. Di banyak negara, memberikan ujian atau penilaian dengan berbasis komputer atau berbantuan komputer sudah menjadi standar dan menjadi semakin menarik untuk bidang pendidikan atau bidang lainnya.

Sekilas Teori tentang Web Responsive

Desain Web Responsif (bahasa Inggris:Responsive Web Design (RWD)) adalah sebuah metode atau pendekatan sistem web desain yang bertujuan memberikan pengalaman berselancar yang optimal dalam berbagai perangkat, baik mobile maupun komputer meja. Dengan metode ini, web akan beradaptasi jika dibuka dari perangkat mobile berukuran kecil maupun perangkat komputer meja dengan ukuran monitor besar. Ukuran huruf, user interface, gambar dan tata letak akan menyesuaikan dengan lebar layar dan resolusi layar monitor yang tersedia. Hasilnya pengguna akan merasakan pengalaman mudah membaca, nyaman dan melihat informasi web tersebut sama dengan jika ia melihat melalui perangkat komputer meja.

Berawal sekitar tahun 2013, terjadi perubahan peningkatan penggunaan mobile device dengan munculnya beragam perangkat cerdas yang terintegrasi dengan ponsel seperti iPhone. Koneksi internet menjadi sebuah keharusan dalam masyarakat modern, dan tidak dapat dimungkiri kemajuan teknologi dan industri ini menuntut setiap individual untuk bergabung dalam sebuah jaringan internet melalui berbagai perangkat cerdas tersebut. 

Dengan menggunakan ponsel cerdas dan koneksi internet yang mumpuni, berselancar di internet menjadi hal yang biasa. Individu dapat meng-update statusnya di Facebook, membaca email, mengirim foto ataupun membaca berita melalui perangkat cerdasnya kapanpun dan dimanapun dia berada. Namun terkadang keterbatasan teknologi web dengan HTML-nya masih sering terjadi pada saat itu. Tidak semua web bisa dibuka atau berjalan secara baik di ponsel cerdas dan Komputer tablet yang umumnya berukuran kecil dibanding perangkat Komputer meja. Bahkan beberapa fitur terkadang tidak bisa beroperasi. Hal inilah yang membuat para web desainer dituntut berfikir menggunakan cara baru dalam menyampaikan informasi di dalam web yang bersahabat dengan perangkat mobile. Desain Web Responsif, membantu menjembatani hal tersebut, dengan menggunakan teknologi baru HTML 5 dan CSS 3. Berlahan berbagai situs web besar seperti Google, Amazon.com, Facebook, Portal berita BBC dan CNN mulai mengadaptasi metode tersebut.

Ciri Web dengan Desain Web Responsif

• User interface-nya beradaptasi di berbagai perangkat berbeda
• Ukuran huruf, tata letak dan gambarnya beradaptasi di berbagai ukuran layar yang berbeda
• Umumnya menggunakan scrolling dan swipe untuk bernavigasi di perangkat mobile

(sumber : wikipedia)

Berikut screenshot dari program yang saya sharing pada saat dijalankan :

Gambar 1. Tampilan Halaman utama (student, center & admin )

Gambar 2. Login Admin

Gambar 3. Halaman utama menu login Admin

Gambar 4. Halaman category

Gambar 5. Halaman subcategory

Gambar 6. Halaman subject

Gambar 7. Manage Question

Gambar 8. Manage Center

Gambar 9. Manage student

Gambar 10. Manage Exam

Gambar 11. Halaman utama siswa ( student )

Gambar 12. Halaman Practice Test ( Student )

Demikian screenshot dari program ujian online ( web responsive ), untuk lebih jelasnya semoga bisa membawa berkah untuk kita semua.

Silahkan langsung Download saja Full Source Codenya hanya ada Disini

Tutorial menjalankan sistem tentunya tinggal di klik saja disini 

Untuk username dan password, bisa dilihat di masing-masing tabel modulnya admin, center dan student.

Jangan lupa temen-temen untuk SUBSCRIBE, LIKE & SHARE. Channel Web hanya di 

SOURCE-QNT

Semoga bisa bermanfaat. Terima kasih - Mr.Dicsr