Pemrograman Berbasis WEB

Presentasi berjudul: "Pemrograman Berbasis WEB"— Transcript presentasi:

1 Pemrograman Berbasis WEB
Dasar-dasar Web dan HTML -Aurelio Rahmadian-

2 Objektif Konsep Dasar Web Arsitektur Web HTTP Web Server Software HTML

3 Konsep Dasar Web Sejarah Web Ditemukan oleh Tim Berners-Lee
Konsep dari universal readership: any individual, on any type of computer, in any location, should be able to access data by using only one simple and common program

4 Konsep Dasar Web Internet Interconnected Networks Sejarah
Interoperable via standards (TCP/IP) Sejarah ARPANet (akhir 60-an, awal 70-an) – militer Diambil alih & didanai oleh NSF (1986) Commercial backbones ( kini)

5 Konsep Dasar Web Internet vs Intranet Internet Intranet
Global, open, public Disebut juga “extranet” untuk membedakannya dari Intranet Intranet Jaringan pribadi untuk digunakan secara eksklusif oleh sebuah organisasi Umumnya berada di belakang firewall

6 Konsep Dasar Web LAN

7 Konsep Dasar Web WAN

8 Konsep Dasar Web Internet

9 Konsep Dasar Web Internet vs Web
Internet menyediakan infrastruktur dari transmisi informasi melalui jaringan Web berisi interlinked information (web pages)

10 Arsitektur Web

11 Arsitektur Web

12 Arsitektur Web Sistem web merupakan aplikasi yang:
Berarsitektur client-server Software web browser di sisi client Software web server di sisi server Menggunakan protokol HTTP dalam komunikasi antara client dan server Mempunyai fungsi untuk mengambil/menjalankan isi file dokumen web di server dan menampilkannya di sisi client

13 Arsitektur Web Client User-agent
Program yang digunakan untuk melakukan request ke server dan mengolah respon dari server Menampilkan informasi yang berasal dari server (teks dan gambar)

14 Arsitektur Web Server Berbentuk software/program (daemon, httpd) yang dijalankan pada komputer server Berfungsi agar dokumen web yang disimpan di server dapat diakses oleh user melalui internet/intranet Web servers : server yang menyediakan layanan web Web site = host + Web server + information (file system)

15 Arsitektur Web URL (Uniform/Universal Resource Locator)
URL adalah sistem pengalamatan file yang digunakan di internet Format URL standar dideskripsikan di RFC 1738

16 Arsitektur Web URL’s notation
scheme://host[:port#]/path/.../[;url- params][?query-string][#anchor] Scheme - protocol to be used Host - name or IP address for the web server being accessed. port# - (optional) Path - file system path from the ‘root’ directory of the server to the desired document. url-params - this is for session identifiers in web servers supporting the Java Servlet API. query-string - contains other dynamic parameters associated with the request. anchor - a reference to a positional marker within the requested document, like a bookmark.

17 Arsitektur Web st;id=8079?name=sviergn&x=true #stuff SCHEME = http HOST = PATH = /sj/test URL PARAMS = id=8079 QUERY STRING = name=sviergn&x=true ANCHOR = stuff

18 HTTP HTTP (HyperText Transfer Protocol) adalah protokol yang dipergunakan untuk mentransfer dokumen dalam World Wide Web (WWW). Protokol ini adalah protokol ringan, tidak berstatus dan generik yang dapat dipergunakan berbagai macam tipe dokumen. Pengembangan HTTP dikoordinasi oleh Konsorsium World Wide Web (W3C) dan Internet Engineering Task Force (IETF), bekerja dalam publikasi satu seri RFC, yang paling terkenal RFC 2616, yang menjelaskan HTTP/1.1, versi HTTP yang digunakan umum sekarang ini.

19 HTTP HTTP adalah sebuah protokol meminta/menjawab antara client dan server. Sebuah client HTTP seperti web browser, biasanya memulai permintaan dengan membuat hubungan TCP/IP ke port tertentu di server (biasanya port 80). Sebuah server HTTP yang mendengarkan di port tersebut menunggu client mengirim kode permintaan (request), seperti "GET / HTTP/1.1" (yang akan meminta halaman yang sudah ditentukan), diikuti dengan pesan MIME yang memiliki beberapa informasi kode kepala yang menjelaskan aspek dari permintaan tersebut, diikut dengan badan dari data tertentu. Beberapa header juga bebas ditulis atau tidak, sementara beberapa lainnya diperlukan oleh protokol HTTP/1.1. Begitu menerima kode permintaan (dan pesan, bila ada), server mengirim kembali kode jawaban, seperti "200 OK", dan sebuah pesan yang diminta, atau sebuah pesan error atau pesan lainnya.

20 HTTP Sejarah Protokol HTTP pertama kali dipergunakan dalam WWW pada tahun Pada saat tersebut yang dipakai adalah protokol HTTP versi 0.9. Versi 0.9 ini adalah protokol transfer dokumen secara mentah, maksudnya adalah data dokumen dikirim sesuai dengan isi dari dokumen tersebut tanpa memandang tipe dari dokumen. Kemudian pada tahun 1996 protokol HTTP diperbaiki menjadi HTTP versi 1.0. Perubahan ini untuk mengakomodasi tipe-tipe dokumen yang hendak dikirim beserta enkoding yang dipergunakan dalam pengiriman data dokumen. Sesuai dengan perkembangan infrastruktur internet maka pada tahun 1999 dikeluarkan HTTP versi 1.1 untuk mengakomodasi proxy, cache dan koneksi yang persisten.

21 HTTP HTTP servers, browsers & proxies
Web server dan browser bertukar informasi menggunakan HTTP, oleh karena itu web server sering disebut sebagai HTTP server Web browser seringkali disebut sebagai HTTP client, tetapi fungsi/kemampuannya tidak terbatas pada HTTP saja HTTP proxy adalah program yang berperan sebagai server dan client, yakni meminta request pada web server atas nama client yang lain Proxy memungkinkan pengiriman HTTP melalui firewall, mendukung caching dari pesan HTTP, serta filtering dari request HTTP

22 HTTP HTTP Proxy

23 HTTP Contoh Transaksi S = Server C = Client
C : (Inisialisasi koneksi) C : GET /index.htm HTTP/1.1 C : Host: S : 200 OK S : Mime-type: text/html S : S : -- data dokumen -- S : (close connection)

24 HTTP Status code adalah tiga digit integer, dan digit pertama menentukan kategori umum dari respon: 1xx indicates an informational message 2xx indicates success of some kind 3xx redirects the client to another URL 4xx indicates an error on the client's part Yes, the system blames it on the client if a resource is not found (i.e., 404) 5xx indicates an error on the server's part

25 Web Server Software XAMPP is a free software package containing the Apache HTTP Server, MySQL database and necessary tools to use the PHP and Perl programming languages. The program is released under the GNU General Public License and serves as a free, easy-to-use web server, capable of serving dynamic pages. Currently, XAMPP is available for Windows, Linux, Sun Solaris and Mac OS X (the X in its name could stand for any one of these operating systems). XAMPP is widely named the "lazy man's WAMP/LAMP installation," as it only requires one zip, tar, or exe file to be downloaded and run, and very little configuration of the various components that make up the web server is required. XAMPP is regularly updated to incorporate the latest releases of Apache/MySQL/PHP and Perl. It also comes with a number of other modules, including Open SSL and phpMyAdmin.

26 HTML Adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML, HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web dan HTML kini merupakan standar Internet yang saat ini dikendalikan oleh World Wide Web Consortium (W3C).

27 HTML HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan web browser seperti Mozilla Firefox, Microsoft Internet Explorer, Opera, dll. HTML juga dapat dikenali oleh aplikasi pembuka dan program lain yang memiliki kemampuan browser.

28 HTML HTML adalah format standar untuk menulis dokumen web <html>
Spesifikasi HTML standar (HTML 4.01) terdapat di Contoh dokumen HTML: <html> <head> <title>My first HTML document</title> </head> <body> <p>Hello world!<br>Welcome to my <b>first</b> HTML page. </p> </body> </html> Hasil tampilan: Hello world! Welcome to my first HTML page.

29 Komponen Dasar Teknologi Web
HTML A markup language for formatting hypertext documents. URL A uniform notation scheme for addressing accessible resources over the network. HTTP A protocol for transporting messages over the network.

30 Transformasi Web

31 Transformasi Web A Web site is more than just a group of Web pages that happen to be connected to each other through hypertext links. Content-related concerns. Aesthetic concerns. Architectural concerns.

32 Tugas 1 (Perorangan) Membuat tutorial instalasi web server software
Berikan tampilan screenshot proses instalasi Tugas dikirim ke paling lambat Kamis, 20 Maret 2014 pukul 23.59