back

Rabu, 27 Februari 2013

Format Text pada HTML

Untuk menulis biasanya ada paragraf dan baris baru, lantas bagaiman cara menuliskannya di dokumen HTML?. Dari contoh yang sudah kita buat sebelumnya, coba tambahkan dengan tag-tag berikut ini:


<html>
<head>
<title>Selamat Datang di Websiteku</title>
</head>
<body>
Ini adalah halaman HTML pertamaku.
<p>Aku sedang membuat paragraf dan ini contohnya.</p>
<p>Ini contoh paragraf yang lainnya.</p>
<p>Ini juga paragraf mm...tapi de-<br>
ngan baris baru.<br>
Ini baris baru yang lain.</p>
</body>
</html>

Untuk membuat suatu paragraf, tag elemennya adalah <p>…</p>, dan untuk baris baru adalah <br>, perlu diketahui bahwa sebagian tag elemen HTML tidak memerlukan tag penutup, sebagai contoh adalah <br> ada juga <hr>, apa itu <hr>?, coba lanjutkan lagi dengan contoh berikut ini:


<html>
<head>
<title>Selamat Datang di Websiteku</title>
</head>
<body>
<hr>
<h1>Ini adalah halaman HTML pertamaku.</h1>
Dikerjakan oleh: <!-- Tolong isikan dengan nama anda -->
<hr>
<p>Aku sedang membuat paragraf dan ini contohnya.</p>
<p>Ini contoh paragraf yang lainnya.</p>
<p>Ini juga paragraf mm...tapi de-<br>
ngan baris baru.<br>
Ini baris baru yang lain.</p>
</body>
</html>

Nah..udah tau kan apa itu <hr>. Garis Horizontal <hr> juga tidak menggunakan tag penutup. Untuk melihat tag-tag apa saja yang tidak memerlukan tag penutup dapat dilihat di artikel tentang tag-tag html tanpa tag penutup. Selanjutnya tag <h1>…</h1> disebut dengan Heading, merupakan ukuran teks yang biasa di pakai untuk judul, bab, maupun sub-bab lainnya. Ukurannya ada 6 jenis mulai dari <h1> sampai <h6>, ukuran yang paling besar adalah h1 dan yang terkecil adalah h6.

Selanjutnya tag  adalah Comments digunakan untuk memasukkan (menyisipkan) suatu komentar di dalam HTML. Suatu comments akan diabaikan oleh browser. Kamu dapat menggunakan komentar untuk menjelaskan sesuatu hal. Dibawah ini adalah contoh format teks yang sering digunakan di dalam dokumen HTML :



<html>
<head></head>
<body>
<hr>
<h1>Ini adalah halaman HTML pertamaku.</h1>
Dikerjakan oleh: <!-- Tolong isikan dengan nama anda -->
<hr>
<p>Aku sedang mempelajari format-format teks.<br>
Contoh-contohnya adalah sebagai berikut:</p>
<p>Teks Normal<br>
<tt>Teks mesin ketik</tt><br>
<b>Teks tebal (bold)</b><br>
<strong>Teks tebal dengan perintah Strong</strong><br>
<i>Teks dengan italic (miring)</i><br>
<em>Teks miring dengan perintah Emphasized</em><br>
<u>Teks bergaris bawah (underline)</u><br>
<strike>Teks tercoret (strike)</strike><br>
<big>Teks lebih besar dari normal</big><br>
<small>Teks lebih kecil dari normal</small><br>
Teks menggunakan Subscript: Molekul Air adalah H<sub>2</sub>O<br>
Teks menggunakan Superscript: Hasil dari 10<sup>2</sup>=100<br></p>
</body>
</html>

Kemudian untuk menampilkan teks sesuai dengan yang tertulis kita gunakan tag <pre>…</pre>, misalnya jika anda menuliskan syair sebuah lagu atau puisi:


<html>
<body>
<pre>
   <b>PUITUIS ASA</b>
   Hari ini...
   Aku sedang belajar...
   Belajar tentang HTML.
      Sulit 'ntuk dimengerti,
      Karena banyaknya teks-teks aneh.
      Tapi biarlah...
   Akan kucoba...
   Sampai berhasil.
</pre>
</body>
</html>

Oke sobat, sekian dulu pelajaran kita tentang Format text HTML, kita lanjut ke tutorial berikutnya. Selamat mencoba!

Format Font dalam HTML

Tag HTML untuk font adalah …, dengan tag ini kita bisa menentukan jenis font (face), warna (color), dan ukuran (size), untuk lebih jelasnya mari kita perhatikan contoh berikut ini:


<html>
<head></head>
<body>
Untuk membuat jenis font (face):
<h1>
<span style="font-family: Verdana;">Judul dengan font Verdana</span></h1>
<span style="font-family: Times;">Konten dengan font Times</span>


Untuk membuat ukuran (size):
<h1>
<span style="font-size: x-small;">Judul dengan size 5</span></h1>
<span style="font-size: xx-small;">Konten dengan size 3</span>


Untuk membuat warna font (color):
<h1>
<span style="color: blue;">Judul dengan warna biru</span></h1>
<span style="color: red;">Konten dengan warna merah</span>


Contoh komplit untuk membuat jenis font (face),size dan color:
<h1>
<span style="color: green; font-family: Verdana; font-size: xx-small;">Judulnya Tentang Font</span></h1>
<span style="color: #660000; font-family: Arial; font-size: xx-small;">Ini adalah contoh tulisan dengan <i>pengaturan font</i> yang menggunakan

tag HTML elemen <b>font</b> dengan atribut face, size dan color...</span>


</body>
</html>

Berikut adalah sebagai referensi bagi anda untuk memanipulasi atribut face, color dan size: Atribut face="Jenis font yang digunakan", contoh: face="Tahoma" size="Ukuran dari font (1-7)", contoh: size="3" size="Memperbesar ukuran font", contoh: size="+1" size="Memperkecil ukuran font", contoh: size="-1" color="Warna dari font", contoh: color="blue" color="Warna dari font", contoh: color="#FF0000" Sesuai dengan recomendasi dari World Web Consortium (W3C), Untuk HTML 4.0 keatas, tag tidak dipergunakan lagi, sebagai gantinya dibuat tag


<html>
<head></head>
<body>
Untuk membuat jenis font (face):
<h1 style="font-family:verdana">Judul Menggunakan font verdana</h1>
<p style="font-family:tahoma">Konten menggunakan font tahoma</p>
Untuk membuat ukuran (size):
<h1 style="font-size:150%">Judul dengan ukuran 150%</h1>
<p style="font-size:80%">Konten dengan ukuran 80%</p>
Untuk membuat warna font (color):
<h1 style="color:blue">Judul dengan warna Biru</h1>
<p style="color:red">Konten dengan warna merah</p>
Contoh komplit untuk membuat jenis font (face),size dan color:
<p style="font-family:verdana;font-size:80%;color:green">
Ini adalah contoh tulisan pengaturan font dengan <i>Cassading Style Sheets</i> (CSS) yang<br>
menggunakan tag HTML elemen <b>style:</b> font-family, font-size dan color...</p>
</body>
</html>

Untuk mengetahui lebih lanjut tentang CSS, nanti akan dibuat tutorial khusus untuk membahas hal ini.

Senin, 25 Februari 2013

Layanan LivesOn Bikin Orang Meninggal Tetap Eksis di Twitter

Satu kalimat untuk layanan bernama 'LivesOn' ini, ada-ada saja! Bagaimana tidak, layanan online ini bisa membuat pengguna untuk terus eksis di Twitter bahkan saat user telah meninggal dunia.

Tentu saja ketika seseorang telah meninggal, ia sudah terputus dengan urusan duniawi, termasuk untuk mengelola akun Twitternya. Namun dengan LivesOn, layanan ini nantinya akan mengambil alih akun Anda secara otomatis. Jadi kicauan yang diposting seolah-olah dari pengguna aslinya.

Dalam situsnya, LivesOn mengaku bekerja dengan menganalisis tweet-tweet terdahulu dari si pengguna. Layanan ini coba mempelajari apa yang Anda sukai, kebiasaan, dan hal-hal pribadi lainnya.

Dari sinilah, LivesOn begitu dekat dengan pengguna. Jadi ketika si pemilik akun sudah tiada, maka sistem akan mengambil alih dengan memposting tweet-tweet seakan si pemilik akun tengah ngetweet dari lubang kubur.

"Selama bertahun-tahun dengan kemajuan teknologi dan platform, kita kini dapat lebih intim dalam cara kita berkomunikasi," ujar Dave Bedwood, kreator LivesOn kepada ABC News, seperti dikutip detikINET, Senin (25/2/2013).

Bedwood tak bekerja sendiri. Ia mengaku menciptakan artificial intelligent (kecerdasan buatan) di LivesOn dengan menggandeng para ahli dari Queen Mary University, London.

"Kami tidak seperti yang sebagian orang-orang pikir, coba membawa mereka yang telah mati dan memposting tweet," imbuh Bedwod.

"Kami juga memerlukan orang yang masih hidup untuk membuat karya ini karena mereka harus membantu melatih dan mengembangkan akun LivesOn mereka," lanjutnya.

Layanan LivesOn rencananya akan dirilis pada bulan Maret mendatang. Bedwood pun mengimbau, para pengguna jangan lantas takut dengan kehadiran mereka yang sudah tiada di media sosial, seperti Twitter.

"Bagi saya, hal ini tidak aneh seperti kepercayaan dari agama yang menyebut adanya kehidupan lain setelah kematian. Ini hanyalah perkembangan dari zaman kita, mari kita mengeksplorasi itu," pungkasnya.

Minggu, 24 Februari 2013

Sebuah Analogi tentang Jaringan Internet

Pada dasarnya, coba analogikan sebuah host sebagai sebuah rumah. Lalu anggap saja sebuah jaringan¬ LAN sebagai sebuah jalan kecil atau gang. Rumah berada di gang sempit yang terhubung pada jalan protokol. Beberapa jalan protokol terhubung ke sebuah jalan propinsi. Itulah¬ WAN, secara simpel, dimana setiap host terhubung secara hirarikal satu sama lain dalam suatu kota, meskipun tidak saling mengenal secara langsung.

Setiap polisi di pertigaan, perempatan, persimpangan, dll dapat dijadikan analogi atas sebuah router, sang pengatur lalu lintas. Sebaiknya kita tidak perlu memikirkan U-turn (bhs indonesianya apa?), karena saya belum menemukan padanan yang tepat. Ah entahlah, ada ide?

Suatu ketika, Robby (misalnya) yang tinggal di Jl. Anu no 31 Timbuktu, Mali, Afrika Barat ingin memberikan sesuatu pada Denny yang tinggal di Jl. Itu no 53 Lima, Peru, Amerika Selatan. Yang harus dilakukan Robby pertama kali adalah memeriksa tabel nama dan alamat orang sekomplek. Tidak menemukan alamat Denny di daftar ~~ARP~~ orang sekompleks, maka dia menuju default gateway (portal utama) yang mengarah ke luar gang atau kompleks. Saat melewati portal, bertanya¬†pada polisi atau satpam, Robby mendapati bahwa dia (satpam) pun merasa tidak pernah tahu ada Denny di sekitar jalan itu, sehingga Robby diarahkan untuk menuju jalan raya. Sesampainya di jalan raya, Robby pun mendapati bahwa polisi di jalan raya tidak tahu ke mana harus pergi ke kota Lima, Peru, maka Robby pun lagi-lagi diarahkan menuju ujung jalan ke jalan yang lebih besar, yang ternyata merupakan jalan protokol.

Perlu kita ketahui, semua satpam dan polisi (atau router) di seluruh dunia memiliki tabiat yang sama, yaitu jika tidak mengenal atau mengetahui alamat yang dimaksud, maka mereka akan mengarahkan sang penanya untuk pergi ke ujung jalan dan ke jalan yang lebih besar. Dalam jaringan komputer, hal ini dikenal dengan istilah default gateway. Jika router tidak tahu di mana sebuah alamat IP berada, maka dia akan mengarahkan paket ke arah default gateway, atau alamat IP 0.0.0.0/0.

Begitulah seterusnya, sampai pada akhirnya dia sampai di suatu persimpangan yang sangat besar, yang polisinya tahu ke mana harus mencari alamat Denny. Polisi tersebut mengarahkan Robby menuju suatu jalan, yang ternyata mengarah ke Amerika Selatan. Di Amerika Selatan, Robby diarahkan oleh polisi setempat untuk menuju Peru. Begitu seterusnya hingga Robby menemukan rumah Denny. Simpel kan, seperti layaknya Pak Pos saat mengantarkan surat.

Untuk kembali ke rumahnya di Timbuktu, Robby harus mengulangi lagi langkah demi langkah seperti awal, terutama karena polisi di Lima tidak tahu harus ke mana untuk pergi ke Timbuktu

Jaringan itu sendiri luas, membentang di permukaan bumi. Tentunya tipe jalan yang ada sangat beragam. Ibarat jalan darat, laut, dan udara, ada banyak media yang digunakan dalam transmisi data. Sebut saja kabel tembaga, serat optik, microwave, radio, dll. Seperti halnya di dunia nyata ada jalan macet (bandwidth penuh), jalan memutar (multi-hop), jalan bypass (one-hop), sampai jalan tertentu untuk daerah sulit dijangkau (remote-site).

Untuk itu diperlukan polisi yang lebih mumpuni dalam mengatur lalu lintas. Polisi itu harus mampu berbahasa global, tidak ketinggalan teknologi, dan tidak mudah stres :p . Ya, routernya harus memahami protokol (aturan) routing global (biasanya BGP)¬†dan mampu menangani traffic yang dikenakan padanya.
Untuk ke rumah Denny di Peru, Robby dari Timbuktu memiliki beberapa pilihan. Dia bisa lewat Aljazair, Perancis, New York, Texas, Panama, untuk ke Peru. Atau bisa lewat Mesir, Arab, India, Singapura, Hawai, Texas, Panama, lalu Peru. Terserah. Katakanlah karena memang Robby termasuk kaya

, dia memiliki sangat banyak pilihan. Rumahnya memiliki landasan pesawat dengan jet pribadi, jalan bawah tanah yang langsung terhubung ke jalur-cepat-bebas-hambatan, jalur kereta bawah tanah dengan shinkansen-nya, transporter satelit, pokoknya lengkap. Semuanya milik pribadi, alias dedicated line, tak lagi fakir bandwidth dalam gang sempit dan jalan berbatu.

Beginilah jaringan komputer (dan jaringan internet) dibuat, untuk mempersatukan

Mengapa negara yang dilewati Robby tidak berurutan? Misalnya dari India ke Singapura, lalu ke Hawai. Padahal ada Bangladesh, Thailand, Malaysia, dan... Indonesia! Tentu saja karena jalur yang dilewati memang melompat-lompat. Karenanya, perjalanan dari 1 router ke router lain disebut sebagai hop (lompatan).

Pembagian wilayah (topologi) dalam jaringan internet memang sedikit berbeda dengan pembagian teritori di bumi yang berdasarkan negara. Contohnya Indonesia, walaupun berdiri sama tinggi dengan negara yang lain secara de jure, namun faktanya jaringan internet kita sangat bergantung pada infrastruktur "jalan" milik negara lain, di antaranya Singapura, Malaysia, Australia, Amerika, Cina, serta beberapa negara di Eropa. Untuk dapat menuju internet global, semua host di Indonesia harus melewati negara-negara tersebut. Dapat dibayangkan jika salah satu dari sekian "jalan penghubung" yang hanya sedikit itu terputus, maka bencana bagi dunia internet kita.

Sumber

3 Komponen Utama dalam Jaringan Komputer

Dalam jaringan ada tiga komponen utama yang harus dipahami, yaitu :

Host atau node, yaitu sistem komputer yang berfungsi sebagai sumber atau penerima dari data yang dikirimkan. Node ini dapat berupa:

Server : komputer tempat penyimpanan data dan program-program aplikasi yang digunakan dalam jaringan,
Client : komputer yang dapat mengakses sumber daya (berupa data dan program aplikasi) yang ada pada server,
Shared pheriperal : peralatan-peralatan yang terhubung dan digunakan dalam jaringan (misalnya, printer, scanner, harddisk, modem, dan lain-lain).

Link, adalah media komunikasi yang menghubungkan antara node yang satu dengan node lainnya. Media ini dapat berupa saluran transmisi kabel dan tanpa kabel,
Software (Perangkat Lunak), yaitu program yang mengatur dan mengelola jaringan secara keseluruhan. Termasuk di dalamnya sistem operasi jaringan yang berfungsi sebagai pengatur komunikasi data dan periferal dalam jaringan.