Aplikasi PAM/Pamsimas Gratis Laravel

Kembali lagi blog ini menghadirkan free download aplikasi web PHP. Hadir kembali di tahun 2022 akhir, kali ini dengan tech stack yang baru, yang berbeda dengan postingan-postingan sebelumnya. Jika postingan-postingan sebelumnya banyak didominasi aplikasi PHP dengan menggunakan Codeigniter 3, kali ini admin ikut-ikutan trend dengan menggunakan framework PHP modern terkini terupdate dan ter-zaman now, yaitu Laravel.

Pada kesempatan ini, admin ingin membagikan aplikasi PHP gratis dengan framework Laravel, yaitu aplikasi untuk mengelola manajemen Perusahaan Air Minum (PAM), atau di desa saya disebut Pamsimas. Aplikasinya masih sederhana, tapi semoga berguna bagi pengelola PAM yang ingin memanfaatkan.

Aplikasi ini terdiri dari 2 (dua) jenis user : 

1. Admin : yang bertugas di kantor pengelola PAM,  tugasnya :
1. menginput data user, 
2. menginput data pegawai, 
3. menginput data pelanggan,
4. menginput data golongan tarif,
5. menginput data pembayaran
2. Pencatat Meter, tugasnya :
1. keliling mencatat penggunaan air pelanggan
2. menginput data pembayaran

Sekilas alur aplikasi PAM ini adalah sebagai berikut :

1. Admin menginput data user
   
   
   
   
   
2. Admin menginput data pegawai, dan menambahkan dari user yang barusan dibuat
   
   
   
   
   
   
   
   
   
3. Admin menginput data pelanggan
   
   
   
   
   
4. Admin menginput data golongan tarif
   
   
   
   
   
5. Pencatat Meter berkeliling untuk mencatat penggunaan air meter, bisa dengan scan QR code nomor rekening pelanggan :
   
   
   
   
   
   
   
   
6. Jika pelanggan akan membayar langsung kepada Pencatat Meter, bisa langsung diinput oleh Pencatat Meter
   
   
   
   
   
   
   
   
   
   
7. Selain membayar langsung melalui Pencatat Meter, pelanggan juga bisa datang ke kantor pengelola PAM  untuk membayar, dan dicatat oleh Admin
   
   

Selanjutnya untuk link download nya ada di Github di alamat : 

https://github.com/akhwan90/pam

Aplikasi dapat diinstall di localhost dan juga dihostingkan. Jika diinstall di localhost, maka fitur admin pencatat meter tidak bisa dilakukan dengan berkeliling ke pelanggan, karena membutuhkan aplikasi yang bisa diakses dari internet. 

Adapun persyaratan yang harus dipenuhi jika diinstall di localhost adalah sebagai berikut :

1. Terinstall web server, bisa memakai Laragon, download di sini. 
2. Terinstall Composer, untuk menginstall library aplikasi, caranya download di sini.
3. Terinstall Git, didownload di sini.

Langkah-langkah penginstallan aplikasi :

1. Masuk ke folder root folder Laragon
   
   
   
   
   
2. Klik kanan pada bagian kosong explorer, pilih Open In Terminal
   
   
   
   
   
3. Pada terminal ketikkan : git clone https://github.com/akhwan90/pam
   
   
   
   
   
4. Kemudian ketikkan cd  pam, diikuti composer install
   
   
   
   
   
5. Buka Heidi SQL / phpmyadmin, buat database dengan nama db_pam
6. Copy file .env.example dan renam menjadi .env, pada folder aplikasi
   
   
   
   
   
7. Buka file .env tersebut, edit pada bagian di bawah ini dengan database yang barusan dibuat :
   
   
   
   
   
8. Kembali ke terminal, ketikkan php artisan migrate
   
   
   
   
   
9. Kemudian diikuti php artisan serve
   
   
   
   
   
10. Kemudian buka browser Google Chrome / Firefox, ketikkan alamat http://127.0.0.1:8000
    
    
    
    
    Jika tampil error seperti di atas, klik saja tombol Generate app key, dan akan tampil halaman aplikasinya : 
    
    
    
    
    
11. Karena belum ada user yang dibuat, maka buat user admin dengan mengetikkan di browser : http://127.0.0.1:8000/crtUser, jika berhasil akan tampil halaman kosong :
    
    
    
    
    
12. kemudian kembali ke halaman login tadi, dan login dengan username : administrator@system.net, dan password : admin123
13. Jika sukses akan masuk ke halaman dashboard seperti berikut ini :
    
    
14. Proses install aplikasi selesai, aplikasi bisa digunakan

Aplikasi bisa di-onlinekan di hosting-hosting pada umumnya, namun akan saya bahas di postingan lainnya. 

Jika pengunjung tidak ingin ribet, saya membuka jasa untuk installasi di hosting, dengan menghubungi saya melalui email akhwan90@gmail.com. Jika pengunjung sudah memiliki hosting, kalau tidak berkenan menginformasikan username dan passwordnya, bisa saya remote melalui AnyDesk.

Jika pengunjung belum mempunyai hosting dan domain, bisa membeli hosting, domain dan install aplikasi PAM di saya. Terimakasih

Sekian dan terimakasih.. 

Free Download Aplikasi Rapor Kurikulum 2013 Web

Assalamu'alaikum warah matullohi wabaraktuh.  
Selamat pagi, dan salam Pemuda.. (waktu posting ini dibuat pas hari sumpah pemuda 2017). Sedikit agak kaku dan semacam kehilangan kata-kata buat mengawali sebuah postingan blog, dikarenakan ketidak konsistenan saya sebagai pemilik blog ini.  Langsung saja, tanpa basa-basi, bertepatan dengan hari Sumpah Pemuda ke 89, tanggal 28 Oktober 2017, ini, saya akan membagikan lagi Aplikasi Web secara gratis, lisensi bersifat opensource (walaupun batasan opensource saya juga tidak tahu :p). Aplikasi yang akan saya bagikan adalah Aplikasi Raport Kurikulum 2013 Berbasis Web. Yak, itu, namanya, dan belum punya nama resmi, seperti aplikasi-aplikasi saya terdahulu, yaitu ASAMURAT dan CAT. 

Yak, seperti namanya, aplikasi ini digunakan untuk mengelola raport, dari mulai input data siswa, guru, mata pelajaran, input nilai dan lain sebagainya. Kebanyakan yang hadir selama ini, aplikasi raport kurikulum 2013 adalah memakai file excel, yang sepertinya kurang praktis, dan sulit untuk digunakan secara multi user dalam waktu bersamaan. Tetapi dengan aplikasi berbasis web ini, aplikasi dapat dipakai oleh banyak user dalam waktu yang bersamaan, dan dari mana saja, dalam kondisi apa saja, misal sambil tiduran, sambil di WC, dan lainnya (asalkan ada internet dan sudah dihosting :D). Artinya, guru bisa menginput nilai siswa secara bersamaan. Dan satu lagi, kelebihan aplikasi ini, tersedia berbagai macam fitur import, dari import data siswa, import data nilai pengetahuan, nilai keterampilan, dll.

Oiya, buat para pendownload, boleh menyebarluaskan aplikasi ini, namun dengan tetap memperhatikan etika-etika dunia maya yang berlaku :D. Misalnya, harus mencantumkan sumber download, dan URL blog saya ini, dan juga jangan menghilangkan credit di aplikasi. Mau donasi..? Juga diterima dengan lapang hati, dan diucapkan banyak terimakasih. :D.

Oke, langsung saja menuju link downloadnya, di bawah ini :

https://github.com/akhwan90/rapor2013

Wassalamu'alaikum warah matullohi wabarakatuh

Cara membuat soal listening di UNBK CAT dua

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...

Membuat Soal dengan Equation di Aplikasi CAT 2

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

Release : Aplikasi Ujian Online Versi Dua, Seratus Persen Gratis

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, : 

https://github.com/akhwan90/cat/tree/cat_dua

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.

Cara setting aplikasi ujian online di jaringan untuk banyak komputer client

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.

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.