Blog Nur Akhwan

Blog Nur Akhwan - Blog tentang Pemrograman Web dengan Bahasa PHP, Download Gratis Aplikasi Web PHP

Tampilkan postingan dengan label Aplikasi Ujian Online. Tampilkan semua postingan



Dalam membuat soal, pada mata pelajaran tertentu seperti Bahasa Inggris atau Bahasa Indonesia, diperlukan sebuah soal yang mengharuskan untuk menambahkan file audio untuk diperdengarkan kepada siswa yang mengerjakan, atau istilah kerennya adalah soal listening. 

Tentunya dalam aplikasi CAT versi dua ini, juga menyediakan feature untuk menginput soal listening tersebut. Dalam pembuatannya nanti guru/pembuat soal akan mengupload file audio, yang dalam aplikasi CAT versi dua ini format file audio yang diperbolehkan adalah format .MP3 dan .WAV. Jika ada error pada saat mengupload file, karena file terlalu besar, bisa diedit di settingan php di file php.ini.

Untuk lebih jelas, dalam cara membuat soal listening ini, bisa disimak video di bawah ini :



Sekian dan terima kasih...



Dalam membuat soal ujian online, dalam mata pelajaran tertentu seperti matematika, ipa, fisika, tentu ditemukan soal-soal yang menggunakan simbol-simbol tertentu. Kalau dalam Microsoft Word ada add ins yang dapat digunakan untuk menuliskan simbol-simbol tersebut, yang dikenal dengan nama Equation Editor. 

Nah, dalam aplikasi CAT versi dua ini, dalam rangka memudahkan user dalam menginput simbol simbol matematika, telah menyediakan fasilitas untuk menginputkan simbol-simbol tersebut. CK Editors, html text editor yang digunakan di aplikasi cat versi dua ini, telah meng-includekan fungsi pembuatan Equation tersebut.

Untuk penggunaan Equation di CK Editor, ini komputer diharuskan online full seratus persen (baik saat pembuatan soal, review, maupun pada saat ujian), karena setelah saya pelajari ternyata, proses pembuatan  equation di sini adalah menggenerate image simbol yg dibuat di server-nya Codegog (servernya pembuat plugin ini). Oleh karena itu, jangan kaget, kalau misalnya pass offline, simbol nya tidak keluar. Cek koneksi internet Anda, itu solusinya.. haha..

Langsung saja, simak cara pembuatan equation di aplikasi cat dua berikut ini : 




Mudah dan hemat, bukan. hehe. Jangan lupa, update aplikasi CAT nya ke versi dua, agar bisa menggunakan fitur equation ini. Terimakasih.. Cuzzz

Selamat pagi, pemiasa, pengunjung blog Nur-Akhwan.Web.Id. Apa kabar..? Semoga dalam lindunganNya. Alhamdulillah, tahun 2017, berusaha nge-posting lagi di blog. Sudah cukup lama, sekali, setelah terakhir posting di bulan Januari 2016, yaitu posting tentang Cara setting aplikasi ujian online di jaringan untuk banyak komputer client.

Oke, melanjutkan dari postingan yang terakhir, maka postingan saya kali ini juga masih seputar Aplikasi Ujian Online (CAT) yang pernah saya posting di blog ini, yaitu Download Aplikasi Ujian Online dengan Codeigniter, Ajax, JSON. Aplikasi yang saya posting tersebut, saya sebut sebagai Versi Kesatu dari aplikasi CAT saya. Nah, Alhamdulillah, masih diberi kesempatan untuk melanjutkan pengembangan aplikasi CAT tersebut. Dan pada tanggal 27 Januari 2017 kemarin, saya anggap sudah cukup untuk saya launching versi terbaru dari aplikasi CAT tersebut, yaitu CAT Versi Kedua.

Apa yang baru..?



Berbicara mengenai pengembangan suatu aplikasi/software, pastinya yang namanya versi terbaru merupakan pengembangan, penambahan fasilitas, dari versi yang lama. Nah, pada Cat Versi Dua ini, ada beberapa fasilitas yang saya tambahkan. 

Level Admin :

  1. Data siswa dengan fasilitas paging dan pencarian data siswa langsung.
  2. Import data siswa dengan format excel, dengan format data yang telah ditentukan.
  3. Reset password user level siswa.
  4. Data guru dengan fasilitas paging dan pencarian data guru langsung.
  5. Import data guru dengan format excel, dengan format data yang telah ditentukan.
  6. Reset password user level guru.
  7. Data soal dengan fasilitas paging dan pencarian data soal langsung.
  8. Import data soal dengan format excel, dengan format data yang telah ditentukan.
  9. Otomatis hitung statistik soal (jumlah yang menjawab benar, dan salah)
  10. Otomatis siswa mengikuti semua mata pelajaran (fasilitas setting mapel siswa pada CAT versi sebelumnya dihilangkan)

Level Guru :
  1. Data soal dengan fasilitas paging dan pencarian data soal langsung.
  2. Import data soal dengan format excel, dengan format data yang telah ditentukan.
  3. Otomatis hitung statistik soal (jumlah yang menjawab benar, dan salah)
  4. Pembuatan ujian dengan batasan waktu mulai, dan toleransi terlambat
  5. Ujian dengan menggunakan token (seperti UNBK)
  6. Fitur pembatalan keikutsertaan ujian

Level Siswa :
  1. Perbaikan tampilan saat mengikuti ujian.
  2. Pengisian token saat akan mengikuti ujian

Untuk lebih jelasnya, bisa langsung download ke alamat github.com, : 


Update versi Installer 
Update versi installer merupakan solusi terbaru dari berbagai masalah saat penginstallan aplikasi CAT ini. Dalam versi installer ini tidak hanya source code program yang didownload, tetapi juga file-file XAMPP yang telah sesuai dan cocok dengan source code aplikasi cat ini. Anda tidak perlu direpotkan dengan menginstall XAMPP, setting htaccess, setting module Apache, setting php.ini, dll, karena di versi installer ini sudah saya buat agar aplikasi CAT dapat berjalan dengan optimal, sesuai dengan XAMPP di tempat saya. Untuk link downloadnya adalah sebagai berikut : 

http://www.4shared.com/file/R6QdRMtTce/InstallerCAT20_16022017.html  - tidak jadi, akan diperbaiki di lain waktu :) -

Itu saja pemiarsa, yang dapat saya sampaikan. Ada kurang lebihnya mohon maaf, Wassalamu'alaikum warah matullohi wabarakatuh.
Selamat malam. Salam jumpa lagi di tahun 2016 bersama blog kita tercinta http://nur-akhwan.blogspot.com/ . (Haiyah, nganggo kata “tercinta”, koyo opo waeh). Yak, tahun baru, semangat baru buat ngisi blog ini. (Lagi nggak mau ngomongin resolusi, soalnya perjalanan hidup gw monochrome, aja). 

Skip..skip, 2016 gak boleh kebanyakan basa basi. Harus yakdesss.. hehe. Yak, kali ini saya mau berbagi tips sederhana, tentang bagaimana me-multi-userkan aplikasi ujian online berbasis web, yang pernah saya posting sebelumnya. Alhamdulillah, banyak yang sudah mendownload dan memasang di komputernya masing-masing. Ada yang berhasil, ada yang gagal. Yaa, itu sudah biasa, namanya juga usaha :P.

Untuk yang dijadiin tugas kuliah, sih, tinggal diinstall di komputer sendiri, asal bisa jalan, tunjukin ke dosen, beres. Nah, karena banyak juga yang diaplikasikan beneran, dan digunakan untuk banyak user, dengan satu komputer sebagai server, dan diakses oleh banyak klien, ( dan itu sungguh diluar perkiraan saya, pemiarsa) banyak juga yang gagal gara-gara tidak bisa diakses oleh komputer klien. Oleh karena itu disini saya ingin membagikan cara setting aplikasi ini agar bisa diakses oleh banyak klien dalam satu jaringan. Ok, cekidot. Oiya, petunjuk ini saya aplikasikan di komputer dengan sistem operasi WINDOWS, untuk sistem operasi lain, menyesuaikan, yak :


  1. Pastikan sudah download aplikasi CAT Online disini :
  2. Sediakan satu komputer, yang selanjutnya bisa saja disebut sebagai “SERVER”, yang nantinya disini akan diakses oleh komputer klien.
  3. Pastikan di komputer tersebut sudah diinstall web server, semisal XAMPP (download disini), atau WAMP (download disini). Untuk mengecek apakah sudah terinstall web server, dan berjalan, ketikkan di browser komputer SERVER http://localhost/. Jika sudah, akan muncul halaman beranda dari webserver sesuai yang kita install
  4. Copykan folder aplikasi CAT hasil download dari GitHub tadi, ke root folder web server :
    • Di XAMPP, taruh di folder => XAMPP/htdocs/
    • Di WAMP, taruh di folder => WAMP/www/
    Untuk memastikan langkah ini sudah benar, bisa dicek http://localhost/cat/, makan dipastikan tampilannya adalah sebagai berikut : 
    Itu berarti database belum dibuat , silakan buat databasenya, sesuai dengan langkah-langkah di postingan :
    Cara setting aplikasi ujian online di jaringan untuk banyak komputer client
  5. Sekarang, akses http://localhost/cat/, pastikan tampilannya adalah seperti di bawah ini.
    Jika iya, berarti proses install aplikasi ujian online di komputer SERVER berhasil dengan mulus. Coba login dengan username dan password sesuai di postingan saya, berarti double mulusnya.
  6. Selanjutnya sekarang adalah cara membuat dari aplikasi ujian online di komputer SERVER ini bisa diakses oleh komputer lain dalam satu jaringan. Buka command promt (Shortcut : Tombol Windows + R), kemudian ketikkan cmd, kemudian OK.
  7. Selanjutnya ketikkan ipconfig, akan muncul :
    Catat alamat IP yang di garis bawah merah tersebut. Itu merupakan alamat IP dari komputer SERVER, yang nantinya akan kita jadikan alamat akses dari komputer CLIENT.
    (bagian IPV4 Address, ini di windows 7, di windows xp, atau vista mungkin agak beda, intinya yang IPV4 Address gitu).
  8. Selanjutnya kita masuk di konfigurasi aplikasi ujian online, buka file “application/config/config.php” : 
    Perhatikan baris ke – 4 => $config[‘base_url’] = ‘http://localhost/cat/’; Silakan ganti “localhost” dengan alamat IP komputer yang kita dapatkan dari langkah nomor 7 tadi, menjadi seperti di bawah ini :
    Setting di komputer SERVER sudah selesai. Anda bisa mengakses aplikasi dari komputer SERVER dengan alamat http://localhost/cat/, ATAU juga bisa http://192.168.0.253/cat/
  9. Kemudian kita masuk ke salah satu komputer CLIENT. Kita buka Command Prompt lagi, kemudian ketikkan : ping 192.168.0.253 (alamat IP komputer SERVER)
    ping 192.168.0.253 (alamat IP komputer SERVER)
    jika koneksi jaringan berhasil akan muncul
    Jika hasilnya BUKAN “Reply from .....dst” maka dipastikan setting jaringan komputer anda masih salah, silakan hubungi administrator jaringan.
  10. Sekarang akses aplikasi ujian online di komputer SERVER, melalui browser di komputer klien, dengan alamat http://192.168.0.253/cat/. Jika berhasil akan muncul aplikasi ujian online dengan mulus.
  11. Nah, jika gagal, dan tampil halaman error “Forbidden” atau apalah sejenisnya, untuk menanggulanginya bisa dilihat posting saya tentang setting WAMPP server agar bisa diakses lewat jaringan, di link berikut ini :
    Membuat WAMP Server Bisa Diakses Di Jaringan LAN
    Catatan : Langkah itu diterapkan di komputer SERVER
  12. [Update 18 November 2016] Jika masih GAGAL lagi, bisa dicoba opsi berikutnya, yaitu setting Firewall di komputer server (jika OS-nya Windows, nggak tahu Linux ada firewall kagak *jangan diketawain, yak.. :D :D). Caranya masuk menu : Start > Control Panel > Windows Firewall. Terus di menu sebelah kiri pilih "Allow a program or feature trough Windows Firewall", kemudian pastikan "Apache HTTP Server" dan "mysql" (klo nggak ada tulisan seperti itu, ya kata-kata yang mirip apache atau mysql) termasuk di situ, dan tercentang. Contoh : 
Demikian itu tadi pemiarsa, langkah-langkah setting aplikasi ujian online agar dapat diakses oleh komputer CLIENT dalam satu jaringan. Sekian.
  1. Langkah pertama download aplikasi ujian online paling update HANYA di Github, urlnya https://github.com/akhwan90/cat, langsung menuju tombol “Download ZIP” :
  2. Langsung simpan di folder root web server anda 
    • Di XAMPP, taruh di folder => XAMPP/htdocs/
    • Di WAMP, taruh di folder => WAMP/www/
  3. Buka folder  XAMPP/htdocs, pastikan ada file “cat-master.rar”. Kemudian klik kanan, jika sudah terinstall WinRAR, pilih pilihan “Extract Here” :
  4. Akan terbentuk folder “cat-master”, dan segera rename folder tersebut menjadi “cat”
  5. Sekarang akses dengan web browser dengan alamat http://localhost/cat/, akan tampil tampilan sebagai berikut :
    Itu berarti database dengan nama “db_cat” belum dibuat, lanjut ke langkah selanjutnya.
  6. Buat database dengan nama “db_cat”, caranya buka http://localhost/phpmyadmin/
  7. Klik menu “Basis Data” (a), buat database dengan nama “db_cat” (b), terakhir klik “Buat” (c)
  8. Jika berhasil, nama database akan muncul di menu daftar nama database di menu sebelah kiri. Klik “db_cat” tersebut :
    Kemudian klik menu “Import” (d), kemudian tombol “Pilih File” (e), terus cari file dengan nama “db_cat.sql”, yang terdapat dalam folder hasil ekstrak di langkah ke-3, (f), dan klik tombol “Open” (g)
  9. Klik tombol “Kirim” : 
  10. Jika proses import berhasil dengan lancar, akan muncul peringatan warna hijau dan daftar tabel di menu sebelah kiri : 
  11. Sekarang akses kembali http://localhost/cat/, harusnya akan tampil tampilan sebagai berikut : 
  12. Jika masih ada error “A Database Error Occurred : Unable to connect to your database server using the provided settings.”, berarti setting database belum benar. Cek di file “application/config/database.php”. Harap samakan dengan setting sesuai default servernya. Di XAMPP kalau belum di-ubah-ubah akan seperti ini : 
    Jika kebingungan, tanyakan pada yang menginstallkan web-servernya :P
  13. Selesai
Demikian itu tadi pemiarsa, langkah-langkah setting aplikasi ujian online. Sekian.