1 / 32

Pemrograman Berbasis WEB

Pemrograman Berbasis WEB. Dasar-dasar Web dan HTML. -Aurelio Rahmadian-. Objektif. Konsep Dasar Web Arsitektur Web HTTP Web Server Software HTML. Konsep Dasar Web. Sejarah Web Ditemukan oleh Tim Berners-Lee Konsep dari universal readership: any individual, on any type of computer,

yitta
Download Presentation

Pemrograman Berbasis WEB

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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 • Interoperable via standards (TCP/IP) • Sejarah • ARPANet (akhir 60-an, awal 70-an) – militer • Diambil alih & didanai oleh NSF (1986) • Commercial backbones (1996 - kini)

  5. Konsep Dasar Web Internet vs Intranet • Internet • 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 webmerupakan 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 theserver to the desired document. • url-params - this is for session identifiers in webservers supporting the Java Servlet API. • query-string - contains other dynamic parameters associated with the request. • anchor - a reference to a positional marker within therequested document, like a bookmark.

  17. Arsitektur Web http://www.mywebsite.com/sj/test;id=8079?name=sviergn&x=true#stuff • SCHEME = http • HOST = www.mywebsite.com • PATH = /sj/test • URL PARAMS = id=8079 • QUERY STRING = name=sviergn&x=true • ANCHOR = stuff

  18. HTTP • HTTP (HyperText Transfer Protocol) adalah protokol yang dipergunakanuntukmentransferdokumendalamWorld 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 dipergunakandalam WWW padatahun 1990. Padasaattersebut yang dipakaiadalahprotokol HTTP versi 0.9. Versi 0.9 iniadalahprotokol transfer dokumensecaramentah, maksudnyaadalah data dokumendikirimsesuaidenganisidaridokumentersebuttanpamemandangtipedaridokumen. • Kemudianpadatahun 1996protokol HTTP diperbaikimenjadi HTTP versi 1.0. Perubahaniniuntukmengakomodasitipe-tipedokumen yang hendakdikirimbesertaenkoding yang dipergunakandalampengiriman data dokumen. • Sesuaidenganperkembanganinfrastruktur internet makapadatahun 1999dikeluarkan HTTP versi 1.1 untukmengakomodasiproxy, cachedankoneksi 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 • ContohTransaksi • S = ServerC = Client • C : (Inisialisasikoneksi)C : GET /index.htm HTTP/1.1C : Host: www.wikipedia.orgS : 200 OKS : Mime-type: text/htmlS :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 resourceis 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 • Adalahsebuahbahasa markup yang digunakanuntukmembuatsebuahhalamanweb danmenampilkanberbagaiinformasididalamsebuah browser Internet. • Bermuladarisebuahbahasa yang sebelumnyabanyakdigunakandiduniapenerbitandanpercetakan yang disebutdengan SGML, HTML adalahsebuahstandar yang digunakansecaraluasuntukmenampilkanhalaman web dan HTML kinimerupakanstandar Internet yang saatinidikendalikanolehWorld Wide Web Consortium (W3C).

  27. HTML • HTML berupakode-kode tag yang menginstruksikan browser untukmenghasilkantampilansesuaidengan yang diinginkan. • Sebuah file yang merupakan file HTML dapatdibukadenganmenggunakanweb browsersepertiMozilla Firefox, Microsoft Internet Explorer, Opera, dll. • HTML jugadapatdikenaliolehaplikasipembuka email dan program lain yang memilikikemampuan browser.

  28. HTML • HTML adalah format standar untuk menulis dokumen web • Spesifikasi HTML standar (HTML 4.01) terdapat di http://www.w3.org/TR/html4/ • 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 firstHTML 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 Webpages 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 dikirimkeaurelio.rahmadian@gmail.com,paling lambatKamis, 20 Maret 2014 pukul 23.59

More Related