Mengenal Jenis-jenis Selector Dasar CSS

15.51 0 Comments A+ a-

Jenis Selector Pada CSS


Selector Kegunaan   Contoh
 Universal Selector  Diaplikasikan pada semua elemen dalam dokumen HTML    *{}
  akan menarget semua elemen dalam halaman
Type Selector Sesuai dengan nama elemen h1, h2, h3 {}
Targetnya adalah elemen <h1>,<h2>,dan <h3>
Class Selector Sesuai dengan elemen yang memiliki atribut class dimana nama atributnya dituliskan setelah tanda . note{}
menarget semua elemen dengan atribut class yang value-nya berisi “note”
ID Selector Mengatur style pada elemen yang memiliki atribut id dimana value nya sesuai dengan yang dituliskan setelah tanda “#” #isi{}
menarget elemen yang memiliki atribut id yang valuenya berisi “isi”. Misal <div id=”isi”>
Child Selector Mengatur style elemen yang merupakan “anak” atau sub elemen yang lain li>a {}
menarget setiap elemen <a> yang merupakan anak dari element <li>. Akan tetapi tidak untuk semua elemen <a> yang berada dalam satu halaman
Descendant Selector Mengatur style pada sebuah elemen yang merupakan turunan dari elemen lain yang dispesifikasikan p a {}
menarget elemen <a> yang berada dalam elemen <p>, meskipun ada elemen lain yang berada didalamnya.
Adjacent Sibling Selector Mengatur elemen yang merupakan elemen yang muncul pertama kali setelah elemen yang ditentukan h1+p {}
menarget elemen <p> yang muncul pertama kali setelah elemen <h1> dan tidak berlaku bagi elemen <p> yang lain
General Sibling Selector Mengatur elemen yang merupakan “saudara kandung” atau muncul setelah elemen yang dimaksud h1~p {}
apabila ada dua elemen <p> yang muncul setelah elemen <h1>, maka keduanya akan terkena efek pengaturan style ini.
Email, RSS





Sumber Referensi : http://kangtanto.com/web-2/belajar-css-mengenal-jenis-selector-pada-css



















Aturan dan Cara Penulisan Koding CSS

13.44 0 Comments A+ a-

Berikut adalah beberapa aturan dan cara penulisan script CSS :

  • Selector di tempatkan pada awal penulisan CSS. Dalam contoh diatas, body, p, h1 dan h2 adalah selector. Khusus untuk selector yang lebih dari 1 (seperti pada contoh selector terakhir: h1,h2) untuk memisahkan kedua selector tersebut, digunakan tanda koma (,)
  • Setelah penulisan selector, seluruh isi dari property dan valuenya (nilainya), berada di antara kurung kurawal “{“ dan “}”.
  • Diantara property satu dengan yang lainnya, dipisahkan dengan tanda titik koma (;)
  • Diantara property dengan value (nilai), dipisahkan dengan anda titik dua (:).
  • Untuk property yang memiliki 2 kata , spasi diantaranya digantikan dengan tanda hubung (-), contohnya: background-color dan border-left.
  • Untuk properti yang berada pada baris terakhir, kita boleh mengabaikan tanda ‘;’ sebagai tanda tutup, tetapi disarankan agar tetap menggunakan tanda ‘;’, karena bisa saja kita lupa menuliskan tanda titik koma pada saat menambahkan properti lainnya. Contoh property tanpa tanda ‘;’ dapat di lihat pada contoh “text-decoration: underline”.

Pengertian Selector, Property dan Value pada CSS

15.33 0 Comments A+ a-

Pengertian Selector CSS :
Karena kode CSS digunakan untuk mengubah/memanipulasi tampilan dari tag HTML, CSS membutuhkan suatu cara untuk ‘mengaitkan’ atau menghubungkan kode CSS dengan tag HTML yang sesuai. Hal inilah yang dimaksud dengan Selector dalam CSS.

Fungsi Seklector CSS :
Fungsi CSS Selector adalah merubah warna teks pada saat di block dengan cursor dan jelas ini akan memberikan efek yang menarik pada postingan kita,terlebih lagi dapat memberikan nuansa warna sebagai pelengkap dalam suatu website.


Pengertian Property CSS :
Property CSS adalah jenis style, atau elemen apa yang akan diubah dari sebuah tag HTML. CSS memiliki puluhan property yang dapat digunakan agar menampilkan hasil akhir yang kita inginkan. Hampir semua property dalam CSS dapat dipakai untuk seluruh selector.

Pengertian Value CSS :
Value CSS adalah nilai dari property. Misalkan untuk property background-color yang digunakan untuk mengubah warna latar belakang dari sebuah selector, value atau nilainya dapat berupa red, blue, black, atau white.


CSS (Cascading Style Sheets)

14.33 0 Comments A+ a-

Pengertian CSS :

CSS ( Cascading Style Sheets ) merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemrograman.

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. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen.

Sejarah CSS

Nama CSS didapat dari fakta bahwa setiap deklarasi style yang berbeda dapat diletakkan secara berurutan, yang kemudian membentuk hubungan ayah-anak (parent-child) pada setiap style. CSS sendiri merupakan sebuah teknologi internet yang direkomendasikan oleh World Wide Web Consortium atau W3C pada tahun 1996. Setelah CSS distandarisasikan, Internet Explorer dan Netscape melepas browser terbaru mereka yang telah sesuai atau paling tidak hampir mendekati dengan standar CSS.


Versi

Untuk saat ini terdapat tiga versi CSS, yaitu CSS1, CSS2, CSS3 dan . CSS1 dikembangkan berpusat pada pemformatan dokumen HTML, CSS2 dikembangkan untuk memenuhi kebutuhan terhadap format dokumen agar bisa ditampilkan di printer, sedangkan CSS3 adalah versi terbaru dari CSS yang mampu melakukan banyak hal dalam desain website. CSS2 mendukung penentuan posisi konten, downloadable, huruf font, tampilan pada tabel /table layout dan media tipe untuk printer. Kehadiran versi CSS yang kedua diharapkan lebih baik dari versi pertama dan kedua.
CSS3 juga dapat melakukan animasi pada halaman website, diantaranya animasi warna hingga animasi 3D. Dengan CSS3 desainer lebih dimudahkan dalam hal kompatibilitas websitenya pada smartphone dengan dukungan fitur baru yakni media query. Selain itu, banyak fitur baru pada CSS3 seperti: multiple background, border-radius, drop-shadow, border-image, CSS Math, dan CSS Object Model.

Penulisan

Saat masuk pada bagian CSS, sering dijumpai kode sebagai berikut:

h1 {
    color: #0789de;
   }

Bagian pertama sebelum tanda '{}' dinamakan selector, sedangkan yang diapit oleh '{}' disebut declaration yang terdiri dari dua unsur, yaitu property dan value.Selector dalam pernyataan di atas adalah h1, sedangkan color adalah property, dan #0789de adalah value.

Selain itu ada tiga metode penulisan CSS atribut, yaitu :

Inline Style Sheet

CSS didefinisikan langsung pada tag HTML yang bersangkutan. Cara penulisannya cukup dengan menambahkan atribut style="..." dalam tag HTML tersebut. Style hanya akan berlaku pada tag yang bersangkutan, dan tidak akan memengaruhi tag HTML yang lain.
Contoh penulisan CSS dengan metode Inline Style Sheet

<html>
<head>
<title>Contoh Bentuk Inline </title>
</head>
<body bgcolor="#FFFFFF">
<p id="cth1">
Ini adalah contoh tag P tanpadiformat menggunakan CSS </p>

<p id="cth2" style="font-size:20pt">
Tag P ini diformat dengan besar font 20 point </p>

<p id="cth3" style="font-size:14pt; color:red">
Tag P ini diformat dengan besar font 14 point, dan menggunakan warna merah </p>
</body>
</html> 
  

Embedded Style Sheet

CSS didefinisikan terlebih dahulu dalam tag <style> ... </style> di atas tag <body>. Pada pendefinisian ini disebutkan atribut-atribut CSS yang akan digunakan untuk tag-tag HTML, yang selanjutnya dapat digunakan oleh tag HTML yang bersangkutan.
Contoh penggunaan CSS dengan metode Embedded Style Sheet :

<html>
<head>
<title>Contoh Bentuk Embedded</title>
</head>
<style>
body {background:#0000FF; color:#FFFF00; margin-left:0.5in}
h1 {font-size:18pt; color:#FF0000}
p {font-size:12pt; font-family:arial; text-indent:0.5in}
</style>

<body>
<h1 id="cth1">Judul ini berukuran 18 dengan warna merah!</h1>
<p id="cth2">Tag p ini di format dengan besar font 12 point dengan tipe font Arial dan mempunyai identasi 0.5 inch </p>
<p id="cth3">Yang perlu diperhatikan juga bahwa body disini telah diformat dengan margin kiri 0.5 inch dan warna background biru</p>
</body>
</html>

Sifat CSS

Ada dua sifat CSS yaitu internal dan eksternal. Jika internal yang dipilih, maka skrip itu dimasukkan secara langsung ke halaman website yang akan didesain. Kalau halaman web yang lain akan didesain dengan model yang sama, maka skrip CSS itu harus dimasukkan lagi ke dalam halaman web yang lain itu.
Sifat yang kedua adalah eksternal di mana skrip CSS dipisahkan dan diletakkan dalam berkas khusus. Nanti, cukup gunakan semacam tautan menuju berkas CSS itu jika halaman web yang didesain akan dibuat seperti model yang ada di skrip tersebut.

Fakta Menggunakan CSS

Fakta Menggunakan CSS diantaranya :
  • Telah didukung oleh kebanyakan browser versi terbaru, tetapi tidak didukung oleh browser-browser lama.
  • Lebih fleksibel dalam penempatan posisi layout. Dalam layouting CSS, kita mengenal Z-Index untuk menempatkan objek dalam posisi yang sama.
  • Menjaga HTML dalam penggunaan tag yang minimal, hal ini berpengaruh terhadap ukuran berkas dan kecepatan pengunduhan.
  • Dapat menampilkan konten utama terlebih dahulu, sementara gambar dapat ditampilkan sesudahnya.
  • Penerjemahan CSS setiap browser berbeda, tata letak akan berubah jika dilihat di berbagai browser
  • CSS adalah layouting "Masa Depan" dengan penggabungan bersama XHTML.

Contoh Berkas CSS

<html>
<head>
<style type="text/css">
body
{
background-color:#d0e4fe;
}
h1
{
color:orange;
text-align:center;
}
p
{
font-family:"Times New Roman";
font-size:20px;
}
</style>
</head>

<body>

<h1>CSS example!</h1>
<p>This is a paragraph.</p>

</body>
</html>





Sumber Referensi : https://id.wikipedia.org/wiki/Cascading_Style_Sheets

Paragraf HTML

13.03 0 Comments A+ a-

Tag HTML yang digunakan untuk membut sebuah paragraf HTML adalah tag <p>. Tag paragraf adalah suatu tag yang membuat suatu elemen paragraf dalam suatu dokumen HTML. Tag paragraf berguna untuk membuat suatu elemen paragraf dalam dokumen HTML.

Contoh Tag paragraf dalam HTML :

<!DOCTYPE HTML>
<html>
<head>
<title>Belajar Tag Paragraf</title>
</head>
<body>
<p>Ini adalah paragraf pertama</p>
<p>Ini adalah paragraf kedua</p>
</body>
</html>


Berikut adalah hasilnya







Link HTML

11.45 0 Comments A+ a-

Pengertian Link HTML

Link (hyperlink) adalah sebuah acuan dokumen hiperteks (hypertext) ke dokumen yang lain atau sumber lain.

Ada beberapa macam link, antara lain :
- Interlink ( Internal Link ) adalah tautan antar artikel dalam suatu website atau blog, baik artikel baru maupun artikel lama.
- External Link adalah tautan yang menghubungkan sebuah website atau blog ke website atau blog lainnya.
- Broken Link adalah sebuah tautan yang menghubungkan suatu website ke website atau URL yang tidak tersedia seperti halaman "Not Found" atau error URL lainnya.



Entitas Karakter HTML

15.19 0 Comments A+ a-

->   Pengertian Entitas Karakter HTML :
Entitas merupakan karakter khusus yang memiliki arti dalam kodo HTML.

->   Kegunaan atau Fungsi Entitas Karakter :
 - Menghindari error pada tampilan tertentu di blog ketika dibuka di suatu web browser.
 - Valid HTML5.
 - Blog menjadi lebih seo friendly ( hanya beberapa persen saja )

-> Berikut beberapa entitas karakter yang sering digunakan :

Hasil Penjelasan Nama Entitas Nomor Entitas

Spasi &nbsp; &#160;
< Kurang dari &lt; &#60;
> Lebih dari &gt; &#62;
Tanda kutip &quot; &#34;
Kutip tunggal &apos; (Ndak berlaku di IE) &#39;
& Dan &amp; &#38;


 

Pembekalan di BLC Telkom Klaten oleh dr. Petrus Darmadi

13.24 0 Comments A+ a-

3 hari yang lalu tepatnya hari Rabu tanggal 20 Januari 2016 bertempat di BLC Telkom Klaten kedatangan seorang dokter yang sangat hebat bernama dr. Petrus Darmadi. Saya dan teman - teman saya yang sedang prakerin di BLC Telkom Klaten mendapatkan pembekalan dari seorang dr. Pertus Darmadi. Seorang dokter yang luar biasa dan bisa menjadi motivator untuk generasi penerus bangsa agar menjadi pribadi yang lebih baik lagi.

Terimakasih dr.petrus darmadi yang telah memberikan pembekalan yang sangat berharga dan bermanfaat. Berikut adalah dokumentasi saat dr.petrus darmadi berkunjung ke BLC Telkom Klaten :












Pengertian dan Fungsi Access Point

15.44 0 Comments A+ a-

Pengertian Access Point :

- Access Point adalah sebuah perangkat jaringan yang berisi sebuah transceiver dan antena untuk transmisi dan menerima sinyal ke dan dari clients remote.
- Access Point adalah perangkat, seperti router nirkabel / wireless, yang memungkinkan perangkat nirkabel untuk terhubung ke jaringan.
- Access Point dalam jaringan komputer adalah sebuah jalur akses nirkabel ( Wireless Access Point atau AP ) adalah perangkat komunikasi nirkabel yang memungkinkan antar perangkat untuk terhubung ke jaringan nirkabel dengan menggunakan Wi-Fi, Bluetooth atau standar terkait.
- Access Point adalah perangkat yang di gunakan untuk membuat koneksi wireless pada sebuah jaringan.

Fungsi Access Point :

1. Mengatur supaya AP dapat berfungsi sebagai DHCP server.
2. Mencoba fitur Wired Equivalent Privacy (WEP) dan Wi-Fi Protected Access(WPA).
3. Mengatur akses berdasarkan MAC Address device pengakses.
4. Sebagai Hub/Switch yang bertindak untuk menghubungkan jaringan lokal dengan jaringan wireless

Pengertian, Fungsi, Jenis dan Cara Kerja Router

15.23 0 Comments A+ a-


 Pengertian router
Pengertian Router :

Router merupakan perangkat keras jaringan komputer yang dapat digunakan untuk menghubungkan beberapa jaringan yang sama atau berbeda. Router adalah sebuah alat untuk mengirimkan paket data melalui jaringan atau internet untuk dapat menuju tujuannya, proses tersebut dinamakan routing.

PENGERTIAN, FUNGSI dan JENIS ROM

15.55 0 Comments A+ a-

PENGERTIAN ROM

Jenis Jenis HTML

09.22 3 Comments A+ a-

1. HTML versi 1.0

Sejarah, Kelebihan dan Kekurangan HTML

11.54 0 Comments A+ a-

Sejarah HTML

Hypertext Markup Language (HTML) adalah bahasa yang digunakan untuk menulis halaman web. HTML merupakan pengembangan dari standar pemformatan dokumen teks yaitu Standard Generalized Markup Language (SGML). HTML sebenarnya adalah dokumen ASCII atau teks biasa, yang dirancang untuk tidak tergantung pada suatu sistem operasi tertentu.

DASAR DASAR HTML

09.38 0 Comments A+ a-

HTML

HTML (HyperText Markup Language) merupakan salah satu fotmat yang digunakan dalam dokumen dan aplikasi yang berjalan di web browser.

Struktur dasar Dokumen HTML

Setiap dokumen memiliki struktur dasar atau susunan file sebagai berikut :
<html>
<head>
<title>Judul Dokumen HTML</title>
</head>

Pengertian dan Jenis Processor

11.03 0 Comments A+ a-

Processor sering disebut sebagai otak dan pusat pengendali computer yang didukung oleh kompunen lainnya. Processor adalah sebuah IC yang mengontrol keseluruhan jalannya sebuah sistem komputer dan digunakan sebagai pusat atau otak dari komputer yang berfungsi untuk melakukan perhitungan dan menjalankan tugas. Processor terletak pada socket yang telah disediakan oleh motherboard, dan dapat diganti dengan processor yang lain asalkan sesuai dengan socket yang ada pada motherboard. Salah satu yang sangat besar pengaruhnya terhadap kecepatan komputer tergantung dari jenis dan kapasitas processor.

Pengertian, Manfaat, dan Cara Kerja Cloud Computing

18.54 1 Comments A+ a-

Pengertian / Definisi Cloud Computing

 Secara umum, definisi cloud computing (komputasi awan) merupakan gabungan pemanfaatan teknologi komputer (komputasi) dalam suatu jaringan dengan pengembangan berbasis internet (awan) yang mempunyai fungsi untuk menjalankan program atau aplikasi melalui komputer – komputer yang terkoneksi pada waktu yang sama, tetapi tak semua yang terkonekasi melalui internet menggunakan cloud computing.

Blokir Iklan Dengan Adblock Plus Untuk Semua Browser

13.24 0 Comments A+ a-

Bagaimana cara memblokir iklan dengan Adblock Plus?
Berikut langkah langkahnya :

Pengertian dan Perangkat Komputer

11.54 0 Comments A+ a-

Pengertian komputer :

Komputer adalah alat yang dipakai untuk mengolah data menurut prosedur yang telah dirumuskan.

Sekarang kita membahas tentang perangkat komputer yuk !!

Mengenal Proxmox

11.55 0 Comments A+ a-

Pengertian Proxmox

Proxmox VE (Virtual Environment) adalah sebuah distro Linux virtualisasi berbasis Debian ( 64 bit) yang mengusung OpenZV dan KVM, dengan KVM kita tidak hanya bisa menginstall linux saja akan tetapi Operating system windows pun bisa kita instal. Namun yang membuat istimewa dari proxmox adalah kemudahan dalam installasi dan administrasi berbasis Web.
Beberapa keuntungan menggunakan Proxmox sebagai berikut :

TIPS Mencari WEB Referensi

14.00 0 Comments A+ a-

  1. Selalu baca pada Homepage & Documentation/Wiki pada Website resmi sesuai Distro Linux yang digunakan. Jangan suka mempermasalahkan soal bahasa, gunakan cara cerdas dg google translate untuk mengatasinya.

Langkah Instalasi Aplikasi berbasis Web di Linux

13.16 0 Comments A+ a-

Cara install aplikasi berbasis Web di Linux:

Apabila LAMP (Linux Apache MySQL PHP) belum terinstall, lakukan installasi dulu. Sebelum menginstall LAMP, Linux di update dulu: # apt-get update

Tag HTML berdasarkan fungsinya

14.54 0 Comments A+ a-

TagKeterangan
<!-- ... -->Digunakan untuk memberi sebuah komentar atau keterangan. Kalimat yang terletak pada kontiner ini tidak akan terlihat pada browser

Belajar HTML

17.50 0 Comments A+ a-

Pengertian HTML

HTML ( Hypertext Mark up Language ) merupakan suatu metode untuk mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen. 
Pengertian HTML bila dijabarkan berdasarkan kata kata penyusunnya HTML dapat diartikan lebih dalam lagi menjadi :

CARA MEMANJAT TOWER DENGAN BENAR

10.47 0 Comments A+ a-

Dalam memanjat tower, paling tidak kita harus memerlukan 3 orang dalam 1 tim dan dari 1 tim tersebut setiap orang memiliki tugas sendiri sendiri yaitu :

PEMBANGUNAN TOWER TRIANGLE

15.44 0 Comments A+ a-

Dalam membangun tower triangle, kita harus mempersiapkan barang barang buat pembangunan tower triangle yaitu :

STANDARD OPERATING PROCEDURE (SOP)

13.56 0 Comments A+ a-

Assalamu'alaikum wr wb
Hari ini saya akan sedikit berbagi tentang STANDARD OPERTING PROCEDURE (SOP). Semoga bermanfaat !

Pengertian, Manfaat dan Jenis jenis Jaringan Komputer

11.55 0 Comments A+ a-

 Pengertian Jaringan Komputer

Jaringan komputer merupakansistem yang terdiri dari gabungan beberapa perangkat komputer yang di desain untuk dapat berbagi sumber daya , berkomunikasi dan akses informasi dari berbagai tempat antar komputer satu dengan komputer yang lain.

Manfaat Jaringan Komputer
  1. Berbagi sumber daya / pertukaran data
  2. Mempermudah berkomunikasi / bertransaksi
  3. Membantu akses informasi
  4. Mampu memberikan akses informasi dengan cepat dan up to date
Jenis jenis Jaringan Komputer Berdasarkan Jangkauan

1.LAN (Local Area Network)

Local Area Network sering kita jumpai di perkantoran, kampus maupun warnet. Jaringan ini dapat menghubungkan lebih dari 2 komputer di ruangan jarak dekat (terbatas) hingga beberapa km saja. Jaringan ini biasanya terdiri dari komputer, printer dan perangkat lainnya.

2.MAN (Metropolitan Area Network)

Sesuai dengan namanya maka jenis jaringan ini memberikan layanan hingga wilayah yang luas kemampuan transfer data pun berkecepatan tinggi. Wilayah yang dapat menjadi cakupannya berkisar hingga 50 KM. MAN ini merupakan rangkaian LAN yang berukuran dan berjarak lebih besar.

3. WAN (Wide Area Network)

Jenis jaringan ini memberikan layanan lebih luas lagi dibanding MAN yaitu dapat menghubungkan suatu wilayah bahkan negara lain. WAN yang dasarnya merupakan kumpulan beberapa LAN yang ada di beberapa lokasi sehingga dibutuhkan sebuah device untuk menghubungkannya ke device itu kita sebut router.

Jenis jenis Jaringan Komputer Berdasarkan Topologi

1.  Topologi Star
Topologi bintang merupakan bentuk topologi jaringan yang berupa konvergensi dari node tengah ke setiap node atau pengguna. Topologi jaringan bintang termasuk topologi jaringan dengan biaya menengah.

Gambar

2. Topologi Bus
Topologi bus merupakan topologi yang banyak dipergunakan pada masa penggunaan kabel sepaksi menjamur. Dengan menggunakan T-Connector (dengan terminator 50ohm pada ujung network), maka komputer atau perangkat jaringan lainnya bisa dengan mudah dihubungkan satu sama lain.
Gambar 
3.  Topologi Ring
Topologi cincin adalah topologi jaringan berbentuk rangkaian titik yang masing-masing terhubung ke dua titik lainnya, sedemikian sehingga membentuk jalur melingkar membentuk cincin.  

Gambar 
4.  Topologi Tree
Topologi Pohon adalah kombinasi karakteristik antara topologi star dan topologi bus. Topologi ini terdiri atas kumpulan topologi star yang dihubungkan dalam satu topologi bus sebagai backbone. Komputer-komputer dihubungkan ke hub, sedangkan hub lain di hubungkan sebagai jalur tulang punggung atau backbone.  

Gambar 
5.  Topologi Mesh
Topologi Mesh adalah suatu topologi yang memang didisain untuk memiliki tingkat restorasi dengan berbagai alternatif rute atau penjaluran yang biasanya disiapkan dengan dukungan  

Gambar 
Jenis jenis jaringan komputer berdasarkan fungsinya
1. Client - Server
Merupakan jaringan komputer yang di khususkan sebagai client dan server, layanan ini bisa diberikan oleh 1 atau lebih komputer.
2. Peer-to-peerMerupakan jaringan komputer yang setiap hostnya yang dapat menjadi sebuah server atau menjadi client secara bersamaan.

Jenis jenis Jaringan komputer berdasarkan media transmisi

1. Jaringan berkabel (Wired Network)
Jaringan ini menggunakan media kabel dalam menghubungkan setiap komputer dalam jaringan.

2.Jaringan Nirkabel (Wireless Network)
Jaringan ini tidak menggunakan media kabel sebagai alat penghubungnya. Tetapi menggunakan gelombang elektromagnetik dalam setiap kiriman sinyal informasinya.

Sekian

7 OSI Layer dan Fungsinya

09.26 0 Comments A+ a-

7 OSI Layer dan fungsinya

Apa yang dilakukan oleh 7 OSI Layer ?
Ketika data di transfer melalui jaringan, sebelum data tersebut harus melewati ke 7 layer dari satu terminal, mulai dari layer Aplikasi sampai layer Physical, kemudian disisi penerima data tersebut melewati layer Physical sampai Application. Pada saat data melewati satu layer dari sisi pengirim, maka akan di tambahkan satu header sedangkan pada sisi penerima header dilepaskan sesuai dengan layernya.

Model OSI :
Model OSI terdiri dari 7 Layer yaitu:
  •  Application
  • Presentation
  • Session
  • Transport
  • Network
  • Datalink
  • Physical
Tujuan utama menggunakan model OSI adalah untuk membantu designer jaringan memahami fungsi dari tiap layer yang berhubungan dengan aliran komunikasi data. Termasuk jenis jenis protocol jaringan dan mode transmisi.
Model dibagi menjadi 7 layer, dengan karakteristik dan fungsinya masing masing.
Tiap layer harus dapat berkomunikasi dengan layer diatasnya maupun dibawahnya secara langsung melalui sederetan protocol dan standar.

Fungsi masing masing dari tiap layer pada OSI:

  • Application
 Berfungsi sebagai antarmuka dengan aplikasi dengan fungsionalitas jaringan. Mengatur bagaiman aplikasi dapat mengakses jaringan dan kemudian membuat pesan pesan kesalahan.
  • Presentation
Berfungsi untuk mentranslasikan data yang hendak ditransmisikan oleh aplikasi kedalam format yang dapat ditransmisikan melalui jaringan. Protocol yanmg berada dalam lapisan ini adalah HTTP, FTP, SMTP, dan NFS. Protocol yang berada dalam level ini adalah perangkat lunak director (redictor Software).
  •  Session
Berfungsi untuk mendefinisikan bagaimana koneksi dapat dibuat, dipelihara atau di hancurkan. Selain itu, di level inio juga dilakukan resolusi nama.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmIw9vzQquBmQM-QnIqkRYwcFbMKcXAjdp0Ew89PaFocXrtFWuGHQ9LoiPrmPyCaCgDIZdNmCKqkJZcxPU2TstBbNEo9Y6bDG7te7CCCIAg3niE9EyhS-4XrGc_N1j-dlCwppwWmjYBQU/s1600/7layers.gif 

  • Transport
Berfungsi untuk memecahkan data kedalam paket-paket tersebut sehingga dapat disusun kembali pada sisi tujuan yang telah diterima.

  • Network
 Berfungsi untuk mendefinisikan alamat-alamat IP, membuat Header untuk paket-paket dan kemudian melakukan routing melalui internet-working dengan menggunakan router dan switch layer 3.

  •  Datalink
Berfungsi untuk menentukan bagaimana bit-bit data dikelompokan menjadi format yang disebut sebagai frame. Selain itu, pada level ini terjadi koreksi kesalahan, flow control, pengalamatan perangkat keras( seperti halnya di Media Access Control Address ( MAC Address) dan menetukan bagaimna perangkat perangkat jaringan seperti hub, bridge, repeater dan switch layer 2 beroperasi.
  •  Physical
Berfungsi untuk mendefinisikan media transmisi jaringan, metode pensinyalan, sinkronisasi bit, arsitektur jaringan (seperti halnya Ethernet atau token Ring), topologi jaringan dan pengkabelan. Selain itu, level ini juga mendefinisikan bagaimana Networl Interface Card (NIC) dapat berinteraksi dengan media kabel atau radio.

Semoga bermanfaat

K3 (Kesehatan, Keselamatan, dan Keamanan Kerja)

11.33 0 Comments A+ a-

KESEHATAN, KESELAMATAN DAN KEAMANAN KERJA
·        Pengertian Kesehatan, Keselamatan, dan Keamanan Kerja

Cara Membuat Kabel UTP Straight dan Cross

13.56 0 Comments A+ a-

Cara Membuat Kabel UTP Straight dan Cross

1. Siapkan Alat Alatnya seperti :

Tank Crimping


tank crimping


alat ini digunakan untuk memotong kabel UTP dan untuk menjepit ujung konektor.

2. Kabel UTP

kabel utp 

Alat ini digunakan untuk saling menghubungkan jaringan internet dan di dalam kabel UTP ini terdapat 8 helai kabel kecil yang berwarna warni.

3. Konektor RJ-45

konektor rj-45 

Konektor adalah alat yang kita pasang pada ujung kabel UTP tujuannya agar kabel dapat kita pasang pada port LAN.

4. Cable Tester

cable tester 

Cable Tester adalah alat untuk menguji hasil crimpingan kabel kita.

PERBEDAAN KABEL SRAIGHT DAN CROSS

Sebelum kita memulai membuat kabel ada baiknya kita mengetahui fungsi dari masing masing kabel.

Kabel straight merupakan kabel yang memiliki cara pemasangan yang sama antara ujung satu dengan ujung yang lainnya.

Urutan standar kabel straight adalah seperti dibawah ini yaitu sesuai dengan standar TIA/EIA 368B (yang paling banyak dipakai) atau kadang-kadang juga dipakai  sesuai  standar TIA/EIA 368A sebagai berikut:

standart cross  

Contoh penggunaan kabel straight adalah sebagai berikut:
  • Menghubungkan antara computer dengan switch
  • Menghubungkan computer dengan LAN pada modem cable/DSL
  • Menghubungkan router dengan LAN pada modem cable/DSL
  • Menghubungkan switch ke router
  • Menghubungkan hub ke router
Kabel cross merupakan kabel yang memiliki susunan berbeda antara ujung satu dengan ujung lainnya. Kabel cross digunakan untuk menghubungkan 2 device yang sama. Gambar dibawah adalah susunan standar kabel cross.
Contoh penggunaan kabel cross adalah sebagai berikut :
  • Menghubungkan 2 buah komputer secara langsung
  • Menghubungkan 2 buah switch
  • Menghubungkan 2 buah hub
  • Menghubungkan switch dengan hub
  • Menghubungkan komputer dengan router
Dari 8 buah kabel yang ada pada kabel UTP ini (baik pada kabel straight maupun cross over) hanya 4 buah saja yang digunakan untuk mengirim dan menerima data, yaitu kabel pada pin no 1,2,3 dan 6.
Membuat Kabel Straight UTP

- Kupas bagian ujung kabel UTP, kira-kira 2 cm.

- Buka pilinan kabel, luruskan dan urutankan kabel sesuai standar gambar.

- Setelah urutannya sesuai standar, potong dan ratakan ujung kabel,

- Masukan kabel yang sudah lurus dan sejajar tersebut ke dalam konektor RJ-45, dan pastikan semua kabel posisinya sudah benar dengan posisi sebagai berikut:


  • Orange Putih pada Pin 1.
  • Orange pada Pin 2.
  • Hijau Putih pada Pin 3.
  • Biru pada Pin 4.
  • Biru Putih pada Pin 5.
  • Hijau pada Pin 6.
  • Coklat Putih pada Pin 7.
  • Coklat pada Pin 8.

susunan straighturutan pin












Lakukan crimping menggunakan crimping tools, tekan crimping tool dan pastikan semua pin (kuningan) pada konektor RJ-45 sudah “menggigit” tiap-tiap kabel. biasanya akan terdengar suara "klik".

Setelah selesai pada ujung yang satu, lakukan lagi pada ujung yang lain

Langkah terakhir adalah mengecek kabel yang sudah kita buat tadi dengan menggunakan LAN tester, caranya masukan masing-masing ujung kabel (konektor RJ-45) ke masing2 port yang tersedia pada LAN tester, nyalakan dan pastikan semua lampu LED menyala sesuai dengan urutan kabel yang kita buat.




Membuat Kabel Cross UTP

Membuat kabel cross memiliki langkah yang hampir sama dengan kabel straight, perbedaan hanya terletak pada urutan warna dari kedua ujung kabel. Berbeda dengan kabel straight yang memiliki urutan warna sama di kedua ujung kabel, kabel cross memiliki urutan warna yang berbeda pada kedua ujung kabel.

Ujung pertama sama dengan kabel straight :



  • Orange Putih pada Pin 1.
  • Orange pada Pin 2.
  • Hijau Putih pada Pin 3.
  • Biru pada Pin 4.
  • Biru Putih pada Pin 5.
  • Hijau pada Pin 6.
  • Coklat Putih pada Pin 7.
  • Coklat pada Pin 8.


Untuk ujung kabel yang kedua, susunan warnanya berbeda dengan ujung pertama. Adapun susunan warnanya adalah sebagi berikut

 
urutan cross

  • Hijau Putih pada Pin 1.
  • Hijau pada Pin 2.
  • Orange Putih pada Pin 3.
  • Biru pada Pin 4.
  • Biru Putih pada Pin 5.
  • Orange pada Pin 6.
  • Coklat Putih pada Pin 7.
  • Coklat pada Pin 8.

Dibawah ini adalah contoh ujung kabel UTP yang telah terpasang konektor RJ-45 dengan benar, selubung kabel (warna biru) ikut masuk kedalam konektor.


kabel yang benar



Cara Menginstal Linux Mint

10.36 0 Comments A+ a-



CARA MENGINSTAL LINUX MINT

1. Persiapan Instalasi

kita akan dibawa ke halaman awal LiveCD Linux Mint.
Sumber: Gufron Rajo Kaciak: Cara Install Linux Mint 17 Qiana LTS (Long Term Support) Edisi Mate: http://dosen.gufron.com/tutorial/cara-install-linux-mint-17-qiana-lts-long-term-sup/29/
Gufron Rajo Kaciak


2. Menggunakan LiveCD

Sumber: Gufron Rajo Kaciak: Cara Install Linux Mint 17 Qiana LTS (Long Term Support) Edisi Mate: http://dosen.gufron.com/tutorial/cara-install-linux-mint-17-qiana-lts-long-term-sup/29/
Saat di LiveCD ini, kita dapat mencoba kemampuan Linux Mint tanpa harus menginstallnya ke dalam hard disk komputer. Dalam LiveCD ini kita dapat melakukan pekerjaan kantor, browsing di Internet, mendengarkan file audio atau memutar file multimedia, melakukan pekerjaan desain grafis, bahkan melakukan pekerjaan sebagai administrator atau pengelola jaringan. Itu semua dapat kita lakukan layaknya kita sudah mengintall Linux Mint ke dalam hard disk.
Sumber: Gufron Rajo Kaciak: Cara Install Linux Mint 17 Qiana LTS (Long Term Support) Edisi Mate: http://dosen.gufron.com/tutorial/cara-install-linux-mint-17-qiana-lts-long-term-sup/29/
Gufron Rajo Kaciak

Yang perlu kita ingat adalah, bahwa semua dokumen yang kita buat harus disimpan di media penyimpanan lain, karena media /home LiveCD bersifat sementara dan akan hilang jika komputer di-reboot.
Sumber: Gufron Rajo Kaciak: Cara Install Linux Mint 17 Qiana LTS (Long Term Support) Edisi Mate: http://dosen.gufron.com/tutorial/cara-install-linux-mint-17-qiana-lts-long-term-sup/29/

3. Memulai Instalasi

Sumber: Gufron Rajo Kaciak: Cara Install Linux Mint 17 Qiana LTS (Long Term Support) Edisi Mate: http://dosen.gufron.com/tutorial/cara-install-linux-mint-17-qiana-lts-long-term-sup/29/
Untuk melakukan installasi, langkah pertama yang harus kita lakukan adalah mengklik ganda icon Install Linux Mint yang ada pada desktop Linux Mint.
Sumber: Gufron Rajo Kaciak: Cara Install Linux Mint 17 Qiana LTS (Long Term Support) Edisi Mate: http://dosen.gufron.com/tutorial/cara-install-linux-mint-17-qiana-lts-long-term-sup/29/
Gufron Rajo Kaciak


4. Memilih Bahasa

Sumber: Gufron Rajo Kaciak: Cara Install Linux Mint 17 Qiana LTS (Long Term Support) Edisi Mate: http://dosen.gufron.com/tutorial/cara-install-linux-mint-17-qiana-lts-long-term-sup/29/
Selanjutnya akan ditampilkan menu pilihan bahasa yang akan digunakan. Pilih bahasa yang akan digunakan dalam proses instalasi Linux Mint.
Sumber: Gufron Rajo Kaciak: Cara Install Linux Mint 17 Qiana LTS (Long Term Support) Edisi Mate: http://dosen.gufron.com/tutorial/cara-install-linux-mint-17-qiana-lts-long-term-sup/29/
Gufron Rajo Kaciak

Jika komputer terhubung ke Internet, maka dibagian kanan layar akan keluar teks "You may wish to read the release notes or update this installer. Jika release notes diklik, maka kita akan dibawa ke halaman informasi terbaru rilis Linux Mint, sementara update this installer untuk memperbaharui proses instalasi dengan versi terbaru secara otomatis.
Sumber: Gufron Rajo Kaciak: Cara Install Linux Mint 17 Qiana LTS (Long Term Support) Edisi Mate: http://dosen.gufron.com/tutorial/cara-install-linux-mint-17-qiana-lts-long-term-sup/29/
Gufron Rajo Kaciak


5. Persiapan Proses Instalasi

Sumber: Gufron Rajo Kaciak: Cara Install Linux Mint 17 Qiana LTS (Long Term Support) Edisi Mate: http://dosen.gufron.com/tutorial/cara-install-linux-mint-17-qiana-lts-long-term-sup/29/
Untuk melanjutkan proses instalasi, tekan tombol Continue sehingga layar proses install akan berganti dengan informasi kapasitas hard disk yang dibutuhkan dan informasi apakah komputer terhubung ke jaringan Internet atau tidak.
Sumber: Gufron Rajo Kaciak: Cara Install Linux Mint 17 Qiana LTS (Long Term Support) Edisi Mate: http://dosen.gufron.com/tutorial/cara-install-linux-mint-17-qiana-lts-long-term-sup/29/
Gufron Rajo Kaciak

Jika komputer terhubung ke jaringan Internet, sistem operasi Linux Mint dan aplikasi yang digunakan akan diperbaharui secara otomatis dalam proses instalasi. Jika tidak, maka file-file master yang ada dalam media instalasi (CD/DVD atau flash disk) yang akan digunakan. Proses update Linux Mint juga dapat dilakukan setelah proses instalasi selesai dilakukan.
Sumber: Gufron Rajo Kaciak: Cara Install Linux Mint 17 Qiana LTS (Long Term Support) Edisi Mate: http://dosen.gufron.com/tutorial/cara-install-linux-mint-17-qiana-lts-long-term-sup/29/
Gufron Rajo Kaciak


6. Pilihan Instalasi dan Partisi

Sumber: Gufron Rajo Kaciak: Cara Install Linux Mint 17 Qiana LTS (Long Term Support) Edisi Mate: http://dosen.gufron.com/tutorial/cara-install-linux-mint-17-qiana-lts-long-term-sup/29/
Setelah menekan tombol Continue, selanjutnya akan ditampilkan jenis instalasi yang dapat kita pilih. Dikarenakan tidak ada sistem operasi lain yang sudah terinstall pada hard disk yang kita gunakan, hanya tersedia 2 (dua) pilihan yang dapat kita gunakan. Jika sudah ada sistem operasi lain, maka pilihan yang tersedia menjadi 3 (tiga) dimana tambahan pilihan tersebut adalah untuk melakukan instalasi multi operating system.
Sumber: Gufron Rajo Kaciak: Cara Install Linux Mint 17 Qiana LTS (Long Term Support) Edisi Mate: http://dosen.gufron.com/tutorial/cara-install-linux-mint-17-qiana-lts-long-term-sup/29/
Gufron Rajo Kaciak

Pilihan Erase disk and install Linux Mint akan menghapus seluruh partisi, sistem operasi, dan data yang ada dalam hard disk, kemudian menggantinya dengan partisi dan sistem operasi Linux Mint. Sementara pilihan Something Else digunakan untuk melakukan pembuatan partisi secara manual dan menentukan sendiri di partisi yang mana Linux Mint akan kita install.
Sumber: Gufron Rajo Kaciak: Cara Install Linux Mint 17 Qiana LTS (Long Term Support) Edisi Mate: http://dosen.gufron.com/tutorial/cara-install-linux-mint-17-qiana-lts-long-term-sup/29/
Dalam proses installasi ini, jenis instalasi yang kita gunakan adalah Something Else agar kita dapat menentukan sendiri berapa ukuran partisi yang diperlukan. Selain itu, dengan opsi ini, kita dapat memisahkan letak partisi sistem operasi Linux Mint dengan data atau dokumen kerja kita, sehingga mempermudah kita dalam melakukan instalasi ulang Linux Mint.
Sumber: Gufron Rajo Kaciak: Cara Install Linux Mint 17 Qiana LTS (Long Term Support) Edisi Mate: http://dosen.gufron.com/tutorial/cara-install-linux-mint-17-qiana-lts-long-term-sup/29/
Gufron Rajo Kaciak