DASAR DASAR WEB DAN HTML

Presentasi berjudul: "DASAR DASAR WEB DAN HTML"— Transcript presentasi:

1 DASAR DASAR WEB DAN HTML
Konsep dasar Web Arsitektur Web HTTP Client Side Programming Server Side Programming Web Server Software (PHPTriad, XAMPP) Konsep HTML

2 Konsep Dasar Pemrograman Web
suatu ruang informasi di mana sumber-sumber daya yang berguna diidentifikasi oleh pengenal global yang disebut Uniform Resource Identifier (URI). lebih umum disebut dgn Web adalah media penyajian informasi dalam bentuk dokumen yang mempunyai referensi dan Link. Penyajian informasi melalui web dapat dinikmati pemakai komputer melalui browser yang terhubung keinternet melalui HTTP. Secara Umum halaman web dibangun dengan sebuah bahasa pemrograman bernama HTML

3 HTTP (HyperText Transfer Protokol)
protokol yang dipergunakan untuk mentransfer dokumen dalam World Wide Web (WWW) sebuah protokol meminta/menjawab antara client dan server. Sebuh client HTTP seperti web browser, biasanya memulai permintaan dengan membuat hubungan ke port tertentu di sebuah server Webhosting tertentu (biasanya port 80). Klien yang mengirimkan permintaan HTTP juga dikenal dengan user agent. Server yang meresponsnya, yang menyimpan sumber daya seperti berkas HTML dan gambar, dikenal juga sebagai origin server. Selain HTTP, protokol transfer yg sering digunakan untuk pengiriman informasi di internet yaitu FTP, Gopher, dan Telnet.

4 HTTP(HyperText Transfer Protokol)
Sejarah HTTP Protokol HTTP pertama kali dipergunakan dalam WWW pada tahun 1990 adalah prot0kol HTTP versi 0.9 yaitu protokol transfer dokumen secara mentah, maksudnya adalah data dokumen dikirim sesuai dengan isi dari dokumen tersebut tanpa memandang tipe dari dokumen pada tahun 1996 protokol HTTP diperbaiki menjadi HTTP versi 1.0 untuk mengakomodasi tipe-tipe dokumen yang hendak dikirim beserta enkoding yang dipergunakan dalam pengiriman data dokumen. pada tahun 1999 dikeluarkan HTTP versi 1.1 untuk mengakomodasi proxy, cache dan koneksi yang persisten.

5 HTTP (HyperText Transfer Protokol)
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 connectioin

6 Arsitektur Web

7 Arsitektur Web URL (uniform Resources Locator) adalah sarana yang digunakan untuk menentukan lokasi informasi pada suatu webserver. Format umum suatu URL adalah : protokol transfer://nama_host/path/nama_file. Contoh :

8 Client Side Programming
teknologi webpage yang menerapkan jenis pemrograman web dimana semua sintaks dan perintah program dijalankan di web browser sehingga ketika client meminta dokumen yang mengandung script, script tersebut akan diambil dari web server kemudian dijalankan di web browser yang bersangkutan. Client side scripting merupakan salah satu jenis bahasa pemrograman web yang proses pengolahannya dilakukan di sisi client. Client-side scripting umumnya mengacu kepada kelas dari program komputer pada web yang dieksekusi client-side, oleh browser web pengguna, bukan server-side (pada server web).

9 Client Side Programming
Karakteristik Client Side Scripting Kode program didownload bersama dengan halaman web Bersifat interpreter dan diterjemahkan oleh browser Model eksekusinya simple dan skrip dapat dijadikan satu dengan HTML.

10 Client Side Programming
Cara Kerja Client Side Scripting: Setelah itu browser akan mengalihkan ke halaman yang dituju oleh pengunjung web Pengunjung web mengklik salah satu link dari web dan browser membaca perintah pengunjung untuk memanggil alamat web yang dituju

11 Client Side Programming
Contoh Client Side Scripting JavaScript XML  Adobe Flash Player atau Flash CSS3 HTML5

12 Server Side Programming
teknologi webpage yang menerapkan jenis pemrograman web dimana semua sintaks dan perintah program yang diberikan akan dijalankan/diproses di webserver, kemudian hasilnya dikirimkan ke browser pengguna dalam bentuk HTML biasa. Sehingga pengguna tidak dapat melihat kode asli yang ditulis dalam bentuk server side programming Server side scripting merupakan bahasa pemrograman web yang pengolahannya dilakukan dalam server, maksudnya ialah web server yang sudah telah terintegrasi oleh web engine.

13 Server Side Programming
Karakteristik Server Side Scripting Ada client yang meminta request Eksekusi program dilakukan di server Mengirimkan hasil ke client

14 Server Side Programming
Cara Kerja Client Side Scripting Jika kita melakukan interaksi dengan halaman web maka browser akan mengirimkan perintah ke server,  Kemudian server akan merespon dan melaukan perintah yang diberi kemudian server akan mengirimkan kembali data/ perintah dari  browser, dan browser akan menampilkan data/ perintah tersebut.

15 Server Side Programming
Contoh server side scripting Active server pages (ASP) Java server pages (JSP) PHP : Hypertext preprocessor (PHP) SQL

16 WEB Server Software Server web adalah sebuah perangkat lunak server yang berfungsi menerima permintaan HTTP atau HTTPS dari klien yang dikenal dengan browser web dan mengirimkan kembali hasilnya dalam bentuk halaman-halaman web yang umumnya berbentuk dokumen HTML Server web yang terkenal diantaranya adalah Apache dan Microsoft Internet Information Service (IIS). Apache merupakan server web antar-platform, sedangkan IIS hanya dapat beroperasi di sistem operasi Windows.

17 WEB Server Software XAMPP adalah paket perangkat lunak bebas yang berisi Apache HTTP Server, MySQL database dan alat yang diperlukan untuk menggunakan PHP dan bahasa pemrograman Perl. XAMPP hanya dimaksudkan untuk digunakan sebagai alat pembangun, untuk memungkinkan situs web desainer dan programmer untuk menguji pekerjaan mereka pada komputer mereka sendiri tanpa akses ke Internet. XAMPP secara luas bernama "WAMP / LAMP instalasi lazy man," karena hanya membutuhkan satu file zip, rar atau exe untuk didownload dan dijalankan, dan konfigurasi sangat sedikit dari berbagai komponen yang membentuk server web diperlukan.

18 PHPTriad  paket web server dan database server dengan apache & Mysql.
WEB Server Software PHPTriad  paket web server dan database server dengan apache & Mysql.

19 HTML sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet 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). 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 browser web seperti Mozilla Firefox atau Microsoft Internet Explorer.

20 HTML (Hypertext Markup Lenguage)
Secara garis besar, terdapat 4 jenis elemen dari HTML structural. tanda yang menentukan level atau tingkatan dari sebuah teks (contoh, <h1>Golf</h1> akan memerintahkan browser untuk menampilkan "Golf" sebagai teks tebal besar yang menunjukkan sebagai Heading 1 hypertext. tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau pranala ke dokumen lain (contoh, <a href=" akan menampilkan Wikipedia sebagai sebuah hyperlink ke URL tertentu), presentational. tanda yang menentukan tampilan dari sebuah teks tidak peduli dengan level dari teks tersebut (contoh, <b>boldface</b> akan menampilkan bold. Tanda presentational saat ini sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur tampilan teks, Elemen widget yang membuat objek-objek lain seperti tombol (<button>), list (<li>), dan garis horizontal (<hr>).

21 Mendesain HTML dapat dilakukan dengan 2 cara
KONSEP HTML Mendesain HTML dapat dilakukan dengan 2 cara Menggunakan HTML Editor, Seperti Microsoft Front Page Editor, Macromedia Dreamweaver,Nescape Composer,Adobe pagemill,Homesite Pro, dll. Dengan cara menuliskan sendiri secara manual satu persatu tag-tag HTML kedalam dokumen HTML dalam hal ini bisa menggunakan Notepad pada windows …

22 Struktur Dokumen HTML Secara sederhana HTML terdiri dari dua bagian yaitu “Header” dan “Body”. Struktur HTML diapit oleh tag awal <HTML> dan tag Akhir </HTML>

23 Struktur Dokumen HTML Standar Penulisannya adalah : <HTML>
<HEAD> Deskripsi dokumen </HEAD> <BODY> Isi Dokumen </BODY> </HTML>

24