OSI Layer Dan Perumpamaannya dalam kehidupan sehari-hari

Pengertian secara umum

            OSI adalah standar komunikasi yang digunakan dalam jaringan antar komputer agar saling terhubung, atau dapat dikatakan jika OSI merupakan bahasa internasional dalam komputer. 

            Memiliki  7 lapisan layer, yaitu:

1. Application layer
2. Presentation layer
3. Session layer
4. Transport layer
5. Network layer
6. Data Limk Layer
7. Physical layer

~o~

1.      Applicaton Layer

Application Layer merupakan  protokol yang digunakan untuk pertukaran data antar program yang berjalan pada source dan host tujuan.

Perumpamaannya:

Seorang penumpang membutuhkan tiket untuk naik pesawat dengan cara mendatangi travel resmi. Jadi, travel resmi itu merupakan Aplication Layer dalam OSI.

Contoh:

•      DHCP

•      HTTP

•      DNS,dsb

2.      Presentation Layer

Merupakan lapisan dimana aplikasi diterjemahkan menjadi sebuah data.

Perumpamaannya:

Untuk membeli tiket, penumpang harus memesannya dengan cara memberi data dan data tersebut akan diubah dalam bentuk tiket yang dipesan.

Contoh:

•      JPG

•      Docx

•      PNG

3.      Session Layer

Merupakan layer yang mengijinkan sesi koneksi antara node dalam sebuah jaringan dibuat atau dihancurkan.

Perumpamaannya:

Penumpang dapat duduk sesuai dengan tiket yang dimiliki masing-masing.

4.      Transport Layer

Merupakan lapisan yang bertanggung jawab menyampaikan data ke proses aplikasi yang sesuai pada komputer host.

Prerumpamaannya:

Pada saat pengecekan tiket, pihak maskapai berhak menurunkan penumpang yang memiliki tiket yang tidak sesuai.

5.      Network Layer

Merupakan layer yang bertanggung jawab terhadap peroutingan pada sebuah jaringan.

Perumpamaannya:

Pemilik travel memberikan informasi kepada pihak maskapai akan tujuan si penumpang dengan cara menginputkan data penumpang.

6.      Data Link Layer

Merupakan lapisan yang melakukan transmisi data antara perangkat-perangkat jaringan yang saling berdekatan dalam jaringan WAN.

Perumpamaannya:

Penumpang dikelompokkan sesuai dengan tempat tujuannnya.

7.      Physical Layer

Mendefinisikan media transmisi jaringan, metode pensinyalan, sinkronisasi bit, arsitektur jaringan, dan topologi jaringan.

Perumpamaannya:

Pemilik travel harus mengetahui alamat penumpang agar penumpang dapat sampai pada tujuan.

Penggunaan Tag Link

Penggunaan Tag Link Pada HTML

a.      Untuk memasukan link pada html dapat menggunakan:

<p><a href=”http: (link website)”>Nama web</a></p>

Contoh:

<p><a href=”http:www.google.com”> Google</a></p>

b.      Agar website yang dituju di laman yang lain, dapat digunakan:

<p><a href=”http: (link website)”target=”_blank”>Nama web</a></p>

Contoh:

<p><a href=”http:www.facebook.com”target=”_blank”> Facebook</a></p>

c.       Lalu untuk menyisipkan tag link pada gambar dapat digunakan:

<p><a href=”http: (link website)”target=”_blank”>Nama web</p>

<p><img src=”(nama gambar dalam file).jpg/png”border=”4”width=”147”height=”31”></a></p>

!Untuk ukuran gambar dapat disesuaikan!

Contoh:

<p><a href="http://www.yahoo.com"target="_blank">YAHOO</p>

<p><img src="yahoo.png"border="0"width="147"height="31"</a></p>

d.      Memasukan email ke dalam tag dapat digunakan:

<a href=”mailto:(email kalian)”>Kirim email</a>

Contoh:

<p><a href="mailto:julianmia016.gmail.com">Kirim E-mail</a></p>

e.       Cara menghilangkan garis pada tag dapat digunakan:

<p><a href="(website)"target="_blank"style="kat

decoration:none">nama web</a></p>

contoh:

<p><a href="www.mp3komplit.net"target="_blank"style="text-decoration:none">Web Musik</a></p>

f.       Cara membuatlink URL dengan menambahkan:

</P><a href="httpLwebsite)">Nama web</a></p>

Contoh:

</P><a href="http:julianmia016.blogspot.com">Blog Saya</a></p>

Website

A.   Sejarah Web

Jarak Antar Komputer	Lokasi/Area	Jenis Jaringan
1 – 10 m 100 m - <1 km	- Ruangan - Gedung Perkantoran	Local Area Network
1 – 10 km >10 km - <100 km	- Kota - Provinsi/negara bagian	Metropolitan Area Network
>=100 km >=1000 km	- Negara - Benua	Wide Area Network
>=10000 km	- Dunia	Internet

WWW (World Wide Web) adalah suatu ruang informasi yang dipakai oleh pengenal global yang disebut URL (Uniform Resource Locator). WWW merupakan kumpulan dokumen yang tersimpan di peladen web, dokumen – dokumen ini disimpan/dibuat dengan format HTML (Hypertext Mark Language). WWW ditemukan oleh Tim Benners Lee tahun 1991.

Kesimpulannya, WWW merupakan sekelompok dokumen multimedia yang saling berkaitan dengan menggunakan tautan hypertext. Sistem ini adalah sistem program piranti lunak dan nama enquire, dengan itu Tim Benners Lee berhasil menciptakan jaringan.

B.   Struktur Dasar HTML

a)    Tag

    Adalah teks khusus (markup) berupa dua karakter  “ < ” & “ > ”,

Sebagai contoh <body> adalah tag dengan nama body. Tag dibagi dua yaitu pembuka & penutup  (tambahkan karakter “/” setelah karakter “<”). Contoh <body> adalah pembuka isi doc, dan </body> sebagai penutup.

b)    Element

    Ada 3, yaitu tag pembuka, isi, dan tag penutup.

Contoh:

Judul pada HTML pada web menggunakan element title. Misal, <title> adalah tag pembuka judul HTML, lalu judul html dan tambahkan </title> sebagai penutup.

c)     Attribute

Terdiri dari nama dan nilai. Attribute ditulis dgn syntax :

Nama – attr = “nilai – attr”

Contoh :

<p align=”center”> tulisan paragraph </p>

d)    Element HTML

Menyatakan pada browser bahwa dokumen yang digunakan adalah HTML.

Sintaks :

<html>

………..

</html>

e)     Element HEAD

Menyatakan bahwa kepala dari dokumen head

Sintaks :

<head>

………...

</head>

f)      Element TITLE

Merupakan judul dari dokumen HTML yang akan ditampilkan pada judul jendela browser.

Sintaks :

<title>

………...

</title>

g)    Element BODY

Isi dokumen HTML

Sintaks :

<body>

………...

</body>

h)    Sub

untuk menampilkan text H₂O pada browser

Sintaks :

H ₂ O

i)       Sup

Untuk menampilkan text 2²=4 pada browser

Sintaks :

2 ² =4

j)      Tag Font

Memiliki attribute, yaitu face, color, dan size :

-         Face     = untuk jenis font

-         Color   = untuk warna font

-         Size      = untuk ukuran font

Warna – warna yang dapat digunakan dalam HTML

-         Black                                      -    Silver

-         Maroon                                  -    Red

-         Green                                     -    Lime

-         Olive                                      -    Yellow

-         Navy                                      -    Blue

-         Purple                                    -    Fuchsia

-         Teal                                        -    Aqua

-         Gray                                       -    White

o   Contoh:

     <html>

     <head>

     <title> konten yang akan dibahas </title>

     </head>

     <body>

     <font face=”arial”> tulisan dengan jenis font arial </font>

     <font color=”red”> tulisan dengan warna merah </font>

     <font size=”5”> tulisan yang berukuran 5 </font>

     </body>

     </html>

o   Contoh:

        Format dengan jenis, warna, dan ukuran font

<html>

<head>

<title> konten yang akan dibahas </title>

</head>

<body>

<font face=”arial” size=”5” color=”red”> tulisan dengan jenis font arial, berwarna merah, dan berukuran 5 </font>

</body>

</html>

k)    Ordered List (list terurut)

     Merupakan tag html yang digunkan untuk mengurutkan angka/huruf.

     Tag ini mempunyai attribute start dan type. Attribute start berfungsi memberi nilai awal dari daftar urutan, sedangkan type untuk memilih bentuk daftar urutan.

Dimana type dapat diisi dengan :

o   A -> abjad huruf besar -> A,B,C,…

o   A -> abjad huruf kecil -> a,b,c,…

o   I -> abjad romawi besar -> I,II,III,…

o   i -> abjad romawi kecil -> I,ii,iii,…

o   1 -> abjad angla -> 1,2,3,…

Contoh :

<html>

<body>

                <title> konten yang akan dibahas </title>

</head>

<body>

<ol type=”A”>

             <li>Jeruk </li>

             <li> Nanas </li>

             <li> Melon </li>

             <li> Jambu </li>

             </ol>

</body>

</html>

l)       Unordered List (list tidak terurut)

     Digunakan untuk list yang tidak terurut. Tag ini mempunyai attribute type. Attribute type berfungsi untuk memiih bentuk bullet yang digunakan.

Dimana type dapat diisi dengan :

o   Disc -> bulatan hitam

o   Circle -> bulatan kosong

o   Square -> kotak hitam

               

                Cara Penulisan

                <html>

                <head>

                <title> konten yang akan dibahas </title>

                </head>

                <body>

                <ul type=”circle”|”square”|”disc”>

                             <li> … </li>

                             <li> … </li>

                             </ul>

                </body>

                </html>

Identitas

Nama : Julian Mia Puspita
Kelas : X TKJ
TTL   : Tegal, 12 Juni 2001
Hobi  : Membaca

_

  Saya lahir di Tegal pada tahun 2001, dan 3 bulan setelahnya saya pindah dan menetap di Lombok Timur, tempat kelahiran Ayah saya. Namun karena tuntutan pekerjaan orang tua yang mengharuskan mereka menetap di Jakarta, saya ditinggal bersama kakak laki-laki saya di Lombok. Lalu setelah saya kelas 5 SD, saya kembali ke Tegal bersama Ibu saya, sedangkan Ayah dan kakak laki-laki saya masih menetap disana hingga sekarang, dan pulang beberapa tahun sekali.