T1063 Algoritma dan Pemrograman · 2010. 11. 30. · Mendesign dan membuat web statis dan dinamis...
Transcript of T1063 Algoritma dan Pemrograman · 2010. 11. 30. · Mendesign dan membuat web statis dan dinamis...
![Page 1: T1063 Algoritma dan Pemrograman · 2010. 11. 30. · Mendesign dan membuat web statis dan dinamis ... • untuk dokumen yang terdiri atas beberapa file (misalnya dokumen bergambar),](https://reader035.fdocuments.net/reader035/viewer/2022081410/6092bcaaff981f22f14a0128/html5/thumbnails/1.jpg)
PEMROGRAMAN WEB
Agussalim
![Page 2: T1063 Algoritma dan Pemrograman · 2010. 11. 30. · Mendesign dan membuat web statis dan dinamis ... • untuk dokumen yang terdiri atas beberapa file (misalnya dokumen bergambar),](https://reader035.fdocuments.net/reader035/viewer/2022081410/6092bcaaff981f22f14a0128/html5/thumbnails/2.jpg)
Deskripsi Matakuliah
Matakuliah ini mengajarkan tentang:
Konsep Pemrograman WEB
Pemrograman WEB statis dan dinamis
HTML (Hyper Text Markup Language)
PHP ”Hypertext preprocessor”, yang merupakan
sebuah bahasa scripting yang terpasang pada HTML
![Page 3: T1063 Algoritma dan Pemrograman · 2010. 11. 30. · Mendesign dan membuat web statis dan dinamis ... • untuk dokumen yang terdiri atas beberapa file (misalnya dokumen bergambar),](https://reader035.fdocuments.net/reader035/viewer/2022081410/6092bcaaff981f22f14a0128/html5/thumbnails/3.jpg)
Kompetensi Matakuliah
Mahasiswa mampu:
Mendesign dan membuat web statis dan dinamis
Membuat dan mendesign layout web yang baik dan
benar
Memahami tentang scripting dan CSS
![Page 4: T1063 Algoritma dan Pemrograman · 2010. 11. 30. · Mendesign dan membuat web statis dan dinamis ... • untuk dokumen yang terdiri atas beberapa file (misalnya dokumen bergambar),](https://reader035.fdocuments.net/reader035/viewer/2022081410/6092bcaaff981f22f14a0128/html5/thumbnails/4.jpg)
Materi-Materi
Bagian-bagian sebuah dokumen HTML dan dapat tag-tag pada HTML
Format karakter , hubungan antar dokumen HTML, menampilkan gambar dalam dokumen HTML
Variasi tabel, frame dan form tanpa menggunakan software bantu (tool).
CSS (Cascading Style Sheet )
PHP dan MySQL
![Page 5: T1063 Algoritma dan Pemrograman · 2010. 11. 30. · Mendesign dan membuat web statis dan dinamis ... • untuk dokumen yang terdiri atas beberapa file (misalnya dokumen bergambar),](https://reader035.fdocuments.net/reader035/viewer/2022081410/6092bcaaff981f22f14a0128/html5/thumbnails/5.jpg)
KONSEP PEMROGRAMAN WEB
![Page 6: T1063 Algoritma dan Pemrograman · 2010. 11. 30. · Mendesign dan membuat web statis dan dinamis ... • untuk dokumen yang terdiri atas beberapa file (misalnya dokumen bergambar),](https://reader035.fdocuments.net/reader035/viewer/2022081410/6092bcaaff981f22f14a0128/html5/thumbnails/6.jpg)
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
Keyword:
Sistem terdistribusi
Komunikasi via internet
![Page 7: T1063 Algoritma dan Pemrograman · 2010. 11. 30. · Mendesign dan membuat web statis dan dinamis ... • untuk dokumen yang terdiri atas beberapa file (misalnya dokumen bergambar),](https://reader035.fdocuments.net/reader035/viewer/2022081410/6092bcaaff981f22f14a0128/html5/thumbnails/7.jpg)
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)
etc.
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.
![Page 8: T1063 Algoritma dan Pemrograman · 2010. 11. 30. · Mendesign dan membuat web statis dan dinamis ... • untuk dokumen yang terdiri atas beberapa file (misalnya dokumen bergambar),](https://reader035.fdocuments.net/reader035/viewer/2022081410/6092bcaaff981f22f14a0128/html5/thumbnails/8.jpg)
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
Pemrograman Web
CGI, eksekusi program di sisi server
server side scripting
client side scripting
plug-in, eksekusi program di sisi client
![Page 9: T1063 Algoritma dan Pemrograman · 2010. 11. 30. · Mendesign dan membuat web statis dan dinamis ... • untuk dokumen yang terdiri atas beberapa file (misalnya dokumen bergambar),](https://reader035.fdocuments.net/reader035/viewer/2022081410/6092bcaaff981f22f14a0128/html5/thumbnails/9.jpg)
Bagaimana web bekerja?
Web
BrowserWeb
Server
HTTP request
HTTP responsebodyheader
body header
TCP/IP
Web files
Server
URL
Display
Client
• user mengetik URL di browser
• browser menghubungi server yang tersebut pada URL
• setelah terhubung, browser mengirimkan HTTP request
• server menjawab dengan mengirim HTTP response (berisi header dan
isi dokumen)
• untuk dokumen yang terdiri atas beberapa file (misalnya dokumen
bergambar), browser harus mengirimkan HTTP request lagi untuk
setiap file
• browser menampilkan semua isi dokumen kepada user
![Page 10: T1063 Algoritma dan Pemrograman · 2010. 11. 30. · Mendesign dan membuat web statis dan dinamis ... • untuk dokumen yang terdiri atas beberapa file (misalnya dokumen bergambar),](https://reader035.fdocuments.net/reader035/viewer/2022081410/6092bcaaff981f22f14a0128/html5/thumbnails/10.jpg)
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
![Page 11: T1063 Algoritma dan Pemrograman · 2010. 11. 30. · Mendesign dan membuat web statis dan dinamis ... • untuk dokumen yang terdiri atas beberapa file (misalnya dokumen bergambar),](https://reader035.fdocuments.net/reader035/viewer/2022081410/6092bcaaff981f22f14a0128/html5/thumbnails/11.jpg)
KarakteristikClient-server Scripting
Kelebihan Beban komputasi disebar di beberapa mesin
Client mengakses fungsionalitas server dari jarak jauh
Client dan server didesain terpisah (dan mungkin berbeda), lebih sederhanadibanding mendesain satu program yang dapat melakukan segalanya
Data dapat disimpan secara terpusat di server, usaha menjaga reliabilitassistem cukup dilakukan di server (UPS, redundant disk array, high speed processors, dll)
Data dapat disimpan secara terdistribusi di banyak client atau server, sehinggajika satu komponen rusak (misalnya harddisk crash atau bencana alam), makadata yang hilang menjadi minimal, atau mungkin dapat digantikan oleh data dari komponen lain
Server dapat diakses secara simultan oleh banyak client
Kekurangan Adanya delay komunikasi client-server
Harus mempertimbangkan sinkronisasi dan paralelisme proses dalam mendesainserver
![Page 12: T1063 Algoritma dan Pemrograman · 2010. 11. 30. · Mendesign dan membuat web statis dan dinamis ... • untuk dokumen yang terdiri atas beberapa file (misalnya dokumen bergambar),](https://reader035.fdocuments.net/reader035/viewer/2022081410/6092bcaaff981f22f14a0128/html5/thumbnails/12.jpg)
Web client (web browser)
web browser merupakan suatu software
dijalankan pada komputer user
sebuah perangkat navigasi di dalam web
menampilkan dokumen web
Perangkat lunak web browser yang populer saat ini : MS Internet Explorer (Windows)
Mozilla Firefox (Windows & Linux)
Safari (Windows & Mac)
Opera (Windows & Linux)
Konqueror (Linux)
Cameleon (Windows & Linux)
![Page 13: T1063 Algoritma dan Pemrograman · 2010. 11. 30. · Mendesign dan membuat web statis dan dinamis ... • untuk dokumen yang terdiri atas beberapa file (misalnya dokumen bergambar),](https://reader035.fdocuments.net/reader035/viewer/2022081410/6092bcaaff981f22f14a0128/html5/thumbnails/13.jpg)
Web client (web browser)
Baris Judul
Menu
Tool Bar
URL
HTML / PHP Document
Hyperlink
![Page 14: T1063 Algoritma dan Pemrograman · 2010. 11. 30. · Mendesign dan membuat web statis dan dinamis ... • untuk dokumen yang terdiri atas beberapa file (misalnya dokumen bergambar),](https://reader035.fdocuments.net/reader035/viewer/2022081410/6092bcaaff981f22f14a0128/html5/thumbnails/14.jpg)
Web server
web server
merupakan suatu software
dijalankan pada komputer server
berfungsi agar dokumen web yang disimpan di server dapat diakses oleh user di internet
Perangkat lunak web server yang populer saat ini :
Apache (Linux & Windows)
MS Internet Information Server / IIS (Windows)
Tomcat, untuk Java (Windows & Linux)
![Page 15: T1063 Algoritma dan Pemrograman · 2010. 11. 30. · Mendesign dan membuat web statis dan dinamis ... • untuk dokumen yang terdiri atas beberapa file (misalnya dokumen bergambar),](https://reader035.fdocuments.net/reader035/viewer/2022081410/6092bcaaff981f22f14a0128/html5/thumbnails/15.jpg)
Tugas I dapat di download di:
iagus.wordpress.com
Terima Kasih