PEMROGRAMAN COMPUTER (Berbasis Web)

NAMA : NOVA ADE KUSUMA

TON     : 4/V/A

NOSIS  : 415

                                    PEMROGRAMAN COMPUTER (Berbasis Web)

Apa itu pemrograman web?

Pemrograman web diambil dari 2 suku kata yaitu pemrograman dan web. Pemrograman yang dalam bahasa English adalah programming dan diartikan proses, cara, perbuatan program.

Definisi Web : jaringan komputer yang terdiri dari kumpulan situs internet yang menawarkan teks dan grafik dan suara dan sumber daya animasi melalui protokol transfer hypertext.

Orang banyak mengenal web dengan istilah WWW (world wide web), World Wide Web adalah layanan internet yang paling populer saat ini internet mulai dikenal dan digunakan secara luas setelah adanya layanan WWW. WWW adalah halaman-halaman website yang dapat saling terkoneksi satu dengan lainnya (hyperlink) yang membentuk samudra belantara informasi.

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.

Kini internet identik dengan web, karena kepopuleran web sebagai standar interface pada lanyanan-layanan yang ada di internet, dari awalnya sebagai penyedia informasi, ini digunakan juga untuk komunikasi dari email sampai dengan chatting, sampai dengan melakukan transaksi binsin (commerce) (Betha Sidik,Ir, Pemrograman web dengan HTML, Informatika Bandung, 2005).

Banyak keuntungan yang diberikan oleh Aplikasi berbasis Web dari pada aplikasi berbasis destop, sehingga aplikasi berbasis web telah diadopsi oleh perusahaan sebagai bagian dari strategi teknologi informasinya.

Beda web statis dan dinamis	Statis	Dinamis
Interaksi antara pengunjung dan pemilik web	Tidak bisa	Bisa
Bahasa script	Tidak ada	HTML CSS PHP ASP dan Java
Database	Tidak ada	MySQL, ORACLE
Konten	Bagian statis	Bagian Dinamis

Kebutuhan prog web:

1.    Hardware : CPU

2.    Software :

a.    Notepad/notepad ++

b.    Adobe dreamweaver

c.    Microsoft visual.net

d.    Dll

Kelebihan dan kekurangan app web

a.    Kelebihan

-          Dapat di akses kapan pun dan darimana pun selama ada internet

-          Dapat diakses hanya dengan menggunakan web browser yang tersedia tanpa menginstal aplikasi client khusus.

b.    Kekurangan

-          Keterbatasan web browser

-          Terbatasnya kecepatan internet mungkin membuat respon aplikasi menjadi lambat.

Arsitektur web

1.    Request oleh client berupa url ke web. Browser dilanjutkan dengan http request yang diterima web serve.

2.    Dari server menanggai request dengan mengirimkan tanggapan ke web browser dan dapat dilihat oleh client.

Perlu dipelajari:

1.    Dari sisi client :

-          sintaks pembuatan dokumen web (HTML & CSS)

-          Client side Scripting (javascript)

2.    Dari sisi sercver :

-          Mekanisme pemanggilan program dan pengambilan output program oleh web server

-          Server side acripting (PHP,JSP,ASP)

SERVER SIDE & CLIENT PROG

-          Server side scripting : semua sintaks yang diberikan akan sepenuhnya dijalankan pada server.

-          Menyediakan website yang interaktif.

-          Client side scripting sintaks dijalankan oleh browser.

Konsep task dalam apk web

-          Menggunakan fitur lebih dari 1 halaman web :

Contoh membeli barang secara online:

1.    Hal.1 : menampilkan daftar barang yang ada untuk dipilih

2.    Hal.2 : mengisi alamat pengirim

3.    Hal.3 : menampilkan informasi transaksi yang telah dilakukan

Antara halaman web yang satu dengan yang lain harus ada komunikasu mengenai state dari task.

Stateless HTTP:

               Permasalahan: HTTP satu request hanya melaksanakan satu fungsinya.

HTTP (HyperTextTransfer 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 grup bekerja Internet Engineering Task Force(IETF), bekerja dalam publikasi satu seri RFC, yang paling terkenal RFC 2616, yang menjelaskan HTTP/1,1, versti HTTP yang digunakan umum sekarang ini. HTTP adalah sebuah protokol meminta/menjawab antara clientdan server. 

         Sebuh client HTTP seperti web browser, biasanya memulai permintaan dengan membuat hubungan TCP/IPke porttertentu di tuan rumah yang jauh (biasanya port 80). Sebuah server HTTP yang mendengarkan diport tersebut menunggu client mengirim kode permintaan (request), seperti "GET / HTTP/1.1" (yang akan meminta halaman yang sudah ditentukan), diikuti dengan pesan MIMEyang memiliki beberapa informasi kode kepala yang menjelaskan aspek dari permintaan tersebut, diikut dengan badan dari data tertentu. Beberapa kepala (header) juga bebas ditulis atau tidak, sementara lainnya (seperti tuan rumah) 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.

        Sejarah Protokol HTTP pertama kali dipergunakan dalam WWW pada tahun 1990. 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.

Membuat strukttur dasar html:

-          Elemen dasar html

<html>

<head>

<title>membuat Hypertext transfer protocol

<body>

            Segera kuasai pemrograman Web ini

</body>

</title>

</head>

</html>

Contoh Source Code:

<html> <head> <title>Latihan2-2</title> </head> <body>                                         Tampilan teks sebelum paragraf. <p>Tampilan teks paragraf pertama.</p> <p>Tampilan teks paragraf kedua.</p> Tampilan teks setelah paragraf. <p>Paragraf ini pada posisi rata kiri (default)</p> <p align="center">Paragraf ini pada posisi rata tengah</p> <p align="right">Paragraf ini pada posisi rata kanan</p> <p align="left">Paragraf ini pada posisi rata kiri</p> <h1>Ini Heading-1</h1> <h2>Ini Heading-2</h2> <h3>Ini Heading-3</h3> <h4>Ini Heading-4</h4> <h5>Ini Heading-5</h5> <h6>Ini Heading-6</h6> Ini normal teks<br> <b>Ini teks tercetak tebal (bold)</b><br> <i>Ini teks tercetak miring (italic)</i><br> <u>Ini teks tercetak garis bawah (underline)</u> <pre> Ini bentuk penulisan preformated text       apapun bentuknya tulisan ini akan ditampilkan pada web browser                         seperti apa adanya, alias yang ditulis </pre> <center> Teks ini terletak di tengah layar web browser<br>  dengan menggunakan element CENTER </center> <basefont size="1">Teks ini mempunyai size=1<br> <basefont size="2">Teks ini mempunyai size=2<br> <basefont size="3">Teks ini mempunyai size=3<br>  <basefont size="4">Teks ini mempunyai size=4<br> <basefont size="5">Teks ini mempunyai size=5<br> <basefont size="6">Teks ini mempunyai size=6<br> <basefont size="7">Teks ini mempunyai size=7 <font color="fuchsia" size="+5" face="times new roman"> Teks dengan format color=fuchsia; size=+2; face=times new roman<br> </font> <font color="gray" size="12" face="comic sans ms"> Teks dengan format color=gray; size=10; face=comic sans ms<br> </font> <font color="red" size="-4" face="impact"> Teks dengan format color=red; size=-1;  face=impact </font> </body> </html>

 Hasil yang akan diperoleh adalah sebagai berikut: