STMIK INDONESIA

PADANG
KONSEP PEMROGRAMAN
INTERNET dan WEB

11/11/16

MATA KULIAH

Web Terapan

Dosen : Andrew Kurniawan Vadreas, S.kom. MT

POKOK BAHASAN
c

Pemrograman Internet
Konsep Dasar Web
Http dan Site Programming
Konsep HTML

Pendahuluan

Pemrogra
man
Internet

Html

PHP

AJAX

Dan Lainya
Pemrograman internet
= pemrograman
aplikasi berbasis
internet
11/11/16

Arsitektur Sistim
Terdistribusi

Merupakan sebuah
paradigma dalam
teknologi informasi
yang merujuk
kepada cara untuk
mendistribusikan
aplikasi ke dalam
dua pihak: pihak
klien dan pihak
server.

11/11/16

Arsitektur Sistim
Terdistribusi

11/11/16

Suatu sistem yang

tidak hanya
menghubungkan
ujung satu dengan
lainnya, namun
ujung-ujung ini saling
berhubungan secara
dinamis dan
berpartisipasi dalam
mengarahkan lalu
lintas komunikasi
informasi-,
pemrosesan-, dan
penugasan
pembagian
bandwidth yang
intensif, di mana bila
sistem ini tidak ada,
tugas-tugas ini
biasanya diemban
6

Model Client Server

11/11/16

Kelebihan Client-server
Beban komputasi disebar di beberapa mesin
Client mengakses fungsionalitas server dari
jarak jauh
Client dan server didesain terpisah (dan
mungkin
berbeda), lebihsederhana dibanding mendesain
satu
program yang dapat melakukan segalanya
Data dapat disimpan secara terpusat di server,
usaha
Menjaga reliabilitas sistem cukup dilakukan di
server(UPS, redundant disk array, high speed
processors, dll)
Data dapat disimpan secara terdistribusi di
banyak client atau server, sehingga jika satu
komponen rusak
(misalnya harddisk crash atau bencana alam),
maka
7
data yang hilang menjadi minimal, atau mungkin

Model Client Server

Kekurangan:
-Biayanya lebih mahal karena spesifikasi clienserver lebih tinggi dari peer to peer
-Komputer client tergantung pada server
-Jika komputer server bermasalah maka komputer
client tidak dapat berjalan lancar
-Harus memiliki administrator handal, artinya
setiap pengoprasian dan permasalahan yang ada
harus dijalankan oleh orang yang berpengalaman

11/11/16

Model Peer to Peer

KELEBIHAN
1. Antar komputer dalam jaringan dapat saling
berbagi-pakai fasilitas yang di
milikinya seperti
hardisk, drive, modem dan printer.
2. Biaya operasional relatif lebih murah di
bandingkan dengan tipe jaringan clien-server.
salah satunya karena tidak memerlukan adanya
server yang memiliki kemampuan khusus untuk
mengorganisasikan dan menyediakan fasilitas
jaringan.
3. Kelangsungan kerja tidak tergantung pada satu
server. sehingga bila satu komputer mengalami
gangguan atau rusak tidak akan mengganggu
komputer lain.
11/11/16

Model Peer to Peer

KELEMAHAN
1. Jaringan relatif lebih sulit, karena pada jaringan
peer to peer setiap komputer di mungkinkan akan
terlibat dalam komunikasi yang ada.di jaringan
clien-server komunikasi adalah antara server dan
workstation.
2. Sistem keamanan jaringan adalah di tentukan
masing masing user dengan mengatur keamanan
masing masing fasilitas yang di miliki.
3. Karena data jaringan tersebar di masing
masing komputer dalam jaringan. maka backup
harus dilakukan masing masing komputer
tersebut.

11/11/16

10

Komunikasi via Protokol

Protokol: aturan yang disepakati
client dan
server mengenai bagaimana cara
berkomunikasi
Protokol aplikasi (tergantung
aplikasi)
client dan server saling berbalas
pesan dalam format/sintaks
dan urutan tertentu
Protokol transmisi (TCP/IP)
pesan dipecah-pecah menjadi
potongan paket-paket data
setiap paket dapat melewati rute
jaringan yang berbeda
di tempat tujuan, paket-paket data
dikonstruksi ulang menjadi pesan
seperti semula
11/11/16

11

Contoh Aplikasi Berbasis

Internet

11/11/16

12

Berbasis Internet vs
Berbasis Web

Berbasis
Internet

Berbas
is
Web

Berbasis Internet

Aplikasi berbasis Internet

Menggunakan protokol aplikasi yang
sudah ada atau mendefinisikan protokol
sendiri.
Aplikasi di sisi server berkomunikasi
langsung dengan client.
Aplikasi di sisi client dapat berupa
aplikasi yang berdiri sendiri atau
ditempelkan dalam aplikasi lain

11/11/16

14

Berbasis Web

Aplikasi berbasis Web

Menggunakan protokol HTTP
Aplikasi di sisi server berkomunikasi
dengan client melalui web server
Aplikasi di sisi client umumnya
berupa web browser
Jadi, Aplikasi berbasis Web (client/serverside
script) berjalan di atas Aplikasi berbasis
Internet
(web client/server software)

11/11/16

15

Konsep Pemrograman Web

Definisi Web
HTTP

Pemrograman
Web

Sejarah HTTP
Teologis
Normatif

Client Side
Programing
Server Side
Programing
HTML
11/11/16

16

Konsep Pemrograman Web

Definisi 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 Identifier (URI).

11/11/16

17

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.

11/11/16

18

Sejarah HTTP

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.

11/11/16

19

Sejarah HTTP

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

11/11/16

20

Sejarah HTTP

Sesuai dengan perkembangan infrastruktur internet maka pada tahun 1999

dikeluarkan HTTP versi 1.1 untuk mengakomodasi proxy, cache dan koneksi
yang persisten
Contoh Transaksi
S = Server
C = Client
C: (Inisialisasi koneksi)
C: GET /index.htm HTTP/1.1
C: Host: www.wikipedia.org
S: 200 OK
S: Mime-type: text/html
S:
S: -- data dokumen -S: (close connectioin)

11/11/16

21

Client Side Programing

Dalam jaringan komputer, kata

client side mengacu kepada
operasi yang dilakukan oleh client
pada satu hubungan clientserver . Secara umum, suatu
client adalah satu aplikasi
komputer, seperti web browser
yang berjalan pada satu komputer
lokal dari pengguna atau
workstation dan terhubung ke
satu server seperlunya.
11/11/16

22

Server Side Programing

Pada server-side programming,

perintah-perintah program (script)
dijalankan di web server, kemudian
hasilnya dikirim ke browser dengan
format HTML. Program web yang
tergolong dalam server-side
programming adalah CGI/Perl, ASP
(Active Server Page), PHP, CFM
(Coldfussion), JSP (Java Script Page)
dan lainnya.
11/11/16

23

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).
11/11/16

24

HyperTextMarkupLanguage
(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).

11/11/16

25

HyperTextMarkupLanguage
(HTML)

Versi terakhir dari HTML adalah HTML

4.01, meskipun saat ini telah
berkembang XHTML yang merupakan
pengembangan dari HTML.

11/11/16

26

HyperTextMarkupLanguage
(HTML)

Markup/Tanda
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
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,
hypertext.

11/11/16

27

HyperTextMarkupLanguage
(HTML)

Tanda yang menunjukkan pranala ke bagian dari

dokumen tersebut atau pranala ke dokumen lain (contoh,
<a href="http://www.wikipedia.org/">Wikipedia</a>
akan menampilkan Wikipedia sebagai sebuah hyperlink
ke URL tertentu),
Elemen widget yang membuat objek-objek lain seperti
tombol (<button>), list (<li>), dan garis horizontal
(<hr>). Selain markup presentational , markup yang lain
tidak menentukan bagaimana tampilan dari sebuah teks.
Namun untuk saat ini, penggunaan tag HTML untuk
menentukan tampilan telah dianjurkan untuk mulai
ditinggalkan dan sebagai gantinya digunakan Cascading
Style Sheets.

11/11/16

28

Kesimpulan
Kelebihan & Kekurangan Aplikasi Berbasis Web
Kelebihan:
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
Kekurangan:
Antarmuka yang dapat dibuat terbatas sesuai spesifikasi
standar untuk membuat dokumen web dan keterbatasan
kemampuan web browser untuk menampilkannya
Terbatasnya kecepatan internet mungkin membuat respon
aplikasi menjadi lambat

11/11/16

29