Februari 2016 ~ Otto Julista Sari (RPL)

Senin, 29 Februari 2016

Basic tcp/ip

Assalamualaikum Wr.Wb

Di blog saya kali ini saya akan menjelaskan mac address, mac addres itu masuk kedalam osi layer yang kedua yaitu link, dan di bawah ini saya akan memberikan pengertian dari mac address. Selain mac address saya akan menjelaskan juga tentang ip address karena ip address itu penting karena semua IT harus bisa basic tcp/ip.

MAC Address (Madia Acsess Control Address) adalah sebuah alamat jaringan ang diimplementasikan pada lapisan data-link dalam tujuh lapisan model OSI, yang merepresentasikan sebuah node tertentu dalam jaringan. Dalam sebuah jaringan berbasis Ethernet, MAC address merupakan alamat yang unik yang memiliki panjang 48-bit (6 byte) yang mengidentifikasikan sebuah komputer, interface dalam sebuah router, atau node lainnya dalam jaringan. MAC Address juga sering disebut sebagai Ethernet address, physical address, atau hardware address.

MAC Address mengizinkan perangkat-perangkat dalam jaringan agar dapat berkomunikasi antara satu dengan yang lainnya. Sebagai contoh, dalam sebuah jaringan berbasis teknologi Ethernet, setiap header dalam frame Ethernet mengandung informasi mengenai MAC address dari komputer sumber (source) dan MAC address dari komputer tujuan (destination). Beberapa perangkat, seperti halnya bridge dan switch Layer-2 akan melihat pada informasi MAC address dari komputer sumber dari setiap frame yang ia terima dan menggunakan informasi MAC address ini untuk membuat "tabel routing" internal secara dinamis. Perangkat-perangkat tersebut pun kemudian menggunakan tabel yang baru dibuat itu untuk meneruskan frame yang ia terima ke sebuah port atau segmen jaringan tertentu di mana komputer atau node yang memiliki MAC address tujuan berada.

Dalam sebuah komputer, MAC address ditetapkan ke sebuah kartu jaringan (network interface card/NIC) yang digunakan untuk menghubungkan komputer yang bersangkutan ke jaringan. MAC Address umumnya tidak dapat diubah karena telah dimasukkan ke dalam ROM. Beberapa kartu jaringan menyediakan utilitas yang mengizinkan pengguna untuk mengubah MAC address, meski hal ini kurang disarankan. Jika dalam sebuah jaringan terdapat dua kartu jaringan yang memiliki MAC address yang sama, maka akan terjadi konflik alamat dan komputer pun tidak dapat saling berkomunikasi antara satu dengan lainnya. Beberapa kartu jaringan, seperti halnya kartu Token Ring mengharuskan pengguna untuk mengatur MAC address (tidak dimasukkan ke dalam ROM), sebelum dapat digunakan.

MAC address memang harus unik, dan untuk itulah, Institute of Electrical and Electronics Engineers (IEEE) mengalokasikan blok-blok dalam MAC address. 24 bit pertama dari MAC address merepresentasikan siapa pembuat kartu tersebut, dan 24 bit sisanya merepresentasikan nomor kartu tersebut. Setiap kelompok 24 bit tersebut dapat direpresentasikan dengan menggunakan enam digit bilangan heksadesimal, sehingga menjadikan total 12 digit bilangan heksadesimal yang merepresentasikan keseluruhan MAC address. Berikut merupakan tabel beberapa pembuat kartu jaringan populer dan nomor identifikasi dalam MAC Address.

IP Address
Apa itu ip address
ip address (internet protocol address ) merupakan urutan angka biner antara 32 bit sampai dengan 128 bit yang digunakan sebagai alamat identifikasi untuk tiap koomputer host dalan jaringan internet. Angka 32 bit digunakan untuk alamat ip address ipv4 dan angka 128 bit digunakn untuk alamat ip address ipv6 untuk menunjukkan alamat dari komputer dari jaringan internet berbasis TCP/IP.

Apa fungsi ip address
1. ip adress digunakan sebagai alat identifikasi host atau antarmuka pada jaringan.
2. ip address digunakan sebagai alamat lokasi jaringan.

Jenis ip address
1. IP versi 4 (IPv4)
2. IP versi 6 (IPv6)

LAYOUT CSS

Assalamualaikum Wr.Wb

Saya kali ini akan memberuikan tamp[ilan layout css kalian bisa downloat templatenya terlebih dahulu di http://www.free-css.com/free-css-layouts/page1
kalian bisa klik tulisan yang ada di atas:
tutorial mengedit layout css :

1.pilh Free CSS layouts =>klik

2. pilih template yang kalian inginkan

3. buka downloads=>klik kanan=>ekstrak here=>

4. akan muncul folder layout1

5. klik double pilih index.html

6. kita mulai masuk ke proses edit mengedit layout css

dan jika kalian ingin mengganti warnw kalian bisa menggantinya di style.css

Hasilnya :

Sekian dari saya tentang layout css ini layout css saya, selamat mencoba ya

Wassalamualaikum Wr.Wb

PENGENALAN CSS MELALUI w3school

Assalamualaikum Wr.Wb

kali ini saya akan menjelaskan tentang css kalian pasti kalian tau apa itu css tapi kalian juga belum mengetahui betul tentang css dan di kesempatan hari ini saya akan menjelskan css lebih lanjut dan mempelajari css lebih dalam, karena css adalah kunci utama kita untuk bisa belajar bootsrap lebih lanjut dan menbuat website yang lebih bagus lagi.

Apa itu CSS ?

CSS merupakan salah satu bahasa style web yang sangat populer yang dipakai pada berbagi apalikasi web.

Kemampuan CSS diantaranya :

properti font
warna dari text
peletakkan (align)
margin, border, padding

Software yang dibutuhkan :

safari 5
mozilla firefox
notepad++

Mengapa menggunakan CSS ?

CSS digunakan untuk menentukan gaya untuk halaman web anda, termasuk untuk perangkat yang berbeda dan ukuran layar.

*CSS Selector

CSS digunakan untuk "menentukan" (atau pilih) elemen HTML berdasarkan mereka nama elemen , id, atribut, dan banyak lagi.

Id Selector

Pemilih id menggunakan atribut id dari elemen HTML untuk memilih elemen tertentu.
Id dari elemen harus unik dalam sebuah halaman, sehingga pemilih id digunakan untuk memilih salah satu elemen yang unik!
Untuk memilih elemen dengan id tertentu, menulis hash (#) karakter, diikuti oleh id dari elemen.

Kelas Selector

Pemilih kelas memilih elemen dengan atribut kelas khusus.
Untuk memilih elemen dengan kelas tertentu, menulis titik (.) Karakter, diikuti dengan nama kelas.
Pada contoh di bawah, semua elemen HTML dengan class = "center" akan merah dan pusat-blok:

*CSS Cara

Tiga cara sisipkan css
ada tiga cara untuk memasukkan style sheet:

Style Sheet Eksternal
Internal Style Sheet
Gaya Iniline

--> Eksternal Style Sheet
Dengan style sheet eksternal, anda dapat mengubah seluruh situs web dengan mengubah hanya satu file!

--> Style Sheet Internal
Style sheet internal dapat digunakan jika satu halaman tunggal memiliki gaya yang unik.

--> Gaya Inline
Gaya Inline dapat digunakan untuk menerapkan gaya yang unik untuk elemen tinggal.

*CSS Border

CSS Border Property
CSS perbatasan properti memungkinkan anda untuk menentukan gaya, lebar, dan warna perbatasan elemen ini.

elemen ini memikliki perbatasan alur yang 15px lebar dan hijau.

*CSS Margin

CSS margin properti yang digunaakan untuk menghasilkan ruang disekitar elemen.
sifat margin mengatur ukuran ruang putih LUAR perbatasan .
elemen ini memiliki margin of 80px.

*CSS Padding

CSS padding properti yang digunakan untuk menghasilkan ruang disekitap konten.
padding mengatur ukuran putih antara isi elemen.
elemen ini memiliki padding 50px.

--> Script

<!DOCTYPE html>
<html>
<head>
<style>
p {
    background-color: lightblue;
}

p.ex {
    border:20px solid blue;
    margin-top: 100px;
    margin-bottom: 100px;
    margin-right: 100px;
    margin-left: 100px;
padding-top: 50px;
    padding-right: 30px;
    padding-bottom: 50px;
    padding-left: 80px;
border-style: dotted
}
</style>
</head>
<body>
<p class="ex">memasukkan padding, margin dan border dan hasilnya ini dia.</p>

</body>
</html>

Hasil :

*CSS Tinggi dan Lebar Dimensi

properti css dimensi
Sifat dimensi css memungkinkan anda untuk mrngatur tinggi dan lebar elemen.
Elemen ini memiliki lebar 100%

Mengtur tinggi lebar
tinggi dan lebar sifat yang digunakkan untuk mengatur tinggi dan lebar elemen.

*CSS Text

Teks ini ditata dengan beberapa properti format teks. Judul menggunakan text-align, text-transform, dan sifat warna. Paragraf menjorok, selaras, dan ruang antara karakter ditentukan

Ada dua orang pengembang atau pencipta css yaitu hakon wium dan bert bos, dan dibawah ini adalah foto mereka berdua:

Hakon Wium Lie

Bert Bos

Merka berdua ini adalah seorang pengembang CSS, tapi CSS yang saya jelaskan belum selesai karena masih banyak ilmu css yang belum saya pelajari tunggu kelanjutannya ya.

Jika kalian ingin mempelajari css lebih lanjut kalian bisa belajar di http://www.w3schools.com/css/default.asp

Wassalamualaikum Wr.Wb

BELAJAR BOOTSRAP

Assalamualaikum Wr.Wb

Saya hari ini akan memberi penjelasan tentang bootsrap, bootsrap atau sering disebut dengan reponsiv. jadi bootstrap itu memberi tampilan responsiv contojnya bisa dibut menjadi layar hp, tablet, I pad, laptop ataupun komputer, dan ini adalah penjelasan dari bootstrap.

1. Apa Itu Bootstrap?

Bootstrap adalah front-end framework yang solek, bagus dan luar biasa yang mengedapankan tampilan untuk mobile device (Handphone, smartphone dll.) guna mempercepat dan mempermudah pengembangan website. Bootstrap menyediakan HTML, CSS dan Javascript siap pakai dan mudah untuk dikembangkan.

Untuk Apa itu bootstrap?

Bootstrap merupakan framework untuk membangun desain web secara responsif. Artinya, tampilan web yang dibuat oleh bootstrap akan menyesuaikan ukuran layar dari browser yang kita gunakan baik di desktop, tablet ataupun mobile device. Fitur ini bisa diaktifkan ataupun dinon-aktifkan sesuai dengan keinginan kita sendiri. Sehingga, kita bisa membuat web untuk tampilan desktop saja dan apabila dirender oleh mobile browser maka tampilan dari web yang kita buat tidak bisa beradaptasi sesuai layar. Dengan bootstrap kita juga bisa membangun web dinamis ataupun statis.

bootstrap Sejarah

Bootstrap dikembangkan oleh Mark Otto dan Jacob Thornton di Twitter, dan dirilis sebagai produk open source pada bulan Agustus 2011 pada GitHub.

Mengapa Gunakan Bootstrap?

Keuntungan dari Bootstrap:

Mudah digunakan: Siapa saja dengan pengetahuan hanya dasar dari HTML dan CSS dapat mulai menggunakan Bootstrap
Fitur responsif: CSS responsif Bootstrap ini menyesuaikan dengan ponsel, tablet, dan desktop
Pendekatan Mobile-pertama: Dalam Bootstrap 3, gaya mobile-first merupakan bagian dari kerangka inti
Kompatibilitas browser: Bootstrap kompatibel dengan semua browser modern (Chrome, Firefox, Internet Explorer, Safari, dan Opera).

Contoh Bootsrap:

Jika kalian igin belajar lebih lanjut lagi bootstrap kalian bisa belajar di w3school "http://www.w3schools.com/bootstrap/default.asp"

Contoh tampilan bootsrap responsiv:
#tampilan hp:

#tampilan tablet:

#tampilan I pad:

#tampilan NetBook:

#Tampilan komputer atau tablet:

Sekian dari saya semoga bermanfaat, mohon maaf jika ada kesalahan atau kekurangan, Terima kasih.

Wassalamualaikum Wr.Wb

WEBSITE SEDERHANA MENGGUNAKAN LAYOUTIT (part 2)

Assalamualaikum Wr.Wb

Saya akan melanjutkan tentang web saya yang kemarin belum selesai kali ini saya akan Melanjutkannya sekarang kita masuk ke bagian link nya dulu ya nanti saya juga akan menambahkan yang laiinya si web saya.

kalian bisa melihatnya di link yang ada di samping ini :http://www.layoutit.com/

yang kali ini adalah tampilan web yang link tapi belum semua tapi saya akan melanjutkan script ini lagi.

1. script link menuju tampilan foto-foto smk n 11 malang, kalian klik yang ada tulisan "foto"

$tampilan :

2. script link menuju ke halaman profil smk n 11 malang, klik link yang ada tulisan "profil"

$tampilan :

3. script dari tampilan dropdown jurusan yang ada di smk n 11 malang

$tampilan :

maaf saya tidak menanpilkan semua script yang saya buat saya hanya menampilkan hanya sedikit dari scrupt yang saya buat

sampai disini dulu jika ada yang kurang atapun salah dari sisi manapun saya mohon maaf.
Wassalamualaikum Wr.Wb

membuat tampilan Web Sederha

Assalamualaikum Wr.Wb

Kali ini saya akan memberi tampilan web sederhana tampilan ini hanya membuat template sederhana masih halaman utamanya saja belum tampilan yang lainnya. Saya juga belum menanbahkan halaman yang lainnya.

Berikut tampilan sederhana dari web yang saya buat;
1. kita buat desain template di halaman utama melaui layoutit http://www.layoutit.com/
2. kemudian kita buka bluefish atau sublime untuk mengeditnya.
3. script halaman utama web sederhana yang saya buat,

4. ini tampilan utama dari web sederhana yang saya buat ,

5. tampilan slide show,

#tampilan slide 0

#tampilan slide 1

#tampilan slide 2

#tampilan slide 3

6. yang selanjutnya halaman yang di bagian bawah dan halaman selanjutnya,

Semoga bermanffat ya maaf kalau web saya cuma begini karena saya belun selesai mengedit web yang saya buat ini, tapi saya akan melanjutkan mengeitv web yang saya buat.

Wassalamualaikum Wr.Wb

CARA MENGETAHUI IP KOMPUTER KITA

Assalamualaikum Wr.Wb

Di blog saya kali ini akan saya akan memberi sedikit bocoran tentang bagaimana mengetahui ip komputer atau ip laptop kalian masing-masing.

1. masuk terminal
2. Ketikan sudo su, masukkan password;

3.kita install ssh untuk meremote server kita.
*remote server
#apt-get install ssh

4. Cara mengetahui ip komputer kita di komputer maupun di laptop
*cara mengetahui ip komputer/laptop
#ifconfig

5. kita masuk ke web browser kita ketikan ip komputer orang lain (http://192.168.124.235/)

6.Misalnya kita membuka ip komputer/laptop orang lain;
Contoh:http://192.168.124.235/

7. Kita juga bisa membuka misalnya ip komputer.../ppdb_online/
untuk melihat ppdb_online,
#192.168.124.235/ppdb_online/

Sekian dulu postingan dari saya semoga bermanfaat dan selamat mencoba

Wassalamualaikum Wr.Wb

MEMBUAT WEBSITE MENGGUNAKAN LAYOUTIT

Assalamualaikum Wr.Wb

kali ini saya akan membuat situs web hanya dalam waktu 5 menit kalian pasti heran kok bisa begitu caranya adalah, tetap simak ya:

cara membuat website dalam waktu 5 menit:
1.kita buka halaman browser, kita ketikan layoutit:

# pilih yang paling atas sendiri,
2. kita pilih yang ada tulisan bootstrap 3!

3. tinngal kita tarik aja apa yang mau kita buat;

4.Jika sudah selesai kita pilih Download, kemudian pilih tulisan yang paling bawah sendiri;

5.jika sudah akan muncul gambar seperti di bawah ini, jika kita menggunakan linux kita pilih yang ada file zipnya, dan jika kita menggunakan windows kita pilih yang satunnya,