Belajar Web Design

halo sahabat kangbajuri.id kali ini akan membahas mengenai web design dalam hal ini saya akan bahas dibagian make upnya antara lain yaitu dengan css (casecadingstyle)

Cascading Style Sheet (CSS) merupakan aturan untuk mengatur beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.
Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file).^[1] Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.^[1]CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya.^[1] CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen.^[2] Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda

sumber :https://id.wikipedia.org/wiki/Cascading_Style_Sheets

 bukan hanya casecading style untuk mempercantik sebuah website javaquery (JQuery) juga hal yang wajib untuk developer website karena dengan JQuery bisa membuat tampilan website sahabat kangbajuri.id lebih cantik lagi.

jQuery adalah pustaka JavaScript lintas-platform yang didesain untuk menyederhanakan client-side scripting pada HTML. Dewasa ini, jQuery merupakan pustaka JavaScript yang paling populer, dengan 65% pemasangan dari 10 juta situs Web dengan pengunjung tertinggi. jQuery adalah gratis, dan bersifat kode sumber terbuka dibawah lisensi MIT.
Sintaks pada jQuery didesain untuk memudahkan dalam navigasi sebuah dokumen, pemilihan elemen DOM, pembuatan animasi, penanganan event, dan pengembangan aplikasi berbasis Ajax. jQuery juga menyediakan kemampuan bagi para pengembang untuk dapat membuat plug-in pada pustaka JavaScript ini. Ini memungkinan mereka untuk membuat abstraksi pada interaksi dan animasi tingkat-rendah, efek lanjutan, serta tampilan widget yang dapat dimodifikasi. Pendekatan modular pada jQuery memungkinkan kita dalam pembuatan halaman Web yang dinamis dan aplikasi berbasis Web yang ajib.
Sekumpulan fitur inti jQuery—yakni pemilihan elemen DOM, transferal dan manipulasi—dimungkinkan berkat adanya selector engine yang bernama Sizzle (sejak versi 1.3), yang membuat sebuah "gaya pemrograman baru", memadukan antara algoritma dan data struktur DOM. Gaya ini dipengaruhi oleh arsitektur JavaScript lainnya seperti YUI v3 dan Dojo, yang nantinya menstimulasi pembuatan standar Selector API.
Microsoft dan Nokia membundle jQuery pada platfoem mereka. Microsoft mengikut sertakannya dengan Visual Studio di dalam pembuatan ASP.NET AJAX dan framework ASP.NET MVC miliknya. Sementara itu, Nokia meng-integrasikannya di dalam platform pengembangan widget Web Run-Time. jQuery juga telah digunakan di MediaWiki sejak versi 1.16

sumber : https://id.wikipedia.org/wiki/JQuery

mungkin segitu dulu yang saya bagikan karena terbatasnya ilmu. akan dilanjut di postingan kemudian

Halaman login mikrotik responsive

Halo sabat kangbajuri id pada malam hari ini akan membahas halaman login hotspot mikrotik. Dihalaman login hotspot kita bisa promo promo produk kita entah itu servis komputer, instalasi jaringan atau yang lainya, ini juga bisa sebagai ladang mencari duit bagi orang mau pasang iklan di halaman login hotspot kita. 

Hal yang penting sebelum sahabat kangbajuri id membuat atau mengedit sebuah halaman login hotspot mikrotik yaitu kode yang ada di login page bawaan / default itu jangan langsung sahabat hapus karena kita masih memerlukan dan akan mengambil kode program mikrotik tersebut.

Untuk menghasilkan halaman login yang sesuai dengan perangkat atau device yang ada atau istilahnya responsive gituh kita perlu menambahkan kode

Itu yang membuat sesuai namun masih belum cukup samapi disituh

Untuk dapat memaksimalkan halaman login hotspot mikrotik supaya responsive kita bisa menggunakan css Bootstrap dan memper indah lagi dengan custum css yang kita bikin sendiri

Tutorial Cara konfigurasi Mikrotik Dasar dari awal

Tutorial Cara konfigurasi Mikrotik Dasar dari awal, konfigurasi dasar mikrotik ada beberapa cara yang dapat ditempuh untuk menghubungkan Mikrotik ke Internet. Cara-cara tersebut bergantung terhadap modem atau perangkat yang digunakan untuk terkoneksi dengan internet.

alat alat yang disiapkan sebelum setting atau konfigurasi mikrotik awal
- komputer
- kabel UTP
- RouterBoard disini yang saya pakai RB750
- access point karena RB750 tidak menyediaka card wireless
- dan yang paling penting adalah koneksi internet itu sendiri

oke kita mulai saja pada tahapan ini kita buat skenario jaringan yang akan di buat, disini saya akan buat skenario membuat hotspot untuk sekitaran sekolahan atau rumah dan lab.

IP MANAGEMENT

IP ke arah Modem = 192.168.1.1 - 192.168.1.254
IP Modem          = 192.168.1.1
IP Mikrotik      = 192.168.1.2
IP Hotspot         = 192.168.2.1
IP LAB             = 192.168.3.1

interfaces : ether1
IP address : 192.168.1.2
subnet mask : 255.255.255.0
gateway : 192.168.1.1

interfaces : ether2-hotspot
IP address : 192.168.2.1
subnet mask : 255.255.255.0

interfaces : ether3-LAB
IP address : 192.168.3.1
subnet mask : 255.255.255.0

Untuk Mengkonfigurasi awal mikrotik kita membutuhka software yang benama Winbox dan yang pertama kita akan mengkoneksikan Mikrotik ke Internet, cara mengkoneksikannya adalah sebagai berikut :

1. Pastikan dulu sumber koneksi internet. Apakah dari modem ADSL (misalnya IndiHome).

2. Sumber koneksi internet menggunakan IndiHome

3. sekarang buka aplikasi winbox dan Login ke Mikrotik via Winbox pertama menggunakan Mac Addresses cari routerboard disitu akan terlihat ada berapa mikrotik yang kita gunakan pilih mikrotik mana yang akan kita setting atau konfigurasi.

4. setelah pilih mengguakan Mac address isi username = admin password kosongkan saja.

5. setelah masuk ke RouterOs Mikrotik disitu ada tampilan konfigurasi default kita akan remove atau hapus konfigurasi karena kita akan konfigurasi sendiri.

6. masuk ke winbox lagi berikut ini cara pertama untuk menghubungkan mikrotik ke internet
--> Masuk ke menu  IP --> DHCP Client --> Tambahkan DHCP Client dengan meng-klik menu +
->   Interface : Pilih out interface yang terhubung ke sumber Internet
->   Use Peer DNS : jangan lupa Centang
->   Use Peer NTP : jangan lupa Centang
-> Add Default Route : yes

cara ini membuat ip address akan langsung dapat dari modem dan tidak sesuai dengan skenario yang kita akan buat namun ini sudah terhubung dengan internet.
cara kedua masuk menu -> ip -> Addresses -> tambahkan Ip Addresses dengan klik menu + isi ip dari ether1 sampai sesuai dengan skenario diatas.
 
interfaces : ether1IP address : 192.168.1.2
subnet mask : 255.255.255.0

interfaces : ether2-hotspot
IP address : 192.168.2.1
subnet mask : 255.255.255.0

interfaces : ether3-LAB
IP address : 192.168.3.1
subnet mask : 255.255.255.0

udahkah ini terhubung ke internet?? ouh Belum!!, untuk terkoneksi ke internet kita masih membutuhkan beberapa langkah lagi.

7. Setting routes yang ada di menu IP
    IP -> routes -> tambahkan routes dengan klik + isi Gateway 192.168.1.1 lalu alply dan   oke.

8. Atur DNS di menu IP -> DNS isikan dns google 8.8.8.8 atau 8.8.4.4 dan jangan lupa centang allaw remote requests lalu alply dan ok.

9. Atur NAT di menu IP -> firewall-> NAT tamabahkan dengan klik + pada tab General pada kolom chain pilih srcnat, serta pada out-interface pilih ether1 dan tab action pada koliom action pilih masquerade lalu alply dan ok.

10. Sampai disini, Mikrotik seharusnya sudah terhubung ke internet. Sekarang kita melakukan ping via terminal untuk Cek koneksi internet.

Demikianlah Tutorial Cara konfigurasi Mikrotik Dasar dari awal. Untuk settingan Hotspo silahkan  klik disini artkel selanjutnya kita akan seting lab.

Tutorial Cara Merubah Tampilan Menu Start Windows 10 Menjadi Windows 7

bagi sobat yang sudah menggunakan Windows versi baru dari sistem operasi Microsoft yaitu Windows 10, pasti sobat merasakan ada yang berbeda pada Start Menu yang disediakan oleh windows 10. Dulu Windows sempat menghilangkan tampilan menu start klasik dan menggantikannya dengan tampilan metro yang full screen, maka pada Windows 10 kali ini Microsoft menghadirkan kembali tampilan Start Menu yang ringkas dan kecil.

apalagi sekarang laptop madel terbaru semuanya sudah di lengkapi windows 10 dan tidak ada lagi menggunakan windows 7.

Jika sobat bukan merupakan orang yang nyaman dengan menu start kotak-kotak live tiles besar yang hadir di Start Menu Windows 10, maka pasti rindu dengan tampilan Start Menu milik Windows 7.

Maka dari itu, melalui tips berikut ini akan kami sajikan cara untuk mengubah Start Menu Windows 10 sehingga tampilan selayaknya Windows 7.

sebuah software yang berukuran kecil bisa merubah tampilan windows 8.1 dan windows 10 menjadi windows 7, software tersebut adalah classic shell. dengan software ini sobat dapat mengubah tampilan windows 10 yang membuat tidak nyaman sobat menjadi seperti start menu windows 7.

Aplikasi ini berfungsi sebagai aplikasi kustomisasi Start Menu hingga Windows Explorer yang bisa mengubah tampilan menjadi mirip dengan versi Windows terdahulu. Untuk dapat menggunakan software ini sobat harus download dan install software ini di laptop sobat, jika suda di download, maka saya akan membagikan cara menggunakan software ini.

install software Classic Shell, yang sobat download tadi kemudian klik next sampai selesai

Jika instalasi telah selesai, buka Classic Start Menu Settings. Pada Select the style for the start menu, pilih opsi Windows 7 style

setelah sobat klik OK maka tampilan start menu windows 10 sobat berubah menjadi seperti start menu windows 7 yang simpel dan rapi.

untuk megubah ikon Start Menu, ceklis pilihan Replace Start Button. Pilih ikon yang diinginkan, dan tekan OK

Agar tampilan lebih optimal, buka kembali Classic Start Menu Settings dan pilih tab Skin. Tekan menu drop down Skin dan pilih tampilan yang kamu suka. Kemudian tekan OK.

Hasilnya

Tutorial Cara Upgrade dan Downgrade RouterOS

Sebenarnya semua RouterOS mempunyai fitur dan fungsi yang sama di setiap versinya. Namun MikroTik terus menambah fitur baru untuk meningkatkan kinerja serta stabilitas dengan merilis update versi terbaru. Untuk setiap penambahan atau perbaikan dalam setiap versi routerOS, mikroTik selalu menyertakan changelog. Contoh changelog pada setiap versi routerOS bisa dilihat pada saat ingin melakukan download versi terbaru untuk melihat changelog setiap versi klik disini.

Dengan melakukan Upgrade atau Downgrade versi RouterOS merupakan hal yang perlu diperhatikan bagi pengguna Mikrotik. dikarenakan sudah biasa dengan versi lama atau juga menginginkan versi terbaru. Dengan meng-upgrade versi RouterOS maka Mikrotik anda akan mendapatkan fitur-fitur baru juga.

Walaupun kegiatan ini bukanlah sebuah aktivitas yang sering dilakukan oleh para pengguna RouterOS MikroTik, namun adakalanya menjadi sebuah hal yang penting ketika dibutuhkan.

oke lanjut ke langkah langkah untuk upgrade dan downgarde, langkah pertama yang mesti dilakukan adalah download terlebih dahulu modul routerOS. Kita bisa mendapatkan modul tersebut pada website berikut mikroTik.com/download atau routerOS.co.id dan Yang perlu diperhatikan saat download adalah modul RouterOS harus sesuai dengan arsitektur processor dari hardware routerboard tersebut. Ada beberapa pilihan arsitektur, ada Mipsbe, Mipsle, powerpc, x86 dan Tile. Arsitektur pada hardware dapat dilihat pada bagian atas saat kita melakukan remote via Winbox.

1. Buka halaman Download Mikrotik : http://mikrotik.com/download

2. Pilih tipe RouterOS yang sesuai dengan RouterBoard anda.

3. Download file upgrade package untuk versi RouterOS nya

6. Buka folder yang berisi file download di Windows Explorer, klik kanan file .npk nya --> Copy

5. Buka Winbox, masuk ke menu Files --> klik icon Paste untuk meng-upload file .npk nya.

 6. Kalo proses upload nya sudah selesai reboot Mikrotik nya, System --> Reboot. Maka paket update itu akan terinstall secara otomatis saat Mikrotik booting.

7. Untuk mengecek apakah RouterOS Mikrotik nya sudah ter-update buka menu System --> Resources.

itulah cara Upgrade untuk cara Downgrade silahkan ikuti langkah langkahnya sama sepeti diatas namun ada perbedaan sedikit atau ikuti tutorial saya dibawah ini.

untuk melakukan downgrade cukup mudah. Seperti halnya proses upgrade, langkah yang pertama download terlebih dahulu modul RouterOS versi terdahulu yang diinginkan.

Setelah proses download selesai, "Copy & Paste" modul ke dalam router menggunakan Winbox taruh di file.

dan selanjutnya, buka menu system -> packages maka akan muncul package list seperti pada gambar berikut ini :

Klik tombol Downgrade, lalu akan muncul kotak dialog tekan tobol "yes" untuk melakukan perintah reboot. Setelah itu Router akan menyala kembali, jreeeng apa yang terjadi routerOs anda berhasil di downgrade dan sudah menggunakan versi RouterOS yang diinginkan

Cara Import nice.rsc di mikroik menggunakan Winbox

malam sobat sekalian pada kali ini saya akan membagikan bagaimana cara mengimport nice.src pada mikrotik langkah - langkah mengimport address list nice (iix) sehingga nantinya dapat kita manfaatkan untuk membagi traffik ketika kita memiliki 2 upstream, upstream yang pertama  di gunakan untuk melewati jalur iix dan  upstream yang lainnya di gunakan untuk jalur international. sebelum melakukan langkah-langkan dibawah inin dan melangkah lebih jauh untuk membagi traffik antara international dan iix (nice), kita akan mencoba mengimport address list terlebih dahulu ke dalam router OS kita, langkahnya adalah sebagai berikut :

1. download address list nice di sini
2. jalankan aplikasi winbox untuk membuka  OS mikrotik
3. setelah itu import ke dalam os mikrotik dengan cara mendrag ke files
4. pastikan file nice.rsc sudah terdapat di files list seperti pada gambar berikut :

Cara Import nice.rsc di mikroik menggunakan Winbox

ket no.4  : pada gambar form no.1 menunjukkan bahwa file nice.rs telus sukses di import kedalam OS mikrotik

5. melalui terminal seperti pada gambar di atas yang terletak pada form no.2 ketikkan perintah

 /import file-name=nice.rsc, tunggu sampai dengan muncul info dialog opening script file nice.rsc  pada winbox dan script file loaded and executed successfully bahwa script berhasil dijalankan  jika sudah berarti address list nice sudah di import pada /ip firewall address list

6. dan pastikan address list nice sudah terinput sukses ke dalam /ip firewall address list seperti contoh  pada gambar di atas form no.3

sampai disini selesai berarti kita sudah sukses untuk mengimport address list nice (nice.rsc) dan siap di gunakan untuk memisahkan antara internasional dan traffik iix.

Cara Uprgade TP-LINK TL-WR740N versi 6 Jadi DDWRT

cari di google tentang router ini TP-LINK TL-WR740N adalah router biasa yang dari sananya memiliki fungsi sebagai router wireless dan bisa memancarkan sinyal wifi. 

TETAPI

-tidak bisa receive atau menerima wifi.

-tidak bisa menjadi wireless repeater (ya orang ini cuma bisa transmit doang)

kali ini ane mau share tentang pengalaman ane barusan saja hahaha, menginstall firmware DD-WRT di router wireless TP-LINK TL-WR740N

oke kita mulai 

1.  pertama silahkan download dulu firmwarenya di http://dd-wrt.com/site/support/router-database
2. kemudian download ketiga file tersebut :

3. lalu sekarang kita akses panel admin TP-LINK kita yang masih standar dan pilih firmware-upgrade, kemudian pilih file yang tadi kita download dan upgrade

 

4. ketika sudah selesai menggunakan firmware dd-wrt beginilah kiranya kurang dan lebihnya, silahkan beri username baru dan password baru untuk panel admin router anda yg saat ini sudah di install dd-wrt :

5. kemudian klik tab wireless dan masukan user&password yang sudah anda atur sebelumnya :

6. kemudian lakukan upgrade firmware kedua di tab administration >> firmware upgrade :

 

7. untuk upgrade yang kedua pilih file yang ini :

 

8. maka upgrade firmware yang ke dua sedang proses :

 

SELESAI !! HEHEHE

Jadi jangan kaget kalau setelah upgrade maka akan tipe router akan berubah menjadi TP-LINK WR841ND v 10. Cara upgradenya juga tidak memerlukan cara khusus, cukup upgrade pada menu Upgrade yang ada di system tools.


sekarang TP-LINK TL-WR740N anda adalah router wireless yang bisa transmit dan receive.

backup database userman mikrotik

Saat kita ingin membuat layanan hotspot, akan lebih mudah jika kita menggunakan sebuah system untuk menangani AAA (Authentication, Authorization dan Accounting), untungnya di mikrotik sudah tersedia sebuah tool yakni usermanager. Di dalam usermanager terdapat database yang digunakan untuk menyimpan informasi service meliputi hotspot users, PPP users, DHCP Leases, Wireless AccessList, dan RouterOS users.

Membuka usaha hotspot dengan user harian tidaklah terlalu sulit ketika kita kehilangan data, misalkan kehilangan data user yang telah kita buat. Namun menjadi masalah besar jika kita sudah memiliki banyak user. Oleh karena itu melakukan backup suatu data untuk keperluan maintenance merupakan kegiatan yang tidak bisa ditinggalkan.

Kali ini kita akan membahas bagaimana melakukan backup database usermanager dan melakukan restore database tersebut ke router yang baru jika router mengalami kerusakan.

Konfigurasi

Sebagai contoh kasus kali ini terdapat 2 buah router yang mana router pertama telah terinstall user-manager dan juga sudah terdapat datanya. Kemudain router yang kedua baru terinstall user-manager dan belum ada datanya. Dan untuk data router kedua akan kita ambil dari router pertama.

  

Pertama, pada router 1 kita akan "backup/save" database dari user-managernya. Untuk prosesnya kita akan menggunakan New Terminal. Di New Terminal kita akan ketikkan perintah /tools user-manager databasesave name=[nama file].

 

Secara otomatis akan dibuatkan sebuah file yang berekstensi *.umb. Sebagai contoh kita akan memberi nama dengan 'dbase-R1.umb'. Nah, file inilah yang akan kita "export" ke database router yang kedua.

 

Kedua, kita akan mengekspor file tadi ke database user-manager di Router 2. Sebelumnya, kita akan memasukkan terlebih dahulu file tersebut kedalam localhost (menu Files) dari Router 2. Kita bisa menggunakan FTP (untuk Linux, Mac OS) atau "Drag-Drop' (untuk Windows).

Setelah berhasil kita masukkan ke menu file Router 2, selanjutnya baru kita akan mengekspor ke dalam databse Router 2 menggunakan New Terminal. Untuk melakukan ekspor kita menggunakan perintah /tools user-manager database load name=[nama file].

Ketika muncul sebuah konfirmasi, tekan "Y" dan proses ekspor/restore akan berjalan. Ketika berhasil akan terdapat pemberitahuan "User-Manager Database Restored". 

Final Check

Untuk mengetahui apakah data-data sudah masuk ke Router 2 kita bisa cek secara langsung pada fitur user-manager. Perlu diketahui juga apabila kita sudah login di user-manager Router 2 untuk dapat melihat hasilnya kita perlu logout terlebih dahulu dan login kembali guna memperbarui current session. 

Tampilan Data Router 1

Tampilan Data Router 2 

Loadbalancing 2 ISP Dalam Satu Mirotik

Topologi yang baik untuk Warnet dan Game Center menggunakan 2 ISP dan 2 Gateway dalam 1 Router. Dalam kasus ini, saya menggunakan Router Board RB750 untuk melakukan pemisahan 2 Gateway. Alasan menggunakan 2 G/w adalah supaya saat user lain melakukan download dan browsing, kegiatan game tidak terganggu dengan adanya pemisahan line browsing dan game

Topologinya kira-kira seperti ini :

      ISP GAME

   (172.21.138.1/30)

                                  | (172.21.138.2/30)

                                  |------------- RB ---------- CLIENT (192.168.69.0/24)

                                  | (172.22.138.2/30)

(172.22.138.1/30)

ISP BROWSING

ISP Game menggunakan eth0 (172.21.138.1/30), ISP Browsing menggunakan eth1(172.22.138.1/30) dan CLIENT (192.168.69.0/24) menggunakan eth3. Dan untuk default gatewaynya, kita tentukan untuk ISP Game. Kenapa ? Karena port untuk game sangat bervariasi dan kemungkinan besar kita akan repot ke depannya kalau harus listing listen port pada game-game yang berbeda, jadi untuk memudahkan, kita buat default gateway ke ISP Game.

Sekarang kita setting untuk IP Route terlebih dahulu, kira-kira seperti di bawah ini :

/ip route

add dst-address=0.0.0.0/0 gateway=172.21.138.2 comment="Default Gateway"

add dst-address=0.0.0.0/0 gateway=172.21.138.2 routing-mark="Jalur ISP Game"

add dst-address=0.0.0.0/0 gateway=172.22.138.2 routing-mark="Jalur ISP Browsing"

Kemudian kita Setting Rule di mangle supaya masing-masing dari koneksi kita bisa di akses dari luar

/ip firewall mangle

add chain=input connection-state=new in-interface="eth0" dst-address-type="!local" action=mark-connection new-connection-mark="gateway-game-conn"

add chain=input connection-state=new in-interface="eth1" dst-address-type="!local" action=mark-connection new-connection-mark="gateway-browsing-conn"

add chain=output connection-mark="gateway-game-conn" action=mark-routing routing-mark="jalur-game"

add chain=output connection-mark="gateway-browsing-conn" action=mark-routing routing-mark="jalur-browsing"

Konfigurasi Forward rules pada bagian NAT

/ip firewall nat

add chain=dstnat protocol=tcp dst-port=!21,80,443,5050 in-interface=eth0 action=dst-nat to-addresses=192.168.69.0/24 to-ports=!21,80,443,5050

add chain=dstnat protocol=tcp dst-port=21,80,443,5050 in-interface=eth1 action=dst-nat to-addresses=192.168.69.0/24 to-ports=21,80,443,5050

Konfigurasi Mangle untuk memisahkan trafic browsing dan game online

kebutuhan Semakin hari makin banyak  akan manajemen jaringan yang beragam. Hal ini tidak terlepas dari semakin beragamnya layanan internet yang ada saat ini. Dari mulai portal berita, forum, sosial media serta game online yang saat ini banyak digemari pengguna internet.

Sebagai penyedia layanan akses internet, tentu kita ingin memberikan layanan terbaik sehingga semua kebutuhan pengguna internet dapat diakomodasi dan dapat menjalankan aktifitas browsing, chating maupun bermain game online dengan nyaman.

Problem yang biasa terjadi adalah ketika 2 atau lebih akses yang berbeda, seperti browsing dan game online terjadi pada satu jaringan yang sama, antara keduanya dapat saling menganggu. 

Misalnya, pada warnet atau wargame (warnet dan game online) ketika banyak yang bermain game online, traffic browsing akan terganggu. Atau bisa juga terjadi sebaliknya. Yang dimaksud game online disini adalah game yang sudah terinstall di PC, kemudian dimainkan secara online, bukan game yang disediakan oleh website-website tertentu.

Pada artikel ini, akan diulas bagaimana cara memisahkan dan melakukan manajemen yang berbeda untuk traffic browsing dan game online.

Mangle

Traffic browsing dan game online dapat dibedakan berdasarkan protocol dan port yang digunakan. Fitur yang dapat digunakan untuk kebutuhan tersebut adalah mangle, dimana mangle dapat digunakan untuk menandai (marking) paket data berdasarkan port, protocol, src dan dst address, serta paramater lain yang dibutuhkan.

Untuk kasus ini, berarti kita harus mengetahui protocol dan port berapa yang digunakan oleh game online untuk menjalankan fungsi nya. Ada 2 cara untuk mendapatkan informasi tersebut. 

Pertama, dengan melakukan Torch pada saat client menjalankan game tersebut. Sehingga akan didapat port dan protocol yang digunakan.

 

Disamping itu, kita bisa mencari referensi lain dari internet, dimana sudah banyak yang berhasil mengetahui port dan protocol yang digunakan oleh setiap game online yang ada. Tentu setiap game menggunakan port dan protocol yang berbeda. 

Jika dilihat sebenarnya tipe traffic yang akan di-manage bisa digolongkan menjadi 2 tipe saja, yaitu traffic game online dan traffic selain game online (browsing,chating,dsb). Maka kita bisa membuat mangle untuk game online terlebih dahulu, baru setelahnya buat untuk selain game online berdasarkan port dan protocol yang sudah di dapat sebelumnya. 

Mangle Game Online

Untuk pembuatan mangle game, karena cukup banyak game-game yang akan di-mangle, akan lebih mudah jika dibuat mark-connection semua game terlebih dahulu dengan marking yang sama.

Langkah di atas merupakan salah satu contoh melakukan mar-connection dengan game yang menggunakan protocol tcp port 36567,8001 . Untuk game lakukan dengan langkah yang sama, sesuaikan protocol dan port yang digunakan. 

Setelah langkah mark-connection selesai, barulah dibuat mark-packet berdasar mark-connection=Koneksi-Game yang sebelumnya telah dibuat 

Mangle Selain Game Online

Pada langkah sebelumnya telah dibuat mangle untuk game. Selanjutnya tinggal dibuat mangle untuk traffic selain game online. Di dalam nya bisa terdapat traffic browsing,chating,dsb.

Sama dengan langkah marking pada traffic game, buat mark-packet setelah langkah mark-connection selesai.

Hasil akhir dari konfigurasi mangle seperti berikut

 

Manajemen bandwidth

Pada artikel ini akan digunakan Queue tree untuk melakukan manajemen bandwidth berdasarkan mangle mark-packet yang sudah dibuat sebelumnya. Sebagai asumsi, bandwidth total yang dimiliki dedicated 1Mbps

Langkah pertama, definisikan terlebih dahulu total bandwidth yang ada, baik untuk upload maupun download.

Selanjutnya, buat queue untuk traffic browsing dan game berdasarkan mark-packet yang sudah dibuat sebelumnya. Pada contoh ini menggunakan model HTB dengan bandwidth minimal (limit-at)=512k dan max-limit=1Mbps.

Lakukan juga untuk traffic browsing upload dan game upload 

Test

Dengan menggunakan model HTB, antar traffic browsing dengan game sudah memiliki bandwidth garansi masing-masing, sehingga jika keduanya berjalan bersamaan tidak akan saling mengganggu.