Ragam  

Cara Menggunakan User Manager Untuk Membuat Wifi Voucher Mikrotik

Paslen.com – Hallo pasleners bagaimana kabarnya hari ini, semoga selalu dalam kesehatan dan kebahagiaan ya. Aamiin Yarabbal Aalamiin. Setelah sebelumnya berbagi tutorial Cara Menggunakan Mikhmon Untuk Wifi Voucher Mikrotik, pada kesempatan ini kami akan menyajikan wifi voucher dengan user manager. Tutorial yang kami sajikan ini memuat bagaimana langkah-langkah dan cara membuat Wifi Voucheran (Hotspot Voucher) menggunakan user manager sampai siap dicetak dan digunakan.

Diantara pasleners mungkin ada yang sudah tidak asing mendengar Voucher Hotspot Mikrotik menggunakan user manager ini. Namun mungkin juga ada yang baru mendengar tentang Voucher Hotspot Mikrotik menggunakan user manager, semoga dengan dibuatnya tutorial ini bisa membantu dan bermanfaat bagi pasleners yang akan membuat Wifi Voucheran mikrotik menggunakan user manager.

Untuk membuat wifi Voucher menggunakan user manager tentunya perangkat mikrotik yang kita gunakan sudah harus mendukung dan support dengan user manager. Jadi sebelum pasleners membuatnya pastikan telah mengecek spesifikasi mikrotik RB nya terlebih dahulu dan memastikan perangkatnya terinstall user managernya.

Apabila sudah dipastikan support dan telah diinstall user manager pada mikrotik dan telah dilakukan konfigurasi Hotspot dimikrotiknya, selanjutnya pasleners bisa mulai melakukan pembuatan Voucher melalui user manager. Berikut ini langkah dan Cara membuat wifi Voucher Hotspot Mikrotik menggunakan user manager :

1. Login ke User Manager Mikrotik

Login Ke userman dengan mengetikan ip yang sobat gunakan sebagai ip client hotspot di menu pencarian browser.

Contoh: 192.168.2.1/userman

Pada username silahkan isikan dengan admin, password kosongkan saja kemudian klik “login”

2. Seting Users Variable pada User Manager Mikrotik

Setelah login, masuk ke menu Settings –> Appearance –> Pada kolom Table pilih Users. Masukkan variable sebagai berikut ke dalam kolom visible :

Username
Password
Start Time
End Time
Total Time Left
Till Time
Uptime Used
Uptime Limit
Money Paid  Variable ini akan muncul pada menu users, sehingga detail user dapat kita ketahui dengan mudah.

3. Membuat User Profile pada User Manager Mikrotik

User Profile ini berisi informasi profile dari masing-masing Paket Hotspot yang akan kita jual. Kita bisa menambahkan user profile sebanyak paket internet yang akan kita buat. Cara membuat user profile bisa melalui Menu Profiles secara manual, namun saya akan contohkan untuk membuat secara semi otomatis menggunakan command pada Terminal di Winbox. Berikut contoh command nya :

/tool user-manager profile
add name="Paket 5 jam" name-for-users=5jam override-shared-users=off owner=\
    paslen_wifi price=10000 starts-at=logon validity=2d
add name="Paket 1 hari" name-for-users=1hari override-shared-users=3 owner=\
    paslen_wifi price=20000 starts-at=logon validity=1d
add name="Paket 1 Minggu" name-for-users=7hari override-shared-users=3 owner=\
    paslen_wifi price=50000 starts-at=logon validity=1w
add name="Paket 1 Bulan" name-for-users=1bulan override-shared-users=5 owner=\
    paslen_wifi price=120000 starts-at=logon validity=4w2d
add name="Paket Ulimited 1 Tahun" name-for-users=unlimited \
    override-shared-users=off owner=paslen_wifi price=1000000 starts-at=\
    logon validity=52w1d

Silakan sesuaikan parameter pada command tersebut dengan keinginan Anda. Terutama pada parameter owner, ganti dengan dengan username User Manager Anda. Hasil dari command tersebut bisa Anda lihat pada Menu Profiles di User Manager. Jika Belum ada perubahan pada menu profiles, silakan logout dan login lagi ke User Manager.

Shared Users bisa Anda tentukan juga jumlah nya.

4. Membuat Paket Hotspot Mikrotik pada User Manager

Profile yang sudah dibuat sebelumnya perlu ditambahkan dengan limitasi bandwidth dan durasi aktif akun nya. Caranya dengan menambahkan limitation pada profile tersebut. Anda bisa membuatnya satu per satu di Menu Profile –> tab Limitations

Disini saya akan gunakan kembali command terminal winbox. 

Contoh command nya sebagai berikut :

/tool user-manager profile limitation
add address-list="" download-limit=524288000B group-name="" ip-pool="" name=\
    "Paket 5 jam" owner=paslen_wifi rate-limit-min-rx=65000B \
    rate-limit-min-tx=65000B rate-limit-rx=128000B rate-limit-tx=256000B \
    transfer-limit=0B upload-limit=0B uptime-limit=5h
add address-list="" download-limit=1073741824B group-name="" ip-pool="" name=\
    "Paket 1 hari" owner=paslen_wifi rate-limit-min-rx=128000B \
    rate-limit-min-tx=128000B rate-limit-rx=256000B rate-limit-tx=512000B \
    transfer-limit=0B upload-limit=0B uptime-limit=1d
add address-list="" download-limit=5373952000B group-name="" ip-pool="" name=\
    "Paket 1 Minggu" owner=paslen_wifi rate-limit-min-rx=128000B \
    rate-limit-min-tx=128000B rate-limit-rx=256000B rate-limit-tx=512000B \
    transfer-limit=0B upload-limit=0B uptime-limit=1w
add address-list="" download-limit=16106127360B group-name="" ip-pool="" \
    name="Paket 1 Bulan" owner=paslen_wifi rate-limit-min-rx=256000B \
    rate-limit-min-tx=256000B rate-limit-rx=512000B rate-limit-tx=1000000B \
    transfer-limit=0B upload-limit=0B uptime-limit=4w2d
add address-list="" download-limit=0B group-name="" ip-pool="" name=\
    "Paket Ulimited 1 Tahun" owner=paslen_wifi rate-limit-min-rx=512000B \
    rate-limit-min-tx=512000B rate-limit-rx=1000000B rate-limit-tx=1000000B \
    transfer-limit=0B upload-limit=0B uptime-limit=52w1d

Silakan sesuaikan parameter pada command dengan kebutuhan Paket Anda. Berikut keterangan pada masing-masing parameter command nya :

download-limit : quota limit download
upload-limit : quota limit upload
transfer-limit : quota limit download+upload
rate-limit-tx : speed limit download (jika quota sudah habis)
rate-limit-rx : speed limit upload (jika quota sudah habis)
rate-limit-min-tx : speed limit download (jika quota sudah habis)
rate-limit-min-rx : speed limit upload (jika quota sudah habis)
download-limit=0B : unlimited quota download
rate-limit-tx=262144B : speed limit download 256 kbps

Hasil nya adalah sebagai berikut :

5. Menghubungkan Limitation dengan Profiles User Manager Mikrotik

Setelah limitation dibuat, selanjutnya tinggal dihubungkan saja dengan Profile nya. Caranya dengan masuk ke Menu Profiles –> Pilih Profile –> Add new limitation –> Pilih limitation sesuai dengan paket nya –> Klik Add.

Lakukan hal serupa untuk Profile lainnya.

6. Men-Generate Username dan Password untuk Akun pada masing-masing Paket

Untuk membuat Akun secara otomatis pada masing-masing paket, kita bisa memanfaatkan fitur Batch user pada menu Users –> Add –> Batch –> tentukan jumlah user yang mau di generate pada kolom Number of users –> Pilih Paket –> Add.

Lakukan hal serupa untuk paket hotspot lainnya. Hasilnya sebagai berikut :

7. Menambahkan Logo pada User Manager Mikrotik

Sebenarnya langkah ini opsional, Anda bisa skip saja jika tidak ingin mengganti logo User Manager nya. Namun, pada Voucher yang akan kita buat nanti ada logo yang dicantumkan, jadi kita perlu untuk meng-upload logo. Caranya dengan mengakses FTP Mikrotik. 

Buat folder baru dengan nama umfiles, copy file logo ke dalam folder tersebut.

Untuk mengganti logo user manager, masuk ke Menu Settings –> Styles –> Edit path pada kolom Logo dengan path Logo yang sudah di-upload –> Save

8. Membuat Template Voucher Hotspot pada User Manager

Masih di Menu Settings –> pindah ke tab Templates –> pilih Vouchers. Template Voucher Hotspot Mikrotik dibagi menjadi 4 Bagian, yaitu Header, Row, Footer dan Break. Bagian yang akan kita edit hanya di Header dan Row saja. 

Berikut contoh code HTML yang sudah di custom.

Voucher code HTML untuk Header :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Vouchers</title>
    <style>
        @media print {
            .noprint {
                display: none;
            }
            .pagebreak {
                page-break-after: always;
            }
        }
        body {
            font-family: 'verdana', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            padding: 50px 100px;
            font-size: 12.3px;
        }
        div.box {
 background-color: #94F3EB;
 background-image: -webkit-linear-gradient(270deg,rgba(220,245,250,1.00) 0%,rgba(246,253,254,1.00) 100%);
 background-image: -moz-linear-gradient(270deg,rgba(220,245,250,1.00) 0%,rgba(246,253,254,1.00) 100%);
 background-image: -o-linear-gradient(270deg,rgba(220,245,250,1.00) 0%,rgba(246,253,254,1.00) 100%);
 background-image: linear-gradient(180deg,rgba(220,245,250,1.00) 0%,rgba(246,253,254,1.00) 100%);
 background-repeat: repeat-x;
 width: 3.6in;
 height: 2.1in;
 padding: 0 17px 18px 12px;
 margin: 10px 0;
 border: solid 1px #D9D9D9;
 border-radius: 10px;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
        }
        div.box h2 {
 background-color: #63C2EE;
 border-color: #ED3939;
 margin: 0 -17px 1px -12px;
 padding: 15px 0px 0 10px;
 height: 20px;
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 font: bold 18px/0.2 Arial;
 color: #fff;
 text-align: center;
        }
        div.box h3 {
            background-color: #FFF8DC;
            border-color: #000;
            border-style: solid;
            border-width: 1px;
            margin: -35px 0 0 70px;
            padding: 12px 50px 3px 10px;
            height: 8px;
            width: 30px;
            font: bold 12px/0 Arial;
            color: #000;
        }
        div.box h4 {
 background-color: #63C2EE;
 border-color: #2B78C5;
 /* IE6-9 */           
 margin: 0 -17px 1px -12px;
 padding: 15px 0px 0 10px;
 height: 20px;
 border-bottom-left-radius: 10px;
 border-bottom-right-radius: 10px;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 font: bold 12px/0.2 Arial;
 text-align: center;
 color: #fff; 
        }
        .block-left {
            background-color: transparent;
            width: 170px;
            height: 120px;
            margin: 15px 0;
            float: left;
        }  
        .block-right {
            background-color: transparent;
            width: 150px;
   float: right;
   padding: 0px 5px 15px !important;
            text-align: center;
        }
 
        .block-right > h5 {
 font: bold 18px/0.1 verdana;
 text-align: center;
 color: #FF4141;
 text-shadow: 2px 2px 2px #000;
 margin: 25px 0;
        }      
  .block-bottom {
            background-color: transparent;
            clear: both;
        } 
        .txtbox img {
            width: 50px;
            height: 50px;
            float: left;
            padding-right: 5px;
        }     
    </style>
</head>
<body>

Voucher code HTML untuk Row :

<div class="box">
    <h2>Paslen-Hotspot Rp. %u_moneyPaid%</h2>
    <div class="block-left">        
     <div class="txtbox">
            <img alt="" src="/umfiles/logo.png"/><b> Paslen Wireless Hotspot Service</b>        
     </div>
        <div class="txtbox2">
            <p>Silakan Buka Browser, masukkan <b>Username</b> dan <b>Password</b> pada halaman login, <b>klik tombol login.</b></p>
        </div>
    </div>
 
    <div class="block-right">
     <h5>%u_timeLeft%</h5> 
     <p>Harga: <b>Rp. %u_moneyPaid%</b></p>
     <div><p align="left">Username:</p><h3 align="center">%u_username%</h3></div>
     <div><p align="left">Password:</p><h3 align="center">%u_password%</h3></div>
    </div>
    <div class="block-bottom">
     <h4>Info lebih lanjut : paslen.com</h4>
    </div>
</div>

Code HTML tersebut hanya contoh saja, silakan Anda edit sendiri sesuai sesuai kebutuhan. Anda bisa gunakan Aplikasi Notepad++ atau Dreamweaver untuk mengedit code tersebut. 

9. Meng-Generate Voucher Hotspot Mikrotik 

Selanjutnya kita tinggal meng-generate secara otomatis voucher hotspot mikrotik nya. Caranya masuk ke Menu Users –> Pilih 4 user yang akan di Generate –> Generate –> Vouchers –> Klik Generate.

Kok cuma 4 user yang di centang? Kenapa gak semua aja sekalian di generate? Anda bisa coba untuk generate semua bersamaan. Nantinya Anda akan kesulitan pada saat proses mencetak (print) voucher. Karena jika terlalu banyak, tampilan voucher nya akan terpotong halaman. Jadi untuk aman nya, kita generate 4 berturut-turut saja.

Jika setelah di klik Generate tidak muncul apapun, coba klik tulisan berwarna biru berikut :

Tampilan Voucher Hotspot Mikrotik akan muncul pada popup browser.

10. Mencetak (Print) Voucher Hotspot Mikrotik Hasil Generate

Pada halaman popup browser yang berisi voucher hotspot mikrotik, tekan tombol ctrl + p untuk mulai mencetak (print). Saya sarankan untuk menggunakan Browser Google Chrome saat proses Generate dan cetak agar lebih mudah.

Klik More Settings –> pada Options centang Background graphics dan hilangkan centang Headers and Footers. Jika opsi Background graphics tidak di centang, maka tampilan cetak akan jadi aneh karena warna background nya tidak ikut dicetak. Sekarang tinggal print saja, dan ulangi hal serupa untuk voucher akun lain yang belum di generate.

Itula tutorial Cara Menggunakan User Manager Untuk Membuat Wifi Voucher Mikrotik dari mulai langkah-langkah awal hingga Voucher siap dicetak dan digunakan oleh pelanggan. Semoga tutorial ini bisa bermanfaat buat pasleners yang sedang belajar membuat Wifi Voucheran Mikrotik menggunakan user manager. Sampai jumpa di pembahasan dan tutorial-tutorial berikutnya. Terimakasih.

Leave a Reply