Tutorial BhaktiMedia kali ini mengenai CARA SETTING DDNS CCTV ONLINE DVR AVTECH MENGGUNAKAN MODEM INDIHOME. sebelumnya admin sudah cari sana sini artikel untuk setting CCTV online, banyak artikel mengenai CCTV Online tetapi admin belum menemukan yang sesuai dengan perangkat yang admin punya. hanya dapet beberapa artikel yang belum lengkap sepenuhnya. disini admin coba untuk melengkapi bagaimana CARA SETTING DDNS CCTV ONLINE DVR AVTECH MENGGUNAKAN MODEM INDIHOME.

Tutorial CARA SETTING DDNS CCTV ONLINE DVR AVTECH MENGGUNAKAN MODEM INDIHOME ini sudah admin coba karna untuk keperluan kantor.

pertama yang harus disiapkan adalah :

1. CCTV disini admin menggunakan DVR Avtech.
2. Modem disini admin menggunakan Modem Indihome type Huawai.
3. Hostname banyak beberapa hostname yang menyediakan Free alias gratis. admin menggunakan www.noip.com

untuk langkah - langkahnya :

Setting IP Address DVR

1. Masuk ke menu setiing DVR pilih Advanced Config.

2.  Pilih Menu Network
    - Network Type pilih Satitic
    - IP sesuaikan dengan IP modem indihome
       biasanya klo indihome 192.168.100.*** klo speddy 192.168.1.***
    - Gataway harus sama dengan IP modem
       untuk default biasanya indihome 192.168.100.1
       untuk speddy biasanya 192.168.1.1
    - Netmask samakan dengan di modem
    - Secondary DNS bisa dikosongkan aja
    - Port bebas.

3. Save - Aplly - Exit


     
Setting Modem Indihome

1. Masuk halaman setup modem
    Buka web browser ketikan IP modem indihome 192.168.100.1
    maka akan muncul halaman login modem
disini admin menggunakan modem indihome Huawai HG8245A.
login :
username : admin  / telecomadmin
password : admin  / admintelecom

2. setelah login sukses ikuti langkah - langkah berikut
    - Klik Forward Rules
    - Klik Port Mapping Configuration
    - Klik New dan isikan sesuai dengan IP DVR yang sudah dibuat
    - Klik Aplly

3. Cek apakah DVR sudah tersambung dengan modem dan komputer
    - Masuk browser Google Crome / Mozila dan ketikan IP DVR yang tadi dibuat.
      192.168.100.2:80 enter jika sukses akan masuk kehalaman login DVR
    Login terlebih dahulu untuk memastikan DVR telah tersambung dengan modem dan komputer
    Username & Password adalah login untuk masuk ke DVR.

banyak bebarapa penyedia hostname free alias gratis. dsini admin menngunakan hostname dari www.noip.com.

BACA SEBELUMNYA : SETTING IP DVR DENGAN MODEM

Lakukan pendaftar terlebih dahulu akun anda di sini www.noip.com
>> isikan data - data yang diminta
>> untuk hostname dsini admin menggunakan ddns.net
      silahkan pilih sesuka hati.
>> Create My Account

setelah selesai melakukan pendaftaran akun, ww.noip.com akan mengirimkan aktivasi melalui email yang tadi sudah didaftarkan.
lakukan login ke email dan buka email dari  www.noip.com  kemudian klik link Confirm Account

lakukan sign in ke www.noip.com menggunakan username dan password yang sudah didaftarkan
jika sukses akan masuk ke halaman Dashboard

Sekarang tinggal Pembuatan DNS.
jika sebelumnya sudah dibuat dari awal pendaftaran maka akan muncul DNS yang sudah dibuat.

jika belum atau ingin mengganti DNS baru maka :
>> Pilih Dynamic DNS
>> Klik Add Hostname
isikan hostname sesuai keinginan, untuk IP Address akan terisi otomatis sesuai IP Publik pada modem yang kita gunakan.
>> Create Host

Sampai disini untuk pembuatan Hostname sudah selesai.

Selanjutnya untuk setting DNS di DVR CCTV
karna sebelumnya kita sudah setting IP  Address DVR dan sudah terhubung oleh modem maka untuk setting DNS DVR bisa melalui Web Browser, berikut langkah - langkahnya :
1. Buka Web Browser dan ketikan IP DVR
2. Login dengan username dan password DVR
    Jika sukses maka akan diarahkan kehalaman Dashboard DVR
3. Klik Configuration
4. Klik DDNS
    >> Pilih Enable
    >> System Name pilih no-ip
    >> isikan Username & Password yang digunakan untuk Sign In ke ww.noip.com
    >> isikan Hostname yang sudah dibuat.
    >> Klik Save



Langkah terakhir adalah setting DNS ke modem IndiHome
sebelumnya sudah terhubung dengan IP Address DVR menggunakan Port Mapping Configuration
kali ini kita akan hubungkan DNS yang sudah dibuat dengan Modem. berikut langkanya :
1. Buka web Browser dan ketikan IP Modem IndiHome 192.168.100.1
    masuk menggunakan user admin
2. Pilih Network Aplication
3. Pilih DDNS Configuration
4. Klik New
    berikut tampilannya 

    (Perhatikan baik-baik cara pengisiannya)
    >> Centang Eneble DDNS
    >> WAN Name isikan 2_INTERNET_R_VID_200
    >> Service Provider pilih "no-ip" jika tidak ada pilih "dyndns-custom"
    >> Hostname isikan alamat website no-ip "www.noip.com
    >> Service Port isikan port yang sama dengan DNS yang sudah didaftarkan
    >> Domain Name adalah Hostname yang telah dibuat "xxxxxxx.ddns.net"
    >> Username & Password adalah yang digunakan untuk Sign In di www.noip.com
    >> Klik Aplly

Terakhir sekarang kita cek DNS kita apakah sudah terhubung atau belum..
>> Klik Star Windows - All Proggram - Accessories - Command Prompt
>> lakukan ping terhadap DNS kita
      ketikkan "ping xxxxxx.ddns.net" (tanpa tanda petik)
      jika sukses terhubung maka akan terlihat tampilan seperti ini

jika gagal tersambung maka keterangan akan memberikan informasi "Request Time Out"
cek dari awal apakah ada yang terlewat atau ada beberapa kesalahan dan lakukan dengan teliti langkah demi langkahnya.

ok kita cek CCTV kita melalui jaringan dari luar bukan dari koneksi modem IndiHome
>> buka Web Browser
>> ketikan DNS CCTV "xxxxxx.ddns.net" atau "xxxxxx.ddns.net:80"

berikut tampilan menggunakan Web Browser pada PC :


dan menngunakan Browser dari HP Android :


Sekian Tutorial tentang CARA SETTING DDNS CCTV ONLINE DVR AVTECH MENGGUNAKAN MODEM INDIHOME HUAWAI HG8245A semoga artikel ini bermanfaat dan apabila masih belum mengerti, silahkan bertanya dikolom komentar.

"Terimah Kasih dan Selamat Mencoba"

PERTAMA SIAPKAN BAHAN-BAHAN YANG DIBUTUHKAN :

1. PC Suite Xiaomi <Download>
2. MI Flashtool <Download>
3. Firmware / Rom MI 4S <Download>

"Perbedaan ROM Xiaomi China Stable / China Developer, Global, Distributor"

Berikut langkah - langkahnya :

Langkah 1. Install PC Suite yang sudah d download tadi.

Langkah 2. Install MiFlash Tool yang sudah di download tadi.

Langkah 3. Extrak Firmware / Rom Mi4S anda.


Langkah 5. Sambungkan handphone MI4S anda k Laptop/PC
 


 
Langkah 9. Klik Flash dan tunggu sampai sukses.

[alert title="CATATAN" icon="info-circle"]Clean All >> akan menghapus semua data yang ada dihandphone MI4S anda seperti Foto, Contak, dll
[/alert]
[warning title="PERINGATAN" icon="exclamation-triangle"]Sebelum melakukan Flashing alangkah baiknya backup data terlebih dahulu !!![/warning]


 
Sekian tutorial Cara Flashing Xiaomi MI4S dari rom Distributor ke Rom Resmi Stable China / Developer / Global semoga bisa bermanfaat dan selamat mencoba.

 

1. ROM Distributor

1. Di Sisipi Iklan yang akan mengganggu sekaligus boros kuota
2. Banyak aplikasi aneh yang sudah terinstal
3. Bloatware ( biasanya handphone kita terasa lag berat  menjadi panas, dan boros battery

Ciri Ciri ROM Distributor

• Cukup mudah kok membedakannya kita bisa lihat dari Versi MIUI nya rom distributor lebih banyak angka nya bisa lebih dari 5  contoh : v7.1.9.0.0.0
• Tidak pernah update ROM
• Biasanya sudah ada Bahasa Indonesi.

Patokan untuk membedakan ROM yang biasa disebut ROM abal abal ini di point 1 dan 2.

2. ROM STABLE

1. Stable china
2. Stable global

Ciri Ciri ROM Stable China

• Tidak ada Google apps seperti Playstore dan aplikasi google lainya. karena layanan google tidak tersedia disana ( tenang bisa di instal kok )
• Tidak ada bahasa Indonesia, hanya English dan China karena di peruntukan untuk pengguna sana ( tapi saya juga lebih suka rom china hihi )
• Rutin update
• Lebih Stabil ( karena ini rom stabil hihi )

Ciri Ciri ROM Stable Global

• Aplikasi Google tersedia seperti Playstore, Gmail dsb
• Sudah ada Bahasa Indonesia
• Rutin update

3. ROM Developer

1. Developer china
2. Developer global

Ciri Ciri ROM Depelover china dan Global

• Biasanya Versi MIUI di awali dengan angka 6.x.x.x
• Tidak ada bahasa Indonesia ( Dev China )
• Sudah ada Basaha Indoensia ( Dev Global )
• Update lebih rutin bisa 1 minggu sekali
• banyak fitur terbaru

Tips membedakan ROM dari Versi MIUI

1. MiFlash is now supporting both 32 & 64 bit operations systems! - Windows 7 and above only!
2. MiFlash is now in stable version.


1. If you have older version of Miflash installed you will need first to uninstall it!
2. MiFlash is supporting only Qualcomm devices.
3. MiFlash not supporting devices older than Mi3.

Button Text

Bagi yang mau flash HH Xiaomi nya via MiFlash di komputer 64 bit, maka diwajibkan untuk Disable Driver Signature Enforcement. berikut langkah-langkahnya dibawah ini.

Windows 7 :

1.  Buka Start Menu dan buka All Programs .
2.  Pilih Accessories
3.  Klik kanan “Command Prompt” lalu klik ” Run As Administrator”
4.  Ketikan Perintah dibawah

bcdedit.exe -set loadoptions DDISABLE_INTEGRITY_CHECKS

bcdedit.exe -set TESTSIGNING ON

5. Tekan enter di masing-masing perintah, Restart
6. Sekarang Driver Signature sudah di matikan
7. Untuk mengaktifkan kembali, silahkan ulangi perintah diatas, tetapi di perintah kedua ubah “ON” menjadi “OFF”

Windows 8.1 dan Windows 10 :

1. Tekan Windows + X lalu pilih Command Prompt (Admin)
2. Masukan perintah dibawah

   bcdedit.exe -set loadoptions ENABLE_INTEGRITY_CHECKS

   bcdedit.exe -set TESTSIGNING OFF

3. Tekan enter di masing-masing perintah, Restart
4. Sekarang Driver Signature sudah di matikan
5. Untuk mengaktifkan kembali, silahkan ulangi perintah diatas, tetapi di perintah kedua ubah “ON” menjadi “OFF”

 SELESAI

Demikian tutorial Cara Disable Driver Signature Enforcement di Windows 7 / 8 / 10 64-Bit ini semoga bisa bermanfaat dan Selamat Mencoba.
 

Tutorial MediaBhakti kali ini tentang Cara Membuat Tombol Demo dan Download Dengan CSS salah satu manfaat dari Tombol ini adalah blog kita akan terlihat rapi dan terlihat professional.

Tombol Demo dan Download ini di buat dengan menggunakan CSS3, kelebihan dengan menggunakan CSS adalah blog kita tidak akan terasa berat saat loading dan tidak membutuhkan waktu yang cukup lama saat loading, tombol Demo dan Download ini tidak akan memberikan pengaruh banyak terhadap proses pembuatan blog.

Langsung aja tutorial Cara Membuat Tombol Demo dan Download Dengan CSS
berikut langkah-langkahnya : 

1. Buka Blogger > masuk ke menu Template > pilih Edit HTML 
2. Kemudian Copy Code CSS Berikut sebelum ]]></b:skin>  

.btn{list-style:none;text-align:center;margin:10px!important;padding:10px!important;font-size:14px;clear:both;display:inline-block;text-decoration:none!important;color:#FFF!important}
.btn ul {margin:0;padding:0}
.btn li{display:inline;margin:5px;padding:0;list-style:none;}
.demo,.download{padding:12px 15px!important;color:#fff!important;font-weight:700;font-size:14px;font-family:Open Sans,sans-serif;text-align:center;text-transform:uppercase;border-radius:3px;opacity:.95;border:0;letter-spacing:2px;transition:all .2s ease-out}
.demo {background-color:#3498DB;}
.download {background-color:#1ABC84;}
.demo:hover {background-color:#60B8F4;color:#fff;border-bottom:2px solid #3498DB; opacity:1;}
.download:hover {background-color:#49DDAA;color:#fff;border-bottom:2px solid #1ABC84;opacity:1;}
.demo:before {content:'\f135';display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}
.download:before {content:'\f019';display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}

3. Simpan Template
4. Kemudian buat artikel baru yang nantinya akan kita berikan tombol Demo & Download
5. Kemudian untuk pemanggilannya Copy Code berikut didalam postingan pada Tab HTML (bukan Compose)

<div style="text-align: center;">
<ul class="btn">
<li><a class="demo" href="https://bhaktimedia.blogspot.co.id/" target="_blank">DEMO</a></li>
<li><a class="download" href="https://bhaktimedia.blogspot.co.id/" target="_blank">DOWNLOAD</a></li>
</ul>
</div>

 Catatan : Ganti Link https://bhaktimedia.blogspot.co.id dengan link yang akan anda tuju.

Tips : Untuk Warna Tombol bisa anda sesuaikan dengan keinginan anda.

Demikian tutorial Cara Membuat Tombol Demo dan Download Dengan CSS di Blog semoga bisa bermanfaat dan selamat mencoba.
 
"Happy Blogging"

Tutorial MediaBhakti kali ini tentang cara membuat menu Dropdown atau menu navigasi tetap berada pada posisinya meskipun halaman digulir / di scroll, atau sering juga disebut menu navigasi melayang dan dalam dunia blogging namanya sticky menu navigation. Banyak cara untuk membuat menu melayang / sticky menu untuk blog, beberapa diantaranya ada yang menggunakan CSS, JavaScript atau Jquery.

Kenapa menu harus dibuat sticky? Alasan paling logis adalah agar pengunjung blog tidak perlu repot dalam mencari menu blog meskipun sedang berada di dasar terbawah sebuah halaman blog, sehingga memudahkan pengunjung blog atau web untuk menjelajahi seluruh isi blog lewat menu navigasi yang kita buat posisinya menjadi fixed menu atau tetap.

Ternyata mudah untuk membuat menu melayang saat di scroll. Untuk memulai tutorial ini, blog anda harus memiliki fitur menu yang nantinya akan di jadikan Sticky Menu Navigation.
Jika anda sudah memiliki menu blog yang akan di jadikan sticky navigation, silahkan ikuti tutorial cara membuat menu melayang saat di scroll berikut ini.

1. Masuk ke edit HTML kemudian copy kode jquery di bawah, lalu pastekan tepat di atas kode </head> 

<script src='//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>

Ket : sebelum di copy paste sebaiknya anda periksa dulu apakah di dalam template anda sudah terdapat kode jquery seperti di atas, jika sudah ada lewati saja langkah pertama atau ganti versi mana yang terbaru. Jangan ada jquery yang bertumpuk atau doubel cukup 1 aja & pilih yang terbaru.

Tips: lewati saja dulu langkah pertama, jika nanti hasilnya menu masih amblas saat di scroll itu artinya template anda belum memiliki kode jquery di atas.

2. Copy kode javascript di bawah ini, lalu pastekan tepat di atas kode </body>

<script type='text/javascript'>
      $(document).ready(function() {
        var stickyNavTop = $('#menu').offset().top;
        var stickyNav = function(){
          var scrollTop = $(window).scrollTop();
          if (scrollTop > stickyNavTop) {
            $('#menu').css({ 'position': 'fixed', 'top':0, 'z-index':9999 });
          } else {
            $('#menu').css({ 'position': 'relative' });
          }
        };
        stickyNav();
        $(window).scroll(function() {
          stickyNav();
        });
      });

</script>

Ket : ganti kode warna merah dengan id menu milik anda. id menu tiap blog bisa berbeda.
Sekedar gambaran, pada umumnya sebuah blog memiliki skema kode HTML sebagai berikut :

<div class='tm-menu'>

<b:section class='menu' id='menu' maxwidgets='1' name='Main Menu' showaddelement='yes'>

<nav id='menu'>
    <ul>
      <li><a href='#'>Home</a></li>
      <li><a href='#'>Menu1</a></li>
      <li><a href='#'>Menu2</a></li>
    </ul>
  </nav>
</div>

[warning title="PENTING!!!" icon="exclamation-triangle"] Sebelum mengedit HTML blog anda sebaiknya anda backup terlebih dahulu template anda. [/warning]

Sekian tutorial cara membuat menu navigasi melayang di Blog semoga bisa bermanfaat dan selamat mencoba.

"Happy Blogging"