Download PHPMixBill Modifikasi+Template Hotspot MikroTik

Download PHPMixBill Modifikasi+Template Hotspot MikroTik – Seperti judul artikel kali yaitu Download PHPMixBill Modifikasi+Template Hotspot MikroTik, disini saya akan membagikan source paket PHPMixBill yang sudah saya modifikasi berserta template hotspot sederhana yang sudah saling terintegrasi. Setelah melewati proses trial error yang berulang kali akhirnya pada kesempatan kali ini saya memberanikan diri untuk mempublish source paket PHPMixBill Modifikasi ini.

Tujuan saya memodifikasi PHPMixBill ini hanya karena awalnya saya mencoba memaksimalkan fungsi dan pengintegrasian PHPMixBill untuk kebutuhan pribadi saja, tapi saya rasa ini juga bisa bermanfaat buat kawan-kawan yang mungkin sama-sama menggunakan PHPMixBill ini. Fitur-fitur yang saya modifikasi atau saya tambahkan mungkin tidak terlalu kritis, tapi bagi saya sendiri sangatlah bermanfaat dan penggunaan PHPMixBill ini sebagai billing hotspot mikrotik menjadi lebih efisien. Berikut fitur-fitur yang ada pada PHPMixBill modifikasi ini :

• Kode Voucher PHPMixBill sebagai Autentikasi Login
• Login Otomatis ke hotspot setelah aktivasi
• Aktivasi pada halaman login hotspot (file login.html hotspot harus dimodifikasi untuk penambahan elemen untuk memunculkan popup untuk input kode voucher)
• Penambahan script schedule untuk menghapus user hotspot expire dan kode voucher yang sudah terpakai
• Template login hotspot mode single kolom input
• Kode Voucher dengan design baru dengan beberapa pilihan harga paket (sudah saya sertakan file PSD Photoshop jika ingin merubah harga)
  
  
• Voucher berukuran mini, 36 buah voucher per selembar kertas A4
  
  

Jika anda ingin menggunakan template hotspot sendiri, anda harus memodifikasi file login html untuk penambahan kode html untuk menampilkan link atau tombol yang akan memunculkan popup input kode voucher untuk diaktivasi seperti contoh gambar berikut ini :

Berhubung banyaknya macam jenis template hotspot yang digunakan, mohon maaf sekali jika saya tidak bisa membahas cara memodifikasi masing-masing file login.html pada semua jenis template hotspot agar terintegrasi dengan PHPMixBill dalam hal aktivasi voucher. Tapi saya sudah menyertakan satu template hotspot yang sudah terintegrasi dengan aktivasi voucher PHPMixBill dan bisa anda gunakan untuk testing.

Agar source paket PHPMixBill ini dan template hotspot yang sudah saya sertakan bisa berjalan sebagaimana mestinya, silahkan anda ikuti panduan berikut ini :

• Download dan extrak source paket PHPMixBill+Template Hotspot MikroTik, silahkan download melalui salah satu dari url dibawah ini :
  DOWNLOAD DISINI
  atau
  DOWNLOAD DISINI
• Edit file login.html yang ada pada folder hotspot template
• Cari bagian elemen

  dan anda sesuaikan path atau lokasi server_phpmixbill dengan alamat server phpmixbill anda
• Setelah di-save silahkan upload folder template ini ke router mikrotik yang anda gunakan sebagai server hotspot dan atur agar profil hotspot anda menggunakan template ini
• Enable-kan HTTP PAP pada profile hotspot yang anda gunakan
• Tambahkan hostname atau ip server phpmixbill anda ke wallet garden ip list, tutorial tentang hal ini bisa anda temukan pada artikel : Kode Voucher PHPMixBill Sebagai Username Hotspot MikroTik
• Selanjutnya silahkan anda install source paket PHPMixBill Modifikasi yang sudah anda download ke server yang akan anda gunakan sebagai server PHPMixBill

Semua kebutuhan panduan untuk langkah-langkah diatas, bisa anda temukan di artikel-artikel dibawah ini :

Baca Juga :

• Tutorial Install dan Setting PHPMixBill sebagai Billing Hotspot MikroTik
• Modifikasi Design Print Voucher PHPMixBill
• Modifikasi Design Print Voucher PHPMixBill Part-2
• Cara Mengaktifkan Schedule User Expire pada PHPMixBill

Jika anda ingin menggunakan template anda sendiri, anda bisa memodifikasi berdasarkan template hotspot yang sudah saya sertakan sebagai patokan. Berikut ini hal-hal yang berkaitan dengan integrasi PHPMixBill Modifikasi dengan Template Hotspot MikroTik, jadi silahkan anda sesuaikan pada template anda :

• CSS dan Javascript pada elemen head

  <link rel="stylesheet" href="css/bootstrap.min.css">
   <script src="js/jquery-min.js"></script>
   <script src="js/bootstrap-min.js"></script>

• Element Input Username atau Kode Voucher pada file login.html

  <div style="margin-top:10px;background-color:rgba(0,0,0,0.25);" class="input-group">
   <span class="input-group-addon"><i style="color:#888;text-shadow:0 1px 0 #aaa;" class="fa fa-key fa-fw"></i></span>
   <input name="username" id="username" class="form-control" type="text" onblur="password.value=username.value" placeholder="Kode Voucher atau Username" required>
   </div>
   
   <div class="input-group">
   <input name="password" id="password" class="form-control" type="hidden">
   </div>

• Elemen Modal untuk menampilkan popup/modal untuk input kode voucher dan aktivasi pada halaman login

  <!-- Modal -->
   <div class="modal fade" id="aktivasi" tabindex="-1" role="dialog" aria-labelledby="aktivasiLabel">
   <div style="width:300px;margin:15% auto;" class="modal-dialog" role="document">
   <div class="modal-content">
   <div class="modal-header">
   
   <h4 class="modal-title" id="aktivasiLabel">Aktivasi Voucher</h4>
   </div>
   <div class="modal-body">
   <form method="post" action="http://server_phpmixbill/index.php?_route=register/post" class="form-horizontal">
   
   <div class="form-group">
   <div class="col-sm-10">
   <input name="kodevoucher" id="kodevoucher" style="text-align:center;width: 86%;color:#000;border:none;background-color:#eee;" class="form-control" type="text" placeholder="Kode Voucher atau Username" required>
   </div>
   
   </div>
   <div class="modal-footer">
   <button style="width: 100%;" type="submit" name="submit" class="btn btn-primary">AKTIVASI</button>
   </div>
   
   </form>
   </div>
   </div>
   </div>
   </div>
   <!-- Modal -->

• Link atau tombol untuk memunculkan popup/modal input kode voucher berdasarkan script diatas
  link :

  <a href="#aktivasi" data-toggle="modal" data-target="#aktivasi"> Aktivasi </a>

  button :

  <button type="button" data-toggle="modal" data-target="#aktivasi"> AKTIVASI </button>

Untuk yang menggunakan XAMPP bisa mengikuti panduan pada video dibawah ini.

Selanjutnya anda bisa mengembangkan dan melakukan penyesuaian sendiri agar bisa diterapkan pada template hotspot yang ingin anda gunakan. Seperti lokasi penempatan link atau lokasi penempatan tombol, ataupun design-nya.

Jika ada kendala atau ada pertanyaan seputar hal ini silahkan tinggalkan komentar dan secepatnya akan saya tanggapi. Selamat mencoba dan selamat bereksperimen. Ikuti terus TopSETTING.COM untuk mendapatkan artikel-artikel dan tutorial-tutorial bermanfaat lainnya.