Prinsip Dasar Internet, Web dan Pemrograman Web

Presentasi berjudul: "Prinsip Dasar Internet, Web dan Pemrograman Web"— Transcript presentasi:

1 Prinsip Dasar Internet, Web dan Pemrograman Web
Pengembangan Web – IT133 Prinsip Dasar Internet, Web dan Pemrograman Web Ramos Somya

2 Teknologi Web World Wide Web ("WWW", atau singkatnya "Web") adalah suatu ruang informasi di mana sumber-sumber daya yang berguna diidentifikasi oleh pengenal global yang disebut Uniform Resource Locator (URL). World Wide Web adalah layanan internet yang paling populer saat ini Internet mulai dikenal dan digunakan secara luas setelah adanya layanan WWW

3 http://www.medikom.com/buku/default.html ...
WWW adalah halaman-halaman website yang dapat saling terkoneksi satu dengan lainnya (hyperlink) yang membentuk samudra belantara informasi

4 ... Domain: DOMAIN adalah alamat website kita. Domain dipergunakan untuk mempermudah pengunjung mengingat alamat website. Karena itulah, kita perlu memiliki nama domain yang mudah diingat. Domain terdiri dari 2 bagian: nama domain & extension.

5 ... Contoh domain: google.com google adalah nama domain.
com adalah extention. Penamaan nama domain hanya diijinkan menggunakan huruf, angka dan garis penghubung. Pengunaan huruf kapital dan huruf kecil diabaikan.

6 ... Extention ada 2 macam: generic TOP LEVEL DOMAIN (gTLD) dan Country Code Top Level Domain (ccTLD). Contoh gTLD: .com .org .net .edu .gov .mil .xxx

7 ... ccTLD adalah TLD yang diperuntukkan untuk masing-masing negara.
Contoh ccTLD: .id .au .us .gb .iq .ao

8 ... Sub domain: bagian dari domain, digunakan untuk memisahkan area dalam suatu website. Contoh: mail.google.com

9 ... Hosting: (disebut juga Web Hosting / sewa hosting) adalah penyewaan tempat untuk menampung data-data yang diperlukan oleh sebuah website dan sehingga dapat diakses lewat Internet. Data di sini dapat berupa file, gambar, , aplikasi/program/script dan database. Ada 2 jenis: web hosting berbayar dan gratis. Web hosting berbayar: Ardetamedia, Niagahoster, ZieHost, NusantaraHost, dll. Web hosting gratis: 000webhost, idhostinger, indowebsite, dll

10 ... WWW berjalan dengan protokol HyperText Transfer Protokol (HTTP)
Halaman Web merupakan file teks murni (plain text) yang berisi sintaks-sintaks HTML yang dapat dibuka/ dilihat/ diterjemahkan dengan Internet Browser Sintaks HTML mampu memuat konten text, gambar, audio, video dan animasi

11 Internet Web Browsers Browser adalah sebuah program aplikasi atau software yang me-request dokumen-dokumen dari komputer-komputer yg terkoneksi internet (server) di seluruh dunia, dan menampilkan informasi dari dokumen tersebut pd window browser. Browser menampilkan sesuai instruksi (format) HTML yg dibuat pd dokumen tsb.

12 Browser teks pertama: Lynx
Sejarah World Wide Web Awal 90’-an, Tim Berners-Lee, sarjana fisika pd riset Nuklir Swiss (CERN) menciptakan HyperText Markup Language (HTML) dan Browser teks pertama: Lynx Berners-Lee saat ini memimpin WWW Consorsium (W3C) lembaga yang menyusun standarisasi HTML dan dokumen web.

13 ... 1993: Browser grafis pertama: Mosaic dibuat oleh Andressen dan Eric Bina (mhs University of Illinois) 1994: Andressen kemudian bekerja untuk Netscape, dan membuat Netscape Navigator, browser grafis populer pertama 1995: Microsoft membuat Internet Explorer Browser saat ini: Mozilla FireFox, Opera, dll

14 ... Browsing / Surfing sudah merupakan aktifitas rutin sehari-hari
Internet menjadi sumber informasi yang tak terhingga! (apalagi dengan adanya Yahoo! dan Google) Jutaan halaman web baru bermunculan setiap hari Konten web semakin bervariasi dan dapat dikontribusi oleh siapa saja dimana saja

15 Trend: Killer Application
Internet: Online Games Chat (Yahoo Messenger) Google Map & Google Earth Web based: Search Engine (Yahoo!, Google) Web Blog Web Komunitas/Social Media: Friendster, Facebook, Twitter, MySpace, YouTube

16 Sistem Web Berarsitektur client-server  software web browser di sisi client  software web server di sisi server Komunikasi Client-Server  protocol HTTP. Mempunyai fungsi untuk mengambil / menjalankan isi file dokumen web di server dan menampilkannya di sisi client.

17 Kelebihan & Kekurangan Aplikasi Web
Dapat diakses kapan pun dan dari mana pun selama ada internet. Dapat diakses hanya dengan menggunakan web browser (umumnya sudah tersedia di PC, PDA, dan handphone terbaru), tidak perlu menginstall aplikasi client khusus.

18 ... Kekurangan: Keterbatasan web browser.
Terbatasnya kecepatan internet mungkin membuat respon aplikasi menjadi lambat.

19 Berdasarkan keter-update-an isi web:
Kategori Web Berdasarkan keter-update-an isi web: Web Statis : website yang isi tampilannya selalu sama dan tidak akan pernah berubah kapan pun kita melihatnya. (jika tidak di-update) Web Dinamis: website yang isi tampilannya tidak statis

20 ... Web Statis  HTML (only) Web Dinamis HTML plus plus
+ Pemrograman Web (Scripting) + Basis Data + Animasi Interaktif (Mis: Flash, Java Applet)

21 Pemrograman Web Client Side Script : Script yang ditambahkan dalam dokumen html, dieksekusi oleh browser client. Javascript, VBScript Server Side Script: Script yang ditambahkan dalam dokumen html, dieksekusi oleh server, hasilnya dalam bentuk html yang dikirim ke client. ASP/ASP.Net, PHP, CGI, JSP, dll

22 Client Side Script Advantage: Waktu proses relatif cepat karena langsung dieksekusi oleh browser client Tidak memerlukan web server untuk hosting Dapat dieksekusi langsung oleh berbagai browser Disadvantage: Script bisa dilihat oleh pengguna Script dapat di copy-paste Tidak cocok untuk akses data atau database

23 Server Side Script Advantage:
Script tidak bisa dilihat oleh pengguna, sehingga tidak dapat di-copy-paste Cocok untuk akses data atau aplikasi database Untuk membuat fitur-fitur tertentu yang berguna, misalnya: hit counter, user manajemen, disain yang dinamis, CMS, dll Disadvantage: Waktu proses relatif lebih lambat karena dieksekusi oleh server Memerlukan web server untuk hosting

24 Yang Perlu Dipelajari untuk Membuat Aplikasi Berbasis Web
Di Sisi Client: Sintaks pembuatan dokumen web (HTML & CSS). Client side scripting (JavaScript). Di Sisi Server: Mekanisme pemanggilan program dan pengambilan output program oleh web server. Server side scripting (PHP, JSP, ASP)

25 Arsitektur Web

26 Web Developer Secara garis besar dapat dipisahkan: Web Designer: membuat disain web Web Programmer: membuat script untuk halaman web Web Administrator: sebagai administrator web

27 Tahapan Pengembangan Web
Sebuah website dikembangkan dalam 2 proses besar: Web Designing: proses hingga jadi halaman-halaman web secara lengkap dan siap tayang Web Deploying: proses untuk membuat website terpasang pada server internet dan dapat diakses orang lain

28 Konsep Task dalam Aplikasi Web
Setiap aplikasi mempunyai fitur untuk melakukan sejumlah task. Untuk memenuhi task dalam aplikasi web  digunakan satu atau lebih halaman web. Task dalam 1 Halaman: Membaca artikel.

29 ... Task yang menggunakan lebih dari 1 halaman web:
- Membeli barang secara online: Halaman 1: menampilkan daftar barang yang ada untuk dipilih. Halaman 2: mengisi alamat pengiriman. Halaman 3: menampilkan informasi transaksi yang telah dilakukan.

30 ... Antara halaman web yang satu dengan yang lain harus ada komunikasi mengenai state dari task (misalnya, halaman 3 butuh informasi mengenai barang yang telah dipilih pada halaman1).

31 Stateless HTTP Permasalahan: HTTP bersifat stateless: satu request saling independen terhadap request lainnya, tidak ada state (variabel) yang dipertahankan.

32 ... Cara mengatasi HTTP yang stateless: Message passing via URL/Form.
Cookie. Session.

33 Message Passing via URL

34 Message Passsing via Form

35 Cookie

36 Session

37 ramos wordpress.com