MODUL PELATIHAN WEB TEKNIK

By IKA KURNIASARI

PENDAHULUAN

Sebelum kita meranjak ke materi lainnya, ada baiknya kita mengeri dahulu cara kerja

Internet dalam hal ini konsep client server dan peer to peer.

Konsep client server adalah koneksi dan komunikasi yang dilakukan dua computer

dimana satu sisi bertindak sebagai klien dan sisi lain sebagai server, server hanya melayani permitaan klien dank lien mengirimkan atau meminta suatu prose pada peer to peer adalah konsep teknologi dimana antara kedua sisi tersebut menjadi kabur, satu sisi computer tersebut bisa berupa client dengan meminta suatu layanan ke server dan sisi lain computer tersebut bisa berupa server dengan menerima proses permintaan dari client. Web dibuat dengan suatu bahasa pengkodean HTML, agar dapat interaktif maka seorang web development membuat suatu pemrograman agar dapat interaksi antara pengunjung dan situs tersebut, ada banyak bahasa yang dapat digunakan seperti ASP, PHP, Javascript, dan lain-lain. Contohnya pada saat kita masuk ke situs tertentu, terdapat hit counter, jam, dan bukutamu, dan halaman polling. Lalu pertanyaan dasar gimana kita membuat ini, apakah bisa diwujudkan dengan hanya menggunakan HTML, atau butuh suatu script lain untuk mewujudkannya. Jawabannya dengan kode HTML ini bisa diwujudkan dengan sangat sederhana dan terbatas kemampuannya.:: Sekilas cara kerja Web

Pada saat kita mengetikkan sesuatu alamat pada browser maka data akan dilewatkan oleh suatu protocol HTTP melewati port 80 pada server. Alamat ini adalah URL dari suatu situs yang mempunyai alamat yang unik di Internet. Web Browser akan mengirimkan suatu aturan yang telah disepakati sebelumnyua, aturan ini biasa disebut Sebagi protocol, stadar protocol menggunakan TCP/IP, proses ini dimulaid dengan melakukan 3 way handshakes antara sumber dan tujuan. Web browser, suatu aplikasi pada client yang akan menampilkan halaman web sites

dari internet. Web browser di install di sisi user (OS) menampilkan informasi ke komputer dengan interpreting bahasa pengkodean HTML, dimana homepage berisi gambar, suara, multimedia, dan resources lainnya yang dapat diakases. Coding pada HTML memberikan datanya ke browser apa yang akan ditampilkan ke sisi client. Isi HTML yang akan ditampilkan bukan dari browsernya tetapi dari webservernya dan Browser akan menginterpret tag HTML untuk link ke halaman berikutnya Misalnya pada browser kita memasukan alamat www.deris.co.tv maka yang akan terjadi adalah permintaan client akan diteruskan ke sebuah webserver yang mempunyai alamat tertentu misalnya 202.159.31.150, agar mudah untuk diingat maka penulisan menggunakan layanan DNS, dimana DNS untuk merubah alamat IP tadi ke suatu kata yang mudah untuk diingat misalnya deris.co.tv.pengertian Internet Internet adalah suatu jaringan yang dibentuk pada tahun 1970-an. Jaringan komputertersebut disebut dengan arpanet, yaitu jaringan komputer yang dibentuk oleh departemen pertahananAS. Lalu, jaringan komputer diperbarui dan dikembangkan dan sekarang penerusnya menjadi tulanpunggung global untuk sumber daya informasi yang disebut dengan INTERNET.

1b. cara kerjaInternetSebuah komputer pengguna (client Computer) yang hendak dihubungkan ke jaringan Internet, padaawalnya harus terhubung kesebuahServer. Dengan adanyasebuah server yang mengatur akses danmengirimkan data-data dari dan kedalaminternet yang diminta oleh beberapa client server, sehinggakomputer client dapat mengakses website, chating, email, dan lain sebagainya.Penghubung antara Server dan Client Komputer untuk menterjemahkan beragam bahasa komputerdisebut Protokol. Jika anda mengakses ebuahalamat misalnya http:// yang artinya adalah hyper texttransfer protocol dan itu tandanya andatelah terhubung dengan jaringankomputer.Kemudian untuk mengenal masing-masing jutaan Client Komputer di dunia internet, maka masing-masing komputer memiliki alamatInternet Protocol (IP) masing-masing. Alamat IP atau yang seringjuga disebut IPAddress akan memberikan informasi dari paket manaberasal dan akan ditujukankemana sebuah data.Selain IPAddress juga adaperangkat yang palingpopuler di duniaInternet, yaitu Web Browser.Agar Clinet Komputer yang anda gunakan dapat melihat informasi yang dikirim dari server, makadibutuhkan perangkat internet Browser. Internet Browser yang paling terkenal sejauh ini adalahInternet Explorer, Mozilla Firefox, Opera dan lain sebagainya.

2a HTTP2a1. pengertian HTTPPengertian HTTP atau definisi HTTP (HyperText Transfer Protocol ) adalah sebuahprotokol untukmeminta dan menjawabantara client danserver. Sebuh clientHTTP seperti web browser, biasanyamemulai permintaan dengan membuat hubungan TCP/IP ke port tertentu di tempat yang jauh (biasanyaport 80). Sebuah server HTTP yang mendengarkan di port tersebut menunggu client mengirim kodepermintaan (request) yang akan meminta halaman yang sudah ditentukan, diikuti dengan pesan MIMEyang memiliki beberapa informasi kode kepalayang menjelaskan aspek dari permintaan tersebut,diikut dengan badan dari data tertentu.HTTP berkomunikasi melalui TCP /IP. KlienHTTP terhubung keserver HTTP menggunakanTCP.Setelah membuat sambungan, klien dapat mengirim pesan permintaan HTTP ke server. HTTPdigunakan untuk mengirimkan permintaandari klien web (browser) ke web server, lalu dikembalikanke konten web (halaman web) dari server ke klien.HTTP tidaklah terbatas untuk penggunaandengan TCP/IP, meskipun HTTP merupakan salahsatuprotokol aplikasi TCP/IP paling populer melalui Internet. MemangHTTP dapat diimplementasikan diatas protokol yang lain di atas Internet ataudi atas jaringan lainnya.

2a2. Cara kerja HTTPBila kita mengklik link hypertext atau kita mengetikkan suatu alamat atau URL pada internetbrowser, maka Anda sedang mentransfer URL ke browser, dan Dari URL ini browser Anda tahuservermana yang akan dihubungi dan file apa yang diminta kemudian web browser akan mengirimkanperintah HTTP ke web server. Web server selanjutnya akanmenerima perintah ini danmelakukanaktivitas sesuai dengan perintah yang diminta olehweb browser. Hasil aktivitas tadi akan dikirimkankembali ke web browser untuk ditampilkan kepada kita.Selama transaksi http, para pemohon atauyang dikenal sebagai klien, meminta file keserver melaluiweb browser.Skema normal :1.Klien terhubung ke host,

2.Server menerima koneksi,

3.Klien permintaan file,

4.Server mengirimkan respon (termasuk file atau tidak).

2. WEBWeb artinya Suatu sistem di internet yang memungkinkansiapapun agar bisa menyediakaninformasi. Dengan menggunakan teknologi tersebut, informasi dapat diakses selama 24 jam dalam satuhari dan dikelola oleh mesin. Untuk mengakses informasi yang disediakan web ini, diperlukan berbagaiperangkat lunak, yang disebut dengan web browser.2b2. Cara kerja webdilihat dari gambar di atas dapat diumpamakan,Saya adalah seorang USER dan ingin membuka sebuah situs ,dalam hal ini misalnyametroNews.comdari sebuah komputer yang berada di sebuah warnet.URL atau REQUEST yang saya ketik melalui aplikasi BROWSER yang kali ini dipakai adalahMozilla firefox 3.0,maka URL/alamat yang saya tadi inginmasukkakn di klik di kolom (www)atauworld wide web yang merupakansebuah arsitektur krja untuk memasuki dokumenyang salingberhubungan.Setelah URL atau nama situs itu dimasukkan di mesin pencari(mozilla) maka akansecara otomatis"jika komputerterkoneksi"DATA/URL akan terkirim danakan memasuliwlayah kerja TCP/IP . Disinidata akan diperiksa sesuai alamat dan permintaannya, dan server akan mengambil Header/judul sebagaipatokan pencarian sehingga jelas dan tidak rumit. Setelah itu Body akan di sesuaikan dan server akanmemberikan data yang minta melalui alamat ip asal request tersebut jika data ada dan valid ke clientserver sebelum akhirnya kembali lagi ke user berupa display.

HTML

STRUKTUR DASAR DOKUMEN HTMLHTML merupakan singkatan dariHyperText Markup Languageadalah script untuk menyusun dokumen-dokumen Web. Dokumen HTML disimpan dalam format teks reguler dan mengandungtag-tagyang memerintahkan web browser untuk mengeksekusi perintah-perintah yang dispesifikasikan.

Struktur dasar dokumen HTMLadalah sebagai berikut:

DisiniJudul Dokumen HTML

Disini penulisan informasi Web

Dari struktur dasar HTML di atas dapat dijelaskan sebagai berikut:

a. TagAdalah teks khusus (markup) berupa dua karakter "", sebagai contohadalah tag dengan nama body.Secara umum tagditulis secara berpasangan, yang terdiri atastag pembukadantag penutup(ditambahkan karakter "/" setelah karakter "