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
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
Bahan ajar html 1
PDF
10. m 12 pertemuan 23
PPTX
Materi 3
PPTX
Ronald adriansyah
PPT
Tugas so II, Perkembangan web server di linux
PPT
Teknologi Aplikasi Web Bagian Pertama
01konseppemrogramaninternet
Materi 3
Bahan ajar html 1
10. m 12 pertemuan 23
Materi 3
Ronald adriansyah
Tugas so II, Perkembangan web server di linux
Teknologi Aplikasi Web Bagian Pertama

What's hot (20)

PDF
Tipe tipe dan model client server-plus
PPTX
Tugas atpi aplikasi teknologi dan pengelolaan informasi
PPT
TugaS II so- II
PPTX
File Transfer Protokol
PDF
Modul 12rev1
PPTX
Perkembangan web server di Linux
PDF
Jarkom Pertemuan 9
PPTX
Rekayasa web part 2 khaerul anwar
PPTX
Aplikasi Aplikasi untuk Server
PDF
Sister 06 - client server
PPTX
Pertemuan ke 1
PPTX
Tugas administrasi server
DOCX
Materi WWW
PPTX
Tugas 2 ihsan riadi - 1412511162
PDF
Dasar web-dan-html
PPTX
Tugas rekayasa web
PPTX
File Transfer Protocol
DOCX
Desain penempatan segmen jaringan
PPTX
Ppt ftp dan samba server
Tipe tipe dan model client server-plus
Tugas atpi aplikasi teknologi dan pengelolaan informasi
TugaS II so- II
File Transfer Protokol
Modul 12rev1
Perkembangan web server di Linux
Jarkom Pertemuan 9
Rekayasa web part 2 khaerul anwar
Aplikasi Aplikasi untuk Server
Sister 06 - client server
Pertemuan ke 1
Tugas administrasi server
Materi WWW
Tugas 2 ihsan riadi - 1412511162
Dasar web-dan-html
Tugas rekayasa web
File Transfer Protocol
Desain penempatan segmen jaringan
Ppt ftp dan samba server
Ad

Similar to 01konseppemrogramaninternet (20)

PPTX
Internet dan aplikasi web
PPTX
Pertemuan_1_-_Pendahuluan0912423443.pptx
PDF
Application Layer
PPT
media interakitf berbasis halaman website
PPTX
Tugas 2 0317-fahreza yozi-1612510832
PPT
Pemrograman-Berbasis-Web-Pertemuan-1.ppt
PPT
Pemrograman-Berbasis-Web-Pertemuan-1.ppt
PPT
Pemrograman-Berbasis-Web-Pertemuan-1.ppt
PPTX
Tugas2 0317 [lingga eka pradipta]-[1411501073]
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
PDF
M1_Pengantar Java Website Aplikasi Online.pdf
DOC
Laporan pemrograman visual3
PDF
Pengelolaan server jaringan
PDF
pengelolaan-server-jaringan
PDF
Bab10 pengelolaan server_jaringan
PPTX
Tugas rekayasa web
PPTX
Tugas webserver SO II - 09 154
Internet dan aplikasi web
Pertemuan_1_-_Pendahuluan0912423443.pptx
Application Layer
media interakitf berbasis halaman website
Tugas 2 0317-fahreza yozi-1612510832
Pemrograman-Berbasis-Web-Pertemuan-1.ppt
Pemrograman-Berbasis-Web-Pertemuan-1.ppt
Pemrograman-Berbasis-Web-Pertemuan-1.ppt
Tugas2 0317 [lingga eka pradipta]-[1411501073]
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
M1_Pengantar Java Website Aplikasi Online.pdf
Laporan pemrograman visual3
Pengelolaan server jaringan
pengelolaan-server-jaringan
Bab10 pengelolaan server_jaringan
Tugas rekayasa web
Tugas webserver SO II - 09 154
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
  • 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