Belajar Jaringan - Belajar Pemrograman

Beranda Tentang Kontak

Jumat, 29 April 2016

Cara Enable Telnet Cisco

Jasa setting mikrotik - Cara Enable Telnet Cisco, untuk terhubung pertama kali dengan router cisco, tentunya kita harus memiliki kabel khusus, yang di sediakan untuk meremote router cisconya, banyak jenis kabel memang di dalam jaringan, selain kabel yang sering kita ketahui seperti kabel coaxial, stp, utp. Ada jenis kabel lain yang di gunakan oleh router cisco, seperti kabel DTE dan kabel DCE, atau kabel rolover.


Router(config-line)#password teruna123
Router(config-line)#login
Router(config-line)#exit
Router(config)#enable secret teruna123
Router(config)#enable password teruna123
The enable password you have chosen is the same as your enable secret.
This is not recommended.  Re-enter the enable password.


Router(config)#do wr

Building configuration...
[OK]

Kabel yang saya gunakan untuk meremote router kebetulan kabel serial untuk Console. Kabel rollover Consol cisco DB9


Rabu, 27 April 2016

Cara Setting Router Cisco GNS3

Jasa setting mikrotik - Alhamdulillah, Cara Setting Router Cisco GNS3. akhirnya saya mencoba untuk menulis tentang bagaimana cara Setting Router Cisco GNS3. Sudah di ketahui mungkin, bahwa GNS3 emulator yang bisa berkomunikasi dengan jaringan sesungguhnya, jauh berbeda dengan Packet Tracert.


Cara Setting Router Cisco GNS3 - topologi yang saya gunakan kira-kira berikut di GNS3, tanpa menggunakan switch.


Disini saya hanya ingin mengkoneksikan Emulator GNS3 dengan IOS CISCO yang terinstall didalamnya 3600, dan sebagai clientnya saya menggunakan windows7 tempat menginstall emulator GNS3 sendiri. Saya coba tidak menggunakan hub maupun switch, simplenya saya ingin agar koneksi yang berasal dari router mikrotik masuk ke router cisco dan dari router cisco ke komputer saya.

Cara Setting Router Cisco GNS3 terkoneksi ke internet.

Langkah pertama Cara Setting Router Cisco GNS3 terkoneksi ke internet.

Drag Cloud, drag Cisco 3600 dan Host ke layar
Drag - Kabel untuk masing- masing device seperti terlihat di gambar.

Hidupkan router cisconya dengan klik kanan - > Start

Langkah Kedua Cara Setting Router Cisco GNS3 terkoneksi ke internet.

Configurasi Cloud dengan cara

Klik kanan pada Cloud -> pilih Configure
Klik tab Ethernet -> pilih Generic Ethernet NIO
Pilih Local Area Connection -> Klik Tombol Add
Klik tombol OK

Sehingga terlihat seperti gambar berikut


Langkah Ketiga Cara Setting Router Cisco GNS3 terkoneksi ke internet. 
  
Jalankan Consol Router Cisconya dengan cara Klik kanan pilih consol (double klik saja)

Perintah pertama saya coba lihat interface yang hidup dengan perintah

Router#en
Router#sh ip int br
Hasilnya seperti ini.
Router#sh ip int br
Interface IP-Address OK? Method Status Protocol
FastEthernet0/0 unassigned YES unset administratively down down
FastEthernet1/0 unassigned YES unset administratively down down
FastEthernet2/0 unassigned YES unset administratively down down
FastEthernet3/0 unassigned YES unset administratively down down


Kemudian saya ubah nama Router menjadi routerku dengan perintah pada consol cisco
Router#conf t
Router(config)#host routerku

Selanjutnya saya akan configurasi interface cisco 3600 nya dengan ip 192.168.0.218/24

routerku(config)#int f0/0
routerku(config-if)#ip add 192.168.0.218 255.255.255.0
routerku(config-if)#no shut
routerku(config-if)#exit

Set Dns Servernya si router

routerku(config)#ip name-server 8.8.8.8
routerku(config)#ip route 0.0.0.0 0.0.0.0 192.168.0.1
routerku(config)#exit

Set interface untuk ke windows7 (HOST)

routerku#conf t
Enter configuration commands, one per line. End with CNTL/Z.
routerku(config)#int f1/0
routerku(config-if)#ip add 192.168.100.1 255.255.255.0
routerku(config-if)#no shut
routerku(config-if)#exit
routerku(config)#

Set Nat outside di interface yang mengarah ke jaringan public

routerku(config)#int f0/0
routerku(config-if)#ip nat outside

Set nat inside di interface yang mengarah ke client
routerku(config)#int f1/0
routerku(config-if)#ip nat inside
routerku(config-if)#exit


Buat access-list

routerku(config)#access-list 1 permit 192.168.100.0 0.0.0.255
routerku(config)#ip nat inside source list 1 interface fastEthernet 0/0 overload

Untuk test koneksi kita lihat ping ke google.com dari consol



Kita lihat lagi ip di interfacenya dengan perintah


Langkah Keempat Cara Setting Router Cisco GNS3 terkoneksi ke internet.

Setting ip computer client dengan gateway 192.168.100.1 dan test koneksinya
Cara Setting Router Cisco GNS3 - Alhamdulillah selesai, semoga Cara Setting Router Cisco GNS3 bermanfaat untuk semua.

Selasa, 26 April 2016

Beberapa Perintah Penting Cisco GNS3

Mandailing Natal - Beberapa Perintah Penting Cisco GNS3 - saya lagi pengen menguasai cisco nih, jadi saya gunakan emulator GNS3, GNS3 merupakan emulator layaknya vmware atau virtualbox, gns3 bukan simulator, tapi gn3 merupakan emulator.

Karena saya lagi ingin mengenal cisco lebih dalam, maka saya cob membuat tabel perintah-perintah penting cisco menggunakan GNS3, adapun beberapa perintah penting dari gns3 tersebut adalah.

Pada dasarnya cisco memiliki enam mode, namun saya cuma menggunakan 3 yang utama disini, begitu juga yang saya berikan kepada anak-anak di SMK Swasta Teruna Padangsidimpuan. Mode-mode dari cisco tersebut adalah

  • User mode yang tindai dengan tanda panah
  • Privilaged Mode (exec mode)
  • Global Configuration
Berikut ini perintah penting cisco basic.

Perintah Fungsinya
enable untuk masuk ke privilaged mode (exec mode)
configure terminal masuk ke global configuration
int f0/0 Memilih interface fastEthernet 0/0
int s0/0 memilih interface serial 0/0
Show Version Menampilkan versi system dan hardware, versi IOS, nama dan asal tempat file configurasi, boot images, dan menampilkan bagaimana terakhir kali system di mulai, dan berapa lama system berjalan sejak di hidupkan.
show ip route untuk menampilkan ip route

no ip default-gateway ipgateway
Untuk menghapus default gateway
show running-config Untuk menampilkan configurasi yang sedang berjalan
show startup-config Untuk menampilkan configurasi yang sedang berjalan
show vlan menampilkan informasi vlan
show process menampilkan proces yang aktive pada system
show Processes memory menampilkan memory yang digunakan
show Processes memory menampilkan memory yang digunakan
reload merestart router cisco

Sabtu, 23 April 2016

Memahami Variable Pemrograman

Mandailing Natal - Pengertian Variable php, Memahami Variable Pemrograman. Sebagai pemula memahami variable pemrograman tentu sangatlah penting, tidak hanya anda yang kesulitan memahami variable pemgrograman, saya juga pertama sekali sangat sulit untuk memahami maksud dan fungsi variable, pada dasarnya menurut pemahaman saya makna dan fungsi variable ini sama hampir di seluruh jenis bahasa pemrograman, baik C++, php maupun bahasa pemrograman lainnya.

Variable merupakan sebuah tempat yang di sediakan didalam memory yang dapat menyimpan data sementara baik nilainya di ketahui maupun tidak di ketahui.

Variable yang di maksud tersebut di buat didalam bahasa pemgrograman sebagai wadah penampung nilai-nilai yang akan kita proses, baik nilai data tersebut ingin di tampilkan maupun di proses dan di masukkan kedalam database.

Nilai variable ini bisa berubah ataupun tetap, tergantung kebutuhan kita dalam membuat sebuah aplikasi, variable yang di maksud ini akan menjadi tempat penyimpanan nilai suatu data yang kita input maupun yang kita masukkan secara statik didalam bahasa pemrograman, variable bisa dengan bebas kita defenisikan dengan nama apapun sesuai kebutuhan, namun ada syarat yang harus kita penuhi jika kita ingin membuat variable dalam bahasa pemgrograman php.

Syarat-syarat dalam membuat sebuah variable yang tidak boleh di langgar.

  • Setiap variable harus di awali oleh tanda dollar $
  • Karakter pertama setelah tanda $ harus di awali oleh huruf atau tanda underscore
  • Variable tidak boleh di awali dengan angka
  • Karakter ketiga setelah tanda $, huruf atau tanda _ (underscore) boleh di isi dengan angka.
Contoh penulisan variable yang benar dalam memahami variable pemgrograman php.
$_web="mandailingnatal.com";
$nama="gunawan";
$alamat_saya="padangsidimpuan";
$makanan1="nasi";

Contoh penulisan variable yang salah dalam memahami variable pemgrograman php.
$4lamat="sidimpuan"
nama="gunawan"

Dari contoh diatas secara jelas, terlihat bahwa variable $_web di gunakan untuk menampung data nama web  "mandailingnatal.com" variable seperti ini di defenisikan secara statis, variable yang dinamis juga bisa kita buat, sehingga siapapun dengan bebas boleh mengisi nilai variable tersebut untuk di gunakan lebih lanjut, baik di tampilkan maupun di simpan kedalam database.

Perlu di ingat, bahwa variable dalam pemgroaman php bersifat casesensitive, yang berarti bahwa penulisan huruf besar dan kecil nama variable akan berpengaruh terhadap program yang akan kita buat nantinya, jadi sesuaikan saja nama variable dengan keinginan kita, yang mudah kita ingat dan kita tuliskan.

Selain variable yang kita buat, mesin php juga sudah memiliki variable bawaan yang secara default sudah tertanam didalam mesin php, sehingga ketika kita membutuhkannya kita boleh dan dapat memanggilnya untuk di gunakan. Variable bawaan dalam mesin php ini di sebut juga PhP Predefined Variable, salah satu contoh variable kelak sering kita gunakan diantaranya adalah variable global seperti $_POST, $_GET, $_REQUEST, $_SERVER dan masih banyak lagi variable bawaan yang lain.

Variable-variable bawaan ini tidak boleh kita defenisikan lagi dengan nilai yang kita inginkan, sebagaimana dengan nama variable yang sebelumnya kita fahami.

Berikut ini cara untuk menampilkan nilai variabel ke browser:

<?php

$nama="Gunawan Nasution";
$alamat_saya="Padangsidimpuan:;

echo "$nama";
echo "$alamat_saya";

?>
Sekali lagi, memahami variable pemgrograman php itu sangat penting, karena dengan memahami variable ini kelak kita dapat membuat dan mengubah nilai suatu inputan, baik untuk di tampilkan ke browser maupun di proses untuk di simpan kedalam database.


Jumat, 22 April 2016

Cara Mengubah Ukuran Gambar Background Dengan CSS

Cara Mengubah Ukuran Gambar Background dengan CSS — Panduan Lengkap & Modern (2025)

Apakah Anda pernah mengalami masalah di mana gambar background website atau halaman login hotspot terlihat terlalu besar, terpotong, atau tidak responsif di berbagai ukuran layar? Jika ya — Anda tidak sendirian. Masalah ini sangat umum, terutama saat mengelola halaman login hotspot untuk warnet, café, hotel, atau tempat umum.

Untungnya, dengan CSS modern — khususnya properti background-size — Anda bisa mengontrol ukuran gambar background secara presisi, tanpa perlu mengedit file gambar aslinya. Tutorial ini akan membahas cara mengubah ukuran gambar background dengan CSS secara lengkap — termasuk contoh nyata, kode siap pakai, dan tips best practice terkini.

📌 Studi Kasus Nyata: Login Hotspot Warnet di Papua

Masalah ini pertama kali saya temui saat membantu setting halaman login hotspot untuk sebuah warnet dan café di Papua. Klien menginginkan tampilan background gambar penuh layar (full browser) dengan teks login yang rapi dan estetik. Namun, karena gambar aslinya berukuran sangat besar (misal: 4000x3000 piksel), tampilannya jadi kacau — teks login tersembunyi, gambar terpotong, dan layout tidak responsif.

edit css background blogspot responsive

🛠️ Cara Mengubah Ukuran Gambar Background dengan CSS — Kode Modern

Berikut adalah kode CSS dasar yang saya gunakan untuk memperbaiki masalah tersebut:

body {
  background-image: url('img/cafe3.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; /* ✅ Rekomendasi modern */
  background-attachment: fixed;
  min-height: 100vh; /* ✅ Lebih baik dari 650px */
  margin: 0;
}

Penjelasan Properti CSS:

  • background-image: url(...) — Menentukan gambar background.
  • background-repeat: no-repeat — Mencegah gambar diulang.
  • background-position: center center — Memposisikan gambar di tengah layar.
  • background-size: cover — ✅ Best practice modern — gambar akan menutupi seluruh area tanpa distorsi, meskipun sebagian terpotong.
  • background-attachment: fixed — Membuat background tetap saat di-scroll (opsional).
  • min-height: 100vh — ✅ Lebih responsif dari 650px — menyesuaikan tinggi layar pengguna.

🎯 Perbedaan: background-size: 100% 100% vs cover vs contain

Banyak tutorial lama masih menggunakan background-size: 100% 100% — tapi ini sering menyebabkan distorsi gambar. Berikut perbandingannya:

Nilai Efek Kapan Digunakan
100% 100% Meregangkan gambar agar pas dengan lebar & tinggi container — sering menyebabkan distorsi. Hindari — kecuali gambar memang berbentuk persegi sempurna.
cover Gambar diperbesar agar menutupi seluruh area — tanpa distorsi, meskipun sebagian terpotong. ✅ Rekomendasi utama — untuk hero section, login page, background penuh.
contain Gambar diperkecil agar seluruhnya terlihat — tanpa distorsi, tapi mungkin ada ruang kosong. Untuk logo, ilustrasi, atau gambar yang harus utuh terlihat.

✅ Best Practices Modern (2025)

1. Gunakan cover untuk Background Penuh

Ini adalah standar industri untuk hero section, landing page, atau halaman login.

2. Gunakan 100vh untuk Tinggi Penuh Layar

Ganti min-height: 650px dengan min-height: 100vh agar responsif di semua perangkat.

3. Tambahkan Fallback Warna

Untuk antisipasi jika gambar gagal load:

body {
  background-color: #f0f0f0; /* fallback */
  background-image: url('img/cafe3.jpg');
  background-size: cover;
  background-position: center;
  min-height: 100vh;
}

4. Optimalkan Gambar untuk Web

Sebelum di-upload, kompres gambar dengan tools seperti: - Squoosh.app (gratis, open-source) - TinyPNG - Format modern: WebP atau AVIF (jika didukung)

5. Gunakan CSS Custom Properties (Opsional — untuk Fleksibilitas)

:root {
  --bg-image: url('img/cafe3.jpg');
}

body {
  background: var(--bg-image) center/cover no-repeat;
  min-height: 100vh;
}</code></pre>

  <h2>🔧 Contoh Lengkap: Halaman Login Hotspot</h2>

  <p>Berikut contoh kode HTML + CSS lengkap untuk halaman login hotspot yang responsif dan modern:</p>

  <pre><code><!DOCTYPE html>
<html lang="id">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Login Hotspot</title>
  <style>
    body {
      background: url('img/cafe3.jpg') center/cover no-repeat fixed;
      background-color: #2c3e50; /* fallback */
      margin: 0;
      padding: 0;
      font-family: Arial, sans-serif;
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .login-box {
      background: rgba(255, 255, 255, 0.9);
      padding: 2rem;
      border-radius: 12px;
      box-shadow: 0 8px 32px rgba(0,0,0,0.1);
      text-align: center;
      max-width: 400px;
      width: 90%;
    }

    h2 {
      margin-top: 0;
      color: #2c3e50;
    }

    input {
      width: 100%;
      padding: 0.75rem;
      margin: 0.5rem 0;
      border: 1px solid #ddd;
      border-radius: 6px;
      font-size: 1rem;
    }

    button {
      background: #3498db;
      color: white;
      border: none;
      padding: 0.75rem 1.5rem;
      border-radius: 6px;
      cursor: pointer;
      font-size: 1rem;
      margin-top: 1rem;
    }

    button:hover {
      background: #2980b9;
    }
  </style>
</head>
<body>
  <div class="login-box">
    <h2>Login Hotspot</h2>
    <form>
      <input type="text" placeholder="Username" required>
      <input type="password" placeholder="Password" required>
      <button type="submit">Login</button>
    </form>
  </div>
</body>
</html>

❓ FAQ — Pertanyaan Umum

Q: Apakah bisa pakai background-size: 100% 100%?

A: Bisa, tapi tidak disarankan — karena akan meregangkan gambar dan menyebabkan distorsi. Gunakan cover atau contain untuk hasil lebih baik.

Q: Gambar tetap terpotong — bagaimana solusinya?

A: Gunakan background-position untuk mengatur fokus gambar — misal: background-position: top center; atau left center.

Q: Bagaimana agar background tidak blur di layar besar?

A: Pastikan gambar asli beresolusi tinggi (minimal 1920x1080). Jangan gunakan gambar kecil yang diperbesar.

🔚 Penutup

Mengubah ukuran gambar background dengan CSS bukan lagi hal yang rumit — asalkan Anda menggunakan properti yang tepat dan mengikuti best practice modern. Dengan background-size: cover dan min-height: 100vh, Anda bisa membuat tampilan background yang responsif, estetik, dan profesional — tanpa perlu edit gambar aslinya.

Semoga tutorial ini membantu Anda — terutama bagi yang mengelola hotspot, landing page, atau website dengan background gambar besar. Jika ada pertanyaan, tinggalkan komentar di bawah!

Terima kasih telah membaca — semoga bermanfaat!

Jumat, 15 April 2016

Pengertian Function C++ DevC++

Mandailing Natal - Pengertian Function C++ DevC++ - function C++ devC++ merupakan kumpulan statement yang kan mengembalikan suatu nilai balik pada pemanggilnya (return) dan nilai setiap function harus di simpan dalam sebuah variable.
Hal ini sangat berbeda dengan yang di sebut procedure, beda keduanya yaitu jika function akan mengambalikan suatu nilai balik kepada fungsi yang memanggilnya, sedangkan procedur tidak mengambalikan nilai apapun terhadap fungsi yang memanggilnya.

Atau mungkin simplenya, function meruapakan sebuah subprogram yang memiliki tindakan pada sebuah data dan memberikan suatu nilai balik, setiap program di dalam C++ setidaknya harus memiliki sebuah function, (function main()). Ketika sebuah program di jalankan, function main() akan di panggil secara otomatis, function main() juga boleh memanggil function yang lainnya, begitupun function yang lain boleh memanggil function yang lainnya juga.

Masing-masing function harus memiliki sebuah nama, dan nama yang function ini akan di buat didalam body dari  program yang kita gunakan ,function sendiri memiliki dua jenis yaitu
  • Function yang di buat user (function user-defined
  • Function build-in (function bawaan)

Berikut ini contoh function  c++ yang saya coba menggunakan devC++:

#include <iostream>
using namespace std; 
 
int Tambah(int x, int y)
{
cout << "Function Tambah() Menerima Nilai X Adalah: " << x << " dan" << " Nilai Y adalah " << y <<"\n";
return (x+y);
}

int main()

{
int a, b ,c;
cout <<"Main nih dari programnnya\n";
cout <<"Isikan nilai X\n ";
cin >> a;
cout << "Isikan Nilai Y\n ";
cin >> b;

c=Tambah(a,b);
cout <<"Nilai C adalah: ";
cout << c;
return 0;
}

Mudah-mudahan Pengertian Function C++ DevC++ bermanfaat, saya juga lagi mencoba memahaminya...

Belajar Setting Mikrotik - Belajar Pemrograman Java - Belajar Pemrograman Pascal Belajar PHP OOP

Cari Blog Ini

Arsip Blog

Diberdayakan oleh Blogger.

Postingan Populer