Thursday, September 8, 2016

ANATOMI DOKUMEN WEB

ANATOMI DOKUMEN WEB

    1. Dasar-Dasar HTML
HTTP (Hypertext transfer protocol) merupakan protokol yang digunakan untuk mentransfer data antara web server ke web browser. Protocol ini mentransfer dokumen-dokumen web yang ditulis atau berformat HTML (Hypertext Markup Language). Dikatakan markup language karena HTML berfungsi untuk ‘memperindah’ file teks biasa untuk ditampilkan pada program web browser hal ini dilakukan dengan menambahkan elemen atu sering disebut sebagai tag-tag pada file teks biasa tersebut.
  1. Struktur Dasar HTML
HTML merupakan singkatan dari HyperText Markup Language adalah sebuah bahasa pemrograman yang digunakan untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah penjelajah web Internet (Browser)
Fungsi HTML :
  1. Membuat halaman web.                                                                                                                                                   Menampilkan berbagai informasi di dalam  sebuah browser Internet.web.Menampilkan berbagai informasi di dalam  sebuah browser Internet.
  1. Membuat link menuju halaman web lain dengan kode tertentu (hypertext).

Struktur Dasar HTML
<html>
<head>
<title>disini judul dokumen html</title>
</head>
<body>
Disini penulisan informasi web
</body>
</html>
PERANGKAT PEMROGRAMAN WEB

PERANGKAT PEMROGRAMAN WEB

PERANGKAT PEMROGRAMAN WEB

Hasil gambar untuk perangkat pemrograman web
Perangkat Keras
Untuk lingkungan pengembangan web yang nyaman, berikut ini peralatan yang sebaiknya disediakan:
 Komputer Utama, dengan operating system Macintosh, Windows, ataupun Linux. Perusahaan pengembangan web profesional cenderung berbasis Macintosh.
 Memori tambahan. sebaiknya computer memiliki memori yang besar, karena dalam pengembangan web cenderung kita akan membuka beberapa aplikasi sekaligus.
 Sebuah monitor besar. Meskipun bukan keharusan, monitor besar memudahkan untuk desainer visual. Semakin besar monitor, semakin banyak jendela dan panel kontrol dapat terbuka pada waktu yang sama.
Perangkat Lunak
Untuk perangkat lunak pengembangan web dapat dikelompokkan menjadi beberapa, diantaranya :
Beberapa contoh aplikasi yang termasuk dalam kelompok ini :
 Adobe Dreamweaver, aplikasi ini berbayar dan dibawah lisensi perusahaan Adobe, aplikasi ini banyak digunakan oleh pengembang web. Memiliki banyak fasilitas dan fiture.
 Microsoft Expression Web (lisensi dari Windows). Bagian dari Microsoft’s suite yang merupakan aplikasi perancangan professional.
 Nvu (Linux, Windows, dan Mac OS X). Tidak ingin membayar untuk Editor WYSIWYG? Nvu (diucapkan N-view, untuk “pandangan baru”) adalah sebuah aplikasi open source (sumber terbuka) yang cocok dengan banyak fitur dalam Adobe Dreamweaver, dan dapat diunduh secara gratis di nvu.com.
Editor
Ini adalah kelompok perangkat lunak yang kebalikan dari Adobe Dreamweaver Microsoft Expression Web. Aplikasi ini tidak lagi “WYSIWYG” (What You See Is What You Get”) tetapi lebih ke kode HTML. Beberapa contoh aplikasi yang termasuk dalam kelompok ini :
 TextPad (Windows saja). TextPad adalah plain-text sederhana dan murah untuk editor kode di Windows.
 Teks Sublime (Window, Mac, Linux). Editor teks ini terlihat dipreteli namun memiliki banyak fungsi (seperti kode warna dan ikhtisar kode penuh) bagi pengembang web.
 Coda oleh Panic (hanya Macintosh). Pengguna Coda seperti alur kerja yang visual, alat-alat manajemen file, dan built-in akses terminal.
 Textmate oleh MacroMates (hanya Macintosh). Editor teks canggih ini memiliki alat manajemen proyek dan antarmuka yang terintegrasi dengan sistem operasi Mac. Hal ini semakin populer karena disesuaikan, kaya fitur, dan murah.
 BBEdit oleh Bare Bones Software (hanya Macintosh). Untuk pengembang web banyak fitur shortcut yang besar telah membuat editor terkemuka berbasis Mac
Aplikasi editing gambar dan menggambar
Untuk menambahkan gambar ke halaman web, akan perlu program editing gambar. Berikut ini beberapa aplikasi yang cukup populer :
 Adobe Photoshop. Photoshop dapat dikatakan sebagai standar industri untuk penciptaan gambar baik dalam cetak maupun dunia web.
 Adobe Photoshop Elements. Versi ini lebih ringan dari Photoshop dirancang untuk mengedit foto dan manajemen, tetapi beberapa penggemar menemukan bahwa ia memiliki semua alat yang diperlukan untuk menempatkan gambar pada halaman web.
 Adobe Illustrator. Karena desainer perlu membuat logo, ikon, dan ilustrasi di berbagai ukuran dan resolusi, untuk itu semua aplikasi ini sangat membantu. Aplikasi ini juga dapat dipadukan dengan Photoshop
Aplikasi Internet
Karena hasil akhir dari pengembangan halaman web digunakan di Internet, maka diperlukan beberapa aplikasi untuk membuka halaman web, biasa disebut “browser”. Berikut ini beberapa aplikasi browser yang cukup populer :
 Windows:
o Internet Explorer
o Chrome
o Firefox
o Safari
o Opera
 Macintosh OS X:
o Safari
o Chrome
o Firefox
o Opera
Aplikasi transfer file (FTP/File Transfer Protokol).
Sebuah aplikasi FTP memungkinkan untuk mengunggah dan mengunduh file antara komputer kita dan komputer yang akan menjadi tempat halaman web/web server. Beberapa aplikasi authoring web sebelumnya juga memiliki aplikasi FTP yang terintegrasi langsung. Ada juga aplikasi FTP khusus, seperti yang tercantum di bawah ini:
 Windows
 WS_FTP
 CuteFTP
 AceFTP
 Filezilla
 Macintosh
 Transmit
 Cyberduck
 Fetch

ALUR PENGEMBANGAN WEB

Berdasarkan  persepsi dari beberapa pengembang perangkat lunak dan ahli-ahli dalam  bidang  rekayasa  perangkat  lunak  (software  engineering  professional), Pengembangan  Aplikasi Web  tidaklah  sama  dengan  rekayasa  perangkat  lunak walaupun  keduanya  melibatkan  pemrograman  dan  pengembangan  perangkat lunak.
Walaupun  banyak  mengadopsi  prinsip-prinsip  rekayasa  perangkat  lunak, Pengembangan Aplikasi Web memiliki banyak pendekatan, metoda, alat bantu, teknik  dan  panduan  yang  memenuhi  persyaratan  pembuatan  sistem  berbasis web.
Pengembangan sistem berbasis web berbeda dengan pengembangan perangkat lunak  konvensional, dimana  pengembangan  sistem  berbasis  web  lebih  banyak menghadapi tantangan. Pengembangan Aplikasi Web adalah gabungan dari print publishing  dan  pengambangan  perangkat  lunak,  diantara  marketing  dan perhitungan dan diantara seni dan teknologi.

Alternatif model dari Pengembangan Aplikasi Web adalah sebagai berikut :

Formulasi (formulation)

Kegiatan  yang  berfungsi  untuk  merumuskan  tujuan  dan  ukuran  dari  aplikasi berbasis web serta menentukan batasannya sistem.

Tujuan  yang  ingin  dicapai  bisa  dibedakan  menjadi  dua  kategori,  yaitu  :

Tujuan yang bersifat informatif
Menyediakan  suatu  informasi  tertentu  kepada  pengguna,  berupa  teks,  grafik, audio, dan video.

Tujuan yang bersifat fungsional
Kemampuan  untuk  melakukan  suatu  fungsi  yang  dibutuhkan  pengguna,  misal dengan  menggunakan  aplikasi  tersebut  seorang  guru  dapat  memperoleh  nilai akhir  dan  statistik  nilai  guru  dari  data-data  ujian,  tugas,  kuis  yang  ia  input  ke dalam aplikasi.

Perencanaan (planning) 

Kegiatan  yang  digunakan  untuk  menghitung  estimasi  biaya  proyek  pembuatan aplikasi  berbasis  web ini,  estimasi  jumlah  pengembang,  estimasi  waktu pengembangan,  evaluasi  resiko  pengembangan proyek,  dan  mendefinisikan jadwal pengembangan untuk versi selanjutnya (jika diperlukan).

Analisis (analysis)
Kegiatan untuk menentukan persyaratan-persyaratan teknik dan mengidentifikasi informasi  yang  akan  ditampilkan  pada  aplikasi  berbasis  web.  Analisis  yang digunakan pada rekayasa web dilakukan dari empat sisi, yaitu :

Analisis isi informasi
Mengidentifikasi  isi  yang  akan  ditampilkan  pada  aplikasi  berbasis  web  ini.  Isi informasi dapat berupa teks, grafik, audio, maupun video.

Analisis interaksi
Analisis yang menunjukkan hubungan antara web dengan pengguna.

Analisis fungsional
Analisis tentang proses bagaimana aplikasi berbasis web ini akan menampilkan informasi kepada pengguna.

Analisis konfigurasi
Konfigurasi yang digunakan pada aplikasi berbasis web, internet, intranet, atau extranet.  Selain  itu,  analisis  ini  juga  meliputi  relasi  database  dengan  web  jika diperlukan.

Rekayasa (engineering)

Terdapat dua pekerjaan yang dilakukan secara paralel, yaitu desain isi informasi dan desain arsitektur web.
Pada saat tahap desain, ada beberapa hal yang perlu dilakukan : 
Pembuatan  Diagram  Wireframe  (Gambar  Rangka),  tujuan  dari  diagram gambar  rangka  adalah  untuk menunjukkan  bagaimana  lay  out  halaman web  dan menunjukkan di mana fungsi dan konten seperti navigasi, kotak pencarian, elemen bentuk dan sebagainya, tanpa desain grafis. Berikut ini contohnya :

Gambar. Diagram Wireframe sebuah halaman web.


Diagram Situs,  Sebuah diagram situs menunjukkan struktur situs secara keseluruhan dan bagaimana halaman individual  berhubungan satu sama lain. Gambar dibawah menunjukkan diagram situs yang sangat sederhana 

Gambar. Diagram Situs

Storyboard  dan  diagram  alir  pengguna,  Storyboard  ini  bertujuan  untuk menunjukkan  langkah-langkah  yang  diperlukan  untuk  menyelesaikan tugas-tugas,  opsi  yang  mungkin,  dan  juga  memperkenalkan  beberapa standar jenis halaman.

SEJARAH DAN CARA KERJA WEB

A) Sejarah Web

Internet adalah jaringan komputer yang saling terhubung. Tidak ada perusahaan yang memiliki internet, yang merupakan upaya kerja sama diatur oleh sistem standar dan aturan. Tujuan dari menghubungkan komputer bersama-sama, tentu saja, adalah untuk berbagi informasi. Ada banyak cara informasi dapat dikirimkan antar komputer, termasuk email, transfer file (File Transfer Protocol), dan banyak layanan yang lebih khusus yang dibangun dalam layanan internet. Metode ini standar untuk mentransfer data atau dokumen melalui jaringan dikenal sebagai protokol.


World Wide Web, biasa lebih dikenal sebagai WWW adalah suatu ruang informasi yang dipakai oleh pengenal global yang disebut URL (Uniform Resource Locator) untuk mengenal pasti sumber daya berguna. WWW sering dianggap sama dengan internet secara keseluruhan, walaupun sebenarnya ia hanyalah bagian daripada internet.

WWW merupakan kumpulan web server dari seluruh dunia yang mempunyai kegunaan untuk menyediakan data dan informasi untuk dapat digunakan bersama. WWW adalah bagian yang paling menarik dari internet. Melalui web, para pengguna dapat mengakses informasi-informasi yang tidak hanya berupa teks tetapi bisa juga berupa gambar, suara, video dan animasi.

Kegunaan ini tergolong masih baru dibandingkan surat elektronik, sebenarnya WWW merupakan kumpulan dokumen yang tersimpan di peladen web, dan yang peladennya tersebar di lima benua termasuk Indonesia yang terhubung menjadi satu melalui jaringan internet. Dokumen-dokumen informasi ini disimpan atau dibuat dengan format HTML (Hypertext Markup Language)

Definisi Sejarah Situs Website, Standart Web dan Cara Kerja Web

Suatu halaman dokumen informasi dapat terdiri atas teks yang saling terkait dengan teks lainnya atau bahkan dengan dokumen lain. Keterkaitan halaman lewat teks ini disebut pranala. Dokumen informasi ini tidak hanya terdiri dari teks tetapi dapat juga berupa gambar, mengandung suara bahkan video klip. Kaitan antar dokumen yang seperti itu biasa disebut hipermedia.

Jadi dapat disimpulkan bahwa WWW adalah sekelompok dokumen multimedia yang saling bertautan dengan menggunakan tautan hyperteks. Dengan mengklik pranala (Hyperlink), maka para pengguna bisa berpindah dari satu dokumen ke dokumen lainnya.

WWW adalah suatu program yang ditemukan oleh Tim Berners-Lee pada tahun 1991. Awalnya Berners-Lee hanya ingin menemukan cara untuk menyusun arsip-arsip risetnya. Untuk itu, beliau mengembangkan suatu sistem untuk keperluan pribadi. Sistem itu adalah program piranti lunak yang diberi nama Enquire. Dengan program itu, Berners-Lee berhasil menciptakan jaringan yang menautkan berbagai arsip sehingga memudahkan pencarian informasi yang dibutuhkan. Inilah kelak menjadi dasar dari sebuah perkembangan pesat yang dikenal sebagai WWW.

WWW dikembangkan pertama kali di Pusat Penelitian Fisika Partikel Eropa (CERN : Organisasi Europeenne pour la Recherche Nucleaire), Jenewa, Swiss. Pada tahun 1989 Berners-Lee membuat pengajuan untuk proyek pembuatan hyperteks global, kemudian pada bulan Oktober 1990, World Wide Web sudah dapat dijalankan dalam lingkungan CERN. Pada musim panas tahun 1991, WWW secara resmi digunakan secara luas pada jaringan internet.

B) Standart Web

HTML (Hypertext Markup Language) merupakan bahasa standart web yang didefinisikan dan dikelola penggunaannya oleh W3C (World Wide Web Consurtium). HTML dibuat dan dikembangkan oleh Tim Berners-Lee. Selanjutnya, bahasa tersebut dipopulerkan oleh browser Mosaic. Selama tahun 90-an telah muncul berbagai versi HTML dengan berbagai macam fiturnya. Versi HTML yang ada tersebut antara lain :

  1. Versi 1.0 : Merupakan versi pertama setelah lahirnya HTML dan mempunyai kemampuan seperti untuk heading, paragraph, hypertext, list, cetak tebal, dan cetak miring pada teks. Selain itu juga dukungan peletakan image pada dokumen dengan tidak memperbolehkan peletakan teks di sekelilingnya (wrapping).
  2. Versi 2.0 : Dirilis pada tanggal 14 Januari 1996 dengan beberapa kemampuan tambahan seperti penambahan form. Hal ini menjadi pionir untuk membuat sebuah web yang interaktif.
  3. Versi 3.0 : Dirilis pada tanggal 18 Desember 1997, yang dikenal dengan HTML+. Versi ini memiliki beberapa fitur tambahan seperti fitur table dalam paragraph.
  4. Versi 3.2 : Dirilis pada bulan Mei 1998, merupakan versi terbaru penyempurnaan dari versi 3.0.
  5. Versi 4.0 : Dirilis pada tanggal 24 Desember 1999 dengan penambahan beberapa fitur seperti adanya link, imagemaps, image, dan lain-lain.
  6. Versi 5.0 : Dirilis pada tahun 2009 yang menjadi standart baru HTML, XHTML, dan DOM HTML. HTML5 ini merupakan proyek kerja sama antara W3C (World Wide Web Consurtium) dan WHATG (Web Hypertext Application Technology Working Group).

Spesifikasi HTML5 belum final saat ini, tetapi diyakini oleh banyak orang akan menjadi standar yang diterima di masa depan. Beberapa browser sudah mendukung HTML5.

Pada HTML5, dalam menuliskan tag dan atribut dengan huruf kecil tidak ada lagi. Diberi kebebasan untuk menggunakan huruf kecil, huruf kapital, atau kombinasinya. Bahkan, nilai suatu atribut akan diberi tanda petik atau tidak sama saja. Browser tidak lagi mempedulikan hal-hal seperti itu.

C) Cara Kerja Web

Sebuah web browser adalah program perangkat lunak yang digunakan untuk mengakses World Wide Web dari internet. Browser pertama, yang disebut NCSA Mosaic, dikembangkan di Pusat Nasional untuk Aplikasi Super Komputer di awal 1990-an. Yang mudah digunakan, cukup klak-klik sehingga membantu mempopulerkan web.

Meskipun banyak browser yang berbeda yang tersedia, Google Chrome dan Mozilla Fifetox yang jauh paling populer. (Banyak pengguna Mac lebih memilih browser Safari) Persaingan untuk mendominasi pasar telah membawa perbaikan terus-menerus untuk perangkat lunak. (Keduanya didasarkan pada NCSA Mosaic) dapat mendownload Internet Exploler dan Fifetox secara gratis dari situs web masing-masing perusahaan. Jika sudah memiliki satu browser, dapat juga menguji yang lain. Juga mencatat bahwa ada sedikit perbedaan antara versi Windows dan Macintosh.

Anatomi Browser

Ketika pertama kali membuka browser web, biasanya dengan mengklik dua kali pada icon di desktop komputer, halaman web yang telah ditetapkan muncul. Halaman ini disebut sebagai halaman "home" atau halaman awal. Dengan Mozilla Fifetox misalnya, mungkin akan dibawa ke halaman awal Mozilla atau ke halaman yang dipilih oleh penyedia layanan internet. Tetapi jika ingin, dapat dengan mudah mengubah halaman awal tersebut.

World Wide Web sampai saat ini adalah bagian yang paling populer dari Internet. Setelah menghabiskan waktu di Web akan merasa bahwa  tidak ada batas untuk apa yang dapat ditemukan. Web memungkinkan beragam komunikasi, juga memungkinkan untuk mengakses dan berinteraksi dengan teks, grafis, animasi, foto, audio dan video.

Jadi apa saja yang membentuk web? Pada tingkat yang paling sederhana, web secara fisik terdiri dari komputer pribadi atau perangkat mobile, perangkat lunak web browser, sambungan ke penyedia layanan internet, komputer yang disebut sever yang disebut hosting dan router dan switch yang mengarahkan aliran informasi.

Ada banyak pilihan perangkat lunak sever, tetapi dua yang paling populer adalah Apache (perangkat lunak open source untuk sever) dan Internet Information Services (IIS) dari Microsoft. Apache tersedia secara bebas untuk komputer berbasis Unix dapat diinstal pada Mac menjalankan Mac OS X. Ada versi Windows juga. Microsoft IIS adalah bagian dari keluarga Microsoft.

Setiap komputer dan perangkat (modem, router, smartphone, mobil, dll) yang terhubung ke internet diberi alamat IP numerik yang unik (IP singkatan dari Internet Protocol). Sebagai contoh, komputer yang dihosting google.com memiliki IP 173.194.34.99. Semua angka-angka tersebut dapat memusingkan, untungnya ada Domain Name System (DNS) yang dikembangkan untuk memungkinkan kita merujuk ke server dengan nama domainnya, "google.com", juga alamat IP numerik berguna untuk perangkat lunak komputer, sedangkan nama domain adalah lebih mudah diakses oleh manusia. Pencocokan nama domain ke alamat IP numerik masing-masing adalah tugas dari server.

Hal ini dimungkinkan untuk mengkonfigurasi server web sehingga lebih dari satu nama domain dipetakan ke satu alamat IP, sehingga memungkinkan beberapa situs untuk berbagai server tunggal.

Sebuah halaman web adalah dokumen elektronik yang ditulis dalam bahasa komputer yang disebut HTML, singkatan dari Hypertext Markup Language. Setiap halaman web memiliki alamat yang unik, yang disebut URL atau Uniform Eerources Locator yang mengidentifikasi di mana web server yang memuat dokumen web.

Sebuah website memiliki satu atau lebih halaman web terkait, tergantung pada bagaimana itu dirancang. Halaman web pada situs yang dihubungkan bersama melalui sistem hyperlink, memungkinkan untuk melompat di antara halaman web dengan mengklik pada link.

Halaman web bervariasi dalam desain dan konten, tetapi banyak menggunakan format majalah tradisional. Di bagian atas halaman adalah "header" seperti kop surat atatu gambar banner, kemudian daftar item dan artikel. Daftar item atau menu biasanya link ke halaman lain atau situs lain. Kadang-kadang link ini disusun dalam daftar, seperti indeks. Dapat juga kombinasi dari keduanya. Sebuah halaman web mungkin juga menggunakan gambar sebagai link ke konten lainnya.

Bagaimana bisa membedakan mana teks yang ada tautan/link? Link muncul dalam warna yang berbeda dari teks, biasanya dengan warna biru dan sering digaris bawahi. Bila memindahkan kursor di atas link teks atau melalui link grafis, perubahan icon dari panah ke tangan.

Web adalah media yang dinamis. Untuk mendorong pengunjung untuk kembali ke sebuah situs, banyak penerbit web sering memperbarui konten. Itulah yang membuat Web sangat menarik.

Memahami Alamat Web

World Wide Web adalah koleksi besar file elektronik yang tersimpan di jutaan komputer di seluruh dunia. Uniform Resource Locators atu URL adalah alamat yang digunakan untuk menemukan file.

Informasi yang terkandung dalam URL memberi kemampuan untuk berpindah dari satu halaman web yang lain hanya dengan klik. Ketika mengetik URL ke browser atau klik link hypertext, browser mengirim permintaan ke komputer remote, yang disebut server web, untuk mendownload satu atau lebih file. Setiap URL unik, mengidentifikasi satu file tertentu.

Apa yang khas dari URL? Berikut ini contohnya :
  • http://ensiklopediasli.blogspot.com (Halaman Blog Ensiklopediasli)
Bagian pertama dari URL (sebelum dua garis miring) memberitahu jenis sumber daya atau metode akses di alamat itu. Sebagi contoh :
  • http : dokumen hypertext atau direktori.
  • ftp : file yang tersedia untuk di download atau direktori file tersebut.
  • news : newsgroup
  • file : file yang terletak pada drive lokal komputer Anda.
Bagian kedua biasanya adalah alamat komputer di mana data atau layanan berada. Bagian tambahan mungkin menentukan nama file, port untuk menghubungkan ke, atau teks untuk mencari dalam database.

Bagian-bagian dari URL

Sebuah URL lengkap umumnya terdiri dari tiga komponen : protokol, nama situs, dan path absolut ke dokumen atau sumber daya, seperti contoh dibawah ini :
  • http://ensiklopediasli.blogspot.co.id/p/about.html

http://

Hal pertama yang dilakukan adalah URL menentukan protokol yang akan digunakan untuk transaksi tertentu. Aturan HTTP membiarkan server tahu untuk menggunakan Hypertext Transfer Protocol, atau masuk ke dalam "modus web".

www.example.com

Bagian berikutnya dari URL mengidentifikasi situs dengan nama domainnya. Dalam contoh ini, nama domain adalah example.com. WWW dibagian awal adalah nama host tertentu di domain tersebut. Nama host "WWW" telah menjadi sebuah kesepakatan. Tetapi, kadang-kadang nama host dapat dihilangkan. Bisa lebih dari satu website di domain (kadang-kadang disebut subdomain) misalnya, ada : ensiklopediasli.blogspot.com, clients.example.com dan sebagainya.

/2015/samples/first.html

Ini adalah path absolut melalui direktori pada server ke dokumen HTML yang diminta, first.html. Kata-kata dipisahkan oleh garis miring adalah nama direktori, dimulai dengan direktori root dari host (seperti yang ditunjukkan oleh awal /). 

Sebagian dari URL yang akan menggunakan start dengan http, yang merupakan singkatan dari Hypertext Transfer Protocol, metode yang file HMTL yang ditransfer melalui web. Berikut adalah beberapa hal-hal lain untuk mengetahui tentang URL :

  • Sebuah URL biasanya tidak memiliki spasi.
  • Penulisan URL tidak sensifit huruf besar-kecil. Jadi mengetik "http://ensiklopediasli.blogspot.com" atau "HTTP://ENSIKLOPEDIASLI.BLOGSPOT.COM" atau variasi huruf besar dan kecil akan membawa ke halaman yang sama.
Jika mengetik URL tidak benar, browser tidak akan dapat menemukan situs atau sumber daya yang diinginkan. Jika mendapatkan pesan error atau mengakses situs yang salah, periksalah untuk melihat apakah mengeja alamt dengan benar.

File Standar

Tidak setiap URL adalah terlihat begitu panjang. Banyak alamat tidak termasuk nama file, tapi hanya menunjuk ke sebuah direktori, seperti ini :

  • http://www.w3schools.com/
  • http://w3schools/html/

Ketika server menerima permintaan untk nama direktori bukan file tertentu, terlihat dalam direktori tersebut untuk dokumen default, biasanya bernama index.html. Jadi, sebenarnya secara tidak langsung, kita mengetikkan alamat lengkap seperti ini (sebagai contoh jika index.html sebagai default) :

http://www.w3schools.com/index.html

Nama file default (juga disebut sebagai file indeks) dapat bervariasi, dan tergantung pada bagaimana server dikonfigurasi. Dalam contoh ini, dinamai index.html, tetapi beberapa server menggunakan nama file default htm. Jika situs menggunakan pemograman server-side untuk menghasilkan halaman, file indeks mungkin diberi nama index.php atau index.asp.

hal lain yang perlu diperhatikan adalah bahwa dalam contoh pertama, URL asli tidak memiliki garis miring untuk menunjukkan itu adalah sebuah direktori. Ketika slash dihilangkan, server hanya menambahkan satu jika menemukan direktori dengan nama itu.

File index ini juga berguna untuk keamanan. Beberapa server (tergantung pada konfigurasi mereka) menampilkan isi direktori jika file default tidak ditemukan.

Salah satu cara untuk mencegah orang melihat file-file pada direktori adalah memastikan ada file index di setiap direktori. Administrator server juga dapat menambahkan perlindungan lain untuk mencegah direktori ditampilkan di browser.

Setelah file index dibuka oleh browser, maka akan disajikan seluruh informasi yang ada dalam dokumen HTML dari file tersebut.

PROFESI DALAM PENGEMBANG WEB

Web Designer



Seorang designer web adalah orang yang bertanggung jawab untuk menentukan tampilan sebuah website. Tugasnya adalah mendesain tampilan situs (web) mulai dari pengolahan gambar, tata letak, warna, dan semua aspek visual situs. Fokus utama mereka adalah tampilan/layout dari web. Mereka lebih konsen dengan bagaimana halaman terlihat dan apakah berfungsi sempurna ketika sudah diberikan bahasa pemograman. Dalam pendandanan suatu situs seorang Web Designer harus menguasai :
- HTML, DHTML
- Pengolah gambar
- Animasi, Movie (Film)

Web Programmer

Web Programmer

Web programmer bertugas dalam melakukan pengcodingan atau pemograman sebuah website agar dinamis, dimana agar sebuah web tersebut dapat terlihat mudah bagi seorang web admin.
Jika situs yang akan dibuat mempunyai fasilitas interaksi antara pengunjung dan situs misalnya menyangkut dengan transaksi, input output data dan database maka seorang Web Progammer yang akan mengerjakannya dengan membuat aplikasi-aplikasi yang bekerja diatas situ (web). Penguasaan yang biasanya harus dikuasai pada umumnya oleh Web Programmer :
- CGI Perl, PHP, MySQL (Unix base)
- ASP (NT base)
- Java Script dan Applet

Web Administrator 

Web Administrator
 Tugasnya adalah untuk memaintenance suatu server, mengerti akan sistem operasi server, baik itu mulai dari instalasi sampai kepada masalah (troubleshooting), biasanya seorang Web Administrator harus menguasai :
- OS Unix (Linux, FreeBSD, dll)
- OS NT
- Jaringan (LAN, WAN, Intranet)
- Keamanan server

Web Master

Web Master

Seorang web master adalah seorang yang mengerti akan kesemua hal mulai dari desain, program dan keamanan server namun tidak terlalu turut mencampuri ke masing-masing divisi, cukup dengan mempertanggung jawabkan atas jalannya suatu situs (web). Penguasaan yang harus dimiliki :
- HTML, DHTML
- CGI Perl, PHP, MySQL, ASP, Java
- Penguasaan bermacam OS (Operating System)
- Keamanan server
- Jaringan (LAN, WAN, Intranet)

Web Developer

Web Developer

Kegiatan diatas secara keseluruhan dinamakan suatu team yang dinamakan Web Developer. Web Developer memberi bantuan seperti konsultasi web, konsep web yang akan dibuat, membangun sebuah website.

Rangkuman : 
Dari semua jenis pekerjaan diatas tidak semua adalah sebuah profesi karena tidak semua orang ahli dalam bidang tersebut. Yang bisa dikatakan sebagai sebuah profesi yaitu jika seseorang sudah ahli di dalam bidang pekerjaan tersebut. Jika di pekerjaan diatas yang bisa dikatakan sebagai sebuah profesi adalah web designer, web programmer, web administrator, web master, dan web developer karena dalam bidang tersebut seseorang memang sudah memiliki keahlian didalamnya.

JENIS KABEL

 Perangkat Jaringan

     Perangkat jaringan adalah semua komputer, peripheral, interface card, dan
perangkat tambahan yang terhubung ke dalam suatu sistem jaringan komputer untuk
melakukan komunikasi data. Perangkat jaringan komputer terdiri dari :

1. Server.

     Server merupakan pusat kontrol dari jaringan komputer. Server berfungsi untuk
menyimpan informasi dan untuk mengelola suatu jaringan komputer. Server akan
melayani seluruh client atau workstation yang terhubung ke jaringan. Sistem operasi
yang digunakan pada server adalah sistem operasi yang khusus yang dapat memberikan
layanan bagi workstation.

2. Workstation.

     Workstation adalah komputer yang terhubung dengan sebuah LAN. Semua
komputer yang terhubung dengan jaringan dapat dikatakan sebagai workstation.
Komputer ini yang melakukan akses ke server guna mendapat layanan yang telah
disediakan oleh server.

3. Network Interface Card

     Network Interface Card (NIC) adalah expansion board yang digunakan supaya
komputer dapat dihubungkan dengan jaringan. Sebagian besar NIC dirancang untuk
jaringan, protokol, dan media tertentu. NIC biasa disebut dengan LAN card. Contoh
sebuah LAN Card seperti diperlihatkan pada Gambar 13.
Gambar 13. Network Interface Card
4. Kabel

     Kabel adalah saluran yang menghubungkan antara 2 workstation atau lebih.
Jenis-jenis kabel yang digunakan dalam jaringan antara lain kabel coaxial, fiber optic,
dan Twised Pair. Jenis-jenis kabel tersebut seperti diperlihatkan pada Gambar 14.
(Gambar 14A)

(Gambar 14B)

(Gambar 14C)

Gambar 14. Jenis-jenis kabel; (A) Coaxial, (B) Fiber Optic (C) Twisted Pair

     Kabel coaxial hanya memiliki satu konduktor yang berada di pusat kabel. Kabel
ini memiliki lapisan plastic yang berfungsi untuk pembatas konduktor dengan anyaman
kabel yang ada pada lapisan berikutnya. Kabel coaxial memiliki kecepatan transfer
sampai 10 Mbps. Kabel coaxial sering digunakan untuk kabel TV, ARCnet, thick
ethernet dan thin ethernet. Thick coaxial / 10Base5 / RG-8 sering digunakan untuk backbone, untuk instalasi jaringan antar gedung. Kabel ini secara fisik berat dan tidak
fleksibel, namun ia mampu menjangkau jarak 500 m bahkan lebih. Thin coaxial /
10Base2 / RG-58 / cheapernet sering digunakan untuk jaringan antar workstation. Kabel
ini secara fisik lebih mudah ditangani daripada RG-8 karena lebih fleksibel dan ringan.
Thick coax mempunyai diameter rata-rata 12 mm sedangkan thin coaxial mempunyai
diameter rata-rata berkisar 5mm. Setiap perangkat dihubungkan dengan BNC Tconnector.

     Kabel fiber optik memiliki inti kaca yang dilindungi oleh beberapa lapisan
pelindung. Pengiriman data pada kabel ini menggunakan sinar. Kabel fiber optik
memiliki jarak yang lebih jauh daripada twisted pair dan coaxial. Kabel ini juga
memiliki kecepatan transfer data yang lebih baik dalam pengiriman data, yaitu
mencapai 155 Mbps. Kabel fiber optic memiliki dua tipe, yaitu single mode dan multi
mode. Tipe kabel single mode memiliki diameter core 9 micron, sedangkan kabel multi
mode memiliki diameter core sebesar 62,5 micron.

     Kabel twisted pair, secara umum dibagi menjadi 2 tipe, Shielded Twisted Pair
(STP) dan Unshilded Twisted Pair (UTP). Sepasang kabel yang di-twist (pilin), yang
jumlah pasangannya dapat terdiri dari dua, empat atau lebih. Fungsi twist bertujuan
untuk mengurangi interferensi elektromagnetik terhadap kabel lain atau terhadap
sumber eksternal. Kecepatan transfer data yang dapat dilayani sampai 10 Mbps.
Konektor yang biasa digunakan adalah RJ-11 atau RJ-45. Dari kedia tipe ini, tipe UTP
adalah tipe yang sering digunakan pada jaringan LAN. UTP memiliki 4 pasang kabel
terpilin (8 buah kabel) dan hanya 4 buah kabel yang digunakan dalam jaringan.
Perangkat yang berkenaan dengan penggunaan jenis kabel ini adalah konektor RJ45 dan
Hub/Switch).
Susunan Kabel UTP Crossover dan Straight Ujung A&B

5. Hub dan Switch

     Pada jaringan bertopologi star, hub adalah perangkat dengan banyak port yang
memungkinkan beberapa titik (dalam hal ini komputer yang sudah memasang NIC)
bergabung menjadi satu jaringan. Pada jaringan sederhana, salah satu port pada hub
terhubung ke komputer server. Bisa juga hub tak langsung terhubung ke server tetapi
juga ke hub lain, ini terutama terjadi pada jaringan yang cukup besar. Hub bekerja dengan metode broadcast, sehingga semua port yang ada akan dikirim sinyalnya. Ini
berarti, jika lebih dari satu komputer mengirim data ke jaringan secara bersamaan, maka
tidak satupun komputer yang dapat memanfaatkan 100% bandwidth jaringan yang
tersedia. Hub berada pada physical layer.

     Switch adalah perangkat yang juga berfungsi untuk menghubungkan multiple
komputer. Switch secara fisik sama dengan hub tetapi logikalnya sama dengan barisan
brigde. Peningkatan kecerdasan dibandingkan hub, yaitu memiliki pengertian terhadap
alamat MAC (Medium Access Control) atau pada link layer model OSI sehingga hanya
mengirimkan data pada port yang dituju (unicast). Hal ini berbeda dengan hub yang
mengirimkan data ke semua port (broadcast). Proses kerjanya adalah apabila paket data
datang, header dicek untuk menentukan di segment mana tujuan paket datanya.
Kemudian data akan dikirim kembali (forwaded) ke segment tujuan tersebut. Contoh
Hub dan Switch seperti diperlihatkan pada Gambar 15.
Gambar 15. (A) Hub; (B) Switch

6. Bridge

     Bridge adalah peranti yang meneruskan lalu lintas antara segmen jaringan
berdasar informasi pada lapisan data link. Segmen ini mempunyai alamat lapisan
jaringan yang sama. Bridge bekerja dengan mengenali alamat MAC asal yang
mentransmisi data ke jaringan dan secara otomatis membangun sebuah table internal.
Tabel ini berfungsi untuk menentukan ke segmen mana paket akan di route dan
menyediakan kemampuan filtering. Bridge memmbagi satu buah jaringan besar
kedalam beberapa jaringan kecil. Bridge juga dapat di gunakan untuk mengkoneksi
diantara network yang menggunakan tipe kabel yang berbeda ataupun topologi yang
berbeda pula. Contoh bridge seperti diperlihatkan pada Gambar 16.
Gambar 16. Bridge

7. Router

     Router adalah perangkat yang berfungsi menghubungkan suatu LAN ke suatu
internetworking/WAN dan mengelola penyaluran lalu-lintas data di dalamnya. Router
akan menentukan jalur terbaik untuk komunikasi data. Router bekerja pada layer
network dari model OSI untuk memindahkan paket-paket antar jaringan menggunakan
alamat logikanya. Router memliki tabel routing yang melakukan pencatatan terhadap
semua alamat jaringan yang diketahui dan lintasan yang mungkin dilalui serta waktu
tempuhnya. Router bekerja hanya jika protokol jaringan yang dikonfigurasi adalah
protokol yang routable seperti TCP/IP atau IPX/SPX. Ini berbeda dengan bridge yang
bersifat protocol independent. Contoh router seperti diperlihatkan pada Gambar 17.
Gambar 17. Router

8. Repeater

     Repeater bekerja pada level physical layer dalam model jaringan OSI. Repeater
bertugas meregenerasi atau memperkuat sinyal-sinyal yang masuk. Pada ethernet
kualitas transmisi data hanya dapat bertahan dalam range waktu dan jangkauan terbatas,
yang selanjutnya mengalami degradasi. Repeater akan berusaha mempertahankan
integritas sinyal dan mencegah degradasi sampai paket-paket data menuju tujuan.
Kelemahan repeater yaitu tidak dapat melakukan filter traffic jaringan. Data (bits) yang
masuk ke salah satu port dikirim ke luar melalui semua port. Dengan demikian data akan tersebar ke segmen-segmen LAN tanpa memperhitungkan apakah data tersebut
dibutuhkan atau tidak.



Macam - Macam Router :

1. Router aplikasi : router jenis ini adalah sebuah aplikasi yang bisa anda instal pada sistem operasi komputer, sehingga sistem operasi computer tersebut dapat bekerja seperti router, misalnya aplikasi WinGate, , WinProxy Winroute, SpyGate dll.


2. Router Hardware : adalah sebuah hardware yang memiliki kemampuan seperti router, maka dengan hardware tersebut anda dapat membagi IP Address, Router hardware dapat digunakan untuk membagi jaringan internet pada suatu wilayah, misalnya dari router ini adalah access point, wilayah yang mendapat Ip Address dan koneksi internet disebut Hot Spot Area.


3. Router PC : adalah sebuah komputer yang dimodifikasi sedemikian rupa sehingga dapat digunakan sebagai router. Untuk membuat sebuah router PC tidak harus menggunakan komputer dengan spesifikasi yang tinggi. Komputer dengan prosesor pentium dua, hard drive 10 GB dan ram 64 serta telah tersedia LAN Card sudah bisa digunakan sebagai router PC. Komputer yang dijadikan router ini harus diinstal dengan sistem operasi khusus untuk router. Sistem operasi yang populer untuk router PC saat ini adalah Mikrotik


Sistem kerja router :

Pada dasarnya perbedaan routing statis dan routing dinamis adalah cara mengenalkan alamat networknya.

1. Routing dinamis : Pada prinsipnya hanya mengenalkan network yang berhubungan dengan router yang bersangkutan (kaki-kakinya). Hal ini sangat cocok untuk topologi jaringan lingkup besar (terhubung ke banyak network).




2. Routing statis : Harus mengenalkan setiap alamat pada setiap network yang ingin dituju. Jadi secara keseluruhan harus tahu semua alamat yang ingin dituju. (cocok untuk topologi jaringan yang simple)










9. Modem



Modem adalah sebuah device yang digunakan sebagai penghubung dari sebuah


PC atau jaringan ke Penyedia Layanan Internet (Internet Service Provider / ISP). Salah


satu modem yang dipakai untuk koneksi ke internet ialah modem ADSL. Modem ini


biasanya digunakan oleh ISP Telkom Speedy.