• Shielded Twisted Pair (STP)

• Unshielded Twisted Pair (UTP)

• Screened Shielded Twisted Pair (S/STP)

• Screened Unshielded Twisted Pair (S/UTP) / Foiled Twisted Pair (FTP)

Susunan Warna Kabel Twisted Pair

Pada kabel twisted pair kategori 5 atau 6 yang terdiri atas 8 kawat tunggal dengan susunan warna sebagai berikut: :

1. White Orange

2. Orange

3. White Green

4. Green

5. White Blue

6. Blue

7. White Brown

8. Brown

Untuk lebih mudah memahami urutan kabel yang ada pada kabel twisted pair anda bisa menyimak pada gambar berikut;

2. Kabel Coaxial
Ada beberapa jenis kabel Coaxial yaitu:

1.   Kabel Coaxial Thinnet ( Kabel RG-58 )

Kabel Coaxial Thinnet atau Kabel RG-58 biasa disebut dengan kabel BNC, singkatan dari British Naval Connector. Sebenarnya BNC adalah nama konektor yang dipakai, bukan nama kabelnya.
Kelebihan menggunakan kabel RG-58 adalah :

• ·       Fleksibel, mudah dipakai untuk instalasi dalam ruangan.
• ·       Dapat langsung dihubungkan ke komputer menggunakan konektor BNC.

Spesifikasi teknis dari kabel ini adalah :

• ·       Mampu menjangkau bentangan maksimum 185 meter.
• ·       Impedansi Terminator 50 Ohm.

2.   Kabel Coaxial Thicknet ( Kabel RG-8 )

Kabel Coaxial Thicknet atau Kabel RG-8 adalah kabel coaxial yang dipakai untuk instalasi antar gedung, Spesifikasi kabel ini sama dengan dengan Kabel Coaxial Thinnet, hanya bentuk fisiknya lebih besar. Karena lebih besar, kabel ini dapat menampung data yang lebih banyak sehingga cocok untuk instalasi sebagai backbone jaringan.

Spesifikasi Teknis dari kabel ini adalah :

• ·       Mampu menjangkau bentangan maksimum 500 meter.
• ·       Impedansi terminator 50 Ohm.
• ·       Membutuhkan Transceiver sebelum dihubungkan dengan komputer.

Supaya komputer dapat terhubung ke jaringan thicknet, diperlukan transceiver. Koneksi antara Network Adapter Card dengan transceiver dibuat dengan menggunakan drop cable untuk menghubungkan Transceiver dengan Attachment Unit Interface ( AUI ) pada Network Adapter Card. Interface dari AUI berbentuk DB-15.

Bila dibandingkan antara Thicknet dengan thinnet, instalasi kabel thicknet jauh lebih sulit karena sifatnya lebih kaku dan tidak fleksibel. Tetapi melihat kapasitas data dan jarak yang bisa dijangkau, jenis kabel ini masih menjadi favorit sebagai penghubung antar gedung.

JENIS-JENIS FIBER OPTIC

1. Single-mode fibers

Mempunyai inti yang kecil (berdiameter 0.00035 inch atau 9 micron) dan berfungsi mengirimkan sinar laser inframerah (panjang gelombang 1300-1550 nanometer)

2. Multi-mode fibers

Mempunyai inti yang lebih besar(berdiameter 0.0025 inch atau 62.5 micron) dan berfungsi mengirimkan sinar laser inframerah (panjang gelombang 850-1300 nanometer)

CARA KERJA FIBER OPTIC

Sinar dalam fiber optik berjalan melalui inti dengan secara memantul dari cladding, dan hal ini disebut total internal reflection, karena cladding sama sekali tidak menyerap sinar dari inti. Akan tetapi dikarenakan ketidakmurnian kaca sinyal cahaya akan terdegradasi, ketahanan sinyal tergantung pada kemurnian kaca dan panjang gelombang sinyal.

KEUNTUNGAN FIBER OPTIC

Murah : jika dibandingkan dengan kabel tembaga dalam panjang yang sama.

Lebih tipis: mempunyai diameter yang lebih kecil daripada kabel tembaga.

Kapasitas lebih besar.

Sinyal degradasi lebih kecil.

Tidak mudah terbakar : tidak mengalirkan listrik.

Fleksibel.

Sinyal digital

<?php get_header();?>

<div class="content">

<main>

<?php



if( have_posts() ):

 while( have_posts() ): the_post();

  get_template_part('content', get_post_format());

 endwhile;

else:

 echo "Tidak ada Post!";

endif;

?>

</main>

<asside>

 <?php dynamic_sidebar('sidebar1'); ?>

</asside>

<div class="clear"></div>

</div>

<?php get_footer();?>

<?php

if(is_single()):?>

 <h3><?php the_title(); ?></h3>

 <?php the_post_thumbnail('big_thumb'); ?>

 <p><?php the_content(); ?></p>

 

 

 <?php elseif(is_page()): ?>

 <h3>Halaman <?php the_title(); ?></h3>

 <p><?php the_content(); ?></p>



 <?php else: ?>



<h3><a href="<?php the_permalink();?>"><?php the_title(); ?></a></h3>

 <p>

  <?php the_post_thumbnail('small_thumb');

   the_excerpt(); ?>

   <a class="read"  href="<?php the_permalink(); ?>">Lanjut baca...</a>

  </p>

  

  <p class="info_meta">

  <?php echo "ditulis oleh : ";?>

  <a href="<?php echo get_author_posts_url(get_the_author_meta('ID'));?>">

  <?php  the_author();?></a>

  <?php echo " pada tanggal "; the_time('j F, Y'); ?> jam <?php the_time('g:i a');

  echo " dalam Kategory : "; the_category(', ');

  

  ?>

 </p>

<?php endif; ?>

<!DOCTYPE html>

<html lang="en">

 <head>

 <meta charset="utf-8">

 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <meta name="author" content="<?php echo bloginfo('author'); ?>">

 <meta name="keyword" content="<?php echo bloginfo('keyword'); ?>">

 <meta name="description" content="<?php echo bloginfo('description'); ?>">

  <title><?php bloginfo('name'); ?></title>

  <?php wp_head(); ?>

 </head>

<body>

 <header>

  <h1><a href="<?php echo home_url(); ?>"> <?php bloginfo('name'); ?> </a></h1>

  <h3><?php bloginfo('description'); ?> </h3>

  <nav>

  <?php

  $args = array('theme_location' => 'main_menu');

  wp_nav_menu($args);

  ?>

  </nav>

  <div id="search_form">

  <?php get_search_form(); ?>

  </div>

  <div class="clear"></div>

 </header>

<footer>

 <nav>

  <?php

  $args = array('theme_location' => 'footer_menu');

  wp_nav_menu($args);

  ?>

 </nav>

 <center>Copyrights &copy; <?php echo date('Y ')." - "; bloginfo('name');  ?> | design by <a href="http://giviews.id">Juanas Smith</a> | Powered by <a href="http://wordpress.org">Wordpress</a>

</footer>

 <?php wp_footer(); ?>

</body>

</html>



nantinya file index, header.php, content.php dan footer.php akan menjadi satu halaman



lalu buat function.php. file ini yang akan menyambungkan dengan style.css dan untuk mensuport themanya agar bisa membuat pos gallery atau video. ada beberapa macam post di wordpress ada aside, link, gallery, video dll.



<?php

//load script

function load_file(){

 wp_enqueue_style('style', get_stylesheet_uri() );

}



add_action('wp_enqueue_scripts', 'load_file');



register_nav_menus(array(

 'main_menu' => 'Menu Utama',

 'footer_menu' => 'Menu Footer'

));

//the excerpt

function get_excerpt_length(){

 return 50;

 

}

function return_excerpt_text(){

 return '';

}

add_filter('excerpt_more', 'return_excerpt_text');

add_filter('excerpt_length', 'get_excerpt_length');



function init_setup(){

 register_nav_menus(array(

 'main_menu' => 'Menu Utama',

 'footer_menu' => 'Menu Footer'

));

//add featured image

 add_theme_support('post-thumbnails');

 add_image_size('small_thumb', 150, 150, true);

 add_image_size('big_thumb', 450, 250, true);



 add_theme_support('post-formats', array('aside', 'gallery', 'video', 'link', 'audio', 'chat', 'image', 'quote', 'status') );

}



function widget_setup(){

 register_sidebar(array(

 'name' => "Sidebar Pertama",

 'id' => "sidebar1",

 'before_widget' => "",

 'after_widget' => "",

 'before_title' => "<h3>",

 'after_title' => "</h3><hr>"

 ));

 

 register_sidebar(array(

 'name' => "Sidebar Kedua",

 'id' => "sidebar2",

 'before_widget' => "",

 'after_widget' => "",

 'before_title' => "<h3>",

 'after_title' => "</h3><hr>"

 ));

}

add_action('widgets_init', 'widget_setup' );

add_action('after_setup_theme','init_setup');

?>

/*

Thema Name : Thema sekolah koding

Thema URL : http://sekolahkoding.com

Author : Juanassmith

Author URI : http://giviews.id

Description : tema pertama saya

*/



* {

    margin: 0;

    padding: 0;

}

body{

 margin: auto;

 margin-top: 0px;

 width : 80%;

 font-family: arial;

 background-color: #0022aa;

 background-image: url(city.jpg), url(paper.gif);

    background-position: right bottom, left top;

    background-repeat: no-repeat, repeat;

 padding-top: 0px;

}

a {

 text-decoration: none;

 color:rgb(72, 143, 217);

}

.form {

 padding: 5px;

 border: 1px solid blue;

}

.form:focus {

 padding: 5px;

 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);

}

.btn {

 color: blue;

 display: inline-block;

 background-color: #fff;

 padding: 5px;

 border: 1px solid blue;

}

.btn:hover {

 color: #fff;

 display: inline-block;

 background-color: blue;

 padding: 5px;

 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);

}

h1 {

 margin-bottom:0px;

}

h1 a{

 padding: 5px;

 color: #fff;

 text-shadow: 1px 1px 2px black, 0 0 1em blue, 0 0 0.2em darkblue;

}

h2 {

 margin-top:0px;

}

li {

 list-style:none;

 

}

nav ul {

 padding-left: 0px;

}

nav li{

 display: inline-block;

 margin-right: 10px;

 color: green;

}

.sub_judul {

 font-weight: bold;

 font-size: 20px;

}

header {

 padding: 10px;

}

header nav {

 float : left;

 width: 50%;

}

#search_form{

 float: right;

 margin-top: 10px;

}

.clear {

 clear: both;

}

.gallery{

 background-color: rgb(0, 255, 110);

}

header nav li a{

 border: 0;

 color: green;

 font-weight: bold;

 display: inline-block;

 height: 35px;

 line-height: 40px;

 position: relative;

 padding-left: 10px;

 padding-right: 10px;

 padding-bottom: 0px;

}

li a:hover {

 color: green;

 border-bottom: 5px solid green;

}

header nav li a.active {

 border-bottom: 5px solid green;

}

header {

 margin-top:0px;

 padding-top:0px;

 border-bottom: 1px solid #333;

 background-color:#cfab00;

}

main {

 background-color: #fff;

 padding: 10px;

 width: 75%;

 float: left;

 margin-top: 20px;

 margin-right: 2%;

}

.content {

 background-color: #fff;

 width: 100%;

}

.custom_post a {

 display: inline-block;

 width: 27%;

 margin:0 1.5%;

 background-color:rgb(214, 125, 112);

 text-align: center;

 padding: 5px;

 color: #333;

}

asside {

 width: 20%;

 margin-top: 20px;

 background-color: #fff;

 float: left;

}

footer {

 padding: 10px;

 border-top: 1px solid #333;

 background-color: #ddd;

}

.img {

 width: 100%;

 height: auto;

}

<!DOCTYPE html>

<html>

<head>

  <title>Slick Playground</title>

  <meta charset="UTF-8">

  <link rel="stylesheet" type="text/css" href="./slick/slick.css">

  <link rel="stylesheet" type="text/css" href="./slick/slick-theme.css">

  <style type="text/css">

    html, body {

      margin: 0;

      padding: 0;

    }



    * {

      box-sizing: border-box;

    }

    section {

      background: transparent;

    }



    .slider {

        width: 50%;

        margin: auto;

    }



    .slick-slide {

      margin: 0px 20px;

    }



    .slick-slide img {

      width: 100%;

    }



    .slick-prev:before,

    .slick-next:before {

        color: black;

    }

    .sm-box {

   width: 184px;

   height: 200px;

   background-color: rgba(0,255,0,0.5);

   padding: 20px;

   float: left;

   display: inline-block;

   margin: auto 5px;

   font-size: 20px;

    }

  </style>

</head>

<body>



  <section class="autoplay slider">

    <div>

      <div class="sm-box">Coba Slide 1</div>

    </div>

    <div>

      <div class="sm-box">Coba Slide 2</div>

    </div>

    <div>

      <div class="sm-box">Coba Slide 3</div>

    </div>

    <div>

      <div class="sm-box">Coba Slide 4</div>

    </div>

    <div>

      <div class="sm-box">Coba Slide 5</div>

    </div>

    <div>

      <div class="sm-box">Coba Slide 6</div>

    </div>

  </section>





  <script src="https://code.jquery.com/jquery-2.2.0.min.js" type="text/javascript"></script>

  <script src="./slick/slick.js" type="text/javascript" charset="utf-8"></script>

  <script type="text/javascript">

    $(document).on('ready', function() {

      $('.autoplay').slick({

      slidesToShow: 3,

      slidesToScroll: 1,

      dots: true,

      autoplay: true,

      autoplaySpeed: 2000,

    });

    });

  </script>





</body>

</html>

  <?php
  class Kategori extends CI_Controller {
    function __construct() {
      parent::__construct();
      $this->load->model('model_kategori');
    }
    function index() {
      $data['record']= $this->model_kategori->tampilkan_data();
      //$this->load->view('kategori/lihat_data',$data);
      $this->template->load('template','kategori/lihat_data',$data);
    }
    function post()
    {
      if(isset($_POST['submit'])){
        // proses kategori
        $this->model_kategori->post();
        redirect('kategori');
      }else{
        //$this->load->view('kategori/form_input');
        $this->template->load('template','kategori/form_input');
      }
    }
    function edit()
    {
      if(isset($_POST['submit'])){
        // proses kategori
        $this->model_kategori->edit();
        redirect('kategori');
      }else{
        $id= $this->uri->segment('3');
        $data['record']= $this->model_kategori->get_one($id)->row_array();
        //$this->load->view('kategori/form_edit',$data);
        $this->template->load('template','kategori/form_edit',$data);
      }
    }
    function delete()
    {
      $id= $this->uri->segment(3);
      $this->model_kategori->delete($id);
      redirect('kategori');
    }
  }

  


<?php

class Model_Kategori extends CI_Model{

  function tampilkan_data() {

    return $this->db->get('kategori_barang');

  }

  function post(){

    $data=array('nama_kategori' => $this->input->post('kategori'));

    $this->db->insert('kategori_barang',$data);

  }



  function edit(){

    $data=array('nama_kategori' => $this->input->post('kategori'));

    $this->db->where('kategori_id',$this->input->post('id'));

    $this->db->update('kategori_barang',$data);

  }



  function get_one($id)

  {

    $param = array('kategori_id'=>$id);

    return $this->db->get_where('kategori_barang',$param);

  }



  function delete($id){

    $this->db->where('kategori_id',$id);

    $this->db->delete('kategori_barang');

  }

}

  


<h3>Tambah Data Kategori</h3>


<?php

echo form_open('kategori/post');

?>

<table class="table table-bordered">

  <tr><td width="200">Nama Kategori</td>

    <td><div class="col-sm-8"><input type="text" class="form-control" name="kategori" placeholder="nama kategori"></div>

    </td></tr>

  <tr><td colspan="2"><button type="submit" class="btn btn-primary btn-sm" name="submit">Simpan</button>

  <?php echo anchor('kategori','Kembali',array('class' => 'btn btn-default btn-sm')) ?>

  </td></tr>

</table>

</form>
  

<h3>Kategori Barang</h3>
<?php echo anchor('kategori/post','Tambah Data',array('class' => 'btn btn-success btn-sm'));


?>

<hr>

<table class="table table-bordered">

  <tr>

    <th>No</th>

    <th>Nama Kategori</th>

    <th colspan="2">Operasi</th>

  </tr>

    <?php

    $no = 1;

    foreach ($record->result() as $r)

    {

      echo "<tr>

      <td width='10'>$no</td>

      <td>$r->nama_kategori</td>

      <td width='20'>".anchor('kategori/edit/'.$r->kategori_id,'Edit',array('class' => 'btn btn-warning btn-sm'))."</td>

      <td width='20'>".anchor('kategori/delete/'.$r->kategori_id,'Delete',array('class' => 'btn btn-danger btn-sm'))."</td>

      </tr>";

      $no++;

    }

    ?>

</table>

<h3>Edit Data Kategori</h3>
 <?php
 echo form_open('kategori/edit');
 ?>
 <input type="hidden" value="<?php echo $record['kategori_id'];?>" name="id">

<table class="table table-bordered">

  <tr><td width="200">Nama Kategori</td>

    <td><div class="col-sm-8"><input type="text" name="kategori" class="form-control" placeholder="kategori" value="<?php echo $record['nama_kategori']?>"></div>

    </td></tr>

  <tr><td colspan="2"><button type="submit" class="btn btn-primary btn-sm" name="submit">Simpan</button>

  <?php echo anchor('kategori','Kembali',array('class' => 'btn btn-default btn-sm')) ?>

  </td></tr>

</table>

</form>