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.