Skip to main content

DIRECT HOTSPOT MIKROTIK LOGIN KE VERSI MOBILE

Hari ini Belajar bagaimana membuat direct hotspot login mikrotik ke versi mobile. dengan searching melalui google akhirnya menemukan. untuk direct dan mendeteksi kalau browser yang digunakan adalah browser gadget. komponen yang digunakan adalah jquery diantaranya:
  1. detectmobilebrowser.jq.js
  2. jquery-1.6.4.min.js
Terlebih dahulu (Langkah 1) unduh Ke-2 file Tersebut diatas. kemudian gabungkan dengan folder hotspot mikrotik. dan tampilannya seperti di bawah ini.

 Langkah 2 - buat folder baru bernama mobile. di dalam folder mobile isi dengan file-file hotspot (alogin.html, errors.txt, login.html, logout.html, radvert,html, status.html). file-file ini dapat dicopy dari folder hotspot mikrotik. kemudian modifikasi halaman login.html seminimal mungkin untuk browser ponsel. berikut ini tampilan hotspot login versi mobile.
sample Tampilan

Langkah 3 - insert script jquery kedalam file login.html (file login.html pada folder hotspot) pada bagian header berikut ini tampilan penulisan scriptya;

Langkah 4 - Upload keseluruhan File yang kita backup dari mikrotik dan yang sudah kita modifikasi ke Mikrotik lagi. untuk cara upload ke dalam mikrotik cukup dengan drag and drop.

Selesai.. kurang jelas dipersilahkan bertanya...
 pustaka sejenis: ossie
Labels:

Comments

  1. toserbaNovember 12, 2012 at 4:59 AM

    kalo login pakai hp BB bisa g mas ?

    ReplyDelete
  2. muslihNovember 15, 2012 at 6:33 AM

    Bisa mas.. Dicoba aja

    ReplyDelete
  3. uChu'December 16, 2012 at 5:48 AM

    nice info mas :)

    ReplyDelete
  4. muslihDecember 16, 2012 at 6:24 AM

    hehe.. semoga bisa membantu..
    untuk desain web versi mobile desain menggunakan div> dan css biar bisa dinamis dan menyesuaikan tamplan broser ponsel

    ReplyDelete
  5. AnonymousDecember 17, 2012 at 6:55 PM

    pake android tapi tetep gak ke forward ke login hotspot yang mobile, napa yak ?

    ReplyDelete
    Replies
    1. muslihDecember 18, 2012 at 6:41 AM

      pake browser apa mas di android?
      prngalaman jika tidak bisa direct.ke tampilan mobile dikarenakan user agen brosernya bukan user agent mobile. bisa juga browser.tidaksupport seperti opmin.
      namun untuk broser dolphin for android lancar banget mas

      daftar broser yg support
      1. dholphin
      2. maxthon
      3. chrome
      4. ucbroser

      yg tidak support penuh
      1. opmin (tidak bisa sama sekali)
      2. browser bawaan dari simbian (tampilan form login tidak pas )

      ini pengalaman pribadi (guru dan siswa disekolah saya)
      CMIIW

      Delete
    2. UnknownDecember 27, 2013 at 8:55 AM

      sebenarnya cara di atas untuk browser symbian juga bisa... yang jelasnya hampir semua posel dengan resolusi di bawah 500px bisa direct ke halaman login versi ini, hanya saja maaf... mungkin ada yang perlu dibenahi pada bagian akhir scriptnya... &target=mobile'; seharusnya &target=mobile/'; karena mikrotik mencari dan membaca file secara spesifik... direktorinya harus diperjelas... jika hanya =mobile, maka mikrotik mencari file bukan direktori jadi halaman login yg kita buat tidak terbaca oleh system.

      Delete
    3. muslihDecember 28, 2013 at 11:14 PM

      makasih mas atas revisinya..dan tambahan penjelasanya..
      tapi sekarang dengan adanya framework CSS seperti bootstrap kita bisa mendesain tampilan hotspot login menjadi responsive design jadi ga perlu membuat 2 design..

      saya sudah mencoba dan sekarang saya gunakan

      Delete
  6. ftowerenApril 28, 2014 at 11:08 AM

    Sederhana dan mudah difahamai, sedang saya coba, mohon izin utk saya modif dan sesuaikan, trims...

    ReplyDelete
    Replies
    1. ftowerenApril 28, 2014 at 12:20 PM

      berhasil bos, thanks a lot... :)
      ni sc-shot-ya:
      http://tls.web.id/pub_img/1-login-ori.jpg
      http://tls.web.id/pub_img/2-login-script.jpg
      http://tls.web.id/pub_img/3-login-mobile.jpg
      http://tls.web.id/pub_img/4-loginstatus.jpg
      http://tls.web.id/pub_img/5-logoutstat.jpg

      Delete
    2. muslihMay 4, 2014 at 8:16 PM

      Terima Kasih dan saya Ucapkan selamat :D. Keren Desainnya
      mungkin akan lebih simple lagi dibuat dengan bootsrap.

      Delete
    3. UnknownMay 14, 2014 at 12:11 AM

      Gan, ada contoh bootstrap nya? ane lagi belajar nih...itung2 beramal bagi2 ilmu..boleh kah?

      Delete
    4. muslihMay 16, 2014 at 3:55 AM

      oke gan langsung ke TKP aja ya. old Desain saya pake bootstrap 2.3 http://tinyurl.com/hotspot-bootstrap2-3

      Delete
  7. EasytechBizNovember 19, 2014 at 2:31 AM

    mas minta login page versi mobilenya

    ReplyDelete
    Replies
    1. muslihNovember 24, 2014 at 2:42 AM

      http://tinyurl.com/hotspot-bootstrap2-3

      Delete
    2. EasytechBizJanuary 3, 2015 at 6:57 AM

      di rar ngak ada ya mas?

      Delete
    3. muslihJanuary 6, 2015 at 4:48 PM

      https://drive.google.com/file/d/0B3jkMBHCGhWpS1pQZ3BaRmlHeG8/view?usp=sharing

      Delete
    4. UnknownSeptember 19, 2015 at 6:45 AM

      Izin Coba Mas...

      Delete
  8. muslihSeptember 19, 2015 at 7:01 AM

    Silahkan mas.. Selamat berkreasi

    ReplyDelete
  9. parepareOctober 17, 2015 at 6:04 AM

    artikelnya membantu banget... thanks mas

    ReplyDelete
  10. AnonymousOctober 19, 2017 at 9:36 PM

    link nya ko gak aktif mas

    ReplyDelete

Post a Comment

Popular posts from this blog

Logika IF AND dalam Excel perhitungan Kelulusan

Tulisan ini adalah sebagai jawaban dari pertanyaan dari seorang teman. dan pertanyaannya.! Bagaimana mengetahui status kelulusan jika nilai akhir paling rendah 5.5 dan nilai setiap mapel paling rendah 4.0, selain itu maka tidak lulus. Langsung Jawab aja. digambarkan seperti gambar dibawah ini. Karena sudah diketahui bentuk datanya seperti gambar diatas langsung saja di susun rumusnya. rumusnya menggunakan IF dan AND. kenapa menggunakan Rumus AND Excel karena terdapat dua logika (kriteria) atau lebih yang semuanya harus memenuhi syarat maka menghasilkan nilai TRUE. Jika salah satu logika tidak terpenuhi sesuai dengan syarat yang ditetapkan, maka akan menghasilkan nilai FALSE. dan berikut ini rumusnya. =IF(AND(F6>=4,F7>=4,F8>=4,F9>=4,F10>=4,F12>=5.5),"Lulus","Tidak Lulus")  dan liat hasilnya *) Karena tadi kriterianya adalah nilai mapel paling rendah 4 dan nilai akhir paling rendah 5.5, walaupun disitu ada nilai empat maka dia di...
Post a Comment
Read more

Malam Minggu dijepara 3/3/12

Malam minggu memang asik buat pacaran. hehehe itu yang punya pacar :) kalo aku karena masih jauh nan disana ya jalan-jalan adja ketemu teman-teman. ada hal menarik dalam perjalananku, tadi malam itu jepara rame banget. semua berpakaian rapi, dandan yang cantik, tetapi ada juga yang berpakaian semrawut :) tetapi tetep rapi. Kondisi jalan malam itu lumayan padat apalagi di alun-alun jepara. semua tertumpah disana bermain,ngobrol, sepedaan dll. @alun2 jepara juga tiap malam minggu banyak komunitas anak muda seperti (motor, sepatu roda,sepeda,mig33, kaskus, etc) melakukakn gathering. duh asyik tuh sambil mamerin tuh yang dimiliki unik unik dan menarik untuk dilihat. Namun ironis ya sebelahnya alun-alun jepara ada masjid yang lagi ada kegiatan pengajian yang isinya ibu2, bapak2 dan sedikit anak muda. yach itu sih pilihan mau kemana yang dituju, senang entar di akhirat pilih sebelah ( red-masjid) mau senengnya dunia (red-alun-alun) pokoknya bebasa dah malam minggu :) .
Post a Comment
Read more

Menulis Simbol Matematika di Moodle

Setelah berhasil install Wiris untuk Math Tools untuk menulis simbol-simbol matematika. nah sekarang saya mau berbagi tips Langkah-langkah menulis simbol-simbol matematika di moodle. Oke Langsung saja. Gambaran Umumya, anda sudah mempunyai Course dan siap menambahkan materi/Quiz atau yang lain-lain. example menambahkan resource Compose a web Page.
Post a Comment
Read more