Langkah-langkah install aplikasi ujian online berbasis web

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.

Download Aplikasi Ujian Online dengan Codeigniter, Ajax, JSON

Aplikasi Ujian Online, adalah aplikasi yang digunakan untuk melakukan proses ujian , tanpa menggunakan kertas (paperless) , atau sekarang ngetren dengan nama Computer Based Test (CBT), atau Computer Assisted Test (CAT). Semua proses ujian dilakukan melalui komputer, mulai dari pembuatan soal, pengaturan kelas, pengaturan user yang bisa ikut ujian, pengaturan guru mengajar, sampai proses ujian, dengan memanfaatkan teknologi rekayasa web. Tipe soal yang bisa masuk ke aplikasi ujian online di pembahasan ini adalah tipe soal pilihan ganda. 

Hue..hue.. 13 Desember 2014, posting terakhir di blog ini. Sekarang 27 September 2015, hampir 9 seperti bayi di dalam kandungan. Lama sudah tak ku-update blog ini. Untung-untung masih bisa ingat username dan password bloggernya. Mau nulis pengantar posting pun, ngeri-ngeri sedap susahnya. Bisa dibaca sendiri, kaku-kaku ngilu gimana, gitu pengantarnya. Yah, inilah yang namanya keterampilan menulis, memang harus selalu diasah terus-menerus setiap waktu, agar bisa nge-tune buat nulis setiap saat. 

Ah, basa-basinya basi. Langsung aja gaes, menuju TKP, seperti biasa, sesuai judul blog-nya di atas, tentang pemrograman PHP, maka pada kesempatan ini, perkenankanlah saya mau nge-share aplikasi lagi berbasis web, yaitu Aplikasi Ujian Online berbasis Web, dengan Codeigniter. Ya, nggak cuma kemampuan nulis yang stagnan, urusan dunia pemrograman web, juga masih stagnan di Codeigniter, belum mau pindah ke lain hati, eh lain framework. Mungkin, itu sebagai salah satu pertanda bahwa saya tipe pe-setia, (ya aganwati). 

Menuju ke deskripsi aplikasi, seperti tersebut di bawah ini :

Design Interface :

• Design masih tetap menggunakan framework CSS, Twitter Bootstrap

Pemrograman :

• PHP dengan framework : Codeigniter versi  2.x.x (ane lupa versinya, yang jelas versi 2)

• Javascript jQuery, untuk menghandel perintah-perintah AJAX, dan lainya.

• format data JSON untuk pertukaran data antara server dgn client, pada menu-menu yang ber-AJAX

Spesifikasi minimal komputer :

• Minimal Pentium 4, RAM 256 MB

• Terinstall paket web server, misalkan WAMP, XAMPP, dengan Apache minimal 2.x.x, PHP minimal versi 5.3, MySQL

• Manajemen database, ane sudah move-on dari phpmyadmin ke HeidiSQL

Level user yang terdaftar :

• Admin, merupakan level tertinggi dari aplikasi, bisa memanej data : guru/dosen,  siswa, mata pelajaran, soal, lihat hasil ujian

• Guru, mempunyai akses, bisa memanage data : soal, daftar ujian, dan melihat hasil ujian

• Siswa, mempunya akses, bisa mengikuti ujian, sesuai dengan mata pelajaran yang ia ikuti, yang diatur oleh  level admin, dan melihat hasil ujian.

Gambaran singkat aplikasi  :

• Saat berhasil pertama kali menginstall aplikasi ujian online ini, maka masuklah ke sistem dengan level admin (username : admin, password : admin)
• Isikan data siswa dan data guru di menu yang tersedia. Banyak yang bertanya cara setting user untuk siswa dan guru bagaimana..? Nah, disini lah saatnya mengatur user untuk siswa dan guru. Setelah data siswa atau guru diinputkan, akan muncul link "aktifasi user". Jika dia tidak muncul link "aktifasi user" maka berarti user siswa/guru tersebut sudah aktif. Mohon maaf, belum ada link reset passwordnya. Bisa ditambahkan oleh Anda sendiri.. hehe :)
• Setiap siswa HARUS disetting mata pelajaran yang diikutinya. Jika tidak ia tidak akan bisa mengikuti ujian untuk mata pelajaran tersebut. Ada menu "set mapel" di setiap data siswa yang ada.
• Setiap guru HARUS disetting mata pelajaran yang diampunya. Jika tidak ia tidak bisa membuat soal untuk mata pelajaran yang dimaksud. Ada menu "set mapel", sama seperti di data siswa.
• Admin bisa menginput, mengedit dan menghapus data soal yang diinput oleh semua guru yang terdaftar di sistem.
• Jika ada yang tidak bisa menginstall, bisa dibaca postingan saya : Langkah-langkah install aplikasi ujian online berbasis web

Screenshoot

Single Login untuk semua level User

Menu Level Admin

Menu Level Guru

Menu Level Siswa

Demo

Jika mau mencoba bisa diklik link di bawah ini :

DEMO

Daftar Username & Password Demo :

No	Level	Username	Password
1	Admin	admin	admin
2	Guru	guru1	admin123
3	Siswa	siswa1	admin

Download

Link download source code dan database, saya share di GitHub : 

DOWNLOAD

Forum Diskusi 

Jika ada bug, aplikasi tidak jalan, dan kesalahan lainnya, bisa post "Issues" di URL :

https://github.com/akhwan90/cat/issues/new

Atau bisa di komentar posting.

Tambahan

Aplikasi Ujian Online ini saya bagikan secara Gratis, tanpa dipungut biaya. Bahkan Anda diperkenankan untuk mengubah source code di dalamnya. Namun, saya mohon pengertiannya, agar tetap mencantumkan sumbernya (jangan menghilangkan copyright, kecuali untuk keperluan kuliah), dan mempergunakannya dengan bijaksana. TIDAK UNTUK DIPERJUAL BELIKAN KEMBALI.

Codeigniter pindah rumah ke BCIT

Eh, ada yang punya rumah baru, gaess. Sang Kode Pencerah (bukan judul filem) alias Codeigniter, sekarang telah berganti kepemilikan dan menempati rumah barunya. Eitss.. siapa si ndoro-nya atau pemilik Codeigniter yang baru..? The British Columbia Institute of Technology, yang berbasis di Vancouver, Kanada (Yogyakarta sebelah barat, ahahaha), adalah sekarang pemilik sah dan meyakinkan framework PHP Codeigniter tersebut. 

Setelah dilakukan pemilihan pemilik baru melalui proses yang sangat terstruktur, sistematif, masif, posesif, kompetitif dan berjalan dengan kondusif, pemilik awal Codeigniter, Ellislab, akhirnya memutuskan menjatuhkan pilihan The British Columbia Institute of Technology (yang pada kesempatan ini saya sebut BCIT), sebagai pemilik selanjutnya, dan meneruskan pengembangan dari framework Codeigniter ini. Terpilihnya BCIT ini tidak lepas dari dukungan dan kapabilitas BCIT sebagai sebuah kampus yang memiliki jumlah mahasiswa sebanyak 48.000 mahasiswa terdaftar, dan program setiap tahunya sekitar 350. Saya juga kurang begitu ngerti angka-angka yang dilansir di situs Ellislab-nya, kok rada janggal, yang jelas kalau benar segitu, pastinya sama dengan jumlah mahasiswa di kampus saya STMIK El Rahma, Yogyakarta,  tentunya 500 tahun kedepan. Ahaha.. Selain itu fasilitas-fasilitas pendukung untuk pengembangan projec Codeigniter di kampus ini, sangatlah mumpuni. 

Sedikit mengulang kembali kenangan saya dengan Codeigniter ini. Pertama kali kenalan sekitar tahun 2012 yang lalu saat mata kuliah Web Dinamis Lanjut. Awalnya saya kurang begitu tertarik dengan pemprograman model-model framework ini. Lebih suka yang PHP murni gitu. Maklum, kalau belum kenal, ya males buat belajarnya, apalagi istilah-istilah konsepnya yang asing, seperti controller, view, dan model. Namun, beberapa teman dan dosen-dosen di kampus kok berkata bahwa dengan menggunakan PHP framework yaitu Codeigniter, pekerjaan mengetik kode jauh lebih mudah dan cepat. Berbekal rasa penasaran tersebut, saya secing-secing di google tentang framework tersebut, dan ketemu dengan situs Mediatutorial.web.id. Di situ ada video tutorialnya, dan berbekal video tutorial tersebut saya belajar sedikit demi sedikit Codeigniter tersebut. Lama-kelamaan kok ternyata keenakan dengan framework tersebut. Filosofi ringan dan mudah dipelajari dari Codeigniter, ada benar-benar terbukti, oleh saya yang sangat newbie hanya modal keterampilan sedikit dasar-dasar pemrograman PHP. Alhamdulillah, sampai sekarang, masih bertahan dengan framework ini, walaupun gempuran-gempuran framework PHP baru seperti Laravel, Yii, Symphony dll yang sangat masif. Project pertama kali menggunakan Codeigniter adalah website SD sederhana dengan Codeigniter dan Twitter bootstrap, yang saya posting di blog ini dan bisa didownload di postingan ini. Selanjutnya, sebagai freelance perwebsite'an saya sepenuhnya mengandalkan Codeigniter ini. Terima kasih Codeigniter.

Sekarang, laman resmi Codeigniter telah berganti di alamat http://www.codeigniter.com/. Halaman github-nya yang mau nge-git, pun sekarang dipindakan ke alamat https://github.com/bcit-ci/CodeIgniter. Adapun versi terakhir dari Codeigniter yang dikembangkan oleh Ellislab adalah versi 2.2.0. Sedangkan versi yang akan dikembangkan oleh BCIT nantinya akan mempergunakan versi 3.x.x. Semoga, dengan berpindahnya kepemilikan ini, Codeigniter dapat berkembang lebih pesat, menyesuaikan dengan framework-framework lainnya dan tentunya tetap GRATISSSS, lisensinya.. Ahahaha..


*) PROMOSI JASA 
Jangan lupa klo membutuhkan website profil, website sekolah, sistem informasi, yang ada hubungannya dengan website, hubungi ane saja, gan. Respon cepat hubungi via Whatsapp : 085292747190. 

Cara menambahkan MIME type untuk file .SQL di Codeigniter

MIME merupakan kependekan dari Multipurpose Internet Mail Extension. Pengertiannya adalah sebuah mekanisme untuk mengirim berbagai macam file (seperti file teks, gambar, video, dll) agar browser dapat menterjemahkan isi file tersebut dengan benar. Sesuai namanya, MIME pada dasarnya digunakan pada pertukaran data file di email. Namun, sepertinya, dalam proses upload file di sebuah aplikasi berbasis web, penggunaan MIME ini juga diperlukan.

Permasalahan yang muncul adalah ada beberapa file yang belum/tidak ada/tidak dikenali oleh web server kita. Salah satunya adalah file .SQL. Kebetulan saya membuat sebuah aplikasi berbasis web dengan menggunakan framework Codeigniter, dimana dalam aplikasi tersebut ada fasilitas untuk mem-backup dan merestore database. Otomatis, saya menggunakan tipe file .SQL. Namun ternyata file tipe itu tidak dikenal oleh web server, sehingga setiap kali melakukan validasi upload, akan muncul error : 

The filetype you are attempting to upload is not allowed.

Akhirnya, setelah melakukan pencarian di sana sini tentang bagaimana  cara menambahkan MIME type untuk file .SQL di Codeigniter ini, akhirnya ditemukan solusi, yaitu dengan menambahkan mime type sendiri. Saya mencoba menambahkan di file "application/config/mimes.php" di baris terakhir. Saya menambahkan mimes type SQL pada baris terakhir, dengan cara berikut ini : 

Sebelum

'json' => array('application/json', 'text/json')
);

Sesudah

'json' => array('application/json', 'text/json'),
'sql' => 'application/octet-stream'
);

Dan akhirnya, tadaaaa... setelah dicoba kembali fasilitas restore database dapat berjalan kembali dengan normal.




*) PROMOSI JASA 
Jangan lupa klo membutuhkan website profil, website sekolah, sistem informasi, yang ada hubungannya dengan website, hubungi ane saja, gan. Respon cepat hubungi via Whatsapp : 085292747190. 

Download Aplikasi Perpustakaan Web dengan Codeigniter

Kemajuan teknologi informasi, telah menuntut perpustakaan baik milik sekolah atau instansi untuk bertransformasi menjadi perpustakaan berbasis teknologi informasi dalam hal pelayanannya. Mau tidak mau, teknologi informasi harus diterapkan dalam semua proses bisnis pelayanan perpustakaan. Salah satu penggunaanya adalah dengan menerapkan Sistem Informasi Perpustakaan. Sistem Informasi Perpustakaan adalah sistem aplikasi/software yang digunakan dalam pengelolaan perpustakaan, seperti manajemen data buku, manajemen data anggota, manajemen data transaksi peminjaman, dan lain sebagainya. 

Sebelumnya, saya telah membuat postingan dengan judul Aplikasi Perpustakaan Gratis Berbasis Web. Alhamdulillah, responnya baik sekali dari para pengunjung blog. Namun sayangnya, masih terdapat banyak bug-bug/kesalahan program yang didapati oleh para pengunjung dan pengunduh skrip/source code aplikasi perpustakaan berbasis web tersebut. Fasilitas yang ditawarkan pun masih minim, dan dengan tampilan yang seadanya juga. Hingga beberapa kali saya melakukan perbaikan-perbaikan di segi bug-bug program, dan saya re-upload skripnya. Pada aplikasi perpustakaan tersebut saya masih menggunakan bahasa pemrograman PHP murni, tanpa framework.

Pada posting yang kedua ini, saya kembali lagi membuat sebuah Aplikasi Perpustakaan. Fasilitas yang ditawarkan lebih banyak, daripada aplikasi yang saya posting sebelumnya. Berikut fasilitasnya :

1. Untuk program, masih dengan PHP tapi Aplikasi Perpustakaan ini menggunakan framework Codeigniter.
2. Untuk desain tampilan program, Aplikasi Perpustakaan menggunakan Twitter Bootstraap yang lebih mudah penggunaanya, namun dengan tampilan tetap elegan.
3. Menu data anggota, dengan wewenang akses Tambah, Edit, dan Hapus
4. Menu data buku, dengan wewenang akses Tambah, Edit, dan Hapus
5. Menu data transaksi, dengan satu anggota bisa meminjam buku sebanyak 2 buku, dalam satu kali transaksi.
6. Menu peralatan (tools), yaitu backup, restore, dan optimize database
7. Menu laporan pengunjung, laporan peminjaman, laporan buku, laporan anggota, laporan statistik terbanyak.
8. Menu data referensi jenis pustaka, kelas pustaka, lokasi pustaka.
9. Menu pengaturan, pengaturan nama perpustakaan, pengaturan hari libur, dan pengaturan peminjaman.
10. Pada tampilan awal, akan ditampilkan halaman buku tamu pengunjung perpustakaan (seperti pada aplikasi perpustkaan berbasis web sebelumnya.

Screenshot halaman depan Aplikasi Perpustakaan

Untuk dapat melihat Demo Aplikasi Perpustakaan Berbasis Web dengan Codeigniter dan Twitter Bootstraap, anda dapat meng-klik tautan di bawah ini :

DEMO APLIKASI PERPUSTAKAAN 

Sementara untuk Link Download Aplikasi Perpustkaan Berbasis Web dengan Codeigniter dan Twitter Bootstraap, belum dapat kami publikasikan, karena saya masih saya perbaiki. Insha Alloh, dalam waktu dekat, akan segera saya upload di 4shared.com. 

DOWNLOAD APLIKASI PERPUSTAKAAN

1. Download Database Aplikasi Perpustakaan Codeigniter
2. Download Source Code Aplikasi Perpustakaan Codeigniter 

UPDATE 24 MARET 2017

https://github.com/akhwan90/perpus/

Perhatian, agar aplikasi dapat berjalan dengan normal : 

Konfigurasi :

• Nama database : "db_simpustaka"

• Hostname database : "localhost"

• User database : "root"

• Password database : <kosong>

• Base URL : "http://localhost/simpustaka"

• PHP short open tag : HARUS AKTIF

• Apache Rewrite Module : HARUS AKTIF 

Aplikasi Perpustakaan Berbasis Web dengan Codeigniter dan Twitter Bootstraap ini saya bagikan secara Gratis, tanpa dipungut biaya. Bahkan Anda diperkenankan untuk mengubah source code di dalamnya. Namun, saya mohon pengertiannya, agar tetap mencantumkan sumbernya (jangan menghilangkan copyright, kecuali untuk keperluan kuliah), dan mempergunakannya dengan bijaksana, apalagi memperjual belikannya.

Namun begitu, jika dirasa Anda merasa terbantu dengan aplikasi ini, dan ingin memberikan donasi, kami menerimanya dengan tangan terbuka. Donasi dapat dikirimkan ke nomor rekening BRI : 693901006104530 atas nama Nur Akhwan. Berapapun donasi Anda, akan kami terima, dan diucapkan terima kasih yang sebesar-besarnya. Sebagian dari donasi, akan saya pergunakan untuk keperluan TPA (Taman Pendidikan Al-Quran) Al Huda II yang saya kelola di dusun saya, dan akan saya laporkan perkembangannya.

---

*) PROMOSI JASA 
Jangan lupa klo membutuhkan website profil, website sekolah, sistem informasi, yang ada hubungannya dengan website, hubungi ane saja, gan. Respon cepat hubungi via Whatsapp : 085292747190. 

Download Web Profil Sekolah Dengan Codeigniter dan Twitter Bootstraap

Akhirnya, gan. selesai juga tutorial pembuatan website dengan tema website sekolah, dengan menggunakan PHP Framework Codeigniter, dan CSS Framework Codeigniter. Sumpah, ane sulit banget, ngembangin bahasa buat tutorial ini. Maaf, ya gan, pertama-tama emang mau niat buat tutorial yang sangat terstruktur, namun kenyataannya sulit sekali, harus mulai dari mana, dan kemana setelahnya dan setelahnya. Akhirnya, melalui posting ini, langsung saja, ane kasih link download skrip final pembuatan web profil sekolah dengan codeigniter dan twitter bootstraap seperti pada postingan pertama saya yang berjudul Website Profil Sekolah dengan Codeigniter dan Twitter Bootstrap (Bag 1)

Website sekolah dengan codeigniter

Langsung aja, ini link downloadnya, gan, via empat shared dot kom : 
1. Database : 
http://www.4shared.com/document/4wIGMjwoba/blog_web_sekolah.html

2. Source-code :
http://www.4shared.com/rar/XORbUBEWce/blog_web_sekolah.html

Sekian ya gan, mohon maaf, klo misalnya judul postnya di postingan pertama menipu, ane sadar, ane khilaf, mohon maaf yang sebesar-besarnya.. MERDEKAAAA... !!!! :D :D 

*) PROMOSI JASA 

Jangan lupa klo membutuhkan website profil, website sekolah, sistem informasi, yang ada hubungannya dengan website, hubungi ane saja, gan. Respon cepat hubungi via Whatsapp : 085292747190. 

Solusi Error Aplikasi Asamurat..

Posting ini saya buat, semata-mata untuk memberikan pelayanan prima kepada pengunjung setia blog ini, khususnya pada posting Aplikasi Sederhana Manajemen Surat (ASAMURAT) berbasis web.  Halah... pelayanan prima koyo opo wae, bro.. Eh, iya ding, jadi teringat, bahwa ini merupakan salah satu mata diklat di tingkat SMK jurusan Administrasi Perkantoran saya dulu, kalau nggak salah P3 (Prosedur Pelayanan Prima) di SMK Negeri 1 Pengasih. 

Iya, setelah saya membuat posting tentang Aplikasi ASAMURAT, banyak yang sudah mendownload, banyak yang sudah saya kirimi via email. Dan setelah hampir gak tertangani bagi yang sudah merequest via email, saya sediakan link download via ziddu. Namun anehnya lagi, banyak yang nggak bisa terdownload via ziddu, akhir-akhirnya lagi saya buatkan link via empat-shared dot kom. 

Disamping kesulitan download, ada juga error-error yang ditemui. Ya, memang lingkungan aplikasi di tempat saya menguji program di tempat saya bisa saja sangat berbeda 450 derajat dengan di tempat pendownload. Beberapa di antaranya adalah sebagai berikut :

Berdasarkan dari masukan yang masuk ke saya, sebagian besar error adalah :

ERROR : Not found setelah klik login, solusinya :
Error ini kemungkinan besar disebabkan karena fitur dari Web Server (APACHE) yaitu "REWRITE_MODULE" belum aktif. Dalam aplikasi ASAMURAT ini saya menggunakan skrip HTACCESS untuk pembuatan URL SEO friendly, yang mengharuskan fitur "rewrite_module" apache harus aktif. Untuk mengaktifkannya secara umum (baik  untuk WAMP/XAMPP) adalah dengan membuka file "httpd.conf" dan mengedit isinya. File "httpd.conf" ini biasanya terletak di folder "apache/conf/httpd.conf". Berikut langkah-langkahnya : 

1. pertama, matikan service Apache-nya dulu, lewat Start > Control Panel > Administrative Tools > Services, berikut ini. Cari dari dalam list "Apache_xx" xx biasanya menunjukkan versi, klik dobel, akan muncul seperti priview di bawahnya, dan klik Stop  :

2. Buka file di folder "apache/conf/httpd.conf", kemudian buka dengan editor teks, seperti "Notepad++" berikut ini  : 

3. Shortcut Ctrl+F (Find), ketikkan kata kunci "rewrite_module", enter.

4. Cari kata : 
#LoadModule rewrite_module modules/mod_rewrite.so
5. Dan hilangkan tanda pagar "#" di depan kalimat tersebut, menjadi 

LoadModule rewrite_module modules/mod_rewrite.so

kemudian, jangan lupa tutup file "httpd.conf" tersebut.

6. Terakhir, masuk kembali ke Start > Control Panel > Administrative Tools > Services, pilih Apachexx, kemudian klik 2x, dan klik "Start"

7. Dan akhirnya, refresh kembali halamanya, jika berhasil, maka login akan berhasil dengan lancar tanpa terkendali, jika tidak, maka ya error... ulangi lagi, barangkali ada langkah-langkah yang belum dilaksanakan dengan baik.. :P

Muncul tulisan "<?=$this->session->flashdata...dst" atau tulisan-tulisan kode PHP di tempat yang tidak seharusnya, solusinya :