Fashion

Technology

Fashion

Recent Posts

Sejarah internet

07.37 Add Comment
  Pada tahun 1963, RAND Cooperation-suatu organisasi pengendali perang dingin Amerika Serikat, menghadapi masalah yang rumit. Yaitu bagasimana Amerika Serikat tetap dapat berkomunikasi secara lancr jika sedang terjadi perang nuklir, dan dalam kondisi saat perang sudah usai. Solusi masalah ini ilah dengan menciptakan  sebuah jaringan yang menghubungkan semua tempat sarana strategis di seluruh Amerika Serikat, dan teteap dapat memberikan request for proposal (RFP) kepada University of California Los Angeles (UCLA). Beberapa orang yang terlibat, diantaranya Vincton Cerf, Steve Crocker, Jon Postel, dan Robert Braden.

Pada tahun 1964 dikeluarkan proposal RAND, yang intinya mengatakan bahwa jaringan yang akan dibentuk tidak terpusat pada suatau tempat dan tetep berfungsi sekalipun dalam keadaan hancur. Ide ini diilhami oleh teknologi yang memungkinkan dapat mengirimkan pesan dari tempat asal ke tujuan, dengan cara memecah-mecah pesan tersebut menjadi bagian-bagian yang lebih kecil. Yang disebut paket pada saat dikirmkan, dan kembali disusun seperti semula, saat diterma di tempat tujuan. Teknologi ini dikenal sebagai packet switching network.

Pada tahun 1969, empat buah interface message processor (IMP) dikirimkan ke 4 perguruan tinggi, yakni UCLA, Standard Research Institue (SRI), University Of California Santa Barbar (UCSB), dan University of Utah. Jaringan keempat tempat ini disebut sebagai ARPANET, yang disponsori oleh Defanse of Advanced Research Project Agency (DARPA) milik Pentagon, Departemen Pertahanan Amerika Serikat.

Internet bukan merupakan seuatu yang asing bagi orang pada masa sekarang. Sekalipun demikian, banyak orang tidak atau belum memahami apa dan bagimana sebenarnya yang dimaksud dengan internet. Internet merupakan sebuah jaringan yang berskala global. Tidak ada satu pun orang, kelompok, organisasi yang bertanggung jawab untuk menjalankan internet. Mekanisme kerja internet tidak didasarkan pada manusia, tetapi merupakan mekanisme kerja elektronik. Masing - masing jaringan yang terhubung satu dengan lainnya, berkomunikasi menggunakan protokol-protokol tertentu, seperti Transmission control protocol (TCP) dan Internet Protocol (IP). Dari waktu ke waktu, jaringan-jaringan yang tersebar di berbagi belahan dunia saling terhubung dengan jaringan-jaringan yang sudah ada terlebih dahulu.

Jaringan pusat yang disebut VBNS (Very Hgh Speed Backbone Network Service) berfungsi menghantarkan lalu lintas data internet ke seluruh Amerika dan penjuru dunia, yang saat ini dibiayai oleh Badan Ilmu Pengetahuan Nasional Amerika Serikat. Jaringan pusat inilah yang memungkinkan komputer-komuter yang terhubung dengan internet dapat berkomunikasi dan saling mengirimkan data. Saat ini ribuan jaringan regional di seluruh penjuru dunia sudah terkondisi dengan internet sehingga antarkomputer dari rumah ke rumah, dari satu kantor ke kantor lain dapat berkomunikasi satu dengna lainnya.

Menampilkan gambar di tag body pada doc html

08.38 2 Comments
Untuk menampilkan gambar, Anda bisa menggunakan kode :

<img src="Lokasi_gambar" alt="teks Alternatif" />
  1. Lokasi gambar bisa berupa lokasi di WWW (seperti www.lokasigambar.com/gambar.jpg> ataupun lokasi yang relatif dari halaman yang terbuka (seperti /gambar/gambarlogo.jpg)
  2. Teks alternatif ini berguna untuk alat penjelas gambar, dan bisa juga meningkatkan aspek SEO dari website yang bersangkutan.
Buat kode seperti berikut ini:

 <html>
 <head>
  <title> Menampilkan Gambar </title>
 </head>
 <body>
  <hr />
  <h1> Cyber Space, Blog yang dibuat untuk berbagi segalah hal - Freedom! </h1>
  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHvR30q0MFGRNJTh5INyLNpTA4HzjgS7JSa5hDco7w3NOf5rvP3zh5qbJTh9gtulBRAoEIy-mUBVuqPsBhqiiVCSKtbJqvs5dBImGC4uARBN5gUJtXlXHDHRpk0wsx0FQAGr3tvTne0D_e/s1600/Cover+blog.png" alt="Logo Cyber Space INA" />
  <hr />
 </body>
</html> 
Jika disimpan dan dibuka di browser, tampilan seperti berikut ini:

Output dari doc menampilkan gambar

Sekian artikel kali ini :) & terima kasih sudah membaca artikel saya!


Membuat list di tag body pada doc html

08.35 Add Comment
List di HTML memiliki beberapa versi, 2 yang sering digunakan adalah list bernomor dan list tidak bernomor seperti:

  1. List bernomor (ordered list) dimulai dengna tag <ol> dan ditutup dengan tag </ol>. Tiap item list diapit dengan tag <li>.
  2. List bullet (unordered list) sama seperti sebelumnya, hanya saja diawali dengan tag <ul> dan ditutup dengan tag </ul>
 <html>
 <head>
  <title> Membuat list </title>
 </head>
 <body>
  <hr />
   <h1> Cara membuat Program </h1>
    <ol>
    <li> Tulis script kode </li>
    <li> Kompilasi </li>
    <li> Buat file executable </li>
    <ol>
  <hr />
   <h1> Komponen mobil </h1>
    <ul>
    <li> Mesin </li>
    <li> Kelistrikan </li>
    <li> Casis </li>
    </ul>
  <hr />
 </body>
</html> 
Jadi dibuka di browser, hasilnya seperti berikut:

Pembuatan list


Sekian artikel kali ini :) & terima kasih sudah membaca artikel saya!


Menampilkan Link di tag body pada doc html

08.17 Add Comment
Sebuah halaman web bisa menavigasi ke halaman web lain dengan cara memberikan link. Di html, untuk membuat link digunakan tag <a href="URL"> Teks </a>. Link dapat dibedakan menjadi 2 ditinjau dari URL-nya, yaitu ke URL atau ke email.
  1. Untuk web, URL = www.namasitus.com
  2. Untuk Email, URL = mailto:nama@tujuan.com
Berikut ini contoh kode yang bisa digunakan untuk menerapkan alamat email:

 <html>
 <head>
  <title> Membuat link </title>
 </head>
 <body>
 <hr />
  <h1> Contoh pembuatan link ke halaman web </h1>
   <a href="http://www.twitter.com/dzawinnur_id"> Klik untuk menuju twitter admin Dzawin </a>
 <hr />
  <h1> Contoh pembuatan link ke email </h1>
   <a href="mailto:user_tertentu@gmail.com"> Klik untuk mengirim email </a>
 <hr />
 </body>
</html> 
Simpan dan buka dibrowser, hasilnya terlihat seperti berikut ini:

Pembuatan link


Sekian, artikel yang saya bahas kali ini & terima kasih sudah membaca artikel saya

Menambahkan isi pada bagian body di dokumen HTML

19.13 Add Comment
Isi dalam dokumen HTML ditempatkan di antar bagian <BODY> sampai dengan </BODY>. Untuk menambahkan isi tersebut dapat dilakukan dengan cara berikut.

Contoh program:

 <html>
 <head>
  <title> Judul halaman </title>
 </head>
 <body>
  <h1> Potensi manusia </h1>
   Manusia memiliki potensi diri untuk meraih sukses yang didambakannya.
   Sukses sejati tidak hanya diukur melalui pencapaian materi, tetapi lebih pada seberapa besar peranan kita untuk manusia dalam alam ini.
 </body>
</html> 

Dibagian <BODY> sampai dengan </BODY> diisi dengan Header. Halaman conthnya adalah "Potensi Manusia". Cara membuatnya menggunakan <H1> sampai dengan </H1>. Perintah H1 digunakan untuk membuat HEADER atau Kepala berita. Setelah itu ditambahkan caption atau penjelasan singkat mengenai isi halaman tersebut. Selanjutnya simpan dokumen dengan nama file latihan2.html

Output tampilan latihan2.html
Sekian,semoga bermanfaat :) dan terima kasih sudah membaca artikel saya kali ini.


Struktur dasar doc HTML

18.59 Add Comment
Element HTML dimulai dengan tag awal, yang diikuti dengan isi elemen dan tag akhir. Tag berakhir termasuk simbol / diikuti oleh tipe elemen, misalnya </HEAD>. Sebuah elemen HTML dapat bersarang di dalam elemen lainnya. Sebuah dokumen HTML standar terlihat seperti ini :

 <html>
 <head>
  <title> Ini judul dokumen HTML </title>
 </head>
 <body>
          Teks ini adalah teks yang muncul di Body dari dokumen
 </body>
</html> 
Kode diatas penulis beri indetasi untuk membuat program bisa terbaca lebih jelas, tapi HTML sebenarnya mengabaikan indentasi ini (sering juga disebut spasi atau whitespace). Jadi tidak wajib untuk anda membuat indentasi di kode Anda sendiri.

Dokumen HTML terdiri dari usur HTML, ditandai dengan tag <html> awal dan diakhiri dengan tag html penutup berupa </html>. Dokumen HTML biasanya memiliki HEAD dan elemen BODY. HEAD ini di dalamnye berisi judul atau <title>. Judul nantinya muncul di bagian title bar dari browser.

Anda bisa mengetikkan kode HTML di atas menggunakan sembarang editor teks. Yang paling mudah adalah menggunakan Notepad yang merupakan aplikasi bawaan dari MS Windows.

Setelah mengetikkan, Anda bisa langsung menyimpan teks menjadi kode HTML menggunakan cara berikut:


  1. Buka editor teks yang anda pakai, kemudian pastikan kode yang anda semuanya sudah benar. Di tutorial ini, penulis menggunakan editor teks Notepad++ karena memiliki fasilitas syntax highlight yang memudahkan pemrograman.
    Pengetikan kode HTML di Notepad++
  2. Klik CTRL + S atau file > Save untuk menyimpan.
    Save as type
  3. Muncul jendela save as, pilih All files di combobox save as type.
  4. Isikan nama file HTML di file name.
  5. Untuk melihat hasilnya di browser, anda bisa klik dua kali pada file HTML, hasilnya, tampilan akan menjadi seperti berikut ini.
Tampilan akan terlihat seperti berikut ini
Sekian,semoga bermanfaat & terima kasih sudah membaca artikel saya kali ini :)