SlideShare a Scribd company logo
1
Konsep Pemrograman
Internet dan Web
2
Konsep Pemrograman Internet
• Pemrograman Internet:
– pemrograman aplikasi berbasis internet
(aplikasi internet)
• Aplikasi internet merupakan suatu jenis
aplikasi yang menerapkan arsitektur
sistem terdistribusi dengan
menggunakan internet sebagai media
komunikasi antar komponennya
3
Jenis Sistem Terdistribusi
• Jenis arsitektur sistem terdistribusi:
– Client-server: sistem dibagi menjadi komponen yang
berfungsi sebagai peminta layanan (client) dan
pemberi layanan (server)
– Peer-to-peer: sistem terdiri atas komponen-
komponen yang fungsinya setara dan dapat saling
melayani atau meminta layanan
• Pada prinsipnya, arsitektur peer-to-peer juga
merupakan arsitektur client-server di mana
setiap komponennya dapat mempunyai fungsi
sebagai client sekaligus server terhadap
komponen lain
4
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
data yang hilang menjadi minimal, atau mungkin dapat
digantikan oleh data dari komponen lain
• Server dapat diakses secara simultan oleh banyak client
5
Kekurangan Client-server
• Adanya delay komunikasi client-server
• Harus mempertimbangkan sinkronisasi
dan paralelisme proses dalammendesain
server
6
Komunikasi via Internet
• Internet :
– sebuah jaringan komputer yang sangat
besar(meliputi seluruh dunia)
– jaringan besar yang menghubungkan jaringan-
jaringan kecil
– menggunakan protokol transmisiberbasis
TCP/IP
7
Komunikasi menggunakan 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
8
Contoh Aplikasi berbasis Internet
(Layanan Internet)
• Web (protokol aplikasi: HTTP)
• E-mail (IMAP, POP, SMTP)
• Chatting
– open standard: IRC
– non standard: YM, ICQ, MSN chat, AOL, dll
• File transfer (FTP)
• Remote terminal (telnet)
• Directory service (LDAP)
• Network monitoring (NMAP)
• Web service (SOAP)
• Voice (VoIP)
• dll.
Catatan:
“Aplikasi” dalam konteks judul di atas
mengacu pada level protokol dan dapat
disebut juga sebagai “Layanan
Internet”. Aplikasi dalam konteks
“software” (misalnya aplikasi “web
browser”) dapat mengakses atau
menyediakan salah satu atau beberapa
Layanan Internet di atas.
9
Berbasis Internet vs Berbasis Web
• 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
• 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/server-side
script) berjalan di atas Aplikasi berbasis Internet
(web client/server software)
10
Konsep Pemrograman Web (1)
• Pemrograman web: membuat aplikasi berbasis
web
• Aplikasi berbasis web: Aplikasi yang dibuat
dengan memanfaatkan mekanisme dan aplikasi
yang sudah ada pada sistem web (WWW)
• Sistem web sebenarnya 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
11
Web Server
(Apache, IIS, dsb)
Middleware
(ASP, PHP,
JSP, dll)
Basis Data
(MySQL,
Oracle, dsb)
Browser
(IE, FireFox, dsb)
Server
Client Arsitektur Aplikasi Web
ONLINE / OFFLINE (LOCALHOST)
12
Browser
Kode
HTML
Kode
HTML
Request
(http://www.mypage.or.id/)
Response
(Index.html)Client
Web Server
13
Konsep Pemrograman Web (2)
• Membuat aplikasi berbasis web berarti:
– Memperkaya fungsi web server dengan cara
menambahkan program pada dokumen web yang
akan dieksekusi oleh server ketika file dokumen web
tersebut diakses oleh web server
• Misalnya, program yang mengambil data ke basis data untuk
ditampilkan ke web browser
– Memperkaya interaktivitas dokumen dengan cara
menambahkan program pada dokumen web yang
akan dieksekusi oleh web browser ketika file
dokumen tersebut ditampilkan oleh web browser
• Misalnya, program yang memvalidasi data masukan pada
form sebelum disubmit ke web server
14
Browser
Kode
HTML
Kode
HTML
Request
(http://studentsite.gunadarma.ac.id/)
Response
Client
Web Server
Script PHP
(index.php)
PHP Engine
15
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
16
Yang perlu dipelajari untuk
membuat aplikasi berbasis web
• Di sisi client:
– Sintaks pembuatan dokumen web (HTML & CSS)
– Client side scripting (JavaScript)
• Di sisi server
– Mekanisme pemanggilan program dan pengambilan
output program oleh web server (CGI)
– Server side scripting (PHP, JSP, ASP, dll)
• Penghubung
– Sintaks pengalamatan dokumen web (URL)
– Protokol komunikasi (HTTP)
17
Teknologi Pembangun Aplikasi
berbasis Web
• Web client (web browser)
• Web server
• URL : Uniform Resource Locator
• HTTP : HyperText Transfer Protocol
• HTML : HyperText Markup Language
• CSS : Cascading Style Sheet
• PemrogramanWeb
– CGI, eksekusi program di sisi server
– server side scripting
– client side scripting
– plug-in, eksekusi program di sisi client
18
19
20
21
22
23
24
25
26
27
28

More Related Content

PDF
01konseppemrogramaninternet
PPTX
Materi 3
PPTX
Materi 3
PPTX
Ronald adriansyah
PDF
10. m 12 pertemuan 23
PPTX
Bahan ajar html 1
PPT
Tugas so II, Perkembangan web server di linux
PDF
Tipe tipe dan model client server-plus
01konseppemrogramaninternet
Materi 3
Materi 3
Ronald adriansyah
10. m 12 pertemuan 23
Bahan ajar html 1
Tugas so II, Perkembangan web server di linux
Tipe tipe dan model client server-plus

What's hot (20)

PPTX
Tugas atpi aplikasi teknologi dan pengelolaan informasi
PPT
Teknologi Aplikasi Web Bagian Pertama
PPTX
File Transfer Protokol
PDF
Modul 12rev1
PDF
Jarkom Pertemuan 9
PPT
TugaS II so- II
PPTX
Rekayasa web part 2 khaerul anwar
DOCX
Materi WWW
PPTX
Perkembangan web server di Linux
PDF
Dasar web-dan-html
PPTX
Tugas 2 ihsan riadi - 1412511162
PPTX
Tugas2 0317 [lingga eka pradipta]-[1411501073]
PPTX
Aplikasi Aplikasi untuk Server
PPTX
Pertemuan ke 1
DOCX
Zentyal adalah server_linux_untuk_small
PPTX
File Transfer Protocol
PDF
Sister 06 - client server
PPTX
Tugas rekayasa web
PDF
Pbw week 01 basics
PPTX
Tugas7 ku-0316-rekweb
Tugas atpi aplikasi teknologi dan pengelolaan informasi
Teknologi Aplikasi Web Bagian Pertama
File Transfer Protokol
Modul 12rev1
Jarkom Pertemuan 9
TugaS II so- II
Rekayasa web part 2 khaerul anwar
Materi WWW
Perkembangan web server di Linux
Dasar web-dan-html
Tugas 2 ihsan riadi - 1412511162
Tugas2 0317 [lingga eka pradipta]-[1411501073]
Aplikasi Aplikasi untuk Server
Pertemuan ke 1
Zentyal adalah server_linux_untuk_small
File Transfer Protocol
Sister 06 - client server
Tugas rekayasa web
Pbw week 01 basics
Tugas7 ku-0316-rekweb
Ad

Similar to 01konseppemrogramaninternet (20)

PPTX
Internet dan aplikasi web
PDF
Application Layer
PPTX
Pertemuan_1_-_Pendahuluan0912423443.pptx
PPTX
Tugas 2 0317-fahreza yozi-1612510832
PPT
media interakitf berbasis halaman website
PPT
Pemrograman-Berbasis-Web-Pertemuan-1.ppt
PPT
Pemrograman-Berbasis-Web-Pertemuan-1.ppt
PPT
Pemrograman-Berbasis-Web-Pertemuan-1.ppt
PPTX
Tugas 2 0317-dewi apriliani-1412510602
PPTX
Tugas 2 0317-imelda felicia-1412510545
PDF
Jeni web programming-bab 1-pengenalan pemrograman web
PPTX
Tugas 2 0317-nurul azmi-1412510587
PPTX
Materi 3
DOC
Laporan pemrograman visual3
PDF
M1_Pengantar Java Website Aplikasi Online.pdf
PPT
Tugas[2] 0317-[Wildan Latief]-[1512500818]
PPTX
Tugas2 krisna muktiandika-1511510347
PPTX
Tugas rekayasa web
PPTX
desain media interaktif desain media interaktif desain media interaktif desai...
PPT
Pertemuan 09 client server
Internet dan aplikasi web
Application Layer
Pertemuan_1_-_Pendahuluan0912423443.pptx
Tugas 2 0317-fahreza yozi-1612510832
media interakitf berbasis halaman website
Pemrograman-Berbasis-Web-Pertemuan-1.ppt
Pemrograman-Berbasis-Web-Pertemuan-1.ppt
Pemrograman-Berbasis-Web-Pertemuan-1.ppt
Tugas 2 0317-dewi apriliani-1412510602
Tugas 2 0317-imelda felicia-1412510545
Jeni web programming-bab 1-pengenalan pemrograman web
Tugas 2 0317-nurul azmi-1412510587
Materi 3
Laporan pemrograman visual3
M1_Pengantar Java Website Aplikasi Online.pdf
Tugas[2] 0317-[Wildan Latief]-[1512500818]
Tugas2 krisna muktiandika-1511510347
Tugas rekayasa web
desain media interaktif desain media interaktif desain media interaktif desai...
Pertemuan 09 client server
Ad

01konseppemrogramaninternet

  • 2. 2 Konsep Pemrograman Internet • Pemrograman Internet: – pemrograman aplikasi berbasis internet (aplikasi internet) • Aplikasi internet merupakan suatu jenis aplikasi yang menerapkan arsitektur sistem terdistribusi dengan menggunakan internet sebagai media komunikasi antar komponennya
  • 3. 3 Jenis Sistem Terdistribusi • Jenis arsitektur sistem terdistribusi: – Client-server: sistem dibagi menjadi komponen yang berfungsi sebagai peminta layanan (client) dan pemberi layanan (server) – Peer-to-peer: sistem terdiri atas komponen- komponen yang fungsinya setara dan dapat saling melayani atau meminta layanan • Pada prinsipnya, arsitektur peer-to-peer juga merupakan arsitektur client-server di mana setiap komponennya dapat mempunyai fungsi sebagai client sekaligus server terhadap komponen lain
  • 4. 4 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 data yang hilang menjadi minimal, atau mungkin dapat digantikan oleh data dari komponen lain • Server dapat diakses secara simultan oleh banyak client
  • 5. 5 Kekurangan Client-server • Adanya delay komunikasi client-server • Harus mempertimbangkan sinkronisasi dan paralelisme proses dalammendesain server
  • 6. 6 Komunikasi via Internet • Internet : – sebuah jaringan komputer yang sangat besar(meliputi seluruh dunia) – jaringan besar yang menghubungkan jaringan- jaringan kecil – menggunakan protokol transmisiberbasis TCP/IP
  • 7. 7 Komunikasi menggunakan 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
  • 8. 8 Contoh Aplikasi berbasis Internet (Layanan Internet) • Web (protokol aplikasi: HTTP) • E-mail (IMAP, POP, SMTP) • Chatting – open standard: IRC – non standard: YM, ICQ, MSN chat, AOL, dll • File transfer (FTP) • Remote terminal (telnet) • Directory service (LDAP) • Network monitoring (NMAP) • Web service (SOAP) • Voice (VoIP) • dll. Catatan: “Aplikasi” dalam konteks judul di atas mengacu pada level protokol dan dapat disebut juga sebagai “Layanan Internet”. Aplikasi dalam konteks “software” (misalnya aplikasi “web browser”) dapat mengakses atau menyediakan salah satu atau beberapa Layanan Internet di atas.
  • 9. 9 Berbasis Internet vs Berbasis Web • 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 • 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/server-side script) berjalan di atas Aplikasi berbasis Internet (web client/server software)
  • 10. 10 Konsep Pemrograman Web (1) • Pemrograman web: membuat aplikasi berbasis web • Aplikasi berbasis web: Aplikasi yang dibuat dengan memanfaatkan mekanisme dan aplikasi yang sudah ada pada sistem web (WWW) • Sistem web sebenarnya 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
  • 11. 11 Web Server (Apache, IIS, dsb) Middleware (ASP, PHP, JSP, dll) Basis Data (MySQL, Oracle, dsb) Browser (IE, FireFox, dsb) Server Client Arsitektur Aplikasi Web ONLINE / OFFLINE (LOCALHOST)
  • 13. 13 Konsep Pemrograman Web (2) • Membuat aplikasi berbasis web berarti: – Memperkaya fungsi web server dengan cara menambahkan program pada dokumen web yang akan dieksekusi oleh server ketika file dokumen web tersebut diakses oleh web server • Misalnya, program yang mengambil data ke basis data untuk ditampilkan ke web browser – Memperkaya interaktivitas dokumen dengan cara menambahkan program pada dokumen web yang akan dieksekusi oleh web browser ketika file dokumen tersebut ditampilkan oleh web browser • Misalnya, program yang memvalidasi data masukan pada form sebelum disubmit ke web server
  • 15. 15 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
  • 16. 16 Yang perlu dipelajari untuk membuat aplikasi berbasis web • Di sisi client: – Sintaks pembuatan dokumen web (HTML & CSS) – Client side scripting (JavaScript) • Di sisi server – Mekanisme pemanggilan program dan pengambilan output program oleh web server (CGI) – Server side scripting (PHP, JSP, ASP, dll) • Penghubung – Sintaks pengalamatan dokumen web (URL) – Protokol komunikasi (HTTP)
  • 17. 17 Teknologi Pembangun Aplikasi berbasis Web • Web client (web browser) • Web server • URL : Uniform Resource Locator • HTTP : HyperText Transfer Protocol • HTML : HyperText Markup Language • CSS : Cascading Style Sheet • PemrogramanWeb – CGI, eksekusi program di sisi server – server side scripting – client side scripting – plug-in, eksekusi program di sisi client
  • 18. 18
  • 19. 19
  • 20. 20
  • 21. 21
  • 22. 22
  • 23. 23
  • 24. 24
  • 25. 25
  • 26. 26
  • 27. 27
  • 28. 28